评审专家-申报信息3.改

src/views/reviewExperts/topicList/reviewPage.vue

@@ -8,12 +8,17 @@
             <span v-else class="step-title">立项评审完成</span>
           </div>
         </el-step>
-        <el-step title="步骤 2"/>
-        <el-step title="步骤 3"/>
+        <el-step title="步骤 2" />
+        <el-step title="步骤 3">
+          <div slot="title">
+            <span v-if="active === 2" class="step-title">立项评审中<a style="color: deeppink">(待本人评审)</a></span>
+            <span v-else class="step-title">立项评审完成</span>
+          </div>
+        </el-step>
       </el-steps>
     </div>
     <div class="tabsBody">
-      <el-tabs type="border-card" v-model="activeName">
+      <el-tabs v-model="activeName" type="border-card">
         <el-button
           style="float: right;
           margin-right: 10px;
@@ -59,9 +64,14 @@
           </el-descriptions>
           <div class="review-content">
             <div class="card_title">评审内容</div>
-            <el-table style="white-space: pre-wrap;" border :data="judgingContentInfoList"
-                      :cell-style="{height: '120px'}" :row-style="{height: '120px'}">
-              <el-table-column type="index" label="序号" width="55" align="center"/>
+            <el-table
+              style="white-space: pre-wrap;"
+              border
+              :data="judgingContentInfoList"
+              :cell-style="{height: '120px'}"
+              :row-style="{height: '120px'}"
+            >
+              <el-table-column type="index" label="序号" width="55" align="center" />
               <el-table-column width="680" label="评审内容" prop="judgingContent" :show-overflow-tooltip="true">
                 <template slot-scope="scope">
                   <div style="word-spacing: normal">
@@ -72,26 +82,26 @@
               <el-table-column label="专家评语" prop="expertComments" :show-overflow-tooltip="true">
                 <template slot-scope="scope">
                   <div style="word-spacing: normal">
-                    <el-input v-model="scope.row.expertComments" type="textarea" :rows="4"/>
+                    <el-input v-model="scope.row.expertComments" :disabled="active !==0" type="textarea" :rows="4" />
                   </div>
                 </template>
               </el-table-column>
             </el-table>
-            <el-form ref="ruleForm"  :model="ruleForm" style="margin-top: 16px">
+            <el-form ref="ruleForm" :model="ruleForm" style="margin-top: 16px">
               <div style="display: flex">
-                <el-form-item label="得分（满分100分）"  label-width="160px">
-                  <el-input-number :min="0" :max="100" v-model="ruleForm.score"></el-input-number>
+                <el-form-item label="得分（满分100分）" label-width="160px">
+                  <el-input-number v-model="ruleForm.score" :min="0" :max="100" :disabled="active !==0" />
                 </el-form-item>
                 <el-form-item label="评审意见" label-width="160px">
-                  <el-select v-model="ruleForm.opinion" >
-                    <el-option label="建议立为一般课题" value="0"/>
-                    <el-option label="建议立为重要课题" value="1"/>
+                  <el-select v-model="ruleForm.opinion" :disabled="active !==0">
+                    <el-option label="建议立为一般课题" value="0" />
+                    <el-option label="建议立为重要课题" value="1" />
                   </el-select>
                 </el-form-item>
                 <el-form-item label="是否愿意担任本课题指导专家" label-width="260px">
-                  <el-select v-model="ruleForm.liability">
-                    <el-option label="是" value="0"/>
-                    <el-option label="否" value="1"/>
+                  <el-select v-model="ruleForm.liability" :disabled="active !==0">
+                    <el-option label="是" value="0" />
+                    <el-option label="否" value="1" />
                   </el-select>
                 </el-form-item>
               </div>
@@ -101,8 +111,10 @@
                     class="upload-demo"
                     :drag="false"
                     action=" "
