From 9e337cb16417f5d2bcba0e2dd7cc21b634941200 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Sun, 4 Jan 2026 14:51:40 +0800
Subject: [PATCH 1/3] tijiao

---
 src/api/index.js                              |   4 +-
 src/components/common/common.vue              |  10 +-
 src/components/common/langs/en.js             |  16 ++
 src/components/common/langs/zh.js             |  11 ++
 .../JournalManagement/common.vue              |  85 ++++++++
 src/components/page/articleAdd.vue            |   2 +-
 src/components/page/articleAdd2.vue           |   2 +-
 src/components/page/articleDetailEditor.vue   | 187 +++++++++++++++---
 .../page/articleProcessRevision.vue           |  68 ++++++-
 .../articleDetail/FigureCopyright.vue         | 169 ++++++++++++++++
 10 files changed, 511 insertions(+), 43 deletions(-)
 create mode 100644 src/components/page/components/articleDetail/FigureCopyright.vue

diff --git a/src/api/index.js b/src/api/index.js
index 487fb66..525753d 100644
--- a/src/api/index.js
+++ b/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: '/', //正式
+	// baseURL: '/api', //本地
+	baseURL: '/', //正式
 
 });
 
diff --git a/src/components/common/common.vue b/src/components/common/common.vue
index d0e0630..2038279 100644
--- a/src/components/common/common.vue
+++ b/src/components/common/common.vue
@@ -2,12 +2,12 @@
 //记得切换
 
 //正式
-// const mediaUrl = '/public/';
-// const baseUrl = '/';
+const mediaUrl = '/public/';
+const baseUrl = '/';
 
-const mediaUrl = 'https://submission.tmrjournals.com/public/';
-// const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
-const baseUrl = '/api'
+// const mediaUrl = 'https://submission.tmrjournals.com/public/';
+// // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
+// const baseUrl = '/api'
 
 // const mediaUrl = 'http://tougaotest.tmrjournals.com/public/';
 // // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index 122b7c1..408022b 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -102,6 +102,7 @@ const en = {
 		article: 'Articles for',
 		articleNum: 'Articles',
 		info: 'The following data is',
+		Fee: 'Fee',
 		wos: 'Wos',
 		all: 'All references',
 		factor: 'Factor',
