评审专家-申报信息3

评审专家-步骤条

src/views/reviewExperts/topicList/index.vue

@@ -154,7 +154,7 @@
 <!--              @click="handleUpdate(scope.row)"-->
 <!--            >修改-->
 <!--            </el-button>-->
-            <el-button v-if="scope.row.state === '验收评审中'" icon="el-icon-edit-outline" @click="handleAcceptance(scope.row)" />
+            <el-button v-if="scope.row.state === '验收评审中' ||scope.row.state === '立项评审中'" icon="el-icon-edit-outline" @click="handleProject(scope.row)" />
             <el-button v-if="scope.row.state === '立项评审中'" icon="el-icon-edit-outline" @click="handleProject(scope.row)" />
             <el-button v-else icon="el-icon-search" />
 <!--            <el-button-->
@@ -436,20 +436,14 @@ export default {
         this.title = '修改标签信息'
       })
     },
-    /** 验收评审中操作按钮*/
-    handleAcceptance(row) {
-      console.log('row', row)
-      this.$router.push({
-        path: '/myTopic/newTopic',
-        query: {}
-      })
-    },
-    /** 立项评审中操作按钮*/
+    /** 评审中操作按钮*/
     handleProject(row) {
       console.log('row', row)
       this.$router.push({
         path: '/reviewExperts/topicList/reviewPage',
-        query: {}
+        query: {
+          state: row.state,
+        }
       })
     },
     // 改变状态

src/views/reviewExperts/topicList/reviewPage.vue

@@ -2,13 +2,18 @@
   <div class="app-container">
     <div class="stepBar">
       <el-steps :active="active" align-center finish-status="success">
-        <el-step title="步骤 1"/>
+        <el-step>
+          <div slot="title">
+            <span v-if="active === 0" class="step-title">立项评审中<a style="color: deeppink">(待本人评审)</a></span>
+            <span v-else class="step-title">立项评审完成</span>
+          </div>
+        </el-step>
         <el-step title="步骤 2"/>
         <el-step title="步骤 3"/>
       </el-steps>
     </div>
     <div class="tabsBody">
-      <el-tabs type="border-card">
+      <el-tabs type="border-card" v-model="activeName">
         <el-button
           style="float: right;
           margin-right: 10px;
@@ -16,9 +21,10 @@
           icon="el-icon-arrow-left"
           type="primary"
           @click="goBack"
-        >返回</el-button>
-        <el-tab-pane label="申报信息">
-            <el-descriptions label-width="190px" size="small" column="3" title="课题名称及申请人基本情况">
+        >返回
+        </el-button>
+        <el-tab-pane label="申报信息" name="first">
+          <el-descriptions label-width="190px" size="small" column="3" title="课题名称及申请人基本情况">
             <el-descriptions-item span="3" label="课题号">2019kk938</el-descriptions-item>
             <el-descriptions-item span="3" label="课题名称">母猪的产后护理</el-descriptions-item>
             <el-descriptions-item label="申报类型">一般课题</el-descriptions-item>
@@ -45,7 +51,7 @@
                 <el-link type="primary">下载申报书</el-link>
               </div>
             </el-descriptions-item>
-            <el-descriptions-item span="3" label="评审意见表" >
+            <el-descriptions-item span="3" label="评审意见表">
               <div class="item-center">
                 <el-link type="primary">下载评审意见表</el-link>
               </div>
@@ -53,8 +59,9 @@
           </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">
@@ -65,17 +72,109 @@
               <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>
+                    <el-input v-model="scope.row.expertComments" type="textarea" :rows="4"/>
                   </div>
                 </template>
               </el-table-column>
             </el-table>
