From d13cebe7fbadd396e91a989af331df8a8e7b40f8 Mon Sep 17 00:00:00 2001
From: xieb <vip_xiaobin810@163.com>
Date: Tue, 21 Jan 2025 11:40:42 +0800
Subject: [PATCH] 考核结果查看详情

---
 src/views/evaluate/evaluateTask.vue |  140 +++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 119 insertions(+), 21 deletions(-)

diff --git a/src/views/evaluate/evaluateTask.vue b/src/views/evaluate/evaluateTask.vue
index e932947..1fcf77d 100644
--- a/src/views/evaluate/evaluateTask.vue
+++ b/src/views/evaluate/evaluateTask.vue
@@ -5,17 +5,31 @@
       :data="data" :permission="permissionList" :before-open="beforeOpen" ref="crud" @row-update="rowUpdate"
       @row-save="rowSave" @row-del="rowDel" @search-change="searchChange" @search-reset="searchReset"
       @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
-      @refresh-change="refreshChange" >
-      <!-- @on-load="onLoad" -->
+      @refresh-change="refreshChange" @on-load="onLoad">
+      <template #candidateState="{ row }">
+        <div v-if="row.candidateState !== 1">{{ setStatus(row.candidateState) }}</div>
+        <el-button v-else text type="success" icon="el-icon-edit" @click="updateState(row, 'candidateState')">{{
+          setStatus(row.candidateState) }}</el-button>
+      </template>
+      <template #evaluateState="{ row }">
+        <div v-if="row.evaluateState !== 1">{{ setStatus(row.evaluateState) }}</div>
+        <el-button v-else :disabled="row.evaluateState !== 1" text type="success" icon="el-icon-edit"
+          @click="updateState(row, 'evaluateState')">{{
+            setStatus(row.evaluateState) }}</el-button>
+      </template>
       <template #candidateCutoffTimeEnd="{ row }">
-        {{ row.candidateCutoffTimeStart || '开始时间未完善' }}
-        <div style="text-align: center;">-</div>
-        {{ row.candidateCutoffTimeEnd || '结束时间未完善' }}
+        <div class="time-box">
+          {{ row.candidateCutoffTimeStart }}
+          <div>-</div>
+          {{ row.candidateCutoffTimeEnd }}
+        </div>
       </template>
       <template #evaluateCutoffTimeEnd="{ row }">
-        {{ row.evaluateCutoffTimeStart || '开始时间未完善' }}
-        <div style="text-align: center;">-</div>
-        {{ row.candidateCutoffTimeEnd || '结束时间未完善' }}
+        <div class="time-box">
+          {{ row.evaluateCutoffTimeStart }}
+          <div>-</div>
+          {{ row.evaluateCutoffTimeEnd }}
+        </div>
       </template>
       <template #menu-left>
         <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增评优任务</el-button>
@@ -24,15 +38,28 @@
         <!-- <el-button type="warning" plain icon="el-icon-download" @click="handleExport">导出</el-button> -->
       </template>
       <template #menu="{ size, row, index }">
-        <el-button type="primary" text plain icon="el-icon-view" @click="viewDateilDialog(row)">详情</el-button>
+        <el-button type="primary" text plain icon="el-icon-view" @click="viewHandlerClick(row)">结果详情</el-button>
+        <el-button type="primary" text plain icon="el-icon-view"
+          @click="viewVotingDetailsHandlerClick(row)">投票详情</el-button>
+        <el-button type="primary" text plain icon="el-icon-position"
+          v-if="!row.type && row.candidateState === 2 && !row.evaluateState" @click="taskPublicDialog(row)">发布</el-button>
+        <el-button type="success" v-if="(row.candidateState === 0 && !row.type) || (row.evaluateState === 0 && row.type)"
+          text plain icon="el-icon-edit" @click="editTaskDialog(row)">编辑</el-button>
         <el-button type="danger" text plain icon="el-icon-delete" @click="rowDel(row)">删除</el-button>
       </template>
     </avue-crud>
     <!-- 新增个人评优任务弹窗 -->
     <addIndividualTask :params="addIndividualParams" @refreshTable="this.onLoad" />
     <addSectionTask :params="addSectionParams" @refreshTable="this.onLoad" />
+    <!-- 编辑任务 -->
+    <editIndividualTask :params="editIndividualTaskParams" @refreshTable="this.onLoad" />
+    <editSectionTask :params="editSectionTaskParams" @refreshTable="this.onLoad" />
+    <!-- 发布 -->
+    <individualTaskPublic :params="taskPublicParams" @refreshTable="this.onLoad" />
     <!-- 预览 -->
