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

122
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>
</div>
<div style="display: flex; justify-content: space-between">
<div>
<el-steps :space="200" :active="1" finish-status="success" 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>
<div style="display: flex; justify-content: space-between" >
<div style="width: 960px; position: relative" class="step_list_new">
<el-steps :active="0" align-center >
<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 v-for="item in listStep" @click="StepCode(item.index)" :class="show_step == item.index ? 'C_style' : ''">
<div>
@@ -64,9 +76,7 @@
<el-form-item label="Manuscript Title :" prop="title" label-width="160px">
<el-input v-model="form.title" placeholder="Please enter title"></el-input>
</el-form-item>
<el-form-item label="Whether ethical approval was obtained ?" prop="approval" label-width="300px">
<el-radio-group v-model="form.approval">
<el-radio :label="1">Yes</el-radio>
@@ -166,26 +176,30 @@
to view detailed policies.
</div>
</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 :label="1">Yes</el-radio>
<el-radio :label="2" >No</el-radio>
<el-radio :label="2">No</el-radio>
</el-radio-group>
<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
class="el-icon-edit"
style="margin-left: 10px"
></i>
</p> -->
<el-input
type="textarea"
placeholder="please input content"
v-model="form.use_ai_explain"
:rows="4"
></el-input>
</div>
<el-input
type="textarea"
placeholder="please input content"
v-model="form.use_ai_explain"
:rows="4"
></el-input>
</div>
</el-form-item>
<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>
@@ -1041,8 +1055,8 @@ export default {
approval_file: '',
approval_content: '',
code: '',
is_use_ai:2,
use_ai_explain:'',
is_use_ai: 2,
use_ai_explain: ''
// topics:null
},
raltiAutList: [],
@@ -2462,9 +2476,10 @@ export default {
});
},
// 点击tab变化
StepCode(e) {
console.log('🚀 ~ StepCode ~ e111:', e);
console.log(e);
StepCode(step) {
var e=step.index;
console.log('e at line 2480:', e)
if (this.move_step > e) {
if (this.move_step == 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!');
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');
return false;
}
@@ -2596,16 +2611,15 @@ export default {
}
this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
if(this.majorValueList.length>0){
this.form.major = this.majorValueList
.map((item) => item.selectedValue.length>0?item.selectedValue[item.selectedValue.length - 1]:[])
.toString(',');
// if (this.form.major == '') {
// this.$message.error('Please select the Research areas');
// return false;
// }
if (this.majorValueList.length > 0) {
this.form.major = this.majorValueList
.map((item) => (item.selectedValue.length > 0 ? item.selectedValue[item.selectedValue.length - 1] : []))
.toString(',');
// if (this.form.major == '') {
// this.$message.error('Please select the Research areas');
// return false;
// }
}
this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
if (res.code == 0) {
@@ -2705,10 +2719,10 @@ export default {
this.$message.error('The abstract should not be less than 200 Chinese characters or English words!');
return false;
}
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');
return false;
}
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');
return false;
}
this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
if (res.code == 0) {
this.stagingID = res.data.article_id;
@@ -2851,12 +2865,11 @@ export default {
console.log(res, '已经保存的值');
});
},
changeUseAi(e){
console.log('e at line 2837:', e)
if(e==2){
this.form.use_ai_explain = ''
}
changeUseAi(e) {
console.log('e at line 2837:', e);
if (e == 2) {
this.form.use_ai_explain = '';
}
},
// 读取
Temporary() {
@@ -3030,6 +3043,27 @@ export default {
.formTopics {
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>

4
vue.config.js
View File

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