+            <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>
+                <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>
+                </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>
+                </el-form-item>
+              </div>
+              <el-form-item label="附件材料" label-width="95px">
+                <div style="text-align: center">
+                  <el-upload
+                    class="upload-demo"
+                    :drag="false"
+                    action=" "
+                    multiple>
+                    <el-button size="small" type="primary">点击上传</el-button>
+                  </el-upload>
+                </div>
+              </el-form-item>
+            </el-form>
+            <div style="margin: 10px; text-align: center;">
+              <el-button v-if="showBtn" type="primary" @click="temporarySaving">临时保存</el-button>
+              <el-button v-if="showBtn" type="primary" @click="submitRequest">正式提交</el-button>
+            </div>
           </div>
         </el-tab-pane>
-        <el-tab-pane v-if="active === 2" label="项目验收">
-          项目验收
+        <el-tab-pane v-if="state === 1" label="项目验收" name="second">
+          <el-descriptions label-width="190px" size="small" column="3" title="课题名称及申请人基本情况">
+            <el-descriptions-item span="1.5" label="课题号">2019kk938</el-descriptions-item>
+            <el-descriptions-item span="1.5" label="起止日期">2019-13-32 - 2019-13-32</el-descriptions-item>
+            <el-descriptions-item span="3" label="课题名称">母猪的产后护理</el-descriptions-item>
+            <el-descriptions-item label="课题类别">一般课题</el-descriptions-item>
+            <el-descriptions-item label="负责人姓名">金轮法王</el-descriptions-item>
+            <el-descriptions-item label="填表日期">2019-13-32 25:61</el-descriptions-item>
+            <el-descriptions-item label="成功鉴定方式">通讯鉴定</el-descriptions-item>
+            <el-descriptions-item label="单位">射水大学</el-descriptions-item>
+            <el-descriptions-item label="学院/部门">射水学院</el-descriptions-item>
+            <el-descriptions-item label="专业技术职务">教授</el-descriptions-item>
+            <el-descriptions-item label="行政职务">教主</el-descriptions-item>
+            <el-descriptions-item label="邮政编码">123456</el-descriptions-item>
+            <el-descriptions-item label="通信地址">射水大学射水路</el-descriptions-item>
+            <el-descriptions-item label="联系电话">12345678910</el-descriptions-item>
+            <el-descriptions-item label="电子邮箱">12345678910@qq.com</el-descriptions-item>
+            <el-descriptions-item label="批准时间">2025-13-32</el-descriptions-item>
+            <el-descriptions-item label="计划完成时间">2025-13-32</el-descriptions-item>
+            <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>
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item span="3" label="结课报告">
+              <div class="item-center">
+                <el-link type="primary">下载结课报告</el-link>
+              </div>
+            </el-descriptions-item>
+
+          </el-descriptions>
+          <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" />
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item span="3" label="附件材料">
+              <div class="item-center">
+                <el-upload
+                  class="upload-demo"
+                  :drag="false"
+                  action=" "
+                  multiple>
+                  <el-button size="small" type="primary">点击上传</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-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="月报">
+        <el-tab-pane v-if="active != 0" label="月报" name="third">
           月报
         </el-tab-pane>
 
@@ -85,53 +184,124 @@
 </template>
 
 <script>