-    <viewEvaluateDetail :params="viewEvaluateDetailParams" />
+    <viewEvaluate :params="viewEvaluateParams" />
+    <!-- 投票详情 -->
+    <votingDetails :params="votingParams" />
   </basic-container>
 </template>
 
@@ -48,13 +75,21 @@
 import 'nprogress/nprogress.css';
 import addIndividualTask from './components/addIndividualTask.vue';
 import addSectionTask from './components/addSectionTask.vue';
-import viewEvaluateDetail from './components/viewEvaluateDetail.vue';
+import viewEvaluate from './components/viewEvaluateDetail.vue';
+import individualTaskPublic from './components/IndividualTaskPublic.vue';
+import votingDetails from './components/votingDetails.vue';
+import editIndividualTask from './components/editIndividualTask.vue'
+import editSectionTask from './components/editSectionTask.vue'
 
 export default {
   components: {
     addIndividualTask,
     addSectionTask,
-    viewEvaluateDetail
+    individualTaskPublic,
+    viewEvaluate,
+    votingDetails,
+    editIndividualTask,
+    editSectionTask
   },
   data() {
     return {
@@ -74,7 +109,6 @@
       addIndividualParams: {},
       addSectionParams: {},
       viewParams: {},
-      depts: [],
       // 考核结果参数
       defaultTaskType: 0,
       taskTypeList: {
@@ -90,7 +124,12 @@
         ],
       },
       // 信息预览弹窗
-      viewEvaluateDetailParams: {},
+      viewEvaluateParams: {},
+      taskPublicParams: {},
+      votingParams: {},
+      // 编辑
+      editIndividualTaskParams: {},
+      editSectionTaskParams: {},
     };
   },
   watch: {
@@ -104,7 +143,7 @@
         // 更改option
         !n ? (this.option = option) : (this.option = sectionOption)
         this.page.currentPage = 1;
-        // this.onLoad(this.page, params);
+        this.onLoad(this.page, params);
       },
       immediate: true,
     },
@@ -157,10 +196,35 @@
         }
       );
     },
-    viewDateilDialog(row) {
-      this.viewEvaluateDetailParams = {
+    viewHandlerClick(row) {
+      this.viewEvaluateParams = {
         visible: true,
-        type: this.defaultTaskType,
+        data: row
+      }
+    },
+    viewVotingDetailsHandlerClick(row) {
+      this.votingParams = {
+        visible: true,
+        data: row
+      }
+    },
+    editTaskDialog(row) {
+      if (!this.defaultTaskType) {
+        this.editIndividualTaskParams = {
+          visible: true,
+          data: row
+        }
+      } else {
+        this.editSectionTaskParams = {
+          visible: true,
+          data: row
+        }
+      }
+
+    },
+    taskPublicDialog(row) {
+      this.taskPublicParams = {
+        visible: true,
         data: row
       }
     },
@@ -291,8 +355,7 @@
 
       let values = {
         ...this.query,
-        ...params,
-        taskName_like: taskName,
+        ...params
       };
       getList(page.currentPage, page.pageSize, values).then(res => {
         const data = res.data.data;
@@ -304,6 +367,36 @@
     },
     tabChange(value) {
       this.defaultTaskType = value.prop;
+    },
+    setStatus(value) {
+      const status = {
+        0: '未开始',
+        1: '进行中',
+        2: '已完成'
+      }
+      return status[value]
+    },
+    updateState(row, name) {
+      const text = (name === 'candidateState' ? '是否提前结束第一轮评优?' : '是否提前结束评优任务?')
+      this.$confirm(text, {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(res => {
+        const { id } = row
+        let params = {
+          id
+        }
+        name === 'candidateState' ? Object.assign(params, { candidateState: 2 }) : Object.assign(params, { evaluateState: 2 })
+        update(params).then(res => {
+          if (res.data.code !== 200) return this.$message.error(res.data.msg)
+            this.$message({
+              type: 'success',
+              message: '操作成功!',
+            });
+            this.onLoad(this.page);
+        })
+      })
     }
   },
   provide() {
@@ -314,4 +407,9 @@
 };
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+.time-box {
+  display: inline-block;
+  text-align: center;
+}
+</style>

--
Gitblit v1.9.3