zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
始于初见
2025-10-21 17:19:03 +08:00
parent b4615723f3
commit 60a486619a
2 changed files with 80 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
src/components/page/articleAdd2.vue
View File

@@ -5,12 +5,24 @@
<el-breadcrumb-item> <i class="el-icon-uthorVisiblelx-cascades"></i> Submit manuscript </el-breadcrumb-item> <el-breadcrumb-item> <i class="el-icon-uthorVisiblelx-cascades"></i> Submit manuscript </el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<div style="display: flex; justify-content: space-between"> <div style="display: flex; justify-content: space-between" >
<div> <div style="width: 960px; position: relative" class="step_list_new">
<el-steps :space="200" :active="1" finish-status="success" align-center> <el-steps :active="0" align-center >
<el-step :title="item.title" :icon="item.icon" v-for="item in listStep" @click="StepCode(item.index)" :class="show_step == item.index ? 'C_style' : ''"></el-step> <el-step style="cursor: pointer"
v-for="item in listStep"
:key="item.index"
:class="{ C_style: show_step === item.index }"
>
<template #icon>
<i :class="item.icon" style="font-size: 36px" @click.stop="StepCode(item)"></i>
</template>
<template #title>
<span @click.stop="StepCode(item)">{{ item.title }}</span>
</template>
</el-step>
</el-steps>
</el-steps>
<div class="step_list" style="width: 960px; position: relative"> <div class="step_list" style="width: 960px; position: relative">
<div v-for="item in listStep" @click="StepCode(item.index)" :class="show_step == item.index ? 'C_style' : ''"> <div v-for="item in listStep" @click="StepCode(item.index)" :class="show_step == item.index ? 'C_style' : ''">
<div> <div>
@@ -65,8 +77,6 @@
<el-input v-model="form.title" placeholder="Please enter title"></el-input> <el-input v-model="form.title" placeholder="Please enter title"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="Whether ethical approval was obtained ?" prop="approval" label-width="300px"> <el-form-item label="Whether ethical approval was obtained ?" prop="approval" label-width="300px">
<el-radio-group v-model="form.approval"> <el-radio-group v-model="form.approval">
<el-radio :label="1">Yes</el-radio> <el-radio :label="1">Yes</el-radio>
@@ -167,25 +177,29 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="Has artificial intelligence been used in the article ?" prop="approval" label-width="340px"> <el-form-item
label="Has artificial intelligence been used in the article ?"
prop="approval"
label-width="340px"
>
<el-radio-group v-model="form.is_use_ai" @input="changeUseAi"> <el-radio-group v-model="form.is_use_ai" @input="changeUseAi">
<el-radio :label="1">Yes</el-radio> <el-radio :label="1">Yes</el-radio>
<el-radio :label="2" >No</el-radio> <el-radio :label="2">No</el-radio>
</el-radio-group> </el-radio-group>
<div v-if="form.is_use_ai == 1"> <div v-if="form.is_use_ai == 1">
<!-- <p class="zyfont" style="font-weight: normal; margin: 20px 0 10px 0; color: #777"> <!-- <p class="zyfont" style="font-weight: normal; margin: 20px 0 10px 0; color: #777">
If yes, please provide a brief explanation in the text box below.<i If yes, please provide a brief explanation in the text box below.<i
class="el-icon-edit" class="el-icon-edit"
style="margin-left: 10px" style="margin-left: 10px"
></i> ></i>
</p> --> </p> -->
<el-input <el-input
type="textarea" type="textarea"
placeholder="please input content" placeholder="please input content"
v-model="form.use_ai_explain" v-model="form.use_ai_explain"
:rows="4" :rows="4"
></el-input> ></el-input>
</div> </div>
</el-form-item> </el-form-item>
<div style="text-align: center; margin: 40px 0 0 0"> <div style="text-align: center; margin: 40px 0 0 0">
<el-button type="warning" @click="onStagingSave(1)" class="pro_stage">Save as draft </el-button> <el-button type="warning" @click="onStagingSave(1)" class="pro_stage">Save as draft </el-button>
@@ -1041,8 +1055,8 @@ export default {
approval_file: '', approval_file: '',
approval_content: '', approval_content: '',
code: '', code: '',
is_use_ai:2, is_use_ai: 2,
use_ai_explain:'', use_ai_explain: ''
// topics:null // topics:null
}, },
raltiAutList: [], raltiAutList: [],
@@ -2462,9 +2476,10 @@ export default {
}); });
}, },
// 点击tab变化 // 点击tab变化
StepCode(e) { StepCode(step) {
console.log('🚀 ~ StepCode ~ e111:', e); var e=step.index;
console.log(e); console.log('e at line 2480:', e)
if (this.move_step > e) { if (this.move_step > e) {
if (this.move_step == 2) { if (this.move_step == 2) {
this.onStaging(2); this.onStaging(2);
@@ -2571,7 +2586,7 @@ export default {
this.$message.error('The abstract should not be less than 200 Chinese characters or English words!'); this.$message.error('The abstract should not be less than 200 Chinese characters or English words!');
return false; return false;
} }
if(this.form.is_use_ai==1&&this.form.use_ai_explain==''){ if (this.form.is_use_ai == 1 && this.form.use_ai_explain == '') {
this.$message.error('Please describe how artificial intelligence is utilized in this article'); this.$message.error('Please describe how artificial intelligence is utilized in this article');
return false; return false;
} }
@@ -2596,17 +2611,16 @@ export default {
} }
this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1); this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
if(this.majorValueList.length>0){ if (this.majorValueList.length > 0) {
this.form.major = this.majorValueList this.form.major = this.majorValueList
.map((item) => item.selectedValue.length>0?item.selectedValue[item.selectedValue.length - 1]:[]) .map((item) => (item.selectedValue.length > 0 ? item.selectedValue[item.selectedValue.length - 1] : []))
.toString(','); .toString(',');
// if (this.form.major == '') { // if (this.form.major == '') {
// this.$message.error('Please select the Research areas'); // this.$message.error('Please select the Research areas');
// return false; // return false;
// } // }
} }
this.$api.post('api/Article/addArticlePart1', this.form).then((res) => { this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
if (res.code == 0) { if (res.code == 0) {
this.stagingID = res.data.article_id; this.stagingID = res.data.article_id;
@@ -2705,10 +2719,10 @@ export default {
this.$message.error('The abstract should not be less than 200 Chinese characters or English words!'); this.$message.error('The abstract should not be less than 200 Chinese characters or English words!');
return false; return false;
} }
if(this.form.is_use_ai==1&&this.form.use_ai_explain==''){ if (this.form.is_use_ai == 1 && this.form.use_ai_explain == '') {
this.$message.error('Please describe how artificial intelligence is utilized in this article'); this.$message.error('Please describe how artificial intelligence is utilized in this article');
return false; return false;
} }
this.$api.post('api/Article/addArticlePart1', this.form).then((res) => { this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
if (res.code == 0) { if (res.code == 0) {
this.stagingID = res.data.article_id; this.stagingID = res.data.article_id;
@@ -2851,12 +2865,11 @@ export default {
console.log(res, '已经保存的值'); console.log(res, '已经保存的值');
}); });
}, },
changeUseAi(e){ changeUseAi(e) {
console.log('e at line 2837:', e) console.log('e at line 2837:', e);
if(e==2){ if (e == 2) {
this.form.use_ai_explain = '' this.form.use_ai_explain = '';
} }
}, },
// 读取 // 读取
Temporary() { Temporary() {
@@ -3030,6 +3043,27 @@ export default {
.formTopics { .formTopics {
width: 100%; width: 100%;
} }
::v-deep .step_list_new .el-step__icon.is-text {
border-radius: 0 !important;
border: none !important;
}
::v-deep .step_list_new .el-step__icon {
background: transparent !important;
}
::v-deep .step_list_new .el-step__head.is-process {
color: #006699 !important;
border-color: #006699 !important;
}
::v-deep .step_list_new .el-step__title.is-process {
color: #006699 !important;
font-weight: bold !important;
}
::v-deep .step_list_new .el-step.is-center .el-step__line {
left: 58% !important;
right: -43% !important;
}
</style> </style>
<style> <style>

4
vue.config.js
View File

@@ -74,8 +74,8 @@ module.exports = {
// target: 'http://www.tougao.com/', // target: 'http://www.tougao.com/',
// target: 'http://192.168.110.110/tougao/public/index.php/', // target: 'http://192.168.110.110/tougao/public/index.php/',
// target: 'http://api.tmrjournals.com/public/index.php/',//正式 // target: 'http://api.tmrjournals.com/public/index.php/',//正式
// target: 'http://zmzm.tougao.dev.com/',//程晓玲 target: 'http://zmzm.tougao.dev.com/',//程晓玲
target: 'https://submission.tmrjournals.com/',//正式 // target: 'https://submission.tmrjournals.com/',//正式
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
'^/api': '' '^/api': ''