-import ElDescriptionsItem from "@/components/descriptionsList/e-desc-item.vue"
-import ElDescriptions from "@/components/descriptionsList/e-desc.vue"
+import ElDescriptionsItem from '@/components/descriptionsList/e-desc-item.vue'
+import ElDescriptions from '@/components/descriptionsList/e-desc.vue'
+
 export default {
+  name: 'ReviewPage',
   components: {
     ElDescriptionsItem,
     ElDescriptions
   },
-  name: 'ReviewPage',
   data() {
     return {
       active: 0,
+      state: 1,
+      showBtn: true,
+      showBtn1: true,
+      activeName: 'first',
+      comments: '',
       ruleForm: {
-        name: '',
-        region: ''
+        liability: '',
+        score: '',
+        opinion: ''
       },
       judgingContentInfoList: [
-      {
-        judgingContent: `【选题意义】该研究是否具有理论意义和现实意义？是否具有创新性？请从选题角度进行评\n` +
-          `价。`,
-        expertComments: ''
-      },
-      {
-        judgingContent: '【研究基础】申报人的前期研究成果是否与本课题存在相关性？申报人的学术积累是否扎实?\n' +
-          '选择的文献综述是否具有代表性？请您从研究基础的角度进行评价',
-        expertComments: ''
-      },
-      {
-        judgingContent: '【课题设计】该研究的研究思路是否准确？研究方法是否适切？研究体系是否规范？请您从研\n' +
-          '究设计角度进行评价。',
-        expertComments: ''
-      },
-      {
-        judgingContent: '难易程度】该研究的难易程度是否合理？研究准备是否充分？请您从研究可操作性的角度进\n' +
-          '行评价。',
-        expertComments: ''
-      },
-      {
-        judgingContent: '应用价值】该研究的预期成果是否具有社会效益？能够在哪些方面得以使用？请您从应用价\n' +
-          '值的角度进行评价',
-        expertComments: ''
-      },
+        {
+          judgingContent: `【选题意义】该研究是否具有理论意义和现实意义？是否具有创新性？请从选题角度进行评\n` +
+            `价。`,
+          expertComments: ''
+        },
+        {
+          judgingContent: '【研究基础】申报人的前期研究成果是否与本课题存在相关性？申报人的学术积累是否扎实?\n' +
+            '选择的文献综述是否具有代表性？请您从研究基础的角度进行评价',
+          expertComments: ''
+        },
+        {
+          judgingContent: '【课题设计】该研究的研究思路是否准确？研究方法是否适切？研究体系是否规范？请您从研\n' +
+            '究设计角度进行评价。',
+          expertComments: ''
+        },
+        {
+          judgingContent: '难易程度】该研究的难易程度是否合理？研究准备是否充分？请您从研究可操作性的角度进\n' +
+            '行评价。',
+          expertComments: ''
+        },
+        {
+          judgingContent: '应用价值】该研究的预期成果是否具有社会效益？能够在哪些方面得以使用？请您从应用价\n' +
+            '值的角度进行评价',
+          expertComments: ''
+        }
       ]
     }
   },
   methods: {
     goBack() {
       this.$router.go(-1)
+    },
+
+    /** 申报信息 按钮 */
+    temporarySaving() {
+      this.$message({
+        message: '临时保存成功',
+        type: 'success'
+      })
+    },
+    submitRequest() {
+      this.$confirm('是否提交立项申请?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message({
+          type: 'success',
+          message: '立项申请提交成功!'
+        })
+        this.showBtn = false
+        this.active = 1
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '取消成功'
+        })
+      })
+    },
+    /** 项目验收 按钮 */
+    temporarySaving1() {
+      this.$message({
+        message: '临时保存成功',
+        type: 'success'
+      })
+    },
+    submitRequest1() {
+      this.$confirm('是否提交立项申请?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message({
+          type: 'success',
+          message: '立项申请提交成功!'
+        })
+        this.showBtn1 = false
+      }).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"
     }
   }
 }
@@ -142,36 +312,37 @@ export default {
   font-size: 18px;
   padding: 0;
 
-  .tabsBody{
+  .tabsBody {
     margin-top: 10px;
 
-    .card_title{
-      padding: 0 20px 30px 0px;
+    .card_title {
+      padding: 0 20px 30px 0;
       font-weight: 600;
       font-size: 20px;
       color: #373d41;
     }
-    .review-content{
+
+    .review-content {
       margin-top: 20px;
 
-      ::v-deep .cell.el-tooltip{
-        white-space: initial!important;
+      ::v-deep .cell.el-tooltip {
+        white-space: initial !important;
       }
-      ::v-deep td .cell{
-        height:100px!important;
+
+      ::v-deep td .cell {
+        height: 100px !important;
       }
     }
 
   }
 
-
-
   .placeholder {
     height: 1.3vh;
     background-color: #F4F4F4;
     margin-bottom: 10px
   }
-  .item-center{
+
+  .item-center {
     flex: 1;
     text-align: center
   }