tijiao

src/api/index.js

@@ -19,8 +19,8 @@ const service = axios.create({
 	// baseURL: 'https://submission.tmrjournals.com/', //正式 记得切换
 	// baseURL: 'http://www.tougao.com/', //测试本地 记得切换
 	// baseURL: 'http://192.168.110.110/tougao/public/index.php/',
-	baseURL: '/api', //本地
+	// baseURL: '/api', //本地
-	// baseURL: '/', //正式
+	baseURL: '/', //正式
 
 });
 

src/components/page/articleAdd.vue

@@ -60,6 +60,9 @@
                                 <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>
@@ -159,6 +162,27 @@
                                         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-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-group>
+                                    <div v-if="form.is_use_ai == 1">
+                                    <!-- <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-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>
                                     <el-button type="primary" @click="onStep(1)" class="pro_ceed"
@@ -927,6 +951,8 @@
 export default {
     data() {
         return {
+            hasAIContent: ['1'],
+            isHasAI: '0',
             majorValueList: [],
             baseUrl: this.Common.baseUrl,
             usercap: localStorage.getItem('U_role'),
@@ -1010,7 +1036,9 @@ export default {
                 supplementary: '',
                 approval_file: '',
                 approval_content: '',
-                code: ''
+                code: '',
+                is_use_ai:2,
+                use_ai_explain:'',
                 // topics:null
             },
             raltiAutList: [],
@@ -2538,6 +2566,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 (e == 1) {
                         if (this.form.journal == 0 || !this.form.journal) {
                             this.$message.error('Please select the Journal');
@@ -2664,6 +2696,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;
+                    }
                 this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
                     if (res.code == 0) {
                         this.stagingID = res.data.article_id;
@@ -2730,7 +2766,6 @@ export default {
                         }
                     });
             } else if (e == 4) {
-               
                 this.$api
                     .post('api/Article/addArticlefile', {
                         article_id: this.form.article_id,
@@ -2805,7 +2840,14 @@ export default {
                             : [item.shu]
                     }));
                     console.log(res, '已经保存的值');
-                })
+                });
+        },
+        changeUseAi(e){
+        console.log('e at line 2837:', e)
+        if(e==2){
+            this.form.use_ai_explain = ''
+        }
+
         },
         // 读取
         Temporary() {
@@ -2824,6 +2866,8 @@ export default {
                         this.form.approval_content = res.data.base.approval_content;
                         this.form.abstrart = res.data.base.abstrart;
                         this.form.fund = res.data.base.fund;
+                        this.form.is_use_ai = res.data.base.is_use_ai;
+                        this.form.use_ai_explain = res.data.base.use_ai_explain;
                         console.log(res.data.base);
                         // this.form.topics = res.data.base.topics
                         // 领域

src/components/page/articleDetailEditor.vue

@@ -163,7 +163,21 @@
                                     </p>
                                 </el-collapse-item>
                             </el-collapse>
-                            <el-collapse v-model="researchAreas" class="auth_colla auth_collna_ew" style="margin-top: -15px">
+                            <el-collapse v-model="AIcontent" class="auth_colla auth_collna_ew" style="margin-top: -15px" v-if="form.is_use_ai==1">
+                                <el-collapse-item title="Artificial intelligence was utilized in the research or manuscript of the article" name="1">
+                                   
+                                    {{ form.use_ai_explain }}
+                                   
+                                </el-collapse-item>
+                            </el-collapse>
+                            <el-collapse  class="auth_colla auth_collna_ew" style="margin-top: -15px" v-if="form.is_use_ai==2">
+                                <el-collapse-item title="No artificial intelligence was utilized in the research or manuscript writing process of this article" name="1">
+                                   
+                                    
+                                   
+                                </el-collapse-item>
+                            </el-collapse>
+                            <el-collapse v-model="researchAreas" class="auth_colla auth_collna_ew research_area" style="margin-top: -15px">
                                 <el-collapse-item title="Research areas" name="1">
                                     <div style="position: relative; height: 30px">
                                         <common-major
@@ -683,7 +697,8 @@ export default {
             isShowAI: false,
             currentArticleData: {},
             researchAreas: ['1'],
-            AIcontent: '',
+            AIcontent: ['1'],
+            // AIcontent: '',
             previewData: {},
             baseUrl: this.Common.baseUrl,
             mediaUrl: this.Common.mediaUrl,
@@ -1292,6 +1307,8 @@ export default {
                     this.remark.content = res.article.remarks;
                     this.form.state = res.article.state;
                     this.form.ctime = res.article.ctime;
+                    this.form.is_use_ai = res.article.is_use_ai;
+                    this.form.use_ai_explain = res.article.use_ai_explain;
                     this.form.transList = res.transfer;
                     this.msgs = res.msg;
                     var alist = res.authors;
@@ -1767,4 +1784,7 @@ export default {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     border-radius: 30px;
 }
+/deep/.research_area .el-collapse-item__content{
+		padding-bottom: 0 !important;
+	}
 </style>

src/components/page/articleList.vue

@@ -257,6 +257,48 @@
 						</p>
 					</el-collapse-item>
 				</el-collapse>
+				<el-collapse class="auth_colla  research_area" style="margin-top: -15px" v-model="AIcontent" v-if="artextForm.is_use_ai&&artextForm.is_use_ai==1">
+                                <el-collapse-item title="Artificial intelligence was utilized in the research or manuscript of the article" name="1">
+                                   
+
+                                    <div style="margin: 12px 20px 30px 0px; line-height: 24px; font-size: 14px; position: relative">
+                                        <div>
+                                            <!-- 统计数据 -->
+
+                                            <div class="join_link">
+                                                <!-- 如果你想投稿 请点击 -->
+												
+                                            {{ artextForm.use_ai_explain }}
+                                                <!-- 查看已投稿件列表 -->
+                                            </div>
+                                        </div>
+                                    </div>
+                                </el-collapse-item>
+                            </el-collapse>
+				<el-collapse class="auth_colla  research_area" style="margin-top: -15px" v-model="researchAreas" v-if="majorValueList.length>0">
+                                <el-collapse-item title="Research areas" name="1">
+                                   
+
+                                    <div style="margin: 12px 20px 30px 0px; line-height: 24px; font-size: 14px; position: relative">
+                                        <div>
+                                            <!-- 统计数据 -->
+
+                                            <div class="join_link">
+                                                <!-- 如果你想投稿 请点击 -->
+												
+                                                <p style="" v-for="(v, i) in majorValueList">
+                                                    <span style="color: #006699; font-weight: bold; margin-right: 10px"
+                                                        >Field {{ i + 1 }}:</span
+                                                    >{{ v.major_title.replace('Medicine >', '').trim() 
+                                                    }}
+                                                </p>
+                                                <!-- 查看已投稿件列表 -->
+                                            </div>
+                                        </div>
+                                    </div>
+                                </el-collapse-item>
+                            </el-collapse>
+				
 			</div>
 			<div class="art_file" style="margin-top: 0;border-top-color:#fff;padding-top: 0;">
 				<h4 v-if="coverLetterFileList">Cover letter : </h4>
@@ -406,6 +448,10 @@
 	export default {
 		data() {
 			return {
+				researchAreas:['1'],
+				AIcontent:['1'],
+				AIcontentStr:"",
+				majorValueList:[],
 				baseUrl: this.Common.baseUrl,
 				mediaUrl: this.Common.mediaUrl,
 				items: '',
@@ -561,6 +607,16 @@ this.$router.push({
 						id: data.article_id
 					}
 				});
+			},
+			getMajorData(data) {
+            this.$api
+                .post('api/Article/getArticleField', {
+                    article_id: data
+                })
+                .then((res) => {
+                    this.majorValueList = res.data
+                    console.log(res, '已经保存的值');
+                })
             },
 			// 点击稿件内容文件
 			esy_deta(e) {
@@ -603,6 +659,7 @@ this.$router.push({
 					.catch(err => {
 						console.log(err);
 					});
+					this.getMajorData(e)
 				this.$api
 					.post('api/Article/getFilelistByArticleID', {
 						articleId: e
@@ -1047,4 +1104,10 @@ this.$router.push({
 		font-weight: bold;
 		letter-spacing: -0.5px;
 	}
+	/deep/.research_area .el-collapse-item__arrow{
+		left: 25px;
+	}
+	/deep/.research_area .el-collapse-item__content{
+		padding-bottom: 0 !important;
+	}
 </style>

src/components/page/articleListEditor_A.vue

@@ -104,6 +104,8 @@
                             <i class="el-icon-paperclip"></i> Begin Produce
                         </b>
                     </sapn>
+                    
+                 
                 </p>
                 <div class="mangu_list" style="position: relative">
                     <img
@@ -155,6 +157,17 @@
                     </div>
                     <div class="man_title">
                         <el-badge is-dot :hidden="item.author_act == 1 ? false : true">
+                            <!-- <sapn style="" class="card_label" @click="openAIContent(item)">
+                        <span class="labelTitle" style="font-weight: 500;font-size: 12px;color:#fff !important;transform: skew(18deg);
+    display: inline-block;">Involves AI  </span>
+                      
+                        <b  class="btnCliArt" style="color: #fff;margin-left: 4px;transform: skew(18deg);
+    display: inline-block;">
+                            <i class="el-icon-view"></i> 
+                        </b>
+                       
+                    </sapn> -->
+                    
                     <b @click="showdetaileditor(item)"> {{ item.title }} </b>
 
                             <b @click="corrSpe(item)" class="btnCliArt" style="margin-left: 20px; white-space: nowrap">
@@ -172,6 +185,7 @@
 
                                 Research areas
                             </el-button>
+                       
                             <!-- <b @click="BoxMajor(item)" class="btnCliArt" style="margin-left: 20px; white-space: nowrap"> Research areas </b> -->
                         </el-badge>
                     </div>
@@ -1529,6 +1543,17 @@
                 <el-button @click="majorBox = false">Cancel</el-button>
                 <el-button type="primary" @click="saveMajor" v-if="!majorMes.disabled">Save</el-button>
             </span>
+        </el-dialog>
+        <el-dialog
+  title="Artificial intelligence is used in the research or manuscript of the article"
+  :visible.sync="dialogVisible"
+  width="1000px"
+  :before-close="handleClose">
+  <span>这是一段信息</span>
+  <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogVisible = false">Cancel</el-button>
+    
+  </span>
 </el-dialog>
     </div>
 </template>
@@ -1545,6 +1570,7 @@ export default {
     props: ['journals'],
     data() {
         return {
+            dialogVisible: false,
             showFullContent: false,
             majorValueList: [],
             majorBox: false,
@@ -1862,6 +1888,10 @@ export default {
         }
     },
     methods: {
+        openAIContent() {
+        this.dialogVisible=true
+       
+      },
         toggleContent1(i) {
             this.aiReview[i].showFullContent = !this.aiReview[i].showFullContent;
             this.$forceUpdate();
@@ -3512,4 +3542,22 @@ export default {
 .show-more-btn:hover {
     background-color: #45a049;
 }
+.card_label {
+  display: inline-block;
+  padding: 0px 10px;
+  background-color: #409EFF; /* 绿色背景 */
+  color: #fff !important;
+  
+  font-size: 12px;
+  border-radius: 6px; /* 圆角 */
+  position: relative; /* 用于斜角效果 */
+  text-align: center;
+  transform: skew(335deg); /* 倾斜效果 */
+  margin-right: 10px; /* 如果有多个标签时，之间保持间距 */
+  line-height: 22px;
+}
+
+.openAIContentBox{
+    width: 80vw;
+}
 </style>