-                    multiple>
-                    <el-button size="small" type="primary">点击上传</el-button>
+                    :disabled="active !==0"
+                    multiple
+                  >
+                    <el-button :disabled="active !==0" size="small" type="primary">点击上传</el-button>
                   </el-upload>
                 </div>
               </el-form-item>
@@ -135,7 +147,7 @@
             <el-descriptions-item label="实际完成时间">2025-13-32</el-descriptions-item>
             <el-descriptions-item span="3" label="附件材料">
               <div class="item-center">
-                <el-link type="primary"></el-link>
+                <el-link type="primary" />
               </div>
             </el-descriptions-item>
             <el-descriptions-item span="3" label="结课报告">
@@ -148,7 +160,12 @@
           <el-descriptions label-width="190px" column="3" title="评审内容">
             <el-descriptions-item span="3" label="评审意见">
               <div class="item-center">
-                <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" v-model="comments" />
+                <el-input
+                  v-model="comments"
+                  type="textarea"
+                  :disabled="active !==2"
+                  :autosize="{ minRows: 4, maxRows: 6}"
+                />
               </div>
             </el-descriptions-item>
             <el-descriptions-item span="3" label="附件材料">
@@ -157,27 +174,25 @@
                   class="upload-demo"
                   :drag="false"
                   action=" "
-                  multiple>
-                  <el-button size="small" type="primary">点击上传</el-button>
+                  :disabled="active !==2"
+                  multiple
+                >
+                  <el-button size="small" type="primary" :disabled="active !==2">点击上传</el-button>
                 </el-upload>
               </div>
             </el-descriptions-item>
             <el-descriptions-item span="3" label="评审结果">
-                <el-select v-model="ruleForm.liability" :placeholder="false" style="width: 100%">
-                  <el-option label="建议通过" value="0"/>
-                  <el-option label="建议不通过" value="1"/>
-                </el-select>
+              <el-select v-model="ruleForm.liability" :disabled="active !==2" :placeholder="false" style="width: 100%">
+                <el-option label="建议通过" value="0" />
+                <el-option label="建议不通过" value="1" />
+              </el-select>
             </el-descriptions-item>
           </el-descriptions>
-            <div style="margin: 10px; text-align: center;">
-              <el-button v-if="showBtn1" type="primary" @click="temporarySaving1">临时保存</el-button>
-              <el-button v-if="showBtn1" type="primary" @click="submitRequest1">正式提交</el-button>
-            </div>
-        </el-tab-pane>
-        <el-tab-pane v-if="active != 0" label="月报" name="third">
-          月报
+          <div style="margin: 10px; text-align: center;">
+            <el-button v-if="showBtn1" type="primary" @click="temporarySaving1">临时保存</el-button>
+            <el-button v-if="showBtn1" type="primary" @click="submitRequest1">正式提交</el-button>
+          </div>
         </el-tab-pane>
-
       </el-tabs>
     </div>
   </div>
@@ -235,6 +250,18 @@ export default {
       ]
     }
   },
+  created() {
+    if (this.$route.query.state === '立项评审中') {
+      this.state = 0
+      this.active = 0
+      this.activeName = 'first'
+    }
+    if (this.$route.query.state === '验收评审中') {
+      this.state = 1
+      this.active = 2
+      this.activeName = 'second'
+    }
+  },
   methods: {
     goBack() {
       this.$router.go(-1)
@@ -284,24 +311,13 @@ export default {
           message: '立项申请提交成功!'
         })
         this.showBtn1 = false
+        this.active = 3
       }).catch(() => {
         this.$message({
           type: 'info',
           message: '取消成功'
         })
       })
-    },
-  },
-  created() {
-    if (this.$route.query.state === '立项评审中'){
-      this.state = 0
-      this.active = 0
-      this.activeName = "first"
-    }
-    if (this.$route.query.state === '验收评审中'){
-      this.state = 1
-      this.active = 3
-      this.activeName = "second"
     }
   }
 }