@@ -114,6 +115,21 @@ const en = {
 		level: 'Level',
 		editorinchief: 'Editor In Chief',
 		journal_topic: 'Research areas',
+		// 1. 录入弹窗 (image_e6d8fa.png)
+		feeDialogTitle: 'Adjustment of Article Processing Charge (APC)',
+		feeWarningTitle: 'Financial Configuration Alert',
+		feeWarningDesc: 'Modifying the APC is a critical update. The new rate will be applied prospectively to all new submissions upon confirmation.',
+		feeLabel: 'New APC Amount (USD)',
+		placeholder: 'Enter amount',
+		confirmUpdate: 'Update Standard',
+		cancel: 'Cancel',
+	  
+		// 2. 二次确认弹窗 (image_e6d449.png)
+		doubleConfirmTitle: 'Final Regulatory Confirmation',
+		doubleConfirmContent: 'Are you sure you want to authorize this rate change? This adjustment will immediately synchronize with the billing system and impact all future financial settlements.',
+		
+		// 3. 反馈
+		updateSuccess: 'The journal APC standard has been successfully updated.'
 
 	},
 
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index 0e8d20e..dda07e1 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -100,6 +100,7 @@ const zh = {
 		citeNum: '引用数量',
 		articleNum: '文章数量',
 		ArticleInfo: '文章信息', website: '网站',
+		Fee: '费用',
 		email: '邮箱',
 		abbr: '缩写',
 		edit: '编辑',
@@ -112,6 +113,16 @@ const zh = {
 		all: '全部引用',
 		factor: '影响因子',
 		Sameperiod: '同期',
+		feeDialogTitle: '期刊稿件处理费（APC）调整',
+  feeWarningTitle: '核心财务参数修改提示',
+  feeWarningDesc: 'APC金额属于期刊核心计费参数。一旦更新，系统将立即启用新标准并应用于所有新投递的稿件。',
+  feeLabel: '新计费标准 (USD)',
+  placeholder: '请输入金额',
+  confirmUpdate: '更新标准',
+  cancel: '取消',
+  doubleConfirmTitle: '最终操作确认',
+  doubleConfirmContent: '确定要授权此项金额变更吗？此操作具有法律效力上的即时性，将直接影响后续所有财务结算流程。',
+  updateSuccess: '期刊计费标准已成功更新。'
 	},
 	paperArticleCount: {
 		Periodroll: '期卷',
diff --git a/src/components/page/JournalManagement/JournalManagement/common.vue b/src/components/page/JournalManagement/JournalManagement/common.vue
index 98fc6f2..ee96e65 100644
--- a/src/components/page/JournalManagement/JournalManagement/common.vue
+++ b/src/components/page/JournalManagement/JournalManagement/common.vue
@@ -46,10 +46,15 @@
                             <div class="item">
                                 <span class="title">{{ $t('JournalCitationAnalysis.level') }} :</span><span>{{ scope.row.level }}</span>
                             </div>
+                           
+                           
                             <div class="item" v-if="scope.row.journal_topic">
                                 <span class="title">{{ $t('JournalCitationAnalysis.journal_topic') }} :</span
                                 ><span>{{ scope.row.journal_topic }}</span>
                             </div>
+                            <!-- <div class="item">
+                                <span class="title">{{ $t('JournalCitationAnalysis.Fee') }} :</span><span>{{ scope.row.fee }}</span > <el-button @click="openEditDialog(scope.row)" plain type="primary" size="mini" style="position: relative;top: 2px;vertical-align: text-bottom; padding: 2px 4px; margin-left: 10px;"><i class="el-icon-edit" style="margin-right: 4px"></i> {{ $t('articleListEditor.edit') }}</el-button>
+                            </div> -->
                         </div>
                     </template>
                 </el-table-column>
@@ -295,6 +300,41 @@
         >
             <common-agreement ref="commonAgreementRef" :journal="currentJournal" :urlList="urlList"></common-agreement>
         </el-drawer>
+        <el-dialog 
+  :title="$t('JournalCitationAnalysis.feeDialogTitle')" 
+  :visible.sync="feeDialogVisible" 
+  width="800px"
+>
+  <el-alert
+    :title="$t('JournalCitationAnalysis.feeWarningTitle')"
+    type="warning"
+    :description="$t('JournalCitationAnalysis.feeWarningDesc')"
+    show-icon
+    :closable="false"
+  />
+
+  <el-form label-position="top" style="margin-top: 20px;">
+    <el-form-item :label="$t('JournalCitationAnalysis.feeLabel')" required>
+      <el-input-number 
+        v-model="tempFee" 
+        :precision="2" 
+        :min="0" 
+        :placeholder="$t('JournalCitationAnalysis.placeholder')"
+        style="width: 100%"
+        controls-position="right"
+      />
+    </el-form-item>
+  </el-form>
+
+  <div slot="footer" class="dialog-footer">
+    <el-button @click="feeDialogVisible = false">
+      {{ $t('JournalCitationAnalysis.cancel') }}
+    </el-button>
+    <el-button type="primary" @click="validateAndConfirm">
+      {{ $t('JournalCitationAnalysis.confirmUpdate') }}
+    </el-button>
+  </div>
+</el-dialog>
     </div>
 </template>
 
@@ -322,6 +362,9 @@ export default {
     },
     data() {
         return {
+            feeDialogVisible: false, // 控制录入弹窗
+    tempFee: 0,              // 录入的临时金额
+    activeJournalId: null,    // 当前修改的期刊ID
             mediaUrl: this.Common.mediaUrl,
             baseUrl: this.Common.baseUrl,
             activeNames: [],
@@ -444,6 +487,48 @@ export default {
         await this.getDate();
     },
     methods: {
+    // 点击页面上的 Edit 按钮触发
+  openEditDialog(row) {
+    this.activeJournalId = row.id;
+    this.tempFee = row.fee; // 初始值为当前金额
+    this.feeDialogVisible = true;
+  },
+
+  // 点击录入弹窗的“确认更新”触发
+  async validateAndConfirm() {
+    if (this.tempFee === undefined || this.tempFee === null) {
+      this.$message.error(this.$t('JournalCitationAnalysis.placeholder'));
+      return;
+    }
+
+    // 弹出您截图中的 Final Confirmation
+    try {
+      await this.$confirm(
+        this.$t('JournalCitationAnalysis.doubleConfirmContent'),
+        this.$t('JournalCitationAnalysis.doubleConfirmTitle'),
+        {
+          confirmButtonText: this.$t('GroupClassification.submit'),
+          cancelButtonText: this.$t('JournalCitationAnalysis.cancel'),
+          type: 'warning',
+          center: true
+        }
+      );
+
+      // 用户点击了 Confirm Update，执行 API 保存
+      this.executeSave();
+      
+    } catch (error) {
+      // 用户取消了确认
+    }
+  },
+
+  async executeSave() {
+    // 这里调用您的后端接口
+    // const res = await api.updateFee(this.activeJournalId, this.tempFee);
+    this.$message.success(this.$t('JournalCitationAnalysis.updateSuccess'));
+    this.feeDialogVisible = false;
+    this.getDate(); // 刷新列表数据
+  },
         async handleAvatarSuccess2(res, file) {
             if (res.code == 0) {
                this.detailForm.editor_qrcode = res.upurl;
diff --git a/src/components/page/articleAdd.vue b/src/components/page/articleAdd.vue
index 4a2149e..19dfe4c 100644
--- a/src/components/page/articleAdd.vue
+++ b/src/components/page/articleAdd.vue
@@ -559,7 +559,7 @@
                                                     ref="uploadFile"
                                                     class="upload-demo up_newstyle"
                                                     :action="upload_articleCopyright"
-                                                    accept=".pdf,.rar,.zip"
+                                                    accept=".pdf, .zip"
                                                     name="figurecopyright"
                                                     :before-upload="beforeupload_articleCopyright"
                                                     :on-error="uperr_coverLetter"
diff --git a/src/components/page/articleAdd2.vue b/src/components/page/articleAdd2.vue
index b927796..9529802 100644
--- a/src/components/page/articleAdd2.vue
+++ b/src/components/page/articleAdd2.vue
@@ -506,7 +506,7 @@
                                                     ref="uploadFile"
                                                     class="upload-demo up_newstyle"
                                                     :action="upload_articleCopyright"
-                                                    accept=".pdf,.rar,.zip"
+                                                    accept=".pdf, .zip"
                                                     name="figurecopyright"
                                                     :before-upload="beforeupload_articleCopyright"
                                                     :on-error="uperr_coverLetter"
diff --git a/src/components/page/articleDetailEditor.vue b/src/components/page/articleDetailEditor.vue
index c4a5128..ab3b14e 100644
--- a/src/components/page/articleDetailEditor.vue
+++ b/src/components/page/articleDetailEditor.vue
@@ -550,10 +550,19 @@
                                         </el-col>
                                     </el-row>
 
-                                    <el-row :gutter="24" v-if="form.is_figure_copyright == 1">
+                                    <el-row :gutter="24">
                                         <el-col :span="24">
+                                            <el-button type="text" style="position: absolute; top: -2px; right: 14px" @click="reOpenDialog">
+                                                <i class="el-icon-edit"></i> Upload
+                                            </el-button>
                                             <h4>Figure Copyright Declaration :</h4>
-                                            <p class="fi_new">
+                                            <div style="line-height: 22px;padding-left: 10px;margin-top: 2px;color: #333;">
+                                              <p v-if="form.is_figure_copyright == 2">I confirm that all figures in this manuscript are original.</p>
+                                             <p v-if="form.is_figure_copyright == 1">I confirm that all figures in this manuscript used with proper permission.</p>
+                                              
+                                            </div>
+
+                                            <p class="fi_new" v-if="fileL_articleCopyright.length > 0" style="margin-top: 10px;">
                                                 <a v-for="item in fileL_articleCopyright" :href="mediaUrl + item.file_url">
                                                     <img src="../../assets/img/icon_0.png" />
                                                     <span>
@@ -563,6 +572,17 @@
                                                     <i class="el-icon-download download"></i>
                                                 </a>
                                             </p>
+
+                                            <FigureCopyright
+                                                :article_id="form.articleId"
+                                                :visible.sync="copyrightDialogVisible"
+                                                v-model="is_figure_copyright"
+                                                :upload-action="upload_articleCopyright"
+                                                :file-list="newfilearticleCopyrightList"
+                                                @on-success="upSuccess_articleCopyright"
+                                                @on-remove="removefilearticleCopyright"
+                                                @on-preview="dowloadFile"
+                                            />
                                             <br clear="both" />
                                         </el-col>
                                     </el-row>
@@ -659,7 +679,6 @@
                                                                     >( {{ iken.rated }} )</span
                                                                 >
                                                                 <span
-                                                                   
                                                                     style="color: #888; float: right; margin-right: 20px"
                                                                     @click="handleClick(iken, 'detail')"
                                                                     >Detail</span
@@ -964,7 +983,7 @@
                                         <p style="line-height: 20px">
                                             Manuscript submission :
                                             <b>{{ form.username }}</b>
-                                            <span style="margin: 0 5px;color: #409EFF ;">({{ form.user_email }})</span> 
+                                            <span style="margin: 0 5px; color: #409eff">({{ form.user_email }})</span>
                                             submitted to
                                             <b>{{ journal_me }}</b>
                                         </p>
@@ -1009,9 +1028,9 @@
                 <el-button type="" @click="FinalDecisionVisible = false">Cancel</el-button>
             </span>
         </el-dialog>
-<!-- 审稿详情 start-->
+        <!-- 审稿详情 start-->
         <reviewerDetail ref="reviewerDetail" v-if="reviewerVisible" :reviewerDetail="reviewerDetail" destroy-on-close></reviewerDetail>
-<!-- 审稿详情 end-->
+        <!-- 审稿详情 end-->
         <el-dialog title="Edit H Index" :visible.sync="HEditVisible" width="400px" :close-on-click-modal="false">
             <div style="margin: 0 0 20px 10px; font-weight: bold">{{ HIxForm.realname }}</div>
             <div style="margin: 0 0 20px 10px">Email :{{ HIxForm.email }}</div>
@@ -1026,8 +1045,8 @@
             </span>
         </el-dialog>
 
-        <el-dialog title="Change Status" :visible.sync="editVisible" width="550px" v-loading="loading1" :close-on-click-modal="false">
-            <el-form ref="editform" :model="editform" label-width="170px">
+        <el-dialog title="Change Status" :visible.sync="editVisible" width="750px" v-loading="loading1" :close-on-click-modal="false">
+            <el-form ref="editform" :model="editform" label-width="220px">
                 <el-form-item label="">
                     <span slot="label">
                         <i style="color: #f56c6c">*</i>
@@ -1043,9 +1062,27 @@
                         ></el-option>
                     </el-select>
                 </el-form-item>
+
                 <el-form-item label="Comments for authors :" v-show="editform.state == 4">
                     <el-input type="textarea" rows="3" v-model="editform.proposal_content" placeholder="" resize="4"> </el-input>
                 </el-form-item>
+                <!-- <el-form-item label="Figure Copyright Declaration:" v-show="editform.state == 4">
+                    <div class="copyright-declaration-wrapper">
+                        <el-radio-group v-model="editform.is_figure_copyright">
+                            <el-radio label="2"> I confirm that all figures in this manuscript are original. </el-radio>
+                            <el-radio label="1"> I confirm that all figures are used with proper permission. </el-radio>
+                            <el-input
+                                v-if="editform.is_figure_copyright == '1'"
+                                type="textarea"
+                                rows="3"
+                                v-model="editform.is_figure_copyright_content"
+                                placeholder=""
+                                resize="4"
+                            >
+                            </el-input>
+                        </el-radio-group>
+                    </div>
+                </el-form-item> -->
                 <el-form-item label="Transfer :" v-show="editform.state == 3 && form.transList.length == 0">
                     <el-select v-model="editform.trsjournal" placeholder="Please select">
                         <el-option :key="0" label="No Transfer" :value="0"></el-option>
@@ -1240,7 +1277,6 @@
                 </el-collapse>
 
                 <div style="line-height: 20px" v-if="isShowAI">
-                   
                     <p style="overflow: hidden; margin-bottom: 8px">
                         <span style="float: left">{{
                             currentArticleData.ai_review.is_finish == 2
@@ -1328,7 +1364,6 @@
                 </div>
             </div>
             <span slot="footer" class="dialog-footer">
-               
                 <el-button type="" @click="isShowAI = false">Close</el-button>
             </span>
         </el-dialog>
@@ -1338,13 +1373,16 @@
 <script>
 import timetalk from './time_talk';
 import reviewerDetail from '../../components/page/components/articleDetail/reviewerdetail.vue';
+import FigureCopyright from '../../components/page/components/articleDetail/FigureCopyright.vue';
 export default {
     components: {
         timetalk,
-        reviewerDetail
+        reviewerDetail,
+        FigureCopyright
     },
     data() {
         return {
+            copyrightDialogVisible: false, // 控制弹窗开关
             reviewerDetail: {},
             corresList: [],
             finalDecisionData: {},
@@ -1384,6 +1422,7 @@ export default {
             totalpageFileList: [],
             supplementaryFileList: [],
             fileL_articleCopyright: [],
+            newfilearticleCopyrightList: [],
             manuscirptFileList: [],
             responseFileList: [],
             authorList_name: '',
@@ -1649,7 +1688,9 @@ export default {
             finalList: [],
             reviewList: [],
             underReview: ['1'],
-            finalDecision: ['1']
+            finalDecision: ['1'],
+            is_figure_copyright: '',
+            figurecopyright_file: ''
         };
     },
     async created() {
@@ -1670,6 +1711,10 @@ export default {
         manuscirptUrl: function () {
             return this.baseUrl + this.form.manuscirpt;
         },
+        //图片版权
+        upload_articleCopyright: function () {
+            return this.baseUrl + 'api/Article/up_file/type/figurecopyright';
+        },
         upload_coverLetter: function () {
             return this.baseUrl + 'api/Article/up_file/type/coverLetter';
         },
@@ -1721,6 +1766,39 @@ export default {
         }
     },
     methods: {
+        reOpenDialog() {
+            // 强制先关闭，确保状态发生位移
+            this.copyrightDialogVisible = false;
+            this.$nextTick(() => {
+                this.copyrightDialogVisible = true;
+            });
+        },
+        // 下载文件
+        dowloadFile(file) {
+            let filePath = '/public/' + file.url;
+            let fileName = file.name;
+
+            // 获取heads中的filename文件名
+            let downloadElement = document.createElement('a');
+            // 创建下载的链接
+            downloadElement.href = filePath; // 下载后文件名
+            downloadElement.download = fileName;
+            downloadElement.target = '_blank';
+            document.body.appendChild(downloadElement);
+            // 点击下载
+            downloadElement.click();
+            // 下载完成移除元素
+            document.body.removeChild(downloadElement);
+        },
+        removefilearticleCopyright(file, fileList) {
+            this.figurecopyright_file = '';
+            this.newfilearticleCopyrightList = [];
+        },
+        //图片版权
+        upSuccess_articleCopyright(res, file) {
+            this.initFileList();
+            console.log(this.form);
+        },
         crateRevision(item) {
             // 二次询问
             this.$confirm('Do you want to send a review invitation?', 'Tip', {
@@ -1847,28 +1925,26 @@ export default {
         },
         // 算平均分
         avegeCount(arry) {
-    // 1. 计算有有效评分的数量
-    var ratedLength = arry.map(item => item.rated).filter(rated => rated && rated > 0).length;
-    
-    let all = 0;
-    // 2. 累加总分
-    for (let i = 0; i < arry.length; i++) {
-        all += Number(arry[i].rated || 0); // 加上 || 0 防止出现 undefined 导致计算失败
-    }
+            // 1. 计算有有效评分的数量
+            var ratedLength = arry.map((item) => item.rated).filter((rated) => rated && rated > 0).length;
 
-    // 3. 核心判断逻辑
-    // 如果没有评分的人(ratedLength 为 0)，或者总分就是 0，直接返回 "-"
-    // 否则计算平均分并保留一位小数
-    let str = (ratedLength > 0 && all > 0) 
-              ? (all / ratedLength).toFixed(1) 
-              : "-";
+            let all = 0;
+            // 2. 累加总分
+            for (let i = 0; i < arry.length; i++) {
+                all += Number(arry[i].rated || 0); // 加上 || 0 防止出现 undefined 导致计算失败
+            }
 
-    return str;
-},
+            // 3. 核心判断逻辑
+            // 如果没有评分的人(ratedLength 为 0)，或者总分就是 0，直接返回 "-"
+            // 否则计算平均分并保留一位小数
+            let str = ratedLength > 0 && all > 0 ? (all / ratedLength).toFixed(1) : '-';
+
+            return str;
+        },
 
         // 算终审分
         finalCount(arry) {
-            var ratedLength = arry.map(item => item.rated).filter(rated => rated&&rated>0).length;
+            var ratedLength = arry.map((item) => item.rated).filter((rated) => rated && rated > 0).length;
             let str = 0;
             let all = 0;
             let sgr = 0;
@@ -1927,7 +2003,6 @@ export default {
             return maxItem && maxItem.repeat ? maxItem.repeat.length : 0;
         },
         handleClick(item, type, repeatItem) {
-           
             this.reviewerDetail = item;
             this.reviewerVisible = true;
             this.$nextTick(() => {
@@ -2346,6 +2421,11 @@ export default {
                     this.form.username = res.article.account;
                     this.form.user_email = res.article.user_email;
                     this.form.is_figure_copyright = res.article.is_figure_copyright;
+
+                    this.is_figure_copyright =
+                        res.article.is_figure_copyright == 1 || res.article.is_figure_copyright == 2
+                            ? res.article.is_figure_copyright.toString()
+                            : '';
                     this.form.title = res.article.title;
                     this.form.journal = res.article.journal_id;
                     this.form.journalname = res.article.journalname;
@@ -2531,6 +2611,17 @@ export default {
                     this.totalpageFileList = res.totalpage;
                     this.supplementaryFileList = res.supplementary;
                     this.fileL_articleCopyright = res.figurecopyright ? res.figurecopyright : [];
+                    if (this.fileL_articleCopyright.length > 0) {
+                        var figurecopyright_file = fileL_articleCopyright[this.fileL_articleCopyright.length - 1];
+                        this.figurecopyright_file = figurecopyright_file.file_url;
+                        this.newfilearticleCopyrightList = [
+                            {
+                                name: 'Figure Copyright Declaration File',
+                                url: this.figurecopyright_file
+                            }
+                        ];
+                        this.$forceUpdate();
+                    }
                 })
                 .catch((err) => {
                     console.log(err);
@@ -3124,4 +3215,40 @@ td {
 .scoringRulesItem {
     margin-top: 10px;
 }
+
+.copyright-declaration-wrapper {
+    background-color: #f8f9fb; 
+    padding: 6px 6px;
+    border-radius: 8px;
+    border: 1px solid #e4e7ed;
+    margin-top: 10px;
+}
+
+.copyright-declaration-wrapper :deep(.el-radio-group) {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: flex-start !important;
+    gap: 10px; 
+}
+
+
+.copyright-declaration-wrapper :deep(.el-radio) {
+    height: auto;
+    white-space: normal; 
+    line-height: 1.2;
+    display: flex;
+    align-items: flex-start; 
+}
+
+.copyright-declaration-wrapper :deep(.el-radio__input) {
+    margin-top: 3px;
+}
+
+.copyright-declaration-wrapper :deep(.el-radio:hover) {
+    color: #333;
+}
+
+.copyright-declaration-wrapper :deep(.el-radio.is-checked .el-radio__label) {
+    font-weight: 500;
+}
 </style>
diff --git a/src/components/page/articleProcessRevision.vue b/src/components/page/articleProcessRevision.vue
index 09f458f..6fd74b4 100644
--- a/src/components/page/articleProcessRevision.vue
+++ b/src/components/page/articleProcessRevision.vue
@@ -240,6 +240,27 @@
 										(.rar,.zip)</div>
 								</el-upload>
 							</p>
+							<!-- <br clear="both">
+							<h4>Figure Copyright Declaration :</h4>
+							<p>
+								<el-form-item label="Please select the copyright status of your figures:">
+									<el-radio-group :value="value" @input="$emit('input', $event)" style="display: flex; flex-direction: column; gap: 15px">
+										<el-radio label="2">I confirm that all figures in this manuscript are original.</el-radio>
+										<el-radio label="1">I confirm that all figures in this manuscript used with proper permission.</el-radio>
+									</el-radio-group>
+								</el-form-item>
+								<el-upload class="upload-demo" :action="upload_figurecopyright" accept=".pdf, .zip"
+									name="figurecopyright" :before-upload="beforeupload_figurecopyright"
+									:on-error="uperr_coverLetter" :on-success="upSuccess_figurecopyright" :limit="1"
+									:on-exceed="alertlimit" :on-remove="removefilearticleCopyright"  >
+									<div class="el-upload__text" style="padding:8px 5px;" >
+										<em>Click Upload</em>
+									</div>
+									<div class="el-upload__tip" slot="tip" style="color: #888; left: 80px; font-size: 13px">
+                                                        Upload the copyright permission letters or license documents figures. (file format:
+                                                        .pdf, .zip)<br />
+                                                    </div></el-upload>
+							</p> -->
 							<br clear="both">
 							<h4><b style="margin-right:5px;color: red;">*</b>Response to reviewers :</h4>
 							<p>
@@ -461,6 +482,18 @@
 						<i class="el-icon-download download"></i>
 					</a>
 				</p>
+				<br clear="both"  v-if="fileL_articleCopyright.length>0">
+				<h4 v-if="fileL_articleCopyright.length>0">Figure Copyright Declaration: </h4>
+				<p>
+					<a v-for="item in fileL_articleCopyright" :href="mediaUrl + item.file_url">
+						<img src="../../assets/img/icon_0.png">
+						<span>
+							<font>Uploader : </font>{{item.username}}
+							<i><i class="el-icon-time"></i>{{formatDate(item.ctime)}}</i>
+						</span>
+						<i class="el-icon-download download"></i>
+					</a>
+				</p>
 				<br clear="both">
 			</div>
 			<common-word-html  :articleId="articleId" style="box-sizing: border-box" 
@@ -491,6 +524,7 @@
 				},
 				fileMesForm: {
 					manuscirpt: '',
+					// figurecopyright: '',
 					picturesAndTables: '',
 					responseFile: '',
 					supplementary:'', // 
@@ -510,6 +544,7 @@
 				coverLetterFileList: [],
 				picturesAndTablesFileList: [],
 				totalpageFileList: [],
+				fileL_articleCopyright: [],
 				manuscirptFileList: [],
 				supplementaryFileList:[],
 				fileL_supplementary:[],
@@ -530,6 +565,9 @@
 			upload_coverLetter: function() {
 				return this.baseUrl + 'api/Article/up_file/type/coverLetter';
 			},
+			upload_figurecopyright: function () {
+            return this.baseUrl + '/api/Article/up_file/type/figurecopyright';
+        },
 			upload_picturesAndTables: function() {
 				return this.baseUrl + 'api/Article/up_file/type/picturesAndTables';
 			},
@@ -604,6 +642,7 @@
 						this.coverLetterFileList = res.coverLetter;
 						this.picturesAndTablesFileList = res.picturesAndTables;
 						this.manuscirptFileList = res.manuscirpt;
+						this.fileL_articleCopyright = res.figurecopyright&&res.figurecopyright.length>0?res.figurecopyright:[];
 						this.totalpageFileList = res.totalpage;
 						this.supplementaryFileList = res.supplementary;
 					})
@@ -711,7 +750,18 @@
 					this.$message.error('service error: ' + res.msg);
 				}
 			},
-
+			upSuccess_figurecopyright(res, file) {
+            if (res.code == 0) {
+                this.fileMesForm.figurecopyright = 'figurecopyright/' + res.upurl;
+                this.fileL_figurecopyright = [{}];
+                this.fileL_figurecopyright[0].name = 'Figure Copyright Declaration File';
+                this.fileL_figurecopyright[0].url = 'figurecopyright/' + res.upurl;
+             
+            } else {
+                this.$message.error('service error: ' + res.msg);
+            }
+            console.log(this.form);
+        },
 			removefilesupplementary() {
 				this.fileMesForm.supplementary = '';
 				this.fileL_supplementary = [];
@@ -727,6 +777,11 @@
 				// 		}
 				// 	});
 			},
+			removefilearticleCopyright() {
+				this.fileMesForm.figurecopyright = '';
+				this.fileL_figurecopyright = [];
+				
+			},
 
 			// 上传文件
 			addWordTablesList(tables) {
@@ -762,8 +817,9 @@
                 .then((res) => {that. addWordTablesList(that.wordTables);});
         },
 		async	onSubmit() {
-			console.log(this.fileMesForm)
+			
 			var that=this;
+			
 				//验证文件
 				if (this.fileMesForm.manuscirpt == undefined || this.fileMesForm.manuscirpt == '') {
 					this.$message.error(
@@ -775,6 +831,7 @@
 						'Required information is not allowed to be empty.');
 					return false;
 				}
+				
 				this.loading = true;
 				await this.$api
 					.post('api/Article/RepairBack', this.fileMesForm)
@@ -811,6 +868,8 @@
 			//检验上传文件的格式
 			beforeupload_coverLetter(file) {},
 			beforeupload_picturesAndTables(file) {},
+			beforeupload_figurecopyright(file) {},
+			
 			beforeupload_manuscirpt(file) {
 				let flieArr = file.name.split(".")
 				let fileSuffix = flieArr[flieArr.length - 1];
@@ -1133,10 +1192,11 @@ that.wordTables=wordTables
 
 	.art_author_btn>h4 {
 		float: left;
-		width: 180px;
-		padding: 8px 20px 0 0;
+		width: 190px;
+		padding: 8px 15px 0 0;
 		letter-spacing: -0.5px;
 		text-align: right;
+		font-size: 13px;
 	}
 
 	.art_author_btn>p {
diff --git a/src/components/page/components/articleDetail/FigureCopyright.vue b/src/components/page/components/articleDetail/FigureCopyright.vue
new file mode 100644
index 0000000..3b681f9
--- /dev/null
+++ b/src/components/page/components/articleDetail/FigureCopyright.vue
@@ -0,0 +1,169 @@
+<template>
+    <el-dialog
+        title="Figure Copyright Declaration"
+        width="650px"
+        :visible="visible"
+        :close-on-click-modal="false"
+        append-to-body
+        @close="handleClose"
+    >
+        <div style="color: #333; line-height: 24px">
+            <el-form label-position="top">
+                <!-- <el-form-item label="Please select the copyright status of your figures:">
+                    <el-radio-group :value="value" @input="$emit('input', $event)" style="display: flex; flex-direction: column; gap: 15px">
+                        <el-radio label="2">I confirm that all figures in this manuscript are original.</el-radio>
+                        <el-radio label="1">I confirm that all figures in this manuscript used with proper permission.</el-radio>
+                    </el-radio-group>
+                </el-form-item> -->
+
+                <transition name="el-fade-in">
+                    <el-form-item v-if="value == '1'" style="">
+                      
+                      <div style="position: relative; top: 4px; margin-left: 14px">
+                      <el-upload
+                            ref="uploadFile"
+                            class="upload-demo up_newstyle"
+                            :action="uploadAction"
+                            accept=".pdf, .zip"
+                            name="figurecopyright"
+                            :file-list="fileList"
+                            :on-success="handleSuccess"
+                            :on-remove="handleRemove"
+                            :on-error="handleError"
+                            :on-exceed="handleExceed"
+                            :on-preview="handlePreview"
+                            :limit="1"
+                        >
+                            <div class="el-upload__text" @click="clearUploadedCopyrightFile">
+                                <em>Upload</em>
+                            </div>
+                            <div class="el-upload__tip" slot="tip" style="color: #888; left: 80px; font-size: 13px">
+                                Upload the copyright permission letters or license documents figures. (file format: .pdf, .zip)<br />
+                            </div>
+                        </el-upload>
+                      </div>
+                    </el-form-item>
+                </transition>
+            </el-form>
+        </div>
+        <div slot="footer" class="dialog-footer">
+           
+            <el-button type="" @click="handleClose">Cancel</el-button> <el-button type="primary" @click="handleSave">Save</el-button>
+        </div>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    name: 'FigureCopyrightDialog',
+    props: {
+        value: { type: [String, Number], default: '' }, // 对应 form.is_figure_copyright
+        article_id: { type: [String, Number], default: '' }, // 对应 form.article_id
+        visible: { type: Boolean, default: false },
+        uploadAction: { type: String, required: true }, // 上传接口
+        fileList: { type: Array, default: () => [] } // 文件列表
+    },
+    computed: {},
+    methods: {
+        handleSave() {
+            console.log(this.fileList);
+            if(this.value==1){
+                if (this.fileList.length == 0) {
+                    this.$message.warning('Please upload the copyright permission letters or license documents figures.');
+                    return;
+                }
+            }
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            var data={
+                article_id: this.article_id,
+                    figure_copyright: this.value,
+                    user_id: localStorage.getItem('U_id'),
+                    type: 'figurecopyright',
+                    url:  this.value==1?this.fileList[0].url:'',
+                    // is_figure_copyright: this.value
+            }
+            var this_ = this;
+             this.$api
+                .post('api/Article/addFigureCopyrightForEditor',data)
+                .then(async (res) => {
+                    loading.close();
+                    if (res.status == 1) {
+                        this.$message.success('success');this.$emit('update:visible', false);this_.$emit('on-success');this.dialogVisible = false; 
+                   
+                        
+                    }else{
+                        this.$message.error(res.msg);
+                    }
+                }).catch(() => {
+                    loading.close();
+                })
+           
+        },
+        handleClose() {
+            this.$emit('update:visible', false);
+        },
+        clearUploadedCopyrightFile() {
+            this.$refs['uploadFile'].clearFiles();
+        },
+        handleSuccess(res, file, fileList) {
+            if (res.code == 0) {
+                if (res.code == 0) {
+                
+                this.fileList = [{}];
+                this.fileList[0].name = 'Figure Copyright Declaration File';
+                this.fileList[0].url = 'figurecopyright/' + res.upurl;
+               
+            } else {
+                this.$message.error('service error: ' + res.msg);
+                this.fileList = [];
+            }
+            console.log(this.form);
+
+                // this.onStaging(5);
+            } else {
+                this.$message.error('service error: ' + res.msg);
+            }
+            // this.$emit('on-success', { res, file, fileList });
+        },
+        handleRemove(file, fileList) {
+            this.$emit('on-remove', { file, fileList });
+        },
+        handleError(err) {
+            this.$message.error('Upload failed');
+        },
+        handleExceed() {
+            this.$message.warning('Only 1 file is allowed');
+        },
+        handlePreview(file) {
+            this.$emit('on-preview', file);
+        }
+    }
+};
+</script>
+
+<style scoped>
+::v-deep .up_newstyle {
+    margin-left: 10px;
+}
+
+::v-deep .up_newstyle .el-upload--text {
+    background-color: #006699;
+    border: 1px solid #006699;
+    padding: 0 7px;
+    /* margin-left: 10px; */
+}
+
+::v-deep .up_newstyle .el-upload__text em {
+    color: #fff !important;
+    font-size: 12px;
+}
+
+
+
+
+
+</style>

From 0faef200085572faa5697b8a1b5c74504d78b9dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Mon, 5 Jan 2026 11:31:14 +0800
Subject: [PATCH 2/3] 1

---
 src/components/page/Complete_profile.vue      |   7 +-
 .../JournalManagement/common.vue              | 323 ++++++++++++------
 src/components/page/articleAdd.vue            |  64 ++--
 src/components/page/articleDetailEditor.vue   |   4 +-
 .../articleDetail/FigureCopyright.vue         |   2 +-
 src/components/page/per_text.vue              |   3 +-
 6 files changed, 268 insertions(+), 135 deletions(-)

diff --git a/src/components/page/Complete_profile.vue b/src/components/page/Complete_profile.vue
index 771cf07..774d765 100644
--- a/src/components/page/Complete_profile.vue
+++ b/src/components/page/Complete_profile.vue
@@ -12,6 +12,7 @@
             "
         >
             <i class="el-icon-success" style="margin-right: 10px"></i>
+           
             <span
                 >Dear {{ user_name }} , Congratulations! You manuscript has been pre-accepted for publication in
                 <b>{{ journalInfo.title }}</b
@@ -81,7 +82,7 @@
                                     fill="#67c23a"
                                 ></path>
                             </svg>
-                            The article processing charges for your manuscript have been waived.
+                            The article processing charges for your manuscript have been waived, or you have already paid them via bank transfer.
                         </div>
                         <div v-else>
                             <p
@@ -92,9 +93,9 @@
                                 Please see our discount policy here:
                                 <a
                                     style="color: rgb(81, 127, 213); cursor: pointer; text-decoration: underline"
-                                    href="https://www.tmrjournals.com/tmr/free-application/"
+                                    :href="journalInfo.apc_url"
                                     target="_blank"
-                                    >https://www.tmrjournals.com/tmr/free-application/</a
+                                    >{{ journalInfo.apc_url }}</a
                                 >.
                             </p>
                             <el-card class="box-card" style="width: 100%"
diff --git a/src/components/page/JournalManagement/JournalManagement/common.vue b/src/components/page/JournalManagement/JournalManagement/common.vue
index ee96e65..cc414e3 100644
--- a/src/components/page/JournalManagement/JournalManagement/common.vue
+++ b/src/components/page/JournalManagement/JournalManagement/common.vue
@@ -46,8 +46,7 @@
                             <div class="item">
                                 <span class="title">{{ $t('JournalCitationAnalysis.level') }} :</span><span>{{ scope.row.level }}</span>
                             </div>
-                           
-                           
+
                             <div class="item" v-if="scope.row.journal_topic">
                                 <span class="title">{{ $t('JournalCitationAnalysis.journal_topic') }} :</span
                                 ><span>{{ scope.row.journal_topic }}</span>
@@ -151,8 +150,14 @@
                 </el-table-column>
             </el-table>
         </div>
-        <el-dialog :title="$t('GroupClassification.edit')" :visible.sync="editDialogVisible" width="1000px" :before-close="handleEditClose"  :close-on-click-modal="false">
-            <el-form ref="detail_form" :model="detailForm" :rules="rules" label-width="180px">
+        <el-dialog
+            :title="$t('GroupClassification.edit')"
+            :visible.sync="editDialogVisible"
+            width="1000px"
+            :before-close="handleEditClose"
+            :close-on-click-modal="false"
+        >
+            <el-form ref="detail_form" :model="detailForm" :rules="rules" label-width="260px">
                 <el-form-item label="Journal :">
                     <p style="display: flex; align-items: center; justify-content: space-between">
                         <span>{{ detailForm.title }}</span>
@@ -201,10 +206,29 @@
                     <el-input-number v-model="detailForm.fee" :min="0" v-if="source == 'all'"></el-input-number>
                     <span v-else>{{ detailForm.fee }}</span>
                 </el-form-item>
+                <el-form-item label="Article Processing Charge Link :" prop="fee" v-if="detailForm.fee > 0">
+                    <el-input clearable v-model="detailForm.apc_url" :min="0" v-if="source == 'all'"></el-input>
+                    <span v-else>{{ detailForm.apc_url }}</span>
+                </el-form-item>
+                <el-form-item label="Article Processing Charge Instruction :" prop="fee" v-if="detailForm.fee > 0">
+                    <quill-editor
+                        v-if="source == 'all'"
+                        v-model="detailForm.apc_content"
+                        ref="myQuillEditor"
+                        :options="editorOption"
+                        @blur="onEditorBlur($event)"
+                        @focus="onEditorFocus($event)"
+                        @ready="onEditorReady($event)"
+                        class="chapter_editor1"
+                    >
+                    </quill-editor>
+
+                    <span v-else>{{ detailForm.apc_url }}</span>
+                </el-form-item>
                 <el-form-item label="Journal publisher :" prop="publish_author">
                     <el-input v-model="detailForm.publish_author" placeholder="eg:TMR编辑部"></el-input>
                 </el-form-item>
-                
+
                 <el-form-item label="WeChat Code :" prop="editor_qrcode">
                     <div class="portrait WeChatCode">
                         <el-upload
@@ -217,7 +241,12 @@
                             :on-error="handleAvatarError2"
                             :before-upload="beforeAvatarUpload2"
                         >
-                            <img v-if="detailForm.editor_qrcode" :src="mediaUrl + 'journaleditorqrcode/' + detailForm.editor_qrcode" class="avatar" accept=".png,.jpg" />
+                            <img
+                                v-if="detailForm.editor_qrcode"
+                                :src="mediaUrl + 'journaleditorqrcode/' + detailForm.editor_qrcode"
+                                class="avatar"
+                                accept=".png,.jpg"
+                            />
                             <i v-else class="el-icon-plus avatar-uploader-icon" style="line-height: 120px"></i>
                         </el-upload>
                     </div>
@@ -269,7 +298,8 @@
             :title="$t('GroupClassification.Journal') + ' : ' + currentJournal.title"
             :visible.sync="drawer"
             direction="rtl"
-            :before-close="handleClose"     :wrapperClosable="false"
+            :before-close="handleClose"
+            :wrapperClosable="false"
             size="90%"
         >
             <commonclass ref="commonClassRef" :journal="currentJournal" :urlList="urlList"></commonclass>
@@ -280,7 +310,8 @@
             :title="$t('GroupClassification.Journal') + ' : ' + currentJournal.title"
             :visible.sync="drawerJournalInstallment"
             direction="rtl"
-            :before-close="handleCloseJournalInstallment"      :wrapperClosable="false"
+            :before-close="handleCloseJournalInstallment"
+            :wrapperClosable="false"
             size="90%"
         >
             <commonJournalInstallment
@@ -295,50 +326,67 @@
             :title="$t('GroupClassification.Journal') + ' : ' + currentJournal.title"
             :visible.sync="drawerAgreement"
             direction="rtl"
-            :before-close="handleAgreementClose"     :wrapperClosable="false"
+            :before-close="handleAgreementClose"
+            :wrapperClosable="false"
             size="90%"
         >
             <common-agreement ref="commonAgreementRef" :journal="currentJournal" :urlList="urlList"></common-agreement>
         </el-drawer>
-        <el-dialog 
-  :title="$t('JournalCitationAnalysis.feeDialogTitle')" 
-  :visible.sync="feeDialogVisible" 
-  width="800px"
->
-  <el-alert
-    :title="$t('JournalCitationAnalysis.feeWarningTitle')"
-    type="warning"
-    :description="$t('JournalCitationAnalysis.feeWarningDesc')"
-    show-icon
-    :closable="false"
-  />
+        <el-dialog :title="$t('JournalCitationAnalysis.feeDialogTitle')" :visible.sync="feeDialogVisible" width="800px">
+            <el-alert
+                :title="$t('JournalCitationAnalysis.feeWarningTitle')"
+                type="warning"
+                :description="$t('JournalCitationAnalysis.feeWarningDesc')"
+                show-icon
+                :closable="false"
+            />
 
-  <el-form label-position="top" style="margin-top: 20px;">
-    <el-form-item :label="$t('JournalCitationAnalysis.feeLabel')" required>
-      <el-input-number 
-        v-model="tempFee" 
-        :precision="2" 
-        :min="0" 
-        :placeholder="$t('JournalCitationAnalysis.placeholder')"
-        style="width: 100%"
-        controls-position="right"
-      />
-    </el-form-item>
-  </el-form>
+            <el-form label-position="top" style="margin-top: 20px">
+                <el-form-item :label="$t('JournalCitationAnalysis.feeLabel')" required>
+                    <el-input-number
+                        v-model="tempFee"
+                        :precision="2"
+                        :min="0"
+                        :placeholder="$t('JournalCitationAnalysis.placeholder')"
+                        style="width: 100%"
+                        controls-position="right"
+                    />
+                </el-form-item>
+            </el-form>
 
-  <div slot="footer" class="dialog-footer">
-    <el-button @click="feeDialogVisible = false">
-      {{ $t('JournalCitationAnalysis.cancel') }}
-    </el-button>
-    <el-button type="primary" @click="validateAndConfirm">
-      {{ $t('JournalCitationAnalysis.confirmUpdate') }}
-    </el-button>
-  </div>
-</el-dialog>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="feeDialogVisible = false">
+                    {{ $t('JournalCitationAnalysis.cancel') }}
+                </el-button>
+                <el-button type="primary" @click="validateAndConfirm">
+                    {{ $t('JournalCitationAnalysis.confirmUpdate') }}
+                </el-button>
+            </div>
+        </el-dialog>
     </div>
 </template>
 
 <script>
+import { quillEditor } from 'vue-quill-editor';
+import 'quill/dist/quill.core.css';
+import 'quill/dist/quill.snow.css';
+import 'quill/dist/quill.bubble.css';
+const toolbarOptions = [
+    // ['underline'], // 加粗，斜体，下划线，删除线
+    // ['blockquote', 'code-block'], //引用，代码块
+    // [{ header: 1 }, { header: 2 }], // 几级标题
+    // [{ list: 'ordered' }, { list: 'bullet' }], // 有序列表，无序列表
+    // [{ script: 'sub' }, { script: 'super' }], // 下角标，上角标
+    // [{ indent: '-1' }, { indent: '+1' }], // 缩进
+    // [{ direction: 'rtl' }], // 文字输入方向
+    // [{ size: ['small', false, 'large', 'huge'] }], // 字体大小
+    // [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
+    // [{ color: [] }, { background: [] }], // 颜色选择
+    // [{ font: ['SimSun', 'SimHei', 'Microsoft-YaHei', 'KaiTi', 'FangSong', 'Arial'] }], // 字体
+    // [{ align: [] }], // 居中
+
+    ['link'] // 上传图片、上传视频
+];
 import OrgTree from '@/components/org-tree';
 import commonclass from './class.vue';
 import commonAgreement from './agreement.vue';
@@ -351,7 +399,8 @@ export default {
         OrgTree,
         commonclass,
         commonAgreement,
-        commonJournalInstallment
+        commonJournalInstallment,
+        quillEditor
     },
     directives: {
         focus: {
@@ -362,9 +411,23 @@ export default {
     },
     data() {
         return {
+            editorOption: {
+                modules: {
+                    history: {
+                        delay: 1000,
+                        maxStack: 20,
+                        userOnly: false
+                    },
+                    toolbar: {
+                        container: toolbarOptions,
+                        handlers: {}
+                    }
+                },
+                placeholder: ''
+            },
             feeDialogVisible: false, // 控制录入弹窗
-    tempFee: 0,              // 录入的临时金额
-    activeJournalId: null,    // 当前修改的期刊ID
+            tempFee: 0, // 录入的临时金额
+            activeJournalId: null, // 当前修改的期刊ID
             mediaUrl: this.Common.mediaUrl,
             baseUrl: this.Common.baseUrl,
             activeNames: [],
@@ -421,16 +484,20 @@ export default {
                         trigger: 'blur'
                     }
                 ],
-                scope: [{
-                	required: true,
-                	message: 'Please input journal introduction (English)',
-                	trigger: 'blur'
-                }],
-                abstract_chinese: [{
-                	required: true,
-                	message: 'Please input journal introduction (Chinese)',
-                	trigger: 'blur'
-                }],
+                scope: [
+                    {
+                        required: true,
+                        message: 'Please input journal introduction (English)',
+                        trigger: 'blur'
+                    }
+                ],
+                abstract_chinese: [
+                    {
+                        required: true,
+                        message: 'Please input journal introduction (Chinese)',
+                        trigger: 'blur'
+                    }
+                ],
                 email: [
                     {
                         required: true,
@@ -487,52 +554,78 @@ export default {
         await this.getDate();
     },
     methods: {
-    // 点击页面上的 Edit 按钮触发
-  openEditDialog(row) {
-    this.activeJournalId = row.id;
-    this.tempFee = row.fee; // 初始值为当前金额
-    this.feeDialogVisible = true;
-  },
+        // 失去焦点事件
+        onEditorBlur(quill) {
+            //  console.log('editor blur!', quill)
+        },
+        // 获得焦点事件
+        onEditorFocus(quill) {
+            //console.log('editor focus!', quill)
+        },
+        // 准备富文本编辑器
+        onEditorReady(quill) {
+            // 监听粘贴事件
+            quill.root.addEventListener(
+                'paste',
+                (e) => {
+                    // 阻止默认粘贴行为
+                    e.preventDefault();
 
-  // 点击录入弹窗的“确认更新”触发
-  async validateAndConfirm() {
-    if (this.tempFee === undefined || this.tempFee === null) {
-      this.$message.error(this.$t('JournalCitationAnalysis.placeholder'));
-      return;
-    }
+                    // 获取粘贴板的纯文本
+                    const text = (e.originalEvent || e).clipboardData.getData('text/plain');
 
-    // 弹出您截图中的 Final Confirmation
-    try {
-      await this.$confirm(
-        this.$t('JournalCitationAnalysis.doubleConfirmContent'),
-        this.$t('JournalCitationAnalysis.doubleConfirmTitle'),
-        {
-          confirmButtonText: this.$t('GroupClassification.submit'),
-          cancelButtonText: this.$t('JournalCitationAnalysis.cancel'),
-          type: 'warning',
-          center: true
-        }
-      );
+                    // 获取当前光标位置并插入纯文本
+                    const range = quill.getSelection();
+                    quill.insertText(range.index, text);
+                },
+                { capture: true }
+            ); // 使用捕获模式确保在 Quill 默认处理前执行
+        },
+        // 点击页面上的 Edit 按钮触发
+        openEditDialog(row) {
+            this.activeJournalId = row.id;
+            this.tempFee = row.fee; // 初始值为当前金额
+            this.feeDialogVisible = true;
+        },
 
-      // 用户点击了 Confirm Update，执行 API 保存
-      this.executeSave();
-      
-    } catch (error) {
-      // 用户取消了确认
-    }
-  },
+        // 点击录入弹窗的“确认更新”触发
+        async validateAndConfirm() {
+            if (this.tempFee === undefined || this.tempFee === null) {
+                this.$message.error(this.$t('JournalCitationAnalysis.placeholder'));
+                return;
+            }
 
-  async executeSave() {
-    // 这里调用您的后端接口
-    // const res = await api.updateFee(this.activeJournalId, this.tempFee);
-    this.$message.success(this.$t('JournalCitationAnalysis.updateSuccess'));
-    this.feeDialogVisible = false;
-    this.getDate(); // 刷新列表数据
-  },
+            // 弹出您截图中的 Final Confirmation
+            try {
+                await this.$confirm(
+                    this.$t('JournalCitationAnalysis.doubleConfirmContent'),
+                    this.$t('JournalCitationAnalysis.doubleConfirmTitle'),
+                    {
+                        confirmButtonText: this.$t('GroupClassification.submit'),
+                        cancelButtonText: this.$t('JournalCitationAnalysis.cancel'),
+                        type: 'warning',
+                        center: true
+                    }
+                );
+
+                // 用户点击了 Confirm Update，执行 API 保存
+                this.executeSave();
+            } catch (error) {
+                // 用户取消了确认
+            }
+        },
+
+        async executeSave() {
+            // 这里调用您的后端接口
+            // const res = await api.updateFee(this.activeJournalId, this.tempFee);
+            this.$message.success(this.$t('JournalCitationAnalysis.updateSuccess'));
+            this.feeDialogVisible = false;
+            this.getDate(); // 刷新列表数据
+        },
         async handleAvatarSuccess2(res, file) {
             if (res.code == 0) {
-               this.detailForm.editor_qrcode = res.upurl;
-               this.$forceUpdate()
+                this.detailForm.editor_qrcode = res.upurl;
+                this.$forceUpdate();
             } else {
                 this.$message.error(res.msg);
             }
@@ -573,9 +666,18 @@ export default {
         handleEdit() {
             this.$refs.detail_form.validate((valid) => {
                 if (valid) {
-                    if(this.detailForm.editor_qrcode==''||!this.detailForm.editor_qrcode){
+                    if (this.detailForm.editor_qrcode == '' || !this.detailForm.editor_qrcode) {
                         this.$message.error('Please upload WeChat Code!');
-                        return false; 
+                        return false;
+                    }
+                    if (this.detailForm.fee && this.detailForm.fee > 0 && this.detailForm.apc_url == '') {
+                        this.$message.error('Please input article processing charge link!');
+                        return false;
+                    }
+                    if (this.detailForm.apc_url && this.detailForm.apc_content != '') {
+                       
+                            this.detailForm.apc_content = this.detailForm.apc_content.replace(/<(?!(\/?a\b))[^>]+>/gi, '');
+                        
                     }
                     this.$api
                         .post('api/Journal/editJournal', {
@@ -740,11 +842,12 @@ export default {
             });
         },
         openEditJournal(data) {
-            
             var that = this;
             this.currentJournal = data;
-           
+
             this.detailForm = {
+                apc_url: data.apc_url,
+                apc_content: data.apc_content,
                 journal_id: data.journal_id,
                 title: data.title,
                 level: data.level,
@@ -762,10 +865,10 @@ export default {
                 areas: data.journal_topic ? data.journal_topic.split(',') : ['']
             };
             this.editDialogVisible = true;
-            if(this.$refs.detail_form){
-                 this.$refs.detail_form.resetFields();
+            if (this.$refs.detail_form) {
+                this.$refs.detail_form.resetFields();
             }
-           
+
             // this.$nextTick(() => {
             //     that.$refs.commonClassRef.init();
             // });
@@ -1068,6 +1171,17 @@ export default {
 };
 </script>
 <style lang="less" scoped>
+/deep/ .chapter_editor1 .ql-container {
+    height: 60px !important;
+    min-height: 60px !important;
+}
+/deep/ .chapter_editor1 .ql-editor {
+    height: 60px !important;
+    min-height: 60px !important;
+}
+/deep/ .ql-toolbar.ql-snow {
+    padding: 0px !important;
+}
 .floating {
     background: rgba(0, 0, 0, 0.7);
     box-shadow: rgba(0, 0, 0, 0.2);
@@ -1193,11 +1307,12 @@ export default {
     margin-left: -30px;
 }
 
-.WeChatCode  .avatar {
+.WeChatCode .avatar {
     width: 120px;
     height: 120px;
     display: block;
-}.portrait {
+}
+.portrait {
     /* width: 83px;
     height: 83px;
     border-radius: 110px;
diff --git a/src/components/page/articleAdd.vue b/src/components/page/articleAdd.vue
index 19dfe4c..283d8a3 100644
--- a/src/components/page/articleAdd.vue
+++ b/src/components/page/articleAdd.vue
@@ -157,9 +157,8 @@
                                     <el-input
                                         type="textarea"
                                         v-model="form.abstrart"
-                                        :autosize="{ minRows: 1, maxRows: 100 }" 
-  class="full-show-no-scroll"
-                                      
+                                        :autosize="{ minRows: 1, maxRows: 100 }"
+                                        class="full-show-no-scroll"
                                         placeholder=""
                                     />
                                 </el-form-item>
@@ -775,16 +774,32 @@
                                 >
                                     $ {{ getFee(form.journal) }}
                                     <div style="color: #8c8d8f" v-if="getFee(form.journal) && getFee(form.journal) != '0.00'">
-                                        <i class="el-icon-warning" style="color: #517fd5; margin-right: 4px"></i>The article processing fee
-                                        applies to papers submitted and ultimately accepted for publication after January 1, 2025. For
-                                        authors seeking to apply for fee discounts, please
-                                        <a
-                                            style="color: rgb(81, 127, 213); cursor: pointer; text-decoration: underline"
-                                            href="https://www.tmrjournals.com/apc/"
-                                            target="_blank"
-                                            >click here</a
-                                        >
-                                        to view detailed policies.
+                                       
+                                        <div v-if="check_item.apc_url&&check_item.apc_content" >
+                                            <i class="el-icon-warning" style="color: #517fd5; margin-right: 4px"></i><span class="apc_content" v-html="check_item.apc_content"></span>
+                                        </div>
+                                        <!-- <div v-if="form.journal == 1">
+                                            <i class="el-icon-warning" style="color: #517fd5; margin-right: 4px"></i>The article processing
+                                            fee applies to papers submitted and ultimately accepted for publication after January 1, 2025.
+                                            For authors seeking to apply for fee discounts, please
+                                            <a
+                                                style="color: rgb(81, 127, 213); cursor: pointer; text-decoration: underline"
+                                                href="https://www.tmrjournals.com/tmr/free-application/"
+                                                target="_blank"
+                                                >click here</a
+                                            >
+                                            to view detailed policies.
+                                        </div> -->
+                                        <div v-else>
+                                            <i class="el-icon-warning" style="color: #517fd5; margin-right: 4px"></i>For more details about the Article Processing Charge (APC), please visit:
+                                            <a
+                                                style="color: rgb(81, 127, 213); cursor: pointer; text-decoration: underline"
+                                                :href="check_item.apc_url"
+                                                target="_blank"
+                                                >{{check_item.apc_url}}</a
+                                            >
+                                           
+                                        </div>
                                     </div>
                                 </el-form-item>
 
@@ -1881,7 +1896,6 @@ export default {
                 this.form.journal = '';
                 this.reviewerof.journal = 1;
 
-               
                 if (localStorage.getItem('ms_journal_alias')) {
                     localStorage.removeItem('ms_journal_alias');
                 }
@@ -3901,6 +3915,9 @@ export default {
 </script>
 
 <style scoped>
+/deep/.apc_content a{
+    color: rgb(81, 127, 213) !important; cursor: pointer !important; text-decoration: underline !important;
+}
 .formTopics {
     width: 100%;
 }
@@ -4041,23 +4058,22 @@ export default {
 }
 /* 穿透Element UI的样式，强制覆盖所有限制 */
 .full-show-no-scroll::v-deep .el-textarea {
-  
-  overflow: visible !important;
+    overflow: visible !important;
 }
 
 .full-show-no-scroll::v-deep .el-textarea__inner {
-  white-space: normal !important;  /* 强制换行 */
-  word-wrap: break-word !important;  /* 长文本/长单词换行 */
-  overflow: visible !important;  /* 溢出内容显示，不隐藏 */
-  
-  max-height: none !important;  /* 取消最大高度限制 */
-  resize: none !important;  /* 禁止手动调整大小 */
-  padding: 12px;  /* 可选：调整内边距，避免内容贴边 */
+    white-space: normal !important; /* 强制换行 */
+    word-wrap: break-word !important; /* 长文本/长单词换行 */
+    overflow: visible !important; /* 溢出内容显示，不隐藏 */
+
+    max-height: none !important; /* 取消最大高度限制 */
+    resize: none !important; /* 禁止手动调整大小 */
+    padding: 12px; /* 可选：调整内边距，避免内容贴边 */
 }
 
 /* 隐藏滚动条（即使偶尔出现也看不见） */
 .full-show-no-scroll::v-deep ::-webkit-scrollbar {
-  display: none !important;
+    display: none !important;
 }
 ::v-deep .el-textarea__inner {
     line-height: 1.5 !important;
diff --git a/src/components/page/articleDetailEditor.vue b/src/components/page/articleDetailEditor.vue
index ab3b14e..5751604 100644
--- a/src/components/page/articleDetailEditor.vue
+++ b/src/components/page/articleDetailEditor.vue
@@ -557,8 +557,8 @@
                                             </el-button>
                                             <h4>Figure Copyright Declaration :</h4>
                                             <div style="line-height: 22px;padding-left: 10px;margin-top: 2px;color: #333;">
-                                              <p v-if="form.is_figure_copyright == 2">I confirm that all figures in this manuscript are original.</p>
-                                             <p v-if="form.is_figure_copyright == 1">I confirm that all figures in this manuscript used with proper permission.</p>
+                                              <p v-if="form.is_figure_copyright == 2">&nbsp;I confirm that all figures in this manuscript are original.</p>
+                                             <p v-if="form.is_figure_copyright == 1">&nbsp;I confirm that all figures in this manuscript used with proper permission.</p>
                                               
                                             </div>
 
diff --git a/src/components/page/components/articleDetail/FigureCopyright.vue b/src/components/page/components/articleDetail/FigureCopyright.vue
index 3b681f9..a30f76e 100644
--- a/src/components/page/components/articleDetail/FigureCopyright.vue
+++ b/src/components/page/components/articleDetail/FigureCopyright.vue
@@ -17,7 +17,7 @@
                 </el-form-item> -->
 
                 <transition name="el-fade-in">
-                    <el-form-item v-if="value == '1'" style="">
+                    <el-form-item style="">
                       
                       <div style="position: relative; top: 4px; margin-left: 14px">
                       <el-upload
diff --git a/src/components/page/per_text.vue b/src/components/page/per_text.vue
index d29e3c6..1026b68 100644
--- a/src/components/page/per_text.vue
+++ b/src/components/page/per_text.vue
@@ -21,7 +21,8 @@
                                 Manuscript ID: {{ txt_mess.accept_sn }}
                             </h5>
                             <p style="display: inline-block; margin: 0 35px"><b>Type :</b> {{ txt_mess.atype }}</p>
-                            <p style="display: inline-block"><b>Submitted time :</b> {{ txt_mess.ctime | formatDatehms}}</p>
+                          
+                            <!-- <p style="display: inline-block"><b>Submitted time :</b> {{ txt_mess.ctime}}</p> -->
                             <div v-if="this.add_apply == 0">
                                 <p><b>Abstract :</b> <br />{{ txt_mess.abstrart }}</p>
                                 <div class="file_sty" v-for="item in fileList" style="margin-top: 15px">

From 954bd5add3542ff280f1ba3c82136cbea38208e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Mon, 5 Jan 2026 13:15:34 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/articleAdd2.vue | 4038 ---------------------------
 1 file changed, 4038 deletions(-)
 delete mode 100644 src/components/page/articleAdd2.vue

diff --git a/src/components/page/articleAdd2.vue b/src/components/page/articleAdd2.vue
deleted file mode 100644
index 9529802..0000000
--- a/src/components/page/articleAdd2.vue
+++ /dev/null
@@ -1,4038 +0,0 @@
-<template>
-    <div style="">
-        <div style="display: flex; justify-content: space-between">
-            <div style="width: 100%; min-width: 1020px; position: relative">
-                <div class="step_list_new">
-                    <el-steps align-center>
-                        <!-- 状态  已完成 未完成 正在填写 -->
-                        <el-step
-                            @click.native="StepCode(item, i)"
-                            style="cursor: pointer; padding: 20px 0 10px"
-                            v-for="(item, i) in listStep"
-                            :key="item.index"
-                            :data-step-index="item.index"
-                            :class="{
-                                C_style: show_step === item.index,
-                                'step-success': stepStatus[i] && stepStatus[i].status == 1,
-                                'step-edit': stepStatus[i] && stepStatus[i].status == 2,
-                                'step-saved': stepStatus[i] && stepStatus[i].status == 3
-                            }"
-                        >
-                            <template #icon v-if="stepStatus && stepStatus.length > 0" @click.stop="StepCode(item)">
-                                <span v-if="stepStatus[i].status == 0"> </span>
-                                <span class="step_icon" v-if="stepStatus[i].status == 1">
-                                    <i class="el-icon-check" style="font-size: 21px"></i>
-                                </span>
-
-                                <span class="step_icon" v-if="stepStatus[i].status == 2">
-                                    <i class="el-icon-edit-outline" style="font-size: 22px"></i>
-                                </span>
-                                <span class="step_icon" v-if="stepStatus[i].status == 3">
-                                    <i class="el-icon-check" style="font-size: 21px"></i>
-                                </span>
-                            </template>
-                            <template #icon v-else>
-                                <span @click.stop="StepCode(item)"> </span>
-                            </template>
-                            <template #title>
-                                <div style="" class="step_title" @click.stop="StepCode(item)">
-                                    <div style="">
-                                        <i :class="item.icon" style="font-size: 22px; margin-right: 4px"></i>
-                                        <span style="font-size: 17px">{{ item.title }}</span>
-                                    </div>
-                                </div>
-                            </template>
-                        </el-step>
-                    </el-steps>
-                </div>
-
-                <!-- <ProgressBar :progress="uploadPercentage" v-if="isShowProgress" /> -->
-                <div class="manu_add" style="width: calc(100% - 20px)" v-loading="loading">
-                    <el-form ref="articleform" :model="form" :rules="rules" label-width="120px">
-                        <div class="bag_color" v-if="show_step == 1">
-                            <div>
-                                <h3>Manuscript Information</h3>
-
-                                <el-form-item label="Journal :" prop="journal">
-                                    <JournalSelector
-                                        ref="journalSelector"
-                                        @selected="handleJournalSelected"
-                                        :list="items"
-                                        :check_item="check_item"
-                                        :journal_id="form.journal ? Number(form.journal) : 0"
-                                    />
-                                </el-form-item>
-
-                                <el-form-item label="Type :" prop="type">
-                                    <el-select v-model="form.type" style="width: 240px" placeholder="">
-                                        <el-option
-                                            v-for="item in journal_type"
-                                            :key="item.value"
-                                            :label="item.name"
-                                            :value="item.value"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item label="Manuscript :" prop="manuscirpt" label-width="120px">
-                                    <el-upload
-                                        :on-progress="handleProgress"
-                                        ref="uploadFileManuscirpt"
-                                        class="upload-demo up_newstyle"
-                                        :action="upload_manuscirpt"
-                                        accept=".docx"
-                                        name="manuscirpt"
-                                        :before-upload="beforeupload_manuscirpt"
-                                        :on-error="uperr_coverLetter"
-                                        :on-success="upSuccess_manuscirpt"
-                                        :limit="1"
-                                        :on-exceed="alertlimit"
-                                        :on-remove="removefilemanuscirpt"
-                                        :file-list="fileL_manuscirpt"
-                                        :on-preview="dowloadFile"
-                                    >
-                                        <div class="el-upload__text" @click="removefilemanuscirpt">
-                                            <em>Upload</em>
-                                        </div>
-                                        <div class="el-upload__tip" slot="tip">
-                                            Only Word and compressed files can be uploaded (file format: .docx).
-                                        </div>
-                                    </el-upload>
-                                </el-form-item>
-                                <el-form-item label="Manuscript Title :" prop="title" label-width="160px">
-                                    <el-input v-model="form.title"></el-input>
-                                </el-form-item>
-
-                                <el-form-item label="Whether ethical approval was obtained ?" prop="approval" label-width="290px">
-                                    <el-radio-group v-model="form.approval">
-                                        <el-radio :label="1">Yes</el-radio>
-                                        <el-radio :label="0">No</el-radio>
-                                    </el-radio-group>
-                                </el-form-item>
-                                <el-form-item
-                                    label="Ethical approval file :"
-                                    prop="approval_file"
-                                    v-if="form.approval == 1"
-                                    label-width="290px"
-                                >
-                                    <el-upload
-                                        ref="approval_file"
-                                        class="upload-demo up_newstyle"
-                                        :action="upload_articleApproval"
-                                        accept=".pdf"
-                                        name="articleApproval"
-                                        :before-upload="beforeupload_articleApproval"
-                                        :on-error="uperr_coverLetter"
-                                        :on-success="upSuccess_articleApproval"
-                                        :limit="1"
-                                        :on-exceed="alertlimit"
-                                        :on-remove="removefilearticleApproval"
-                                        :file-list="fileL_articleApproval"
-                                        :on-preview="dowloadFile"
-                                    >
-                                        <div class="el-upload__text" @click="clearUploadedFile">
-                                            <em>Upload</em>
-                                        </div>
-                                        <div
-                                            class="el-upload__tip"
-                                            slot="tip"
-                                            style="line-height: 20px; left: 80px; font-size: 13px; top: -9px"
-                                        >
-                                            Only PDF and compressed files can be uploaded.<br />
-                                            <span style="color: #8c8d8f"
-                                                >Please ensure that the file includes the ethics approval number and the institutional
-                                                approval document.</span
-                                            >
-                                        </div>
-                                    </el-upload>
-                                </el-form-item>
-                                <el-form-item
-                                    label="Explain the reason clearly :"
-                                    prop="approval_content"
-                                    v-if="form.approval === 0"
-                                    label-width="290px"
-                                >
-                                    <el-input type="textarea" rows="2" v-model="form.approval_content"></el-input>
-                                </el-form-item>
-                                <el-form-item label="Abstract :" prop="abstrart">
-                                    <el-input type="textarea" rows="6" v-model="form.abstrart"></el-input>
-                                </el-form-item>
-                                <!-- 话题 -->
-                                <!-- <el-form-item label="Topics :" prop="topics">
-							<el-cascader disabled class="formTopics" @change="topicsChange"
-							v-model="form.topics"
-							:options="topicsList"
-							:props="topicsProps"
-							clearable></el-cascader>
-						</el-form-item> -->
-
-                                <el-form-item label="Key words :">
-                                    <el-input
-                                        v-for="(item, index) in keywordsList"
-                                        :key="index"
-                                        :name="index + 1"
-                                        v-model="item.ke"
-                                        clearable
-                                        style="width: 150px; margin-right: 15px; margin-bottom: 3px"
-                                    >
-                                    </el-input>
-                                    <el-button type="text" @click="addfund">
-                                        <i class="el-icon-circle-plus-outline">Add</i>
-                                    </el-button>
-                                </el-form-item>
-                                <el-form-item label="Fund :">
-                                    <el-input v-model="form.fund"> </el-input>
-                                </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"
-                                        >Save and proceed to the next step</el-button
-                                    >
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="bag_color" v-if="show_step == 2">
-                            <div>
-                                <div>
-                                    <h3>
-                                        Associated Authors
-                                        <el-tooltip
-                                            class="item"
-                                            effect="light"
-                                            content="If you've submitted articles to TMR Publishing Group before, we'll display your previous collaborators' information here."
-                                            placement="right"
-                                        >
-                                            <i class="el-icon-info"></i>
-                                        </el-tooltip>
-
-                                        <el-button @click="forWarMark" type="primary" style="float: right">
-                                            <i class="el-icon-arrow-up" v-if="!forWard"> Show all authors</i>
-                                            <i class="el-icon-arrow-down" v-else> Hide all authors</i>
-                                        </el-button>
-                                        <!-- <p class="zyfont" style="font-weight: normal;margin-top: 5px;">
-									If you have previously published articles with the TMR Publishing Group, information
-									about your past collaborators will be displayed here.
-								</p> -->
-                                    </h3>
-                                    <div
-                                        v-if="!forWard"
-                                        style="height: 1px; background-color: #b3d0ef; width: 900px; margin: -5px auto 20px auto"
-                                    ></div>
-                                    <div class="forWard" v-if="forWard">
-                                        <div v-for="(item, index) in raltiAutList" style="position: relative">
-                                            <p style="font-weight: bold; margin-bottom: 10px">
-                                                {{ item.firstname }} {{ item.lastname }}
-                                                <span v-if="!item.showHide" style="font-weight: normal; margin-left: 10px"
-                                                    >({{ item.email }})</span
-                                                >
-                                                <i
-                                                    v-if="item.showHide"
-                                                    @click="raltSHpin(index, 0)"
-                                                    class="el-icon-caret-top jiantouBiao"
-                                                ></i>
-                                                <i
-                                                    v-if="!item.showHide"
-                                                    @click="raltSHpin(index, 1)"
-                                                    class="el-icon-caret-bottom jiantouBiao"
-                                                ></i>
-                                            </p>
-                                            <p v-if="item.showHide">
-                                                <font>E-mail :</font>
-                                                {{ item.email }}
-                                            </p>
-                                            <p v-if="item.orcid && item.showHide">
-                                                <font>ORCID iD :</font>
-                                                {{ item.orcid }}
-                                            </p>
-                                            <p v-if="item.title && item.showHide">
-                                                <font>Title :</font>
-                                                {{ item.title }}
-                                            </p>
-                                            <p v-if="item.company && item.showHide">
-                                                <font>Affiliation :</font>
-                                                {{ item.company }}
-                                            </p>
-                                            <p v-if="item.department && item.showHide">
-                                                <font>Department :</font>
-                                                {{ item.department }}
-                                            </p>
-                                            <p v-if="item.address && item.showHide">
-                                                <font>Address :</font>
-                                                {{ item.address }}
-                                            </p>
-                                            <p v-if="item.country && item.showHide">
-                                                <font>Country :</font>
-                                                {{ item.country }}
-                                            </p>
-                                            <div style="position: absolute; right: 0; top: 0">
-                                                <el-button type="primary" plain size="mini" @click="checkAuthor(item, index)">
-                                                    <i class="el-icon-plus" style="font-size: 10px; display: inline"></i>
-                                                    Add author
-                                                </el-button>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <h3>
-                                    Author Information
-                                    <el-button @click="addAuthor" type="primary" style="float: right">
-                                        <i class="el-icon-plus"> Add author</i>
-                                    </el-button>
-                                    <p class="zyfont" style="font-weight: normal; margin-top: 5px">
-                                        The number of First Authors and Corresponding Authors should not exceed two each.
-                                    </p>
-                                </h3>
-                                <div class="partyAry">
-                                    <div v-for="(item, index) in form.authorList">
-                                        <p style="text-align: right; margin-bottom: 10px; border-bottom: 1px solid #dae8f7">
-                                            <span style="float: left; margin-top: 5px">Author {{ index + 1 }}</span>
-                                            <el-button @click="editAuthor(item, index)" type="text">
-                                                <i class="el-icon-edit" style="font-weight: bold; font-size: 14px"></i>
-                                            </el-button>
-                                            <el-button type="text" @click="gaPaiXu(item, 'top')" v-if="index != 0">
-                                                <i class="el-icon-top" style="font-weight: bold; font-size: 14px"></i>
-                                            </el-button>
-                                            <el-button type="text" @click="gaPaiXu(item, 'bot')" v-if="index != form.authorList.length - 1">
-                                                <i class="el-icon-bottom" style="font-weight: bold; font-size: 14px"></i>
-                                            </el-button>
-                                            <el-button @click="deleteAuthor(item, index)" type="text" class="Del_btn">
-                                                <i class="el-icon-delete" style="font-weight: bold; font-size: 14px"></i>
-                                            </el-button>
-                                        </p>
-                                        <p style="font-weight: bold; margin-bottom: 10px">
-                                            {{ item.firstname }} {{ item.lastname }} {{ item.isSuper ? '#' : ''
-                                            }}{{ item.isReport ? '*' : '' }}
-                                        </p>
-                                        <p>
-                                            <font>E-mail :</font>
-                                            {{ item.email }}
-                                        </p>
-                                        <p v-if="item.orcid">
-                                            <font>ORCID iD :</font>
-                                            {{ item.orcid }}
-                                        </p>
-                                        <p v-if="item.title">
-                                            <font>Title :</font>
-                                            {{ item.title }}
-                                        </p>
-                                        <p v-if="item.company">
-                                            <font>Affiliation :</font>
-                                            {{ item.company }}
-                                        </p>
-                                        <p v-if="item.department">
-                                            <font>Department :</font>
-                                            {{ item.department }}
-                                        </p>
-                                        <p v-if="item.address">
-                                            <font>Address :</font>
-                                            {{ item.address }}
-                                        </p>
-                                        <p v-if="item.country">
-                                            <font>Country :</font>
-                                            {{ item.country }}
-                                        </p>
-                                    </div>
-                                </div>
-
-                                <p style="color: #777; font-size: 14px; margin-bottom: 5px">
-                                    Please note that based on your input the author names will appear as follows:
-                                </p>
-                                <p>
-                                    <span v-for="(item, index) in form.authorList">
-                                        {{ item.firstname }} {{ item.lastname }} {{ item.isSuper ? '#' : '' }}{{ item.isReport ? '*' : '' }}
-                                        <span v-if="index != form.authorList.length - 1">;</span>
-                                    </span>
-                                </p>
-
-                                <div style="text-align: center; margin: 40px 0 0 0">
-                                    <!-- <el-button type="warning" @click="onStagingSave(2)" class="pro_stage">Save as draft
-							</el-button> -->
-                                    <el-button type="primary" @click="onStep(2)" class="pro_ceed">Proceed to the next step</el-button>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="bag_color" v-if="show_step == 3">
-                            <div>
-                                <h3>Upload Manuscript</h3>
-                                <el-form-item label="Cover letter :" label-width="220px">
-                                    <el-upload
-                                        class="upload-demo up_newstyle"
-                                        :action="upload_coverLetter"
-                                        accept=".pdf, .doc, .docx"
-                                        name="coverLetter"
-                                        :before-upload="beforeupload_coverLetter"
-                                        :on-error="uperr_coverLetter"
-                                        :on-success="upSuccess_coverLetter"
-                                        :limit="1"
-                                        :on-exceed="alertlimit"
-                                        :on-remove="removefilecoverLetter"
-                                        :file-list="fileL_coverLetter"
-                                        :on-preview="dowloadFile"
-                                    >
-                                        <div class="el-upload__text">
-                                            <em>Upload</em>
-                                        </div>
-                                        <div class="el-upload__tip" slot="tip">
-                                            Only PDF and Word files can be uploaded (file formats: .pdf, .doc, .docx).
-                                        </div>
-                                    </el-upload>
-                                </el-form-item>
-                                <el-form-item label-width="220px">
-                                    <span slot="label">
-                                        Figures
-                                        <el-popover placement="top-start" width="350" trigger="hover">
-                                            <p style="line-height: 24px; word-wrap: break-word; word-break: normal; text-align: left">
-                                                Dear Author
-                                                <br />Except for the experimental graphs covered in this article; the statistical graphs of
-                                                the experimental results in this article; the model graphs produced by the author of this
-                                                article. <br />For images from any other source : <br />1. Please make sure that the author
-                                                owns the copyright of the image. <br />2. Obtain written authorization from the original
-                                                copyright owner (please upload proof of copyright authorization, including a screenshot of
-                                                the other party's authorization email or authorization letter).
-                                            </p>
-                                            <i
-                                                class="el-icon-info"
-                                                slot="reference"
-                                                style="color: #ef8429; cursor: pointer; vertical-align: super; font-size: 20px"
-                                            ></i>
-                                        </el-popover>
-                                        :
-                                    </span>
-                                    <el-upload
-                                        class="upload-demo up_newstyle"
-                                        :action="upload_picturesAndTables"
-                                        accept=".zip"
-                                        name="picturesAndTables"
-                                        :before-upload="beforeupload_picturesAndTables"
-                                        :on-error="uperr_coverLetter"
-                                        :on-success="upSuccess_picturesAndTables"
-                                        :limit="1"
-                                        :on-exceed="alertlimit"
-                                        :on-remove="removefilepicturesAndTables"
-                                        :file-list="fileL_picturesAndTables"
-                                        :on-preview="dowloadFile"
-                                    >
-                                        <div class="el-upload__text">
-                                            <em>Upload</em>
-                                        </div>
-                                        <div class="el-upload__tip" slot="tip">Only ZIP files can be uploaded (file format: .zip).</div>
-                                    </el-upload>
-                                </el-form-item>
-                                <!-- <el-form-item label="Title page :" prop="totalpage">
-							<el-upload class="upload-dem up_newstyle" :action="upload_totalpage" accept=".doc, .docx" name="totalpage"
-							 :before-upload="beforeupload_totalpage" :on-error="uperr_coverLetter" :on-success="upSuccess_totalpage" :limit="1"
-							 :on-exceed="alertlimit" :on-remove="removefiletotalpage">
-								<div class="el-upload__text">
-									<em>Upload</em>
-								</div>
-								<div class="el-upload__tip" slot="tip">Only word files can be uploaded(.doc,.docx)</div>
-							</el-upload>
-						</el-form-item> -->
-                                <el-form-item label="Manuscript :" prop="manuscirpt" label-width="220px">
-                                    <el-upload
-                                        :on-progress="handleProgress"
-                                        ref="uploadFileManuscirpt"
-                                        class="upload-demo up_newstyle up_disabled"
-                                        :action="upload_manuscirpt"
-                                        accept=".docx"
-                                        name="manuscirpt"
-                                        :disabled="true"
-                                        :before-upload="beforeupload_manuscirpt"
-                                        :on-error="uperr_coverLetter"
-                                        :on-success="upSuccess_manuscirpt"
-                                        :limit="1"
-                                        :on-exceed="alertlimit"
-                                        :on-remove="removefilemanuscirpt"
-                                        :file-list="fileL_manuscirpt"
-                                        :on-preview="dowloadFile"
-                                    >
-                                        <div class="el-upload__text" style="border: none !important">
-                                            <!-- <em>Upload</em> -->
-                                        </div>
-                                    </el-upload>
-                                </el-form-item>
-                                <el-form-item label="Supplementary Material :" label-width="220px">
-                                    <el-upload
-                                        class="upload-demo up_newstyle"
-                                        :action="upload_supplementary"
-                                        accept=".zip"
-                                        name="supplementary"
-                                        :before-upload="beforeupload_supplementary"
-                                        :on-error="uperr_coverLetter"
-                                        :on-success="upSuccess_supplementary"
-                                        :limit="1"
-                                        :on-exceed="alertlimit"
-                                        :on-remove="removefilesupplementary"
-                                        :file-list="fileL_supplementary"
-                                        :on-preview="dowloadFile"
-                                    >
-                                        <div class="el-upload__text">
-                                            <em>Upload</em>
-                                        </div>
-                                        <div
-                                            class="el-upload__tip"
-                                            slot="tip"
-                                            style="line-height: 20px; left: 80px; font-size: 13px; top: -9px"
-                                        >
-                                            Only ZIP files can be uploaded (file formats: .zip).
-
-                                            <br />
-                                            <span style="color: #888"
-                                                >Please upload the original, uncropped full-length Western blot images.</span
-                                            >
-                                        </div>
-                                    </el-upload>
-                                </el-form-item>
-                                <el-form-item label="Figure Copyright Declaration :" label-width="220px" prop="is_figure_copyright">
-                                    <div style="color: #333">
-                                        <el-radio v-model="form.is_figure_copyright" label="2" style="width: 100%"
-                                            >I confirm that all figures in this manuscript are original.</el-radio
-                                        >
-                                        <el-radio v-model="form.is_figure_copyright" label="1"
-                                            >I confirm that all figures in this manuscript used with proper permission.</el-radio
-                                        >
-
-                                        <el-form-item
-                                            label=""
-                                            prop="figurecopyright_file"
-                                            v-if="form.is_figure_copyright == 1"
-                                            label-width="0px"
-                                        >
-                                            <div style="position: relative; top: 4px; margin-left: 14px">
-                                                <el-upload
-                                                    ref="uploadFile"
-                                                    class="upload-demo up_newstyle"
-                                                    :action="upload_articleCopyright"
-                                                    accept=".pdf, .zip"
-                                                    name="figurecopyright"
-                                                    :before-upload="beforeupload_articleCopyright"
-                                                    :on-error="uperr_coverLetter"
-                                                    :on-success="upSuccess_articleCopyright"
-                                                    :limit="1"
-                                                    :on-exceed="alertlimit"
-                                                    :on-remove="removefilearticleCopyright"
-                                                    :file-list="fileL_articleCopyright"
-                                                    :on-preview="dowloadFile"
-                                                >
-                                                    <div class="el-upload__text" @click="clearUploadedCopyrightFile">
-                                                        <em>Upload</em>
-                                                    </div>
-                                                    <div class="el-upload__tip" slot="tip" style="color: #888; left: 80px; font-size: 13px">
-                                                        Upload the copyright permission letters or license documents figures. (file format:
-                                                        .pdf, .zip)<br />
-                                                    </div>
-                                                </el-upload>
-                                            </div>
-                                        </el-form-item>
-                                    </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">
-                                        <el-input type="textarea" 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(3)" class="pro_stage">Save as draft </el-button>
-                                    <el-button type="primary" @click="onStep(3)" class="pro_ceed"
-                                        >Save and proceed to the next step</el-button
-                                    >
-                                </div>
-                            </div>
-                        </div>
-                        <!-- 提交 submit -->
-                        <div class="bag_color" v-if="show_step == 4">
-                            <div>
-                                <el-form-item label="Research areas :" prop="major" label-width="120px">
-                                    <template slot="label">
-                                        <span style="color: #f56c6c; margin-right: 4px">*</span>Research area :
-                                    </template>
-
-                                    <common-major-list :list="majorValueList" @load="(e) => (this.majorValueList = e)"></common-major-list>
-                                </el-form-item>
-                                <h3>Co-submitting</h3>
-                                <p style="line-height: 25px; margin: 0 10px 0 55px; font-size: 14px">
-                                    TMR Publishing Group publishes multiple journals and offers you the opportunity to co-submit your paper.
-                                    If your manuscript is not deemed suitable for the first journal, it can be automatically transferred
-                                    along with reviews and reviewers' identities (cascading peer-review) to another journal of your choice.
-                                    Please note that you can choose up to two journals only.
-                                    <br />
-                                    <el-switch
-                                        style="margin-top: 20px"
-                                        @change="changeSwitch($event)"
-                                        v-model="form.istransfer"
-                                        active-text="Yes"
-                                        inactive-text="No"
-                                    ></el-switch>
-                                </p>
-                                <el-form-item label="Journals :" v-show="form.istransfer" label-width="130px" style="margin-top: 20px">
-                                    <div style="margin-bottom: 0">
-                                        <p class="zyfont">1. {{ getjournalbyid(form.journal) }}</p>
-                                        <p class="zyfont" v-for="(cjou, index) in form.checkedjours" :key="index">
-                                            {{ index + 2 }}. {{ getjournalbyid(cjou) }}
-                                        </p>
-                                    </div>
-                                    <el-checkbox-group v-model="form.checkedjours" :max="1" style="margin-top: 10px">
-                                        <el-checkbox
-                                            v-for="jour in mj_jour"
-                                            :label="jour.journal_id"
-                                            :disabled="jour.journal_id == form.journal"
-                                            :key="jour.journal_id"
-                                            class="tally_jour"
-                                            v-if="jour.journal_id != form.journal"
-                                            >{{ jour.title }}
-                                        </el-checkbox>
-                                    </el-checkbox-group>
-                                </el-form-item>
-                                <p style="line-height: 25px; margin: 30px 10px 0 55px; font-size: 14px" v-if="checkReviewerof == 0">
-                                    Would you be interested in serving as a reviewer for this journal?
-                                    <br />
-                                    <el-switch
-                                        style="margin-top: 20px"
-                                        @change="changeBecome($event)"
-                                        v-model="form.becomeRev"
-                                        active-text="Yes"
-                                        inactive-text="No"
-                                    ></el-switch>
-                                </p>
-                                <el-form
-                                    ref="reviewerform"
-                                    :model="reviewerForm"
-                                    v-show="form.becomeRev && !this.usercap.includes('reviewer')"
-                                    :rules="rules"
-                                    label-width="130px"
-                                    style="width: 500px; padding: 15px 30px 1px 5px; margin: 25px 0px 0px 55px; box-shadow: 0 0 8px #b7d2ed"
-                                >
-                                    <!-- 性别 -->
-                                    <el-form-item label="Gender :">
-                                        <el-radio-group v-model="reviewerForm.gender">
-                                            <el-radio :label="1">Male</el-radio>
-                                            <el-radio :label="2">Female</el-radio>
-                                        </el-radio-group>
-                                    </el-form-item>
-                                    <!-- 简介  -->
-                                    <el-form-item prop="introduction" label="Introduction :">
-                                        <el-input type="textarea" rows="3" v-model="reviewerForm.introduction"></el-input>
-                                    </el-form-item>
-                                    <!-- 国家 -->
-                                    <el-form-item prop="country" label="Country :">
-                                        <el-select v-model="reviewerForm.country" filterable placeholder="">
-                                            <el-option
-                                                v-for="it in countrys"
-                                                :key="it.en_name"
-                                                :label="it.en_name"
-                                                :value="it.en_name"
-                                            ></el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                    <!-- 专业 -->
-                                    <el-form-item prop="major" label="Major :">
-                                        <el-select v-model="reviewerForm.major" filterable placeholder="">
-                                            <el-option
-                                                v-for="item in majorList"
-                                                :key="item.major_id"
-                                                :label="item.title + item.ctitle"
-                                                :value="item.major_id"
-                                            ></el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                    <!-- 领域 -->
-                                    <el-form-item prop="field" label="Field :">
-                                        <el-input size="small" v-model="reviewerForm.field" auto-complete="off"></el-input>
-                                    </el-form-item>
-                                    <!-- 职称 -->
-                                    <el-form-item prop="technical" label="Technical :">
-                                        <el-select v-model="reviewerForm.technical" placeholder="">
-                                            <el-option key="Prof." label="Prof." value="Prof."></el-option>
-                                            <el-option key="Associate Prof." label="Associate Prof." value="Associate Prof."> </el-option>
-                                            <el-option key="Assistant Prof." label="Assistant Prof." value="Assistant Prof."> </el-option>
-                                            <el-option key="Ph.D." label="Ph.D." value="Ph.D."></el-option>
-                                            <el-option key="Others" label="Others" value="Others"></el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                    <!-- 单位 -->
-                                    <el-form-item prop="company" label="Affiliation :">
-                                        <el-input size="small" v-model="reviewerForm.company" auto-complete="off"></el-input>
-                                    </el-form-item>
-                                    <!-- 简历 -->
-                                    <el-form-item label="CV. :">
-                                        <el-upload
-                                            class="upload-demo"
-                                            :action="upload_qualifications"
-                                            accept=".rar, .zip"
-                                            name="qualifications"
-                                            :on-error="uperr"
-                                            :on-success="upSuccess"
-                                            :limit="1"
-                                            :on-exceed="alertlimit"
-                                            :on-remove="removefile"
-                                        >
-                                            <div class="el-upload__text">
-                                                <em>click upload</em>
-                                            </div>
-                                            <div class="el-upload__tip" slot="tip" style="color: #999">
-                                                Only compressed files can be uploaded(.rar,.zip)
-                                            </div>
-                                        </el-upload>
-                                    </el-form-item>
-                                </el-form>
-                                <h3 style="margin-top: 35px">Suggesting reviewers</h3>
-                                <p style="margin: -55px 10px 0 55px; font-size: 14px; text-align: right">
-                                    <el-button
-                                        :disabled="tuiJianForm.length == 3"
-                                        type="primary"
-                                        @click="onAddTuijian"
-                                        plain
-                                        icon="el-icon-plus"
-                                        style="width: 210px"
-                                        >Add Recommended Reviewer</el-button
-                                    >
-                                </p>
-                                <p style="margin: 5px 10px 0 55px; font-size: 14px; line-height: 22px">
-                                    (Non-essential)
-                                    <br />While authors are welcome to suggest potential reviewers, the final review on the selection of
-                                    reviewers is at the discretion of the editorial board. The following criteria are generally considered
-                                    when selecting reviewers: <br />1. The reviewer should hold a Ph.D. degree (or equivalent) in a relevant
-                                    field. <br />2. The reviewer should have published at least three articles on the subject matter of the
-                                    manuscript, one of which was published within the last five years and is indexed in the WOS database.
-                                    <br />3. The reviewer should not be affiliated with the same institution as the author, and should not
-                                    have a close collaborative or personal relationship with the author. Conflict of interest should be
-                                    avoided. <br />4. The editorial board encourages diversity in reviewer selection, with respect to gender
-                                    and geographic location.
-                                </p>
-                                <el-form
-                                    ref="tuiJianForm"
-                                    v-for="(item, index) in tuiJianForm"
-                                    :rules="tuiJianRules"
-                                    label-position="top"
-                                    label-width="110px"
-                                    class="tuijian_f"
-                                    :model="item"
-                                >
-                                    <p>
-                                        Reviewer <span style="margin: 0 0 0 3px">{{ index + 1 }}</span>
-                                    </p>
-                                    <el-form-item label="Realname :" prop="realname">
-                                        <el-input v-model="item.realname" clearable></el-input>
-                                    </el-form-item>
-                                    <el-form-item label="Email :" prop="email">
-                                        <el-input v-model="item.email" :validate-event="false" clearable></el-input>
-                                    </el-form-item>
-                                    <el-form-item label="Department :" prop="department">
-                                        <el-input v-model="item.department" clearable></el-input>
-                                    </el-form-item>
-                                    <el-form-item label="Affiliation :" prop="affiliation">
-                                        <el-input v-model="item.affiliation" :validate-event="false" clearable></el-input>
-                                    </el-form-item>
-                                    <el-form-item label="Filed :" prop="major_all">
-                                        <el-cascader
-                                            placeholder=""
-                                            :options="step4MajorList"
-                                            v-model="item.major_all"
-                                            :props="default4Params"
-                                            clearable
-                                        ></el-cascader>
-                                    </el-form-item>
-                                    <el-button
-                                        :disabled="tuiJianForm.length == 1"
-                                        @click="onDeleteTuijian(item, index)"
-                                        type="danger"
-                                        icon="el-icon-delete"
-                                        class="shanchu_tj"
-                                    ></el-button>
-                                </el-form>
-
-                                <p style="font-size: 12px; color: #888; margin: 15px 10px 0px 55px; line-height: 18px">
-                                    You can suggest 3 potential reviewers, which can help speed up the review process.
-                                    <br /><b style="letter-spacing: -0.5px">Please pay attention:</b> <br />Authors may suggest potential
-                                    reviewers if they wish. However, whether or not to consider these reviewers is at the editor's
-                                    discretion. Authors should not suggest recent collaborators or colleagues who work in the same
-                                    institution as themselves. Authors who wish to suggest peer reviewers should provide institutional email
-                                    addresses where possible or information that will help the editor verify the identity of the reviewer.
-                                    <br />Authors may request the exclusion of individuals as peer reviewers, but they should explain the
-                                    reasons in their cover letter on submission. Authors should not exclude too many individuals as this may
-                                    hinder the peer review process. Intentionally falsifying information, for example, suggesting reviewers
-                                    with a false name or email address, will result in rejection of the manuscript and may lead to further
-                                    investigation in line with our misconduct policy.
-                                </p>
-
-                                <div style="margin: 30px 0 30px 0px">
-                                    <el-form-item label-width="180px">
-                                        <span slot="label">
-                                            Invitation code
-                                            <el-popover placement="top-start" width="320" trigger="hover">
-                                                <p style="line-height: 24px; word-wrap: break-word; word-break: normal; text-align: left">
-                                                    The journal encourages scientists to invite their colleagues or collaborators to submit
-                                                    manuscripts in order to promote collaboration and expand the journal's author network.
-                                                    You will be rewarded with credits that can be used to offset APC (specific details
-                                                    subject to journal policies) and gain priority in editorial board selection.
-                                                </p>
-                                                <i
-                                                    class="el-icon-info"
-                                                    slot="reference"
-                                                    style="color: #ef8429; cursor: pointer; vertical-align: super; font-size: 20px"
-                                                ></i>
-                                            </el-popover>
-                                            :
-                                        </span>
-                                        <el-input v-model="form.code" style="width: 200px"></el-input>
-                                    </el-form-item>
-                                </div>
-                                <el-form-item
-                                    label="Article Processing Charge :"
-                                    v-if="form.journal && form.journal != 0"
-                                    label-width="220px"
-                                >
-                                    $ {{ getFee(form.journal) }}
-                                    <div style="color: #8c8d8f" v-if="getFee(form.journal) && getFee(form.journal) != '0.00'">
-                                        <i class="el-icon-warning" style="color: #517fd5; margin-right: 4px"></i>The article processing fee
-                                        applies to papers submitted and ultimately accepted for publication after January 1, 2025. For
-                                        authors seeking to apply for fee discounts, please
-                                        <a
-                                            style="color: rgb(81, 127, 213); cursor: pointer; text-decoration: underline"
-                                            href="https://www.tmrjournals.com/apc/"
-                                            target="_blank"
-                                            >click here</a
-                                        >
-                                        to view detailed policies.
-                                    </div>
-                                </el-form-item>
-
-                                <div style="margin: 50px 0 30px 30px">
-                                    <el-checkbox v-model="agreechecked" style="font-weight: bold">I accept </el-checkbox>
-                                    <el-link @click="licensebox = true" type="primary" style="padding-left: 5px; font-weight: bold">
-                                        the license agreement</el-link
-                                    >
-                                </div>
-
-                                <div style="text-align: center; margin: 40px 0 0 0">
-                                    <el-button type="warning" @click="onStagingSave(4)" class="pro_stage">Save as draft </el-button>
-                                    <el-button type="primary" @click="onSubmit(1)" class="pro_ceed">Save and Submit</el-button>
-                                </div>
-                            </div>
-                        </div>
-                    </el-form>
-                </div>
-            </div>
-            <div
-                style="
-                    padding: 0;
-                    background: none;
-                    margin-top: 20px;
-                    line-height: 20px;
-                    color: #999;
-                    left: 990px;
-                    top: 120px;
-                    width: 400px;
-                    font-size: 14px;
-                "
-            >
-                <p
-                    style="
-                        width: 400px;
-                        border: 1px solid #ebeef5;
-                        font-size: 12px;
-                        line-height: 16px;
-                        background-color: #fff;
-                        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-                        border-radius: 8px;
-                        padding: 10px;
-                        box-sizing: border-box;
-                    "
-                >
-                    We encourage authors to upload a Cover Letter file and Highlights is also be encouraged. That will help authors let
-                    editors quickly obtain information and evaluate the scientific value of their research correctly.
-                    <br />Please remind our editor in the cover letter if you want your manuscript processed quickly. <br />Please note that
-                    manuscripts with at least one of the following characteristics will be included in the journal's manuscript fast track:
-                    <br />
-                    <font style="color: #006699">1.Interest:</font> This manuscript has a novel perspective.
-                    <br />
-                    <font style="color: #006699">2.Importance:</font> This manuscript belongs to the focus area.
-                    <br />
-                    <font style="color: #006699">3.Value:</font> This manuscript belongs to the advanced topic and can attract wide
-                    attention.
-                </p>
-                <common-word-html
-                    :articleId="stagingID"
-                    imgHeight="120px"
-                    v-if="isShowCommonWord && stagingID"
-                    style="margin-top: 10px; box-sizing: border-box; background-color: #fff"
-                ></common-word-html>
-            </div>
-        </div>
-
-        <el-dialog title="" :visible.sync="licensebox" width="500px" :close-on-click-modal="false">
-            <span style="word-wrap: break-word; word-break: normal; line-height: 22px">
-                Creative Commons Licensing<br /><br />
-                TMR Publishing Group provides authors the choice of applying the Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)
-                licenses defined below, to be determined after acceptance:<br /><br />
-                Attribution: CC BY-NC 4.0<br /><br />
-                This license lets others distribute, remix, tweak, and build upon your work. They can not use the material for commercial
-                purposes.<br /><br />
-                Copyright<br />
-                Authors retain the copyright of their manuscripts.
-            </span>
-            <span slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="licensebox = false">OK</el-button>
-            </span>
-        </el-dialog>
-
-        <!-- 选择期刊弹出框 -->
-        <el-dialog title="Change Journal" :visible.sync="changeVisible" width="780px" :close-on-click-modal="false">
-            <el-form :model="jour_form" :rules="rules" label-width="85px">
-                <el-form-item label="Journal" prop="journal">
-                    <div
-                        v-for="item in items"
-                        @click="ch_Jour(item.journal_id)"
-                        :class="jour_form.journal == item.journal_id ? 'jour_ku B_style' : 'jour_ku'"
-                    >
-                        {{ item.title }}
-                    </div>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="changeVisible = false">Cancel</el-button>
-                <el-button type="primary" @click="close_ch_Jour()">OK</el-button>
-            </span>
-        </el-dialog>
-
-        <!-- 添加修改作者弹出框 -->
-        <el-dialog title="Author Information" :visible.sync="authorVisible" width="780px" :close-on-click-modal="false">
-            <p style="font-weight: bold; margin: -10px 30px 30px 30px">
-                {{ authMeaIN.firstname }} {{ authMeaIN.lastname }} {{ authMeaIN.isSuper ? '#' : '' }}{{ authMeaIN.isReport ? '*' : '' }}
-            </p>
-
-            <el-form :model="authMeaIN" :rules="rules" label-width="85px" ref="authMeaINForm">
-                <el-form-item label-width="120px">
-                    <span slot="label">
-                        <span style="color: #f56c6c">*</span>
-                        E-mail :
-                    </span>
-                    <el-autocomplete
-                        class="inline-input"
-                        v-model="authMeaIN.email"
-                        :fetch-suggestions="
-                            (queryString, callback) => {
-                                chaMateFit(queryString, callback, 1);
-                            }
-                        "
-                        :trigger-on-focus="false"
-                        @select="
-                            (authMeaIN) => {
-                                chaSelChose(authMeaIN, 1);
-                            }
-                        "
-                        style="width: 578px"
-                    >
-                        <i class="el-icon-loading el-input__icon" slot="suffix" v-if="authMeaIN.load"> </i>
-                    </el-autocomplete>
-                </el-form-item>
-                <el-form-item label-width="120px">
-                    <span slot="label">
-                        <span style="color: #f56c6c">*</span>
-                        Name :
-                    </span>
-                    <el-input v-model="authMeaIN.firstname" style="width: 280px; margin-right: 20px"></el-input>
-                    <el-input v-model="authMeaIN.lastname" style="width: 280px"> </el-input>
-                </el-form-item>
-                <el-form-item label="ORCID iD :" label-width="120px" prop="orcid">
-                    <el-input v-model="authMeaIN.orcid" style="width: 280px"> </el-input>
-                    <a href="https://orcid.org/register" target="_blank" class="orcid_link">Register for an ORCID iD</a>
-                </el-form-item>
-                <el-form-item label="First author :" label-width="180px">
-                    <el-switch v-model="authMeaIN.isSuper" active-text="yes" inactive-text="no" @change="chanSelt"> </el-switch>
-                </el-form-item>
-                <el-form-item label="Corresponding author :" label-width="180px">
-                    <el-switch v-model="authMeaIN.isReport" active-text="yes" inactive-text="no" @change="chanSelt"> </el-switch>
-                </el-form-item>
-                <el-form-item label="Title :" label-width="120px">
-                    <span slot="label">
-                        <span style="color: #f56c6c">*</span>
-                        Title :
-                    </span>
-                    <el-select v-model="authMeaIN.title" style="width: 280px" @change="chanSelt" placeholder="">
-                        <el-option key="Prof." label="Prof." value="Prof."></el-option>
-                        <el-option key="Associate Prof." label="Associate Prof." value="Associate Prof."></el-option>
-                        <el-option key="Assistant Prof." label="Assistant Prof." value="Assistant Prof."></el-option>
-                        <el-option key="Ph.D." label="Ph.D." value="Ph.D."></el-option>
-                        <el-option key="Others" label="Others" value="Others"></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="Affiliation :" label-width="120px" prop="company">
-                    <el-autocomplete
-                        class="inline-input"
-                        v-model="authMeaIN.company"
-                        :fetch-suggestions="searchCompany"
-                        :trigger-on-focus="false"
-                        @select="selCompany($event, index)"
-                        style="width: 100%"
-                    >
-                    </el-autocomplete>
-                </el-form-item>
-                <el-form-item label="Department :" label-width="120px">
-                    <el-input v-model="authMeaIN.department"></el-input>
-                </el-form-item>
-                <el-form-item label="Address :" label-width="120px">
-                    <span slot="label">
-                        <span style="color: #f56c6c" v-show="authMeaIN.isReport">*</span>
-                        Address :
-                    </span>
-                    <el-input v-model="authMeaIN.address"></el-input>
-                </el-form-item>
-                <el-form-item label-width="120px">
-                    <span slot="label">
-                        <span style="color: #f56c6c">*</span>
-                        Country :
-                    </span>
-                    <el-select v-model="authMeaIN.country" filterable style="width: 280px" placeholder="">
-                        <el-option v-for="it in countrys" :key="it.en_name" :label="it.en_name" :value="it.en_name"></el-option>
-                    </el-select>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="authorVisible = false">Cancel</el-button>
-                <el-button type="primary" @click="saveAuthor(authMeaIN)">OK</el-button>
-            </span>
-        </el-dialog>
-    </div>
-</template>
-
-<script>
-import JournalSelector from '@/components/page/components/article/journal-selector.vue';
-import ProgressBar from '@/components/page/components/article/progress.vue';
-import { updateStepStatus, markStepAsSaved } from '@/components/page/components/article/checkStepCompletion.js';
-import deepEqual from '@/components/page/components/article/deepEqual.js';
-import { set } from 'vue';
-export default {
-    components: {
-        JournalSelector,
-        ProgressBar
-    },
-    data() {
-        // 自定义校验：禁止QQ邮箱
-        const validateNotQQEmail = (rule, value, callback) => {
-            // 正则匹配QQ邮箱（以@qq.com结尾，不区分大小写）
-            const qqEmailReg = /@qq\.com$/i;
-            if (value) {
-                // 若有值（必填校验已通过），则检查是否为QQ邮箱
-                if (qqEmailReg.test(value)) {
-                    callback(new Error('QQ email is not allowed')); // 不允许QQ邮箱
-                } else {
-                    callback(); // 校验通过
-                }
-            } else {
-                callback(); // 空值由必填校验处理，这里不重复判断
-            }
-        };
-        return {
-            formList: [],
-            stepStatus: [],
-            isShowProgress: false,
-            hasAIContent: ['1'],
-            isHasAI: '0',
-            majorValueList: [],
-            baseUrl: this.Common.baseUrl,
-            usercap: localStorage.getItem('U_role'),
-            ms_alias: localStorage.getItem('ms_journal_alias'),
-            stagingID: this.$route.query.id,
-            isShowCommonWord: true,
-            move_step: 1, //进行步骤
-            show_step: 1, //显示内容
-            items: [],
-            check_item: {},
-            jour_form: {
-                journal: 0
-            },
-            changeVisible: false,
-            licensebox: false,
-            agreechecked: false,
-            loading: false,
-            listStep: [
-                {
-                    index: 1,
-                    icon: 'el-icon-s-order',
-                    title: 'Basic Information'
-                },
-                {
-                    index: 2,
-                    icon: 'el-icon-s-custom',
-                    title: 'Author Information'
-                },
-                {
-                    index: 3,
-                    icon: 'el-icon-s-management',
-                    title: 'Upload Manuscript'
-                },
-                {
-                    index: 4,
-                    icon: 'el-icon-s-check',
-                    title: 'Submit'
-                }
-            ],
-            form: {
-                article_id: 0,
-                journal: localStorage.getItem('ms_journal_alias') ? parseInt(localStorage.getItem('ms_journal_alias')) : '',
-                username: localStorage.getItem('U_name'),
-                user_id: localStorage.getItem('U_id'),
-                title: '',
-                major: '',
-                major_a: '',
-                major_b: '',
-                major_c: '',
-                authorList: [
-                    // 	{
-                    // 	firstname: '',
-                    // 	lastname: '',
-                    // 	orcid: '',
-                    // 	company: '',
-                    // 	department: '',
-                    // 	title: '',
-                    // 	country: '',
-                    // 	email: '',
-                    // 	address: '',
-                    // 	isSuper: false,
-                    // 	isReport: false,
-                    // 	load: false,
-                    // 	sort: 0
-                    // },
-                ],
-
-                checkedjours: [],
-                abstrart: '',
-                type: '',
-                approval: '',
-                istransfer: false,
-                becomeRev: false,
-                keyWords: '',
-                fund: '',
-                reviewers: [],
-                coverLetter: '',
-                picturesAndTables: '',
-                totalpage: '',
-                manuscirpt: '',
-                supplementary: '',
-                approval_file: '',
-                is_figure_copyright: '',
-                figurecopyright_file: '',
-                approval_content: '',
-                code: '',
-                is_use_ai: '',
-                use_ai_explain: ''
-                // topics:null
-            },
-            raltiAutList: [],
-            journal_type: [],
-            reviewerForm: {
-                username: localStorage.getItem('U_name'),
-                gender: 1,
-                introduction: '',
-                country: '',
-                major: '',
-                field: '',
-                technical: '',
-                company: '',
-                qualifications: ''
-            },
-            tuiJianForm: [
-                {
-                    realname: '',
-                    email: '',
-                    department: '',
-                    affiliation: '',
-                    major_all: ''
-                }
-            ],
-            countrys: [],
-            fileL_articleApproval: [],
-            fileL_coverLetter: [],
-            fileL_picturesAndTables: [],
-            fileL_manuscirpt: [],
-            fileL_supplementary: [],
-            fileL_articleCopyright: [],
-            tuiJianRules: {
-                realname: [
-                    {
-                        required: true,
-                        message: 'Please enter a realname',
-                        trigger: 'blur'
-                    }
-                ],
-                email: [
-                    {
-                        required: true,
-                        message: 'Please enter a email',
-                        trigger: 'blur'
-                    },
-                    {
-                        validator: validateNotQQEmail, // 绑定自定义校验
-                        trigger: 'blur'
-                    }
-                ],
-                department: [
-                    {
-                        required: true,
-                        message: 'Please enter a department',
-                        trigger: 'blur'
-                    }
-                ],
-                affiliation: [
-                    {
-                        required: true,
-                        message: 'Please select a affiliation',
-                        trigger: 'blur'
-                    }
-                ],
-                major_all: [
-                    {
-                        required: true,
-                        message: 'Please select a Filed',
-                        trigger: 'blur'
-                    }
-                ]
-            },
-            rules: {
-                journal: [
-                    {
-                        required: true,
-                        message: 'Please select Journal',
-                        trigger: 'blur'
-                    }
-                ],
-                title: [
-                    {
-                        required: true,
-                        message: 'Please enter a title',
-                        trigger: 'blur'
-                    }
-                ],
-                company: [
-                    {
-                        required: true,
-                        message: 'Please enter a affiliation',
-                        trigger: 'blur'
-                    }
-                ],
-                orcid: [
-                    {
-                        required: true,
-                        message: 'Please enter a orcid',
-                        trigger: 'blur'
-                    }
-                ],
-                type: [
-                    {
-                        required: true,
-                        message: 'Please select type',
-                        trigger: 'blur'
-                    }
-                ],
-                // major: [
-                //     {
-                //         required: true,
-                //         validator: (rule, value, callback) => {
-                //             console.log('value at line 1202:', this.form);
-                //             var major = this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',');
-                //             if (major == '') {
-                //                 callback(new Error('Please select the Research areas'));
-                //             } else {
-                //                 callback();
-                //             }
-                //             // 如果你需要在此处使用 this 访问 Vue 实例的数据，使用箭头函数保持上下文
-                //             // 其他逻辑
-                //         }
-                //     }
-                // ],
-                abstrart: [
-                    {
-                        required: true,
-                        message: 'Please enter the abstract',
-                        trigger: 'blur'
-                    }
-                ],
-                keyWords: [
-                    {
-                        required: true,
-                        message: 'Please enter keywords',
-                        trigger: 'blur'
-                    }
-                ],
-                fund: [
-                    {
-                        required: true,
-                        message: 'Please input fund',
-                        trigger: 'blur'
-                    }
-                ],
-                totalpage: [
-                    {
-                        required: true,
-                        message: 'Please upload totalpage',
-                        trigger: 'blur'
-                    }
-                ],
-                manuscirpt: [
-                {
-                        required: true,
-                        message: 'Please upload manuscript',
-                        trigger: 'blur'
-                    }
-                ],
-                qualification: [
-                    {
-                        required: true,
-                        message: 'Please select qualification',
-                        trigger: 'blur'
-                    }
-                ],
-                introduction: [
-                    {
-                        required: true,
-                        message: 'Please input personal qualification and resume',
-                        trigger: 'blur'
-                    }
-                ],
-                country: [
-                    {
-                        required: true,
-                        message: 'Please select country',
-                        trigger: 'blur'
-                    }
-                ],
-                technical: [
-                    {
-                        required: true,
-                        message: 'Please select technical',
-                        trigger: 'blur'
-                    }
-                ],
-                field: [
-                    {
-                        required: true,
-                        message: 'Please enter field',
-                        trigger: 'blur'
-                    }
-                ],
-
-                email: [
-                    {
-                        required: true,
-                        message: 'Please enter email'
-                    },
-                    {
-                        validator: function (rule, value, callback) {
-                            if (/^[-.-_A-Za-z0-9]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value) == false) {
-                                callback(new Error('Please enter the correct email format'));
-                            } else {
-                                callback();
-                            }
-                        }
-                    }
-                ],
-                realname: [
-                    {
-                        message: 'Please enter realname',
-                        trigger: 'blur'
-                    }
-                ],
-                country: [
-                    {
-                        required: true,
-                        message: 'Please select country',
-                        trigger: 'blur'
-                    }
-                ],
-                major_all: [
-                    {
-                        required: true,
-                        message: 'Please select major',
-                        trigger: 'blur'
-                    }
-                ],
-                approval: [
-                    {
-                        required: true,
-                        message: 'Please select whether ethical approval was obtained',
-                        trigger: 'blur'
-                    }
-                ],
-                is_figure_copyright: [
-                    {
-                        required: true,
-                        message: 'Please select figure copyright declaration',
-                        trigger: 'blur'
-                    }
-                ],
-                approval_content: [
-                    {
-                        required: true,
-                        message: 'Please enter reason',
-                        trigger: 'blur'
-                    }
-                ],
-                approval_file: [
-                    {
-                        required: true,
-                        message: 'Please upload ethical approva file',
-                        trigger: 'blur'
-                    }
-                ],
-                figurecopyright_file: [
-                    {
-                        required: true,
-                        message: 'Please upload figure copyright declaration',
-                        trigger: 'blur'
-                    }
-                ]
-            },
-            forWard: false,
-            authorVisible: false,
-            authMeaIN: {
-                firstname: '',
-                lastname: '',
-                orcid: '',
-                company: '',
-                department: '',
-                title: '',
-                country: '',
-                email: '',
-                address: '',
-                isSuper: false,
-                isReport: false,
-                load: false,
-                sort: 0
-            },
-            activeNames: [1],
-            keywordsList: [
-                {
-                    ke: ''
-                }
-            ],
-            majors_a: [],
-            majors_b: [],
-            majors_c: [],
-            Reviewerof: {
-                username: localStorage.getItem('U_name'),
-                journal: localStorage.getItem('ms_journal_alias') ? parseInt(localStorage.getItem('ms_journal_alias')) : 1
-            },
-            checkReviewerof: 0,
-            companyList: [],
-            countrys: [],
-            majorList: [],
-            step4MajorList: [], // 第四步的major数据
-            jl_major: [],
-            defaultParams: {
-                label: 'title',
-                value: 'major_id',
-                children: 'children'
-            },
-            default4Params: {
-                label: 'major_title',
-                value: 'major_id',
-                children: 'children'
-            },
-            mj_jour: [],
-            jour_name: '',
-            topicsList: null, // 话题列表
-            topicsProps: {
-                multiple: true,
-                emitPath: false, // 只返回该节点的值
-                value: 'journal_topic_id', // 自定义要映射的键名
-                label: 'title',
-                children: 'children'
-            },
-            tables: [],
-            uploadPercentage: 0,
-            wordimgList: [],
-            tablesHtml: [],
-            imagesHtml: []
-        };
-    },
-    watch: {
-        collapseValue: {
-            handler(e) {
-                console.log(e);
-            },
-            immediate: true
-        },
-        form: {
-            async handler(newVal, oldVal) {
-                // 增加async标记
-                console.log('表单新值:', newVal);
-                console.log('表单旧值:', oldVal);
-
-                // if (newVal && oldVal && JSON.stringify(newVal) !== JSON.stringify(oldVal)) {
-                //     const currentStep = this.move_step;
-                //     if (currentStep >= 1 && currentStep <= 4) {
-                //         markStepAsSaved(currentStep);
-                //         this.stepStatus = [];
-                //         // 异步函数需用await获取结果
-                //         const step1Incomplete = await updateStepStatus({ ...this.form, majorValueList: this.majorValueList });
-                //         this.stepStatus = step1Incomplete.list;
-                //     }
-                // }
-            },
-            deep: true,
-            immediate: true
-        }
-    },
-    async created() {
-        this.journal_type = await this.$commonJS.journalTypeList();
-
-        // 依次执行初始化步骤
-        this.initSelect();
-        this.getAutData();
-        try {
-            // 获取期刊类型列表
-
-            // 分支处理
-            if (this.stagingID !== undefined) {
-                this.form.article_id = this.stagingID;
-                await this.getMajorData();
-                await this.initStepStatus((step1Incomplete) => {
-                                    this.show_step = step1Incomplete.current.step;
-                                    this.move_step = step1Incomplete.current.step;
-                                })
-                await this.Temporary();
-            } else {
-                await this.initMajor();
-            }
-
-            // 最后执行步骤状态初始化
-        } catch (err) {
-            // 控制台打印错误
-            console.error('初始化失败：', err.message || err);
-            load.close();
-        }
-    },
-
-    computed: {
-        collapseValue() {
-            return localStorage.getItem('collapse');
-        },
-        upload_articleApproval: function () {
-            return this.baseUrl + 'api/Article/up_approval_file';
-        },
-        //图片版权
-        upload_articleCopyright: function () {
-            return this.baseUrl + '/api/Article/up_file/type/figurecopyright';
-        },
-        upload_coverLetter: function () {
-            return this.baseUrl + 'api/Article/up_file/type/coverLetter';
-        },
-        upload_picturesAndTables: function () {
-            return this.baseUrl + 'api/Article/up_file/type/picturesAndTables';
-        },
-        upload_totalpage: function () {
-            return this.baseUrl + 'api/Article/up_file/type/totalpage';
-        },
-        upload_manuscirpt: function () {
-            return this.baseUrl + 'api/Article/up_file/type/manuscirpt';
-        },
-        upload_supplementary: function () {
-            return this.baseUrl + 'api/Article/up_file/type/supplementary';
-        },
-        upload_qualifications: function () {
-            return this.baseUrl + 'api/Admin/up_file';
-        }
-    },
-    methods: {
-        handleStepClick(e) {
-            console.log('e at line 1469:', e);
-            // 通过事件源找到点击的步骤项
-            const stepEl = e.target.closest('.el-step');
-            if (stepEl) {
-                // 获取步骤标识（item.index）
-                const stepIndex = stepEl.getAttribute('data-step-index');
-                // 找到对应的item
-                const item = this.listStep.find((item) => item.index === stepIndex);
-                if (item) {
-                    this.StepCode(item); // 调用原逻辑
-                }
-            }
-        },
-        async initStepStatus(fn) {
-            this.stepStatus = [];
-            const step1Incomplete={list:[
-                {step:1,status:0,name:'first',msg:'first_msg'},
-                {step:2,status:0,name:'second',msg:'second_msg'},
-                {step:3,status:0,name:'three',msg:'three_msg'},
-                {step:4,status:0,name:'four',msg:'four_msg'},
-            ]}
-            this.$api.post('api/Article/getArticleState', {
-                article_id: this.form.article_id,
-                user_id: this.form.user_id,
-            }).then((res) => {
-                if (res.status == 1) {
-                    this.stepStatus = step1Incomplete.list.map(item => ({
-
-                        ...item,
-                        status: res.data[item.name],
-                        msg: res.data[item.msg],
-                    }));
-                    if(res.data.current_step){
-                        step1Incomplete.current=step1Incomplete.list.find(item => item.name == res.data.current_step)
-
-                    }
-                    if (fn) {
-                fn(step1Incomplete);
-            }
-                    console.log('this.stepStatus at line 1571:', this.stepStatus)
-                }
-            });
-
-            // const step1Incomplete = await updateStepStatus({ ...this.form, majorValueList: this.majorValueList }, [1, 2, 3, 4]);
-
-            // this.stepStatus = step1Incomplete.list;
-
-
-
-            this.$forceUpdate();
-        },
-        // 提交前校验所有评审人表单
-        async validateAllReviewers() {
-            // 遍历所有表单实例
-            for (const form of this.$refs.tuiJianForm) {
-                // 校验当前表单（返回Promise）
-                const valid = await form.validate().catch(() => false);
-                if (!valid) {
-                    // 有表单未通过校验，终止并返回false
-                    return false;
-                }
-            }
-            // 所有表单校验通过
-            return true;
-        },
-        handleJournalSelected(journal) {
-            if (journal == '') {
-                this.check_item = {};
-                this.ms_alias = '';
-                this.form.journal = '';
-                this.reviewerof.journal = 1;
-
-               
-                if (localStorage.getItem('ms_journal_alias')) {
-                    localStorage.removeItem('ms_journal_alias');
-                }
-            } else {
-                this.check_item = journal;
-                this.ch_Jour_all(journal.journal_id);
-            }
-        },
-        async onSubmit() {
-            if (!this.agreechecked) {
-                this.$message.error(
-                    'Dear author, the licenses need to be accecpted before you submit the manuscript. You could find more information in http://creativecommons.org/licenses/by/4.0/'
-                );
-                return false;
-            }
-            // 校验所有评审人表单
-            const valid = await this.validateAllReviewers();
-            if (!valid) {
-                this.$message.error('Please fill in all reviewer information correctly!');
-                return false;
-            }
-            return;
-            this.$refs.articleform.validate((valid) => {
-                if (this.isAbstractTooShort(this.form.abstrart)) {
-                    this.$message.error('The abstract should not be less than 200 words!');
-                    return false;
-                }
-                //验证文档
-                if (this.form.manuscirpt == '') {
-                    this.$message.error('Manuscript is required');
-                    // console.log('file up error');
-                    return false;
-                }
-
-                //验证作者
-                let authorlist = this.form.authorList;
-                let Firsta = 0;
-                let Corra = 0;
-                if (authorlist.length == 0) {
-                    this.$message.error('Author is required');
-                    return false;
-                }
-                for (var kk in authorlist) {
-                    if (authorlist[kk].email == '') {
-                        this.$message.error('Please enter author email!');
-                        return false;
-                    }
-                    if (/^[-.-_A-Za-z0-9]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(authorlist[kk].email) == false) {
-                        this.$message.error('Please enter the correct author email format!');
-                        return false;
-                    }
-                    if (authorlist[kk].firstname == '') {
-                        this.$message.error('Please enter author name!');
-                        return false;
-                    }
-                    if (authorlist[kk].country == '') {
-                        this.$message.error('Country is necessary for author!');
-                        return false;
-                    }
-                    if (authorlist[kk].isReport && authorlist[kk].address == '') {
-                        this.$message.error('Address is necessary for corresponding author!');
-                        return false;
-                    }
-                    if (authorlist[kk].isReport) {
-                        Corra++;
-                    }
-                    if (authorlist[kk].isSuper) {
-                        Firsta++;
-                    }
-                }
-                if (Firsta == 0 || Corra == 0) {
-                    this.$message.error('First author and corresponding author must be exist');
-                    return false;
-                }
-                console.log('this.form.major at line 1512:', this.form.major);
-                //验证文章领域
-                if (this.majorValueList.length > 0) {
-                    this.form.major = this.majorValueList
-                        .map((item) =>
-                            item.selectedValue && 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.form.istransfer && this.form.checkedjours.length == 0) {
-                    this.$message.error('If you chose co-submission, you need to select at least one journal.');
-                    return false;
-                }
-                //keywords转化
-                var flist = this.keywordsList;
-                var fstr = '';
-                for (var fu in flist) {
-                    if (flist[fu].ke != '') {
-                        fstr += flist[fu].ke.trim() + ',';
-                    }
-                }
-                this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
-                if (valid) {
-                    // 验证是否推荐审稿人
-                    let tj_shifou = 0;
-                    for (let i in this.tuiJianForm) {
-                        if (
-                            this.tuiJianForm[i].major_all != '' ||
-                            this.tuiJianForm[i].realname != '' ||
-                            this.tuiJianForm[i].email != '' ||
-                            this.tuiJianForm[i].country != ''
-                        ) {
-                            tj_shifou = 1;
-                        }
-                    }
-                    let tuijian_yanzheng = 0;
-                    if (tj_shifou == 1) {
-                        for (let i in this.tuiJianForm) {
-                            this.$refs.tuiJianForm[i].validate((vali) => {
-                                if (vali) {
-                                    tuijian_yanzheng += 0;
-
-                                    this.tuiJianForm[i].major = this.tuiJianForm[i].major_all[this.tuiJianForm[i].major_all.length - 1];
-                                } else {
-                                    tuijian_yanzheng += 1;
-                                }
-                            });
-                        }
-                        this.form.reviewers = this.tuiJianForm;
-                    } else {
-                        this.form.reviewers = [];
-                    }
-                    if (tuijian_yanzheng == 0) {
-                        this.loading = true;
-                        // 验证是不是同意申请审稿人
-                        if (this.form.becomeRev == true) {
-                            if (this.usercap.includes('reviewer')) {
-                                // 如果已经是审稿人
-                                this.$api
-                                    .post('api/Ucenter/applyReviewer', {
-                                        user_id: localStorage.getItem('U_id'),
-                                        journal_id: this.form.journal
-                                    })
-                                    .then((res) => {
-                                        if (res.code == 0) {
-                                            this.$message.success('Apply Success!');
-                                            this.Submission_of_manuscripts();
-                                        } else {
-                                            this.$message.error(res.msg);
-                                        }
-                                    })
-                                    .catch((err) => {
-                                        console.log(err);
-                                    });
-                            } else {
-                                if (this.reviewerForm.qualifications == '') {
-                                    this.$message.error('qualifications is required');
-                                    return false;
-                                }
-                                // 如果不是审稿人
-                                this.reviewerForm.journal = this.form.journal;
-                                this.$refs.reviewerform.validate((vali) => {
-                                    if (vali) {
-                                        this.$api.post('api/Admin/becameReviewer', this.reviewerForm).then((res) => {
-                                            if (res.code == 0) {
-                                                this.$message.success('Apply Success!');
-                                                this.Submission_of_manuscripts();
-                                            } else {
-                                                this.$message.error(res.msg);
-                                            }
-                                        });
-                                    }
-                                });
-                            }
-                        } else {
-                            this.Submission_of_manuscripts();
-                        }
-                    }
-                } else {
-                    this.$message.error('Failed to submit. Please ensure the integrity of the information');
-                    console.log('The submission encountered an error.');
-                    return false;
-                }
-            });
-        },
-
-        Submission_of_manuscripts() {
-            // 提交稿件AI检索
-            this.$api
-                // api/Article/addArticle
-                .post('api/Aireview/review', {
-                    article_id: this.form.article_id,
-                    abstrart: this.form.abstrart,
-                    keywords: this.form.keyWords,
-                    api_model: 'gpt-4o'
-                })
-                .then((res) => {});
-
-            this.$api
-                // api/Article/addArticle
-                .post('api/Article/addArticlePart4', this.form)
-                .then((res) => {
-                    this.loading = false;
-                    if (res.code == 0) {
-                        this.$message.success('Successful submission!');
-                        this.$router.push('/articleList');
-                    } else {
-                        if (res.msg == undefined) {
-                            this.$message.error('Failed to submit, please contact administrator!');
-                            console.log(res.msg);
-                        } else {
-                            this.$message({
-                                duration: 0,
-                                showClose: true,
-                                message: res.msg,
-                                type: 'warning'
-                            });
-                            return false;
-                        }
-                    }
-                })
-                .catch((err) => {
-                    console.log(err);
-                });
-        },
-
-        addfund() {
-            this.keywordsList.push({
-                ke: ''
-            });
-        },
-
-        //初始化期刊选项
-        initSelect() {
-            this.items = this.$store.state.journalList;
-            for (let i in this.items) {
-                if (this.items[i].journal_id == this.form.journal) {
-                    this.check_item = this.items[i];
-                    this.jour_form.journal = this.items[i].journal_id;
-                }
-            }
-
-            this.$api
-                .post('api/Reviewer/getAllMajor')
-                .then((res) => {
-                    this.jl_major = res.data.majors;
-                })
-                .catch((err) => {
-                    this.$message.error(err);
-                });
-            this.$api.post('api/Major/getMajorList').then((res) => {
-                this.step4MajorList = res.data.majors;
-            });
-            this.$api.post('api/Admin/getCountrys').then((res) => {
-                this.countrys = res;
-            });
-            this.$api.post('api/Article/getAllCompany').then((res) => {
-                this.companyList = [];
-                for (let i in res.data.companys) {
-                    this.companyList.push({
-                        value: res.data.companys[i].title
-                    });
-                }
-            });
-            this.$api
-                .post('/api/Reviewer/getMajorForReviewer', {
-                    username: localStorage.getItem('U_name')
-                })
-                .then((res) => {
-                    if (res.data.major != 0) {
-                        this.$api.post('api/User/getMajorList').then((res) => {
-                            this.majorList = res.data;
-                        });
-                    }
-                });
-
-            this.checkReviewer();
-        },
-
-        // 邮箱用户模糊搜索
-        chaMateFit(value, cb, num) {
-            console.log('num at line 1587:', value);
-            // var mailRegular = /^\w+([-+._']\w+)*@\w+(\.[a-zA-Z]{2,3}){1,2}$/
-            var mailRegular = /^\w+([-+._']\w+)*@/;
-            // if (mailRegular.test(value)) {
-
-            // this.form.authorList[num].load = true;
-            // this.$forceUpdate();
-            this.$api
-                .post('api/Article/getRelationAuthorByEmail', {
-                    email: value,
-                    page: 1,
-                    limit: 10
-                })
-                .then((res) => {
-                    var restaurants = res.data.authors;
-                    for (let i in restaurants) {
-                        restaurants[i].value = restaurants[i].email + ' | ' + restaurants[i].firstname + restaurants[i].lastname;
-                    }
-                    var results = value ? restaurants.filter(this.createMata(value)) : restaurants;
-                    console.log('🚀 ~ .then ~ results177:', results);
-                    // 调用 callback 返回建议列表的数据
-                    cb(results);
-                    // this.form.authorList[num].load = false;
-                    this.$forceUpdate();
-                });
-            // }
-        },
-
-        createMata(queryString) {
-            return (restList) => {
-                return restList.value.toLowerCase().indexOf(queryString.toLowerCase()) != -1;
-            };
-        },
-
-        // 选中用户
-        chaSelChose(value, num) {
-            console.log(value);
-            console.log(num);
-            this.authMeaIN.firstname = value.firstname ? value.firstname : '';
-            this.authMeaIN.lastname = value.lastname ? value.lastname : '';
-            this.authMeaIN.orcid = value.orcid ? value.orcid : '';
-            this.authMeaIN.company = value.company ? value.company : '';
-            this.authMeaIN.department = value.department ? value.department : '';
-            this.authMeaIN.title = value.title ? value.title : value.author_title ? value.author_title : '';
-            this.authMeaIN.country = value.country ? value.country : '';
-            this.authMeaIN.email = value.email ? value.email : '';
-            this.authMeaIN.address = value.address ? value.address : '';
-            this.authMeaIN.isSuper = false;
-            this.authMeaIN.isReport = false;
-            this.authMeaIN.load = false;
-            this.authMeaIN.sort = num;
-            this.$forceUpdate();
-        },
-
-        // 相关作者展开隐藏
-        forWarMark() {
-            if (this.forWard) {
-                this.forWard = false;
-            } else {
-                this.forWard = true;
-            }
-        },
-        raltSHpin(index, num) {
-            if (num == 0) {
-                this.raltiAutList[index].showHide = false;
-            } else {
-                this.raltiAutList[index].showHide = true;
-            }
-            this.$forceUpdate();
-        },
-
-        // 选择推荐作者
-        async checkAuthor(value, num) {
-            console.log('🚀 ~ checkAuthor ~ value:', value);
-            var isHaveAuthor = this.form.authorList.findIndex((e) => {
-                if (e.email == value.email) {
-                    return e;
-                }
-            });
-            if (isHaveAuthor >= 0) {
-                this.$message.error('The same author can only be added once');
-                return false;
-            }
-            console.log('🚀 ~ isHaveAuthor ~ isHaveAuthor:', isHaveAuthor);
-            // this.form.authorList.push({
-            // 	firstname: value.firstname ? value.firstname : '',
-            // 	lastname: value.lastname ? value.lastname : '',
-            // 	orcid: value.orcid ? value.orcid : '',
-            // 	company: value.company ? value.company : '',
-            // 	department: value.department ? value.department : '',
-            // 	title: value.title ? value.title : '',
-            // 	country: value.country ? value.country : '',
-            // 	email: value.email ? value.email : '',
-            // 	address: value.address ? value.address : '',
-            // 	isSuper: false,
-            // 	isReport: value.address ? true : false,
-            // 	load: false,
-            // 	sort: this.form.authorList.length
-            // });
-            value.firstname = value.firstname ? value.firstname : '';
-            value.lastname = value.lastname ? value.lastname : '';
-            value.orcid = value.orcid ? value.orcid : '';
-            value.company = value.company ? value.company : '';
-            value.department = value.department ? value.department : '';
-            value.title = value.title ? value.title : value.author_title ? value.author_title : '';
-            value.country = value.country ? value.country : '';
-            value.email = value.email ? value.email : '';
-            value.address = value.address ? value.address : '';
-            value.isSuper = false;
-            value.isReport = false;
-            value.load = false;
-            value.sort = num;
-            value.article_id = this.stagingID;
-            await this.$api.post('api/Article/addAuthor', value).then(async (res) => {
-                await this.TempoAuthor();
-
-                this.$message.success('Added successfully');
-            });
-        },
-
-        // 添加作者信息
-        addAuthor() {
-            // this.form.authorList.push({
-            // 	firstname: '',
-            // 	lastname: '',
-            // 	orcid: '',
-            // 	company: '',
-            // 	department: '',
-            // 	title: '',
-            // 	country: '',
-            // 	email: '',
-            // 	address: '',
-            // 	isSuper: false,
-            // 	isReport: false,
-            // 	load: false,
-            // 	sort: this.form.authorList.length
-            // });
-            this.authorVisible = true;
-            this.authMeaIN.art_aut_id = '';
-            this.authMeaIN.firstname = '';
-            this.authMeaIN.lastname = '';
-            this.authMeaIN.orcid = '';
-            this.authMeaIN.company = '';
-            this.authMeaIN.department = '';
-            this.authMeaIN.title = '';
-            this.authMeaIN.country = '';
-            this.authMeaIN.email = '';
-            this.authMeaIN.address = '';
-            this.authMeaIN.isSuper = false;
-            this.authMeaIN.isReport = false;
-            this.authMeaIN.load = false;
-            this.authMeaIN.sort = this.form.authorList.length;
-            console.log(this.form.authorList);
-        },
-
-        // 修改用户信息
-        editAuthor(value, num) {
-            this.authMeaIN.art_aut_id = value.art_aut_id ? value.art_aut_id : '';
-            this.authMeaIN.firstname = value.firstname ? value.firstname : '';
-            this.authMeaIN.lastname = value.lastname ? value.lastname : '';
-            this.authMeaIN.orcid = value.orcid ? value.orcid : '';
-            this.authMeaIN.company = value.company ? value.company : '';
-            this.authMeaIN.department = value.department ? value.department : '';
-            this.authMeaIN.title = value.title ? value.title : '';
-            this.authMeaIN.country = value.country ? value.country : '';
-            this.authMeaIN.email = value.email ? value.email : '';
-            this.authMeaIN.address = value.address ? value.address : '';
-            this.authMeaIN.isSuper = value.isSuper == 1 ? true : false;
-            this.authMeaIN.isReport = value.isReport == 1 ? true : false;
-            this.authMeaIN.load = false;
-            this.authMeaIN.sort = num;
-            this.authorVisible = true;
-        },
-
-        // 保存修改用户信息
-        saveAuthor(value) {
-            // 按顺序检查必填字段，第一个为空的字段优先提示
-            if (value.firstname === '') {
-                this.$message.error('Please provide the first name!');
-                return;
-            }
-            if (value.lastname === '') {
-                this.$message.error('Please provide the last name!');
-                return;
-            }
-            if (value.title === '') {
-                this.$message.error('Please provide the title!');
-                return;
-            }
-            if (value.Country === '') {
-                this.$message.error('Please select the country!');
-                return;
-            }
-            if (value.email === '') {
-                this.$message.error('Please provide the email address!');
-                return;
-            }
-            if (value.company === '') {
-                this.$message.error('Please provide the affiliation!');
-                return;
-            }
-            if (value.orcid === '') {
-                this.$message.error('Please provide the ORCID iD!');
-                return;
-            }
-
-            // 检查isReport为true时的address字段
-            if (value.isReport && value.address === '') {
-                this.$message.error('Please provide the address!');
-                return;
-            }
-            value.article_id = this.stagingID;
-            var urlLink = '';
-            if (!value.art_aut_id) {
-                urlLink = 'api/Article/addAuthor';
-            } else {
-                urlLink = 'api/Article/editAuthor';
-            }
-            this.$api.post(urlLink, value).then((res) => {
-                if (res.code == 0) {
-                    this.TempoAuthor();
-                    this.authorVisible = false;
-                    this.$message.success('Successfully saved');
-                } else {
-                    this.$message.error(res.msg);
-                }
-            });
-        },
-
-        // 删除作者信息
-        deleteAuthor(item, index) {
-            // 二次确认删除
-            this.$confirm('Are you sure you want to delete this author?', 'Delete', {
-                type: 'warning'
-            })
-                .then(() => {
-                    item.article_id = this.stagingID;
-                    this.$api
-                        .post('api/Article/delAuthor', {
-                            art_aut_id: item.art_aut_id
-                        })
-                        .then((res) => {
-                            if (res.code == 0) {
-                                this.TempoAuthor();
-                                this.$message.success('Delete successful');
-                            } else {
-                                this.$message.error(res.msg);
-                            }
-                        });
-                })
-                .catch(() => {});
-        },
-
-        // 用户排序更改
-        gaPaiXu(value, inx) {
-            if (inx == 'top') {
-                this.$api
-                    .post('api/Article/upAuthors', {
-                        art_aut_id: value.art_aut_id
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.TempoAuthor();
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            } else {
-                this.$api
-                    .post('api/Article/downAuthors', {
-                        art_aut_id: value.art_aut_id
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.TempoAuthor();
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            }
-            // for (let i in this.form.authorList) {
-            // 	this.form.authorList[i].sort = i
-            // }
-        },
-
-        // 获取相关作者列表
-        getAutData() {
-            this.$api
-                .post('api/Article/getRelationAuthor', {
-                    user_id: localStorage.getItem('U_id')
-                })
-                .then((res) => {
-                    this.raltiAutList = res.data.authors;
-                    for (let i in this.raltiAutList) {
-                        this.raltiAutList[i].showHide = false;
-                    }
-                });
-        },
-
-        // 机构模糊搜索
-        searchCompany(queryString, cb) {
-            var companyList = this.companyList;
-            var results = queryString ? companyList.filter(this.createFilter(queryString)) : companyList;
-            // 调用 callback 返回建议列表的数据
-            cb(results);
-        },
-
-        createFilter(queryString) {
-            return (companyList) => {
-                return companyList.value.toLowerCase().indexOf(queryString.toLowerCase()) != -1;
-            };
-        },
-
-        selCompany(item, index) {
-            this.form.authorList[index].company = item.value;
-        },
-
-        checkReviewer() {
-            this.$api.post('api/Reviewer/checkReviewerOfJournal', this.Reviewerof).then((res) => {
-                this.checkReviewerof = res.data.has;
-            });
-        },
-
-        open() {
-            let str =
-                'Creative Commons Licensing<br> Medicine provides authors the choice of applying the Creative Commons 4.0 licenses defined below, to be determined after acceptance:<br>Attribution: CC-BY<br>This license lets others distribute, remix, tweak, and build upon your work, even commercially, if they credit you for the original creation. <br>This is the most accommodating of licenses offered.';
-            this.$alert(str, '', {
-                confirmButtonText: 'ok'
-            });
-        },
-
-        initMajor() {
-            this.$api
-                .post('api/Major/getMajorForAddArticle', {
-                    journal_id: this.form.journal,
-                    major_id: 1
-                })
-                .then((res) => {
-                    this.majors_a = res.data.majors;
-                });
-        },
-
-        majorChange(e) {
-            if (e == 1) {
-                this.$api
-                    .post('api/Major/getMajorForAddArticle', {
-                        journal_id: this.form.journal,
-                        major_id: this.form.major_a
-                    })
-                    .then((res) => {
-                        this.majors_b = res.data.majors;
-                        this.majors_c = [];
-                        this.form.major_b = '';
-                        this.form.major_c = '';
-                        this.majorChange_panduan();
-                    });
-            } else if (e == 2 && this.form.major_b != 0) {
-                this.$api
-                    .post('api/Major/getMajorForAddArticle', {
-                        journal_id: this.form.journal,
-                        major_id: this.form.major_b
-                    })
-                    .then((res) => {
-                        this.majors_c = res.data.majors;
-                        this.form.major_c = '';
-                        this.majorChange_panduan();
-                    });
-            } else {
-                this.majorChange_panduan();
-            }
-        },
-
-        majorChange_panduan() {
-            if (this.form.major_c != '' || this.form.major_c != 0) {
-                this.form.major = this.form.major_c;
-            } else if (this.form.major_b != '' || this.form.major_b != 0) {
-                this.form.major = this.form.major_b;
-            } else {
-                this.form.major = this.form.major_a;
-            }
-            // 选择共同投稿清除
-            this.mj_jour = [];
-            this.form.checkedjours = [];
-            this.form.istransfer = false;
-        },
-
-        getjournalbyid(jid) {
-            for (var i in this.items) {
-                if (this.items[i].journal_id == jid) {
-                    return this.items[i].title;
-                }
-            }
-        },
-
-        uperr_coverLetter(err) {
-            this.$message.error('Upload error');
-        },
-
-        // 共同投稿
-        changeSwitch(val) {
-            if (val === true) {
-                let flag = val;
-                this.form.istransfer = false;
-                // // 二次确认
-                this.$confirm(
-                    'Please confirm this information again. When you select this Co-submission again. if the manuscript is not suitable for the first journal, the manuscript will be automatically submitted to the journal you selected.',
-                    'Tips',
-                    {
-                        confirmButtonText: 'OK',
-                        cancelButtonText: 'Cancel',
-                        type: 'warning'
-                    }
-                )
-                    .then(() => {
-                        this.form.istransfer = true;
-                        // 获取期刊by领域
-                        this.$api
-                            .post('api/Article/getJournalsByMajor', {
-                                major_id: this.form.major
-                            })
-                            .then((res) => {
-                                this.mj_jour = res.data.journals;
-                            });
-                    })
-                    .catch(() => {});
-            }
-        },
-        // 是否申请审稿人
-        changeBecome(val) {
-            if (val === true) {
-                let flag = val;
-                this.form.becomeRev = false;
-                // // 二次确认
-                this.$confirm('Do you want to apply to be a reviewer of ' + this.getjournalbyid(this.form.journal) + '?', 'Tips', {
-                    type: 'warning'
-                })
-                    .then(() => {
-                        this.form.becomeRev = true;
-                        // 作者同意申请审稿人
-                    })
-                    .catch(() => {});
-            }
-        },
-
-        // 添加推荐审稿人
-        onAddTuijian() {
-            this.tuiJianForm.push({
-                realname: '',
-                email: '',
-                country: '',
-                major_all: ''
-            });
-        },
-
-        onDeleteTuijian(item, index) {
-            this.tuiJianForm.splice(index, 1);
-        },
-
-        // 下载文件
-        dowloadFile(file) {
-            let filePath = '/public/' + file.url;
-            let fileName = file.name;
-
-            // 获取heads中的filename文件名
-            let downloadElement = document.createElement('a');
-            // 创建下载的链接
-            downloadElement.href = filePath; // 下载后文件名
-            downloadElement.download = fileName;
-            downloadElement.target = '_blank';
-            document.body.appendChild(downloadElement);
-            // 点击下载
-            downloadElement.click();
-            // 下载完成移除元素
-            document.body.removeChild(downloadElement);
-        },
-        //检验上传文件的格式
-        beforeupload_articleApproval(file) {
-            // const ismau =
-            //     file.type === 'application/msword' ||
-            //     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
-            //     file.type === 'application/x-zip-compressed' ||
-            //     file.name.split('.')[1] === 'rar';
-            // if (!ismau) {
-            //     this.$message.error('Only word and compressed files(.doc,.docx,.rar,.zip)');
-            // }
-            // return ismau;
-        },
-        beforeupload_articleCopyright(file) {},
-
-        beforeupload_coverLetter(file) {
-            // const isWORd =
-            //     file.type === 'application/msword' ||
-            //     file.type === 'application/pdf' ||
-            //     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
-            // if (!isWORd) {
-            //     this.$message.error('Only word and pdf files can be uploaded(.pdf,.doc,.docx)');
-            // }
-            // return isWORd;
-        },
-        beforeupload_picturesAndTables(file) {
-            let flieArr = file.name.split('.');
-            let fileSuffix = flieArr[flieArr.length - 1];
-            if (fileSuffix != 'zip') {
-                this.$message.error('Only ZIP files can be uploaded (file format: .zip).');
-                return false;
-            }
-
-            // const iszip =
-            //     file.type === 'application/x-zip-compressed';
-            // if (!iszip) {
-            //     this.$message.error('Only compressed files can be uploaded(.zip)');
-            //     return false;
-            // }
-            // return iszip;
-        },
-        beforeupload_totalpage(file) {},
-        beforeupload_manuscirpt(file) {
-
-            let flieArr = file.name.split('.');
-            let fileSuffix = flieArr[flieArr.length - 1];
-            if (fileSuffix != 'docx') {
-                this.$message.error('Only word and compressed files can be uploaded(.docx)');
-                return false;
-            }
-
-            // const ismau =
-            //     file.type === 'application/msword' ||
-            //     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
-            //     file.type === 'application/x-zip-compressed' ||
-            //     file.name.split('.')[1] === 'rar';
-            // if (!ismau) {
-            //     this.$message.error('Only word and compressed files(.doc,.docx,.rar,.zip)');
-            // }
-            // return ismau;
-        },
-        beforeupload_supplementary(file) {
-            let flieArr = file.name.split('.');
-            let fileSuffix = flieArr[flieArr.length - 1];
-            if (fileSuffix != 'zip') {
-                this.$message.error('Only zip files can be uploaded(.zip)');
-                return false;
-            }
-            // const ismau =
-            //     file.type === 'application/msword' ||
-            //     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
-            //     file.type === 'application/x-zip-compressed' ||
-            //     file.name.split('.')[1] === 'rar';
-            // if (!ismau) {
-            //     this.$message.error('Only word and compressed files(.doc,.docx,.rar,.zip)');
-            // }
-            // return ismau;
-        },
-        //文件上传成功后的操作
-        upSuccess_articleApproval(res, file) {
-            if (res.code == 0) {
-                this.form.approval_file = 'articleApproval/' + res.upurl;
-                this.fileL_articleApproval = [{}];
-                this.fileL_articleApproval[0].name = 'Ethical approval File';
-                this.fileL_articleApproval[0].url = 'articleApproval/' + res.upurl;
-            } else {
-                this.$message.error('service error: ' + res.msg);
-            }
-            console.log(this.form);
-        },
-        //图片版权
-        upSuccess_articleCopyright(res, file) {
-            if (res.code == 0) {
-                this.form.figurecopyright_file = 'figurecopyright/' + res.upurl;
-                this.fileL_articleCopyright = [{}];
-                this.fileL_articleCopyright[0].name = 'Figure Copyright Declaration File';
-                this.fileL_articleCopyright[0].url = 'figurecopyright/' + res.upurl;
-                this.onStaging(7);
-            } else {
-                this.$message.error('service error: ' + res.msg);
-            }
-            console.log(this.form);
-        },
-        upSuccess_coverLetter(res, file) {
-            if (res.code == 0) {
-                this.form.coverLetter = 'coverLetter/' + res.upurl;
-                this.fileL_coverLetter = [{}];
-                this.fileL_coverLetter[0].name = 'Cover letter File';
-                this.fileL_coverLetter[0].url = 'coverLetter/' + res.upurl;
-                this.onStaging(3);
-            } else {
-                this.$message.error('service error：' + res.msg);
-            }
-        },
-        upSuccess_picturesAndTables(res, file, fileList) {
-            if (res.code == 0) {
-                this.form.picturesAndTables = 'picturesAndTables/' + res.upurl;
-                this.fileL_picturesAndTables = [{}];
-                this.fileL_picturesAndTables[0].name = 'Figures File';
-                this.fileL_picturesAndTables[0].url = 'picturesAndTables/' + res.upurl;
-                this.onStaging(4);
-            } else {
-                this.$message.error('service error：' + res.msg);
-            }
-        },
-        upSuccess_totalpage(res, file) {
-            if (res.code == 0) {
-                this.form.totalpage = 'totalpage/' + res.upurl;
-            } else {
-                this.$message.error('service error：' + res.msg);
-            }
-        },
-        // 进度回调：实时获取进度
-        handleProgress(event, file, fileList) {
-            this.isShowProgress = true;
-
-            // event.percentage 就是当前进度（百分比，浮点数）
-            this.uploadPercentage = Math.round(event.percent); // 取整数
-        },
-        addWordTablesList(tables) {
-            var data = {
-                article_id: this.stagingID,
-
-                list: tables.map((e) => ({
-                    table: JSON.stringify([...e]),
-                    type: 0,
-                    html_data: ''
-                }))
-            };
-            this.$api.post('api/Article/addArticleTable', data).then((res) => {
-                this.isShowCommonWord = true;
-                setTimeout(() => {
-                    this.isShowProgress = false;
-                }, 500);
-            });
-        },
-        upLoadWordTables() {},
-        upSuccess_manuscirpt(res, File) {
-            // console.log('file at line 2174:', file.raw)
-            if (File) {
-                var that = this;
-                const reader = new FileReader();
-                reader.onload = function (e) {
-                    that.$commonJS.extractWordTablesToArrays(File.raw, function (wordTables) {
-                        that.addWordTablesList(wordTables);
-                    });
-                };
-                reader.readAsArrayBuffer(File.raw);
-            }
-            if (res.code == 0) {
-                this.form.manuscirpt = 'manuscirpt/' + res.upurl;
-                this.fileL_manuscirpt = [{}];
-                this.isShowCommonWord = false;
-                this.fileL_manuscirpt[0].name = 'Manuscript File';
-                this.fileL_manuscirpt[0].url = 'manuscirpt/' + res.upurl;
-                this.contribute(res.upurl)
-                if(this.form.article_id){
-                    this.onStaging(5);
-                }
-                // this.onStaging(5);
-            } else {
-                this.$message.error('service error: ' + res.msg);
-            }
-        },
-        contribute(file_url){
-            var data={
-                article_id: this.form.article_id,
-                user_id: this.form.user_id,
-            }
-            if(this.form.article_id){
-                data.article_id = this.form.article_id;
-            }
-            this.$api.post('api/Contribute/contribute', {...data
-            }).then((res) => {
-                if (res.status == 1) {
-                    if(res.article&&res.article.article_id){
-                        this.form.article_id = res.article_id;
-                    }
-                    // this.$message.success('Contribution added successfully!');
-                } else {
-                    this.$message.error(res.msg);
-                }
-            });
-        },
-        upSuccess_supplementary(res, file) {
-            if (res.code == 0) {
-                this.form.supplementary = 'supplementary/' + res.upurl;
-                this.fileL_supplementary = [{}];
-                this.fileL_supplementary[0].name = 'Supplementary Material';
-                this.fileL_supplementary[0].url = 'supplementary/' + res.upurl;
-                this.onStaging(6);
-            } else {
-                this.$message.error('service error: ' + res.msg);
-            }
-        },
-        clearUploadedFile() {
-            this.$refs['uploadFile'].clearFiles();
-        },
-        clearUploadedCopyrightFile() {
-            this.$refs['articleCopyright'].clearFiles();
-        },
-        //超出传送文件个数限制
-        alertlimit() {
-            this.$message.error('The maximum number of uploaded files has been exceeded');
-        },
-        //清除文件时的事件
-        removefilearticleApproval(file, fileList) {
-            this.form.approval_file = '';
-            this.fileL_articleApproval = [];
-        },
-        removefilearticleCopyright(file, fileList) {
-            this.form.copyright_file = '';
-            this.fileL_articleCopyright = [];
-        },
-        removefilecoverLetter(file, fileList) {
-            this.form.coverLetter = '';
-            this.fileL_coverLetter = [];
-            this.$api
-                .post('api/Article/delArticleFile', {
-                    file_id: this.form.coverLetterId
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                        this.$message.success('Deletion succeeded!');
-
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-        },
-        removefilepicturesAndTables(file, fileList) {
-            console.log('file at line 2199:', file);
-            if (!file) {
-                return false;
-            }
-            this.form.picturesAndTables = '';
-            this.fileL_picturesAndTables = [];
-            this.$api
-                .post('api/Article/delArticleFile', {
-                    file_id: this.form.picturesAndTablesId
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                        this.$message.success('Deletion succeeded!');
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-        },
-        removefiletotalpage(file, fileList) {
-            this.form.totalpage = '';
-        },
-        clearFileManuscript() {
-            this.wordimgList = [];
-            this.imagesHtml = '';
-            this.tables = [];
-            this.tablesHtmlHtml = '';
-            this.isShowCommonWord = false;
-            this.$api
-                .post('api/Article/reloadArticleImages', {
-                    article_id: this.stagingID
-                })
-                .then((res) => {});
-
-            this.$api
-                .post('api/Article/reloadArticleTable', {
-                    article_id: this.stagingID
-                })
-                .then((res) => {});
-        },
-        removefilemanuscirpt(file, fileList) {
-            console.log('fileList at line 2337:', file, fileList);
-            if (this.form.manuscirpt != '') {
-            }
-            this.form.manuscirpt = '';
-            this.fileL_manuscirpt = [];
-            this.$refs['uploadFileManuscirpt'].clearFiles();
-            this.clearFileManuscript();
-            if (this.form.manuscirptId) {
-                this.$api
-                    .post('api/Article/delArticleFile', {
-                        file_id: this.form.manuscirptId
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.$message.success('Deletion succeeded!');
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            }
-        },
-        removefilesupplementary() {
-            this.form.supplementary = '';
-            this.fileL_supplementary = [];
-            this.$api
-                .post('api/Article/delArticleFile', {
-                    file_id: this.form.supplementaryId
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                        this.$message.success('Deletion succeeded!');
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-        },
-        removefilearticleCopyright() {
-            this.form.copyright_file = '';
-            this.fileL_articleCopyright = [];
-            this.$api
-                .post('api/Article/delArticleFile', {
-                    file_id: this.form.figurecopyrightId
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                        this.$message.success('Deletion succeeded!');
-                        this.form.figurecopyrightId = '';
-                        this.form.figurecopyright_file = '';
-                        this.initStepStatus()
-
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-        },
-        getOpState(index) {
-            let a = this.activeNames.indexOf(index) > -1 ? 'Close' : 'Open';
-        },
-        checkfiletype(file) {},
-
-        // 上传文件-简历
-        uperr(err) {
-            this.$message.error('upload defailed:' + err);
-        },
-        upSuccess(res, file) {
-            if (res.code == 0) {
-                this.reviewerForm.qualifications = res.upurl;
-            } else {
-                this.$message.error('Server upload error：' + res.msg);
-            }
-        },
-        alertlimit() {
-            this.$message.error('The maximum number of uploaded files has been exceeded');
-        },
-        removefile() {
-            this.reviewerForm.qualifications = '';
-        },
-
-        // 点击更换期刊
-        change_Journal() {
-            this.jour_form.journal = this.form.journal;
-            this.changeVisible = true;
-        },
-
-        // 点击期刊-更换
-        ch_Jour(e) {
-            this.jour_form.journal = e;
-        },
-
-        // 点击期刊-确定
-        close_ch_Jour() {
-            for (let i in this.items) {
-                if (this.items[i].journal_id == this.jour_form.journal) {
-                    this.check_item = this.items[i];
-                }
-            }
-            this.Reviewerof.journal = this.jour_form.journal;
-            this.checkReviewer();
-            this.form.journal = this.jour_form.journal;
-            this.form.major = '';
-            this.form.major_a = '';
-            this.form.major_b = '';
-            this.form.major_c = '';
-            this.majors_a = [];
-            this.majors_b = [];
-            this.majors_c = [];
-            this.mj_jour = [];
-            this.form.checkedjours = [];
-            this.form.istransfer = false;
-            this.form.becomeRev = false;
-            this.changeVisible = false;
-            this.initMajor();
-        },
-        getFee(id) {
-            if (this.items.find((e) => e.journal_id == id)) {
-                return this.items.find((e) => e.journal_id == id).fee;
-            } else {
-                return null;
-            }
-
-            // console.log('this.journals at line 2409:', this.journals)
-        },
-        // 点击期刊-更换-所有
-        ch_Jour_all(e) {
-            this.Reviewerof.journal = e;
-            this.checkReviewer();
-            this.form.journal = e;
-            this.$refs.articleform.clearValidate(['journal']);
-            this.form.major = '';
-            this.form.major_a = '';
-            this.form.major_b = '';
-            this.form.major_c = '';
-            this.majors_a = [];
-            this.majors_b = [];
-            this.majors_c = [];
-            this.mj_jour = [];
-            this.form.checkedjours = [];
-            this.form.istransfer = false;
-            this.form.becomeRev = false;
-            if (this.$route.query.id) {
-                this.saveArticle();
-            }
-            this.initMajor();
-            // this.getTopics()
-        },
-        saveArticle() {
-            // api/Article/changeJournal
-
-            this.$api
-                .post('api/Article/changeJournal', {
-                    article_id: this.$route.query.id,
-                    journal_id: this.form.journal
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                    } else {
-                        // this.$message.error(res.msg);
-                    }
-                });
-        },
-        // 点击tab变化
-        StepCode1(step) {
-            var e = step.index;
-            console.log('.status at line 2749:', this.stepStatus);
-            if (this.move_step > e) {
-                if (this.move_step == 2) {
-                    this.onStaging(2);
-                }
-                this.show_step = e;
-                this.move_step = e;
-            } else if (this.move_step < e) {
-                this.$refs.articleform.validate((valid) => {
-                    if (valid) {
-                        // deepEqual(this.form, this.oldForm);
-                        if (this.move_step == 1) {
-                            //暂时注销 start
-                            // var flist = this.keywordsList;
-                            // var fstr = '';
-                            // for (var fu in flist) {
-                            //     if (flist[fu].ke != '') {
-                            //         fstr += flist[fu].ke.trim() + ',';
-                            //     }
-                            // }
-                            // this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
-                            // this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
-                            //     if (res.code == 0) {
-                            //         this.stagingID = res.data.article_id;
-                            //         this.form.article_id = res.data.article_id;
-
-                            // this.$message.success('Saving succeeded!');
-                            //暂时注销 End
-                            this.move_step = 2; //进行步骤
-                            this.show_step = 2; //显示内容
-
-                            //暂时注销 start
-                            // } else {
-                            //     // this.$message.error(res.msg);
-                            // }
-
-                            // });
-                            //暂时注销 End
-                        } else if (this.move_step == 2) {
-                            this.onStaging(2);
-                            this.show_step = 3;
-                            this.move_step = 3;
-                        } else {
-                            this.show_step = e;
-                            this.move_step = e;
-                        }
-                    } else {
-                        this.$message.error('Please fill in the current content first!');
-                        // return false;
-                    }
-                });
-            } else {
-                if (e == 1) {
-                    this.onStaging(1);
-                }
-                if (e == 2) {
-                    this.onStaging(2);
-                }
-                // if (e == 4) {
-                //     this.getMajorData();
-                // }
-            }
-        },
-        StepCode(step, i) {
-            var that = this;
-            const targetIndex = step.index; // 目标步骤索引（1、2、3等）
-            const currentStep = this.move_step; // 当前所在步骤
-            console.log('当前步骤:', currentStep, '目标步骤:', targetIndex, '步骤状态:', this.stepStatus);
-
-            // 1. 后退逻辑：可直接跳转至之前的步骤（不校验前置条件）
-            if (currentStep > targetIndex) {
-                // 若从步骤2后退，触发暂存
-                if (currentStep === 2) {
-                    // this.onStaging(2);
-                }
-                this.show_step = targetIndex;
-                this.move_step = targetIndex;
-                return; // 后退无需进一步校验，直接返回
-            }
-
-            // 2. 前进逻辑：需校验前置步骤是否完成
-            if (currentStep < targetIndex) {
-                // 校验当前步骤的表单是否通过（当前步骤完成才能前进）
-                this.$refs.articleform.validate((valid) => {
-                    if (!valid) {
-                        // 当前步骤未完成，提示并停留在当前步骤
-                        this.$message.error('Please fill in the current content first!');
-                        // return false;
-                    } else if (this.stepStatus[currentStep - 1].status != 1) {
-                        this.$message.error('Please fill in the current content first!');
-                        // return false;
-                    } else {
-                        this.show_step = targetIndex;
-                        this.move_step = targetIndex;
-                    }
-                    this.show_step = targetIndex;
-                        this.move_step = targetIndex;
-                });
-                // return;
-            }
-
-            // 3. 停留在当前步骤（点击当前步骤时）
-            if (currentStep === targetIndex) {
-                // 触发对应步骤的暂存或数据加载
-                if (targetIndex === 4) {
-                    // this.getMajorData();
-                }
-            }
-        },
-
-        // 辅助方法：检查目标步骤的所有前置步骤是否都已完成
-        checkAllPrevStepsCompleted(targetIndex) {
-            // 前置步骤为：1 ~ targetIndex-1（例如：目标步骤3的前置步骤是1和2）
-            for (let i = 1; i < targetIndex; i++) {
-                // 假设步骤状态通过表单验证结果判断（也可根据this.stepStatus中的状态判断）
-                // 若需用stepStatus，可替换为：!this.stepStatus[i-1].isCompleted（需确保数组索引对应步骤）
-                const isPrevCompleted = this.$refs.articleform.validateStep(i); // 假设validateStep可验证指定步骤
-                if (!isPrevCompleted) {
-                    return false; // 有前置步骤未完成，返回false
-                }
-            }
-            return true; // 所有前置步骤已完成
-        },
-
-        // 辅助方法：找到第一个未完成的步骤
-        findFirstUncompletedStep() {
-            // 从步骤1开始检查，返回第一个未完成的步骤
-            for (let i = 1; i <= 3; i++) {
-                // 假设步骤1~3
-                const isCompleted = this.$refs.articleform.validateStep(i);
-                if (!isCompleted) {
-                    return i;
-                }
-            }
-            return 3; // 若都完成，返回最后一个步骤（3）
-        },
-
-        // 辅助方法：处理步骤前进逻辑
-        handleStepForward(targetIndex) {
-            // 步骤1→2：无需额外操作（直接跳转）
-            if (targetIndex === 2 && this.move_step === 1) {
-                this.move_step = 2;
-                this.show_step = 2;
-            }
-            // 步骤2→3：需先暂存步骤2
-            else if (targetIndex === 3 && this.move_step === 2) {
-                this.onStaging(2);
-                this.move_step = 3;
-                this.show_step = 3;
-            }
-            // 其他合法前进场景（如扩展更多步骤）
-            else {
-                this.move_step = targetIndex;
-                this.show_step = targetIndex;
-            }
-        },
-        showFiles() {
-            // 文件显示出来
-            this.fileL_articleApproval = [];
-            if (this.form.approval_file != '') {
-                this.fileL_articleApproval = [{}];
-                this.fileL_articleApproval[0].name = 'Ethical approval file';
-                this.fileL_articleApproval[0].url = this.form.approval_file;
-            }
-
-            this.fileL_coverLetter = [];
-            if (this.form.coverLetter != '') {
-                this.fileL_coverLetter = [{}];
-                this.fileL_coverLetter[0].name = 'Cover letter File';
-                this.fileL_coverLetter[0].url = this.form.coverLetter;
-            }
-            this.fileL_picturesAndTables = [];
-            if (this.form.picturesAndTables != '') {
-                this.fileL_picturesAndTables = [{}];
-                this.fileL_picturesAndTables[0].name = 'Figures File';
-                this.fileL_picturesAndTables[0].url = this.form.picturesAndTables;
-            }
-            this.fileL_manuscirpt = [];
-            if (this.form.manuscirpt != '') {
-                this.fileL_manuscirpt = [{}];
-                this.fileL_manuscirpt[0].name = 'Manuscript File';
-                this.fileL_manuscirpt[0].url = this.form.manuscirpt;
-            }
-            this.fileL_supplementary = [];
-            if (this.form.supplementary != '') {
-                this.fileL_supplementary = [{}];
-                this.fileL_supplementary[0].name = 'Supplementary Material';
-                this.fileL_supplementary[0].url = this.form.supplementary;
-            }
-            this.fileL_articleCopyright = [];
-            if (this.form.figurecopyright_file != '') {
-                this.fileL_articleCopyright = [{}];
-                this.fileL_articleCopyright[0].name = 'Figure Copyright Declaration File';
-                this.fileL_articleCopyright[0].url = this.form.figurecopyright_file;
-            }
-        },
-
-        // 点击进行下一步
-      async  onStep(e) {
-            this.$refs.articleform.validate((valid) => {
-                if (valid) {
-
-                    if (e == 1) {
-                        if (this.form.journal == 0 || !this.form.journal) {
-                            this.$message.error('Please select the Journal');
-                            return false;
-                        }
-
-                        var flist = this.keywordsList;
-                        var fstr = '';
-                        for (var fu in flist) {
-                            if (flist[fu].ke != '') {
-                                fstr += flist[fu].ke.trim() + ',';
-                            }
-                        }
-                        this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
-
-                        if (this.majorValueList.length > 0) {
-                            this.form.major = this.majorValueList
-                                .map((item) =>
-                                    item.selectedValue && item.selectedValue.length > 0
-                                        ? item.selectedValue[item.selectedValue.length - 1]
-                                        : []
-                                )
-                                .toString(',');
-                        }
-                        this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
-                            if (res.code == 0) {
-                                this.stagingID = res.data.article_id;
-                                this.form.article_id = res.data.article_id;
-                                this.$message.success('Saving succeeded!');
-                                this.move_step = 2; //进行步骤
-                                this.show_step = 2; //显示内容
-                                this.initStepStatus();
-                            } else {
-                                this.$message.error(res.msg);
-                            }
-                        });
-                    }
-                    if (e == 2) {
-                        this.onStaging(e); //暂存
-                        // 作者邮箱必填
-                        let Firsta = 0;
-                        let Corra = 0;
-                        if (this.form.authorList.length == 0) {
-                            this.$message.error('Author is required');
-                            return;
-                        }
-                        for (let i in this.form.authorList) {
-                            if (this.form.authorList[i].email == '') {
-                                this.$message.error('Please fill in the email information!');
-                                return;
-                            }
-                            if (this.form.authorList[i].firstname == '') {
-                                this.$message.error('Please fill in the author name!');
-                                return;
-                            }
-                            if (this.form.authorList[i].country == '') {
-                                this.$message.error('Country is necessary for author!');
-                                return;
-                            }
-                            if (this.form.authorList[i].isReport && this.form.authorList[i].address == '') {
-                                this.$message.error('Address is necessary for corresponding author');
-                                return;
-                            }
-                            if (this.form.authorList[i].isReport) {
-                                Corra++;
-                            }
-                            if (this.form.authorList[i].isSuper) {
-                                Firsta++;
-                            }
-                        }
-                        if (Firsta == 0 || Corra == 0) {
-                            // this.$message.error('First author and corresponding author must be exist');
-                            // return;
-                        }
-
-                        this.move_step = 3; //进行步骤
-                        this.show_step = 3; //显示内容
-                    }
-                    if (e == 3) {
-                        console.log('this.form at line 2940:', this.form);
-                        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.onStagingSubmit(e,()=>{
-                            this.move_step = 4; //进行步骤
-                                this.show_step = 4; //显示内容
-                        });
-                    }
-                } else {
-                    // this.$message.error('The submission encountered an error.');
-                    return false;
-                }
-            });
-        },
-
-        // save暂存
-        onStagingSave(e) {
-            if (e == 1) {
-                this.onStaging(1);
-            } else if (e == 2) {
-                this.onStaging(2);
-
-            } else if (e == 3) {
-                this.onStaging('save3');
-            }
-            // else if (e == 4) {
-            //     this.onStaging(4);
-            // }
-        },
-        //暂存加下一步
-        onStagingSubmit(e){
-            if (e == 3) {
-                this.$api.post('api/Article/addArticlePart3', {
-                    article_id: this.form.article_id,
-                    user_id: this.form.user_id,
-                    is_use_ai: this.form.is_use_ai,
-                    use_ai_explain: this.form.use_ai_explain,
-                    is_figure_copyright: this.form.is_figure_copyright,
-                }).then((res) => {
-                    if (res.status == 1) {
-
-                        this.initStepStatus();
-                        this.$message.success('Saving succeeded!');
-
-                    } else {
-                        this.$message.error(res.msg);
-
-                        return false;
-                    }
-                });
-            }
-        },
-
-        // 暂存
-        onStaging(e) {
-            var that = this;
-            if (e == 1) {
-                if (this.form.journal == 0 || !this.form.journal) {
-                    this.$message.error('Please select the Journal');
-                    return false;
-                }
-                if (!this.form.title) {
-                    this.$message.error('Please enter a title');
-                    return false;
-                }
-                var flist = this.keywordsList;
-                var fstr = '';
-                for (var fu in flist) {
-                    if (flist[fu].ke != '') {
-                        fstr += flist[fu].ke.trim() + ',';
-                    }
-                }
-                this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
-                if (this.majorValueList.length > 0) {
-                    this.form.major = this.majorValueList
-                        .map((item) =>
-                            item.selectedValue && item.selectedValue.length > 0 ? item.selectedValue[item.selectedValue.length - 1] : []
-                        )
-                        .toString(',');
-                }
-
-                if (this.form.abstrart&&this.isAbstractTooShort(this.form.abstrart)) {
-                    this.$message.error('The abstract should not be less than 200 Chinese characters or English words!');
-                    return false;
-                }
-
-                this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
-                    if (res.code == 0) {
-                        this.stagingID = res.data.article_id;
-                        this.form.article_id = res.data.article_id;
-                        this.initStepStatus();
-                        this.$message.success('Saving succeeded!');
-                    } else {
-                        this.$message.error(res.msg);
-                        console.log('456');
-                        return false;
-                    }
-                });
-            } else if (e == 2) {
-
-            } else if (e == 3) {
-                this.$api
-                    .post('api/Article/addArticlefile', {
-                        article_id: this.form.article_id,
-                        type: 'coverLetter',
-                        url: this.form.coverLetter,
-
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.form.coverLetterId = res.data.file_id;
-                            this.$refs.articleform.clearValidate('coverLetterId');
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            } else if (e == 4) {
-                this.$api
-                    .post('api/Article/addArticlefile', {
-                        article_id: this.form.article_id,
-                        type: 'picturesAndTables',
-                        url: this.form.picturesAndTables
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.form.picturesAndTablesId = res.data.file_id;
-                            this.$refs.articleform.clearValidate('picturesAndTables');
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            } else if (e == 5) {
-                this.$api
-                    .post('api/Article/addArticlefile', {
-                        article_id: this.form.article_id,
-                        type: 'manuscirpt',
-                        url: this.form.manuscirpt
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.form.manuscirptId = res.data.file_id;
-                            this.$refs.articleform.clearValidate('manuscirpt');
-                            setTimeout(() => {
-                                // that.getWordTablesList();
-                                // that.getWordimgList();
-                            }, 500);
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            } else if (e == 6) {
-                this.$api
-                    .post('api/Article/addArticlefile', {
-                        article_id: this.form.article_id,
-                        type: 'supplementary',
-                        url: this.form.supplementary
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.form.supplementaryId = res.data.file_id;
-                            this.$refs.articleform.clearValidate('supplementary');
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            } else if (e == 7) {
-                //文件
-                this.$api
-                    .post('api/Article/addFigureCopyright', {
-                        article_id: this.form.article_id,
-                        user_id: this.form.user_id,
-                        type: 'figurecopyright',
-                        url: this.form.figurecopyright_file,
-                        is_figure_copyright: this.form.is_figure_copyright
-                    })
-                    .then((res) => {
-                        if (res.status == 0) {
-                            this.form.figurecopyrightId = res.data.file_id;
-                           this.$refs.articleform.clearValidate('figurecopyright_file');
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            }else if (e == 'save3') {
-                this.$api.post('api/Article/addArticleStaging', {
-                    article_id: this.form.article_id,
-                    user_id: this.form.user_id,
-                    is_use_ai: this.form.is_use_ai,
-                    use_ai_explain: this.form.use_ai_explain,
-                    is_figure_copyright: this.form.is_figure_copyright,
-                }).then((res) => {
-                    if (res.status == 1) {
-
-                        this.initStepStatus();
-                        this.$message.success('Saving succeeded!');
-
-                    } else {
-                        this.$message.error(res.msg);
-
-                        return false;
-                    }
-                });
-            }
-        },
-
-        isAbstractTooShort(text) {
-            let chineseCount = (text.match(/[\u4e00-\u9fa5]/g) || []).length;
-            let englishCount = (text.match(/[A-Za-z0-9]/g) || []).length;
-
-            const total = chineseCount + englishCount;
-
-            return total < 200; // 不足 200，说明太短
-        },
-        // 读取getMajorData
-        getMajorData() {
-            this.$api
-                .post('api/Article/getArticleField', {
-                    article_id: this.stagingID
-                })
-                .then((res) => {
-                    this.majorValueList = res.data.map((item) => ({
-                        selectedValue: Array.isArray(item.major)
-                            ? item.shu
-                            : typeof item.shu === 'string'
-                            ? item.shu.split(',').map(Number)
-                            : [item.shu]
-                    }));
-                });
-        },
-        changeUseAi(e) {
-            console.log('e at line 2837:', e);
-            if (e == 2) {
-                this.form.use_ai_explain = '';
-            }
-        },
-        // 读取
-        async Temporary() {
-            const load = this.$loading({
-                lock: true,
-                text: 'Loading...',
-                spinner: 'el-icon-loading',
-                background: 'rgba(0, 0, 0, 0.7)'
-            });
-            this.$api
-                .post('api/Article/getSaveArticleDetail', {
-                    article_id: this.stagingID
-                })
-                .then(async (res) => {
-                    console.log(res, '已经保存的值');
-                    if (res.code == 0) {
-                        // 基本信息
-                        this.form.journal = res.data.base.journal_id;
-                        this.$forceUpdate();
-                        this.form.type = res.data.base.type;
-                        this.form.title = res.data.base.title;
-                        this.form.approval = res.data.base.approval;
-                        this.form.approval_file = res.data.base.approval_file;
-                        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;
-                        this.form.is_figure_copyright = res.data.base.is_figure_copyright==1||res.data.base.is_figure_copyright==2?res.data.base.is_figure_copyright.toString():'';
-                        let keyList = res.data.base.keywords.split(',');
-                        if (this.items.find((e) => e.journal_id == this.form.journal)) {
-                            this.check_item = this.items.find((e) => e.journal_id == this.form.journal);
-                        }
-                        this.keywordsList = [];
-                        for (let i = 0; i < keyList.length; i++) {
-                            this.keywordsList.push({
-                                ke: keyList[i]
-                            });
-                        }
-
-                        // 文件
-                        if (res.data.files.length > 0) {
-                            for (let i = 0; i < res.data.files.length; i++) {
-                                if (res.data.files[i].type_name == 'articleApprova') {
-                                    this.form.approval_file = res.data.files[i].file_url;
-                                    this.form.approval_fileId = res.data.files[i].file_id;
-                                }
-                                if (res.data.files[i].type_name == 'coverLetter') {
-                                    this.form.coverLetter = res.data.files[i].file_url;
-                                    this.form.coverLetterId = res.data.files[i].file_id;
-                                }
-                                if (res.data.files[i].type_name == 'picturesAndTables') {
-                                    this.form.picturesAndTables = res.data.files[i].file_url;
-                                    this.form.picturesAndTablesId = res.data.files[i].file_id;
-                                }
-                                if (res.data.files[i].type_name == 'manuscirpt') {
-                                    this.form.manuscirpt = res.data.files[i].file_url;
-                                    this.form.manuscirptId = res.data.files[i].file_id;
-                                }
-                                if (res.data.files[i].type_name == 'supplementary') {
-                                    this.form.supplementary = res.data.files[i].file_url;
-                                    this.form.supplementaryId = res.data.files[i].file_id;
-                                }
-                                if (res.data.files[i].type_name == 'figurecopyright') {
-                                    this.form.figurecopyright_file = res.data.files[i].file_url;
-                                    this.form.figurecopyrightId = res.data.files[i].file_id;
-                                    console.log('this.form.figurecopyrightId at line 3363:', this.form.figurecopyright_file)
-                                }
-                            }
-                            this.showFiles();
-                        }
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                    await this.TempoAuthor();
-                    load.close();
-                });
-        },
-
-        // 读取作者
-        async TempoAuthor() {
-            await this.$api
-                .post('api/Article/getAuthors', {
-                    article_id: this.stagingID
-                })
-                .then(async (res) => {
-                    if (res.code == 0) {
-                        // 作者
-                        if (res.data.authors.length > 0) {
-                            this.form.authorList = res.data.authors;
-                            this.activeNames = [];
-                            for (let i = 0; i < this.form.authorList.length; i++) {
-                                if (this.form.authorList[i].is_report == 1) {
-                                    this.form.authorList[i].isReport = true;
-                                } else {
-                                    this.form.authorList[i].isReport = false;
-                                }
-                                if (this.form.authorList[i].is_super == 1) {
-                                    this.form.authorList[i].isSuper = true;
-                                } else {
-                                    this.form.authorList[i].isSuper = false;
-                                }
-                                this.form.authorList[i].title = this.form.authorList[i].author_title;
-                                this.activeNames.push(i + 1);
-                            }
-                        } else {
-                            this.form.authorList = [];
-                        }
-                        this.$nextTick(() => {
-
-                                this.initStepStatus();
-
-                        });
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-        },
-
-        // 选择
-        chanSelt() {
-            this.$forceUpdate();
-        },
-
-        // 获取话题
-        getTopics() {
-            this.$api
-                .post('api/Article/getJournalTopics', {
-                    journal_id: this.Reviewerof.journal
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                        this.topicsList = res.data.topics;
-                        // console.log(res.data.topics,'话题')
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-        },
-        // 选中值变化
-        topicsChange(e) {
-            // console.log(this.form.topics,'选中的话题id')
-        }
-    }
-};
-</script>
-
-<style scoped>
-.formTopics {
-    width: 100%;
-}
-/* f8fbff */
-.step_list_new {
-    background-color: #f8f8f8;
-    box-shadow: 2px 30px 15px -20px #eee inset;
-    border-top-left-radius: 10px;
-    border-top-right-radius: 10px;
-    width: calc(100% - 20px);
-    margin-top: 20px;
-}
-::v-deep .step_list_new .el-step__icon.is-text {
-    border: 3px solid !important;
-}
-::v-deep .step_list_new .el-step__icon {
-    width: 34px !important;
-    height: 34px !important;
-    line-height: 34px !important;
-    font-size: 18px !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: 57% !important;
-    right: -43% !important;
-    z-index: 2 !important;
-}
-.manu_add h3 {
-    font-size: 16px;
-    margin-top: 0px;
-}
-::v-deep .step-success .el-step__head {
-    color: #67c23a !important;
-    border-color: #67c23a !important;
-}
-::v-deep .step-saved .el-step__head {
-    color: #f58b00 !important;
-    border-color: #f58b00 !important;
-}
-::v-deep .step-edit .el-step__head {
-    color: #006699 !important;
-    border-color: #006699 !important;
-}
-::v-deep .step-success .step_title {
-    color: #67c23a !important;
-    border-color: #67c23a !important;
-}
-::v-deep .step-saved .step_title {
-    color: #f58b00 !important;
-    border-color: #f58b00 !important;
-}
-::v-deep .step-edit .step_title {
-    color: #006699 !important;
-    border-color: #006699 !important;
-}
-::v-deep .el-step.is-horizontal .el-step__line {
-    top: 18px !important;
-}
-::v-deep .step_title {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-::v-deep .step_title > div {
-    display: flex;
-    align-items: center;
-    width: auto;
-    margin: 0 auto;
-}
-.step_icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-.step_icon i {
-    font-weight: bold;
-}
-
-.step_list_new .C_style {
-    background-color: #f8fbff !important;
-    -webkit-box-shadow: 2px 30px 15px -20px #ebf5ff inset !important;
-    box-shadow: 2px 30px 15px -20px #ebf5ff inset !important;
-}
-::v-deep .up_disabled .el-upload--text {
-    border: none !important;
-    display: none !important;
-}
-::v-deep .up_disabled .el-upload-list__item:first-child {
-    margin-top: 5px !important;
-}
-::v-deep .el-upload-list__item:first-child {
-    margin-top: 5px !important;
-}
-</style>
-
-<style>
-.author-box {
-    width: 150%;
-}
-
-.author-box .el-row {
-    margin-bottom: 5px;
-}
-
-.author-box .author-title {
-    color: #969595;
-    text-align: center;
-    background-color: #eceaea;
-}
-
-.author-box .author-delete {
-    text-align: center;
-}
-
-.author-box .author-delete i {
-    color: red;
-}
-
-.zyfont {
-    font-size: 14px;
-    color: rgb(133, 131, 131);
-}
-
-.tffont {
-    font-size: 10px;
-    line-height: 1.5;
-    color: rgb(133, 131, 131);
-}
-
-.orcid_link {
-    color: #409eff;
-    margin-left: 20px;
-}
-
-.orcid_link:hover {
-    text-decoration: underline;
-}
-
-.manu_add .el-upload__tip {
-    position: absolute;
-    top: -5px;
-    left: 80px;
-    color: #999;
-    font-size: 13px;
-}
-
-.el-collapse-item__content {
-    padding-bottom: 8px !important;
-}
-
-.up_newstyle {
-    margin-left: 10px;
-}
-
-.up_newstyle .el-upload--text {
-    background-color: #006699;
-    border: 1px solid #006699;
-    padding: 0 7px;
-    /* margin-left: 10px; */
-}
-
-.up_newstyle .el-upload__text em {
-    color: #fff !important;
-    font-size: 12px;
-}
-
-.Del_btn {
-    color: #df1f1f !important;
-    margin-left: 30px;
-}
-
-.Del_btn:hover {
-    text-decoration: underline;
-}
-
-.manu_add .el-form-item__label {
-    color: #000;
-}
-
-.manu_add .el-upload__tip {
-    color: #333;
-}
-
-.manu_add .zyfont {
-    color: #111;
-}
-
-.manu_add h3 {
-    margin: 5px 20px 30px 20px;
-    color: #006699;
-}
-
-.manu_add .el-collapse {
-    border-top: 1px solid #bfcdd3;
-    border-bottom: 1px solid #bfcdd3;
-}
-
-.manu_add .el-collapse-item__header {
-    background-color: #f8fbff;
-    border-bottom: 1px solid #bfcdd3;
-}
-
-.manu_add .el-collapse-item__wrap {
-    background-color: #f8fbff;
-}
-
-.manu_add .el-collapse-item__header.is-active {
-    border-bottom-color: transparent;
-}
-
-.manu_add .bag_color {
-    border-top: 1px solid #88888830;
-    padding-top: 30px;
-    background-color: #fff;
-}
-
-.manu_add .bag_color > div {
-    padding: 0px 15px;
-}
-
-.manu_add .pro_ceed {
-    width: 260px;
-    margin-bottom: 50px;
-    font-size: 14px;
-}
-
-.manu_add .pro_stage {
-    width: 120px;
-    margin-bottom: 50px;
-    font-size: 14px;
-}
-
-.manu_add .el-form-item__error {
-    margin-left: 10px;
-    top: 99%;
-    color: #e52d2d;
-}
-
-.step_list {
-    margin: 30px 0 0 0;
-}
-
-.step_list > div {
-    position: relative;
-    float: left;
-    background-color: #eee;
-    padding-top: 20px;
-}
-
-.step_list > div > .bor_der {
-    position: absolute;
-    height: 70px;
-    width: 2px;
-    background-color: #d5dee3;
-    top: 40px;
-    left: 0;
-}
-
-.step_list > div > div {
-    width: 240px;
-    height: 85px;
-    text-align: center;
-    color: #777;
-    background-color: #eee;
-    padding-top: 5px;
-    font-weight: bold;
-    cursor: pointer;
-}
-
-.step_list > div > div:hover {
-    color: #006699;
-}
-
-.step_list > div > div i {
-    display: block;
-    font-size: 35px;
-    margin-bottom: 5px;
-}
-
-.step_list > div.C_style {
-    background-color: #f8fbff !important;
-    box-shadow: 2px 30px 15px -20px #ebf5ff inset !important;
-}
-
-.step_list > div.C_style > div {
-    background-color: #f8fbff;
-    box-shadow: 2px -30px 15px -20px #ebf5ff inset;
-    color: #006699;
-}
-
-.step_list > div .num {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 20px;
-    line-height: 20px;
-    width: 20px;
-    text-align: center;
-    color: #fff;
-    background: #006699;
-}
-
-.step_list > div .num::before,
-.step_list > div .num::after {
-    content: '';
-    position: absolute;
-    border-top: 10px solid #006699;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid transparent;
-    border-left: 10px solid #006699;
-}
-
-.step_list > div .num::before {
-    bottom: -20px;
-    left: 0;
-}
-
-.step_list > div .num::after {
-    right: -20px;
-    top: 0;
-}
-
-.forWard {
-    line-height: 20px;
-    color: #333;
-    font-size: 14px;
-    padding: 10px 10px 0 10px;
-    background-color: #ffffff80;
-    border: 1px dashed #dae8f7;
-    margin-top: -10px;
-    margin-bottom: 20px;
-}
-
-.forWard > div {
-    border-bottom: 1px solid #dae8f7;
-    padding: 0 20px 10px 20px;
-    margin-bottom: 10px;
-}
-
-.forWard > div:nth-last-child(1) {
-    border-bottom: 0;
-}
-
-.forWard > div > p {
-    margin: 0 0 3px 0;
-    line-height: 22px;
-    color: #333;
-}
-
-.forWard > div > p > font {
-    color: #777;
-}
-
-.forWard .jiantouBiao {
-    cursor: pointer;
-    color: #006699;
-    margin-left: 10px;
-    font-size: 20px;
-}
-
-.jour_ku {
-    font-size: 14px;
-    float: left;
-    width: 330px;
-    padding-left: 10px;
-    cursor: pointer;
-    color: #666;
-    line-height: 34px;
-}
-
-.jour_ku:nth-child(2n) {
-    width: 280px;
-}
-
-.jour_ku.B_style {
-    background-color: #006699;
-    color: #fff;
-    font-weight: bold;
-}
-
-.jour_ku_all {
-    font-size: 14px;
-    float: left;
-    width: 48%;
-    padding-left: 10px;
-    cursor: pointer;
-    color: #666;
-    line-height: 26px;
-}
-
-/* .jour_ku_all:nth-child(3n + 1) {
-    width: 230px;
-}
-
-.jour_ku_all:nth-child(3n + 2) {
-    width: 220px;
-} */
-
-.jour_ku_all.B_style {
-    color: #1161ea;
-    font-weight: bold;
-    font-size: 16px;
-    background: #ebf5ff;
-    border-radius: 4px;
-    /* border: 1px solid #b3d8ff ; */
-}
-
-.tally_jour {
-    line-height: 18px;
-    width: 350px;
-    margin-right: 0;
-    font-size: 13px;
-}
-
-.tally_jour .el-checkbox__label {
-    font-size: 13px;
-}
-
-.web_stite:hover {
-    text-decoration: underline;
-}
-
-.tuijian_f {
-    width: calc(100% - 100px);
-    padding: 10px 5px 15px 5px;
-    margin: 20px 0px 0px 55px;
-    box-shadow: 0 0 8px #b7d2ed;
-    position: relative;
-}
-
-.tuijian_f > p {
-    margin: 0 0 0 10px;
-    color: #006699;
-    font-weight: bold;
-    letter-spacing: -1px;
-    font-size: 14px;
-}
-
-.tuijian_f > .shanchu_tj {
-    position: absolute;
-    right: 0;
-    top: 5px;
-    padding: 5px 10px;
-}
-
-.tuijian_f > .el-form-item {
-    display: inline-block;
-    margin: 0 8px;
-}
-
-.tuijian_f > .el-form-item .el-form-item__label {
-    padding: 0;
-}
-
-.tuijian_f .el-form-item > .el-form-item__label:before {
-    content: '' !important;
-}
-/* 评审人表单容器 - 网格布局设置 */
-.tuijian_f {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr); /* 4列平均分布 */
-    gap: 10px; /* 字段间间距 */
-    /* padding:0 10px; */
-    border: 1px solid #eee; /* 可选：加个边框区分每个评审人表单 */
-    border-radius: 4px;
-    margin-bottom: 10px; /* 多个评审人表单之间的间距 */
-}
-
-/* 标题和删除按钮样式调整 */
-.tuijian_f > p {
-    grid-column: 1 / -1; /* 标题占满整行 */
-    margin: 0 0 0px 0;
-    font-weight: 500;
-    padding: 0 6px;
-}
-
-.tuijian_f .shanchu_tj {
-    grid-column: 4 / 5; /* 删除按钮放在第4列 */
-    align-self: end; /* 靠下对齐 */
-    justify-self: end; /* 靠右对齐 */
-}
-
-/* Filed字段单独占一行 */
-.tuijian_f .el-form-item:nth-child(6) {
-    /* 因为Filed是第6个表单项（从p开始算第1个） */
-    grid-column: 1 / -1; /* 占满所有列（整行） */
-}
-
-/* 调整字段宽度和对齐（可选，根据需要微调） */
-.tuijian_f .el-form-item {
-    margin-bottom: 0; /* 取消默认margin，用grid的gap控制间距 */
-}
-
-.tuijian_f .el-input,
-.tuijian_f .el-cascader {
-    width: 100% !important; /* 让输入框自适应网格列宽 */
-}
-.el-popover {
-    word-break: break-word;
-    text-align: left;
-}
-
-.partyAry {
-}
-
-.partyAry > div {
-    font-size: 14px;
-    /* width: 258px; */
-    width: 96%;
-    display: inline-block;
-    padding: 5px 15px 10px 15px;
-    margin-bottom: 20px;
-    box-shadow: 0 0 8px #b7d2ed;
-    background-color: #ffffff80;
-}
-
-/* 	.partyAry>div:nth-child(3n+2) {
-		margin-left: 20px;
-		margin-right: 20px;
-	} */
-
-.partyAry > div > p {
-    margin: 0 0 3px 0;
-    line-height: 22px;
-}
-
-.partyAry > div > p > font {
-    color: #777;
-}
-::v-deep .el-collapse-item__header {
-    background-color: transparent !important;
-}
-</style>