From 434a20f0a653b5147dc033526032f54c6c66b05a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98wangjiuyun?= <‘1595161655@qq.com>
Date: Mon, 6 Jan 2025 12:35:35 +0800
Subject: [PATCH] =?UTF-8?q?=E9=99=A4=E6=8C=87=E6=A0=87=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=EF=BC=8C=E8=B0=83=E8=AF=95=E5=9F=BA=E6=9C=AC=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SelectUser.vue             |  13 +-
 src/views/project/list.vue                |   2 +
 src/views/projectBank/userScore.vue       |  94 +++++++---
 src/views/projectBank/userScoreDetail.vue | 205 +++++++++++++---------
 src/views/workAppraisal/manager.vue       |   2 +-
 src/views/workAppraisal/normalWorker.vue  |   2 +-
 src/views/workAppraisal/taskSet.vue       |  49 +++++-
 7 files changed, 251 insertions(+), 116 deletions(-)

diff --git a/src/components/SelectUser.vue b/src/components/SelectUser.vue
index 677adaf..deeea6f 100644
--- a/src/components/SelectUser.vue
+++ b/src/components/SelectUser.vue
@@ -120,7 +120,6 @@ export default {
         },
       ],
       userData: [],
-      customTableRef: null,
       isInternalChange: false,
     };
   },
@@ -231,8 +230,11 @@ export default {
               this.selectedUsers = [];
               this.$refs.customTableRef?.clearSelection();
             } else {
-              newVal.forEach((ele) => {
-                this.$refs.customTableRef?.toggleRowSelection(ele, true);
+              this.$refs.customTableRef?.clearSelection();
+              newVal.forEach((item) => {
+                let row = this.userData.find((ele) => ele.userId == item);
+                if (row)
+                  this.$refs.customTableRef?.toggleRowSelection(row, true);
               });
             }
           }
@@ -252,6 +254,11 @@ export default {
               this.selectedUsers = [row];
               this.$refs.customTableRef?.setCurrentRow(row);
             }
+          } else {
+            this.currentSelectedUser.forEach((item) => {
+              let row = newVal.find((ele) => ele.userId == item);
+              if (row) this.$refs.customTableRef?.toggleRowSelection(row, true);
+            });
           }
         });
       },
diff --git a/src/views/project/list.vue b/src/views/project/list.vue
index 7d202f1..4dd0d3e 100644
--- a/src/views/project/list.vue
+++ b/src/views/project/list.vue
@@ -59,6 +59,7 @@
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
         tableHeight="495px"
+        ref="customTableRef"
       >
         <template slot="operation" slot-scope="{ row }">
           <div class="operation-buttons">
@@ -193,6 +194,7 @@ export default {
         this.searchForm[key] = "";
       });
       this.currentSelectedUser = [];
+      this.$refs.customTableRef.handleCurrentChange(1);
       this.fetchProjectList();
     },
     addProject() {
diff --git a/src/views/projectBank/userScore.vue b/src/views/projectBank/userScore.vue
index 0424449..46614c4 100644
--- a/src/views/projectBank/userScore.vue
+++ b/src/views/projectBank/userScore.vue
@@ -4,10 +4,8 @@
       <div style="margin-bottom: 20px">人员绩效表</div>
       <el-tree
         :data="deptOptions"
-        :props="defaultProps"
         :expand-on-click-node="false"
-        :filter-node-method="filterNode"
-        ref="tree"
+        ref="treeRef"
         node-key="id"
         default-expand-all
         highlight-current
@@ -22,7 +20,23 @@
           class="demo-form-inline"
           size="small"
         >
-          <el-form-item label="统计任务" class="form-item"> </el-form-item>
+          <el-form-item label="统计任务" class="form-item">
+            <el-select
+              v-model="taskId"
+              placeholder="选择任务"
+              @change="getTaskUserList"
+            >
+              <el-option
+                v-for="item in taskList"
+                :key="item.id"
+                :label="item.taskName"
+                :value="item.id"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item class="search-buttons">
+            <el-button @click="onReset">重置</el-button>
+          </el-form-item>
         </el-form>
       </div>
       <div class="f1 df">
@@ -35,6 +49,7 @@
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
           tableHeight="495px"
+          @sortChange="sortChange"
         >
           <template slot="operation" slot-scope="{ row }">
             <div class="operation-buttons">
@@ -56,7 +71,7 @@
 <script>
 import CustomTable from "@/components/CustomTable.vue";
 import SelectUser from "@/components/SelectUser.vue";
-import { projectApi, systemApi } from "@/utils/api";
+import { taskApi } from "@/utils/api";
 import { deptTreeSelect } from "@/api/system/user";
 
 export default {
@@ -67,21 +82,26 @@ export default {
   data() {
     return {
       deptOptions: undefined,
+      taskId: "",
       searchForm: {
-        projectName: "",
+        userIdList: [],
+        userName: "",
+        isAsc: "",
       },
       columns: [
-        { prop: "projectName", label: "考核人员" },
-        { prop: "projectCode", label: "考核评分", sortable: true },
+        { prop: "userName", label: "考核人员" },
+        { prop: "manageScore", label: "考核评分", sortable: "custom" },
         {
-          prop: "projectState",
+          prop: "examineStatus",
           label: "状态",
           type: "status",
           callback: (value) => {
-            if (value == 1) var color = "#333";
+            if (value == 0) var color = "#333";
             else var color = "#1686d68";
 
-            return `<span style="color: ${color}">${value}</span>`;
+            return `<span style="color: ${color}">${
+              value == 0 ? "待评分" : "已完成"
+            }</span>`;
           },
         },
         {
@@ -96,33 +116,39 @@ export default {
       currentSelectedUser: [],
       pageNum: 1, // 当前页码
       pageSize: 10, // 每页条数
-      statusList: [
-        { label: "全部", value: "" },
-        { label: "待评分", value: "0" },
-        { label: "已完成", value: "1" },
-      ],
+      taskList: [],
     };
   },
   methods: {
     onSearch() {
-      this.fetchProjectList();
+      this.getTaskUserList();
     },
     onReset() {
       Object.keys(this.searchForm).forEach((key) => {
         this.searchForm[key] = "";
       });
-      this.fetchProjectList();
+      this.$refs.treeRef.setCurrentKey(null);
+      // this.searchForm.taskId = this.taskList[0]?.id;
+
+      this.getTaskUserList();
+    },
+    handleNodeClick(data) {
+      this.searchForm.deptId = data.id;
+      this.getTaskUserList();
     },
     handleEdit(row, edit) {
       this.$router.push({
         path: "/projectBank/userScoreDetail",
-        query: { id: row.id, edit },
+        query: { taskId: row.taskId, examineId:row.id },
       });
     },
-    fetchProjectList() {
-      projectApi
-        .listProject({
+    getTaskUserList() {
+      if (!this.taskId) return;
+      taskApi
+        .getTaskUserList({
           ...this.searchForm,
+          taskId: this.taskId,
+
           pageNum: this.pageNum,
           pageSize: this.pageSize,
         })
@@ -131,25 +157,41 @@ export default {
           this.total = res.total;
         });
     },
+    getTaskList() {
+      taskApi
+        .getTaskList({
+          pageNum: 1,
+          pageSize: 100000,
+        })
+        .then((res) => {
+          this.taskList = res.rows;
+          this.taskId = res.rows[0]?.id;
+          this.getTaskUserList();
+        });
+    },
     handleSizeChange(size) {
       this.pageSize = size;
       this.pageNum = 1; // 重置为第一页
-      this.fetchProjectList();
+      this.getTaskUserList();
     },
     handleCurrentChange(page) {
       this.pageNum = page;
-      this.fetchProjectList();
+      this.getTaskUserList();
     },
     getDeptTree() {
       deptTreeSelect().then((response) => {
         this.deptOptions = response.data;
       });
     },
+    sortChange({ order }) {
+      this.searchForm.isAsc =
+        order == "descending" ? "desc" : order == "ascending" ? "asc" : "";
+      this.getTaskUserList();
+    },
   },
   mounted() {
     this.getDeptTree();
-
-    this.fetchProjectList();
+    this.getTaskList();
   },
 };
 </script>
diff --git a/src/views/projectBank/userScoreDetail.vue b/src/views/projectBank/userScoreDetail.vue
index 5d45f05..59074b1 100644
--- a/src/views/projectBank/userScoreDetail.vue
+++ b/src/views/projectBank/userScoreDetail.vue
@@ -2,44 +2,49 @@
   <div class="conetentBox">
     <div class="flex-row jcsb aic userBox">
       <div>
-        <el-form
-          :inline="true"
-          :model="searchForm"
-          class="demo-form-inline"
-          size="small"
-        >
+        <el-form :inline="true" class="demo-form-inline" size="small">
           <el-form-item label="考核人员" class="form-item">
-            <el-input
-              v-model="searchForm.userName"
-              placeholder="考核人员"
-              readonly
-              @click.native="openUserSelectDialog"
-              ><el-button slot="append" icon="el-icon-s-custom"></el-button
-            ></el-input>
+            <el-select
+              v-model="examineId"
+              placeholder="请选择"
+              @change="userChange"
+            >
+              <el-option
+                v-for="item in userList"
+                :key="item.id"
+                :label="item.userName"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
           </el-form-item>
           <el-form-item label="考核任务" class="form-item">
-            <el-select v-model="searchForm.taskId" placeholder="请选择">
+            <el-select
+              v-model="examineTaskId"
+              placeholder="请选择"
+              @change="getUserList"
+            >
               <el-option
                 v-for="item in taskList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
+                :key="item.id"
+                :label="item.taskName"
+                :value="item.id"
               >
               </el-option>
             </el-select>
           </el-form-item>
         </el-form>
       </div>
-      <div>考核评分：</div>
+      <div>考核评分：{{ score }}</div>
     </div>
-    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+    <el-tabs v-model="activeName" type="card">
       <el-tab-pane label="组长评估" name="first">
         <div
-          v-for="(table, index) in tableData"
+          v-for="(table, index) in tableData1"
           :key="index"
           style="margin-bottom: 20px"
         >
-          <div class="userBox">表格 {{ index + 1 }}</div>
+          <div class="userBox">{{ table[0].reviewCategory }}</div>
           <el-table :data="table" style="width: 100%">
             <el-table-column
               v-for="(header, hIndex) in headers"
@@ -57,10 +62,12 @@
                       v-model="scope.row.score"
                       :min="0"
                       :max="10"
-                      @change="updateScore(scope.row)"
+                      disabled
                     ></el-slider>
                   </div>
-                  <div class="statusText">未打分</div>
+                  <div class="statusText" v-show="scope.row.score == 0">
+                    未打分
+                  </div>
 
                   <div class="flex-row jcsb" style="margin-left: 10px">
                     <div>0</div>
@@ -80,7 +87,7 @@
                 type="textarea"
                 :autosize="{ minRows: 4 }"
                 placeholder="0/300"
-                v-model="managerText"
+                v-model="judgeContent"
                 readonly
               >
               </el-input>
@@ -89,11 +96,11 @@
       ></el-tab-pane>
       <el-tab-pane label="个人自评" name="second">
         <div
-          v-for="(table, index) in tableData"
+          v-for="(table, index) in tableData2"
           :key="index"
           style="margin-bottom: 20px"
         >
-          <div class="userBox">表格 {{ index + 1 }}</div>
+          <div class="userBox">表格 {{ table[0].reviewCategory }}</div>
           <el-table :data="table" style="width: 100%">
             <el-table-column
               v-for="(header, hIndex) in headers"
@@ -111,10 +118,12 @@
                       v-model="scope.row.score"
                       :min="0"
                       :max="10"
-                      @change="updateScore(scope.row)"
+                      disabled
                     ></el-slider>
                   </div>
-                  <div class="statusText">未打分</div>
+                  <div class="statusText" v-show="scope.row.score == 0">
+                    未打分
+                  </div>
 
                   <div class="flex-row jcsb" style="margin-left: 10px">
                     <div>0</div>
@@ -128,11 +137,20 @@
               <template slot-scope="scope">
                 <div>
                   <el-button
+                    v-if="scope.row.remark"
                     @click="handleEdit(scope.row)"
                     type="text"
                     size="mini"
+                    icon="el-icon-view"
                     :class="{ hasEdit: !scope.row.remark }"
-                    >{{ scope.row.remark ? "查看" : "未填写" }}</el-button
+                    >查看</el-button
+                  >
+                  <el-button
+                    v-if="!scope.row.remark"
+                    type="text"
+                    size="mini"
+                    :class="{ hasEdit: !scope.row.remark }"
+                    >未填写</el-button
                   >
                 </div>
               </template>
@@ -158,80 +176,96 @@
         <el-button @click="dialogVisible = false">关闭</el-button>
       </span>
     </el-dialog>
-    <SelectUser
-      :dialogVisible="userSelectDialogVisible"
-      :currentSelectedUser="currentSelectedUser"
-      :showSelection="true"
-      :highligt="false"
-      @confirm="handleUserConfirm"
-      @close="handleUserClose"
-    />
   </div>
 </template>
 
 <script>
-import SelectUser from "@/components/SelectUser.vue";
-
+import { taskApi } from "@/utils/api";
 export default {
-  components: {
-    SelectUser,
-  },
   data() {
     return {
-      taskId: "",
-      isNormal: false,
+      examineTaskId: "",
+      examineId: "",
+      userList: [],
       dialogVisible: false,
-      saveStatus: "",
       remark: "",
       headers: [
-        { label: "考核项", prop: "name", width: 300 },
-        { label: "评分标准", prop: "description" },
+        { label: "考核项", prop: "reviewItem", width: 300 },
+        { label: "评分标准", prop: "remarks" },
       ],
       // 二维数组，每个子数组代表一个表格的数据
-      tableData: [
-        [
-          { name: "项目1", description: "描述1", score: 0, remark: "ss" },
-          { name: "项目2", description: "描述2", score: 0, remark: "" },
-        ],
-        [
-          { name: "项目3", description: "描述3", score: 0, remark: "" },
-          { name: "项目4", description: "描述4", score: 0, remark: "ss" },
-        ],
-        // 可以根据需要添加更多表格数据
-      ],
-      taskList: [{ label: "任务1", value: 1 }],
-      managerText: "",
-      searchForm: {
-        userName: "",
-        userId: "",
-        taskId: "",
-      },
+      tableData1: [],
+      tableData2: [],
+      taskList: [],
+      judgeContent: "",
+      score: "",
       activeName: "first",
-      userSelectDialogVisible: false,
-      currentSelectedUser: [],
     };
   },
   methods: {
-    updateScore(row) {
-      // 这里可以添加更新评分后的逻辑
-      console.log(`项目: ${row.name}, 评分: ${row.score}`);
-    },
     handleEdit(row) {
       this.dialogVisible = true;
       this.remark = row.remark;
     },
-    openUserSelectDialog() {
-      this.userSelectDialogVisible = true;
+
+    getTaskList() {
+      taskApi
+        .getTaskList({
+          pageNum: 1,
+          pageSize: 100000,
+        })
+        .then((res) => {
+          this.taskList = res.rows;
+          this.$nextTick(() => {
+            this.examineTaskId = Number(this.$route.query.taskId);
+            this.getUserList();
+          });
+        });
     },
-    handleUserConfirm(data) {
-      this.searchForm.userName = data.map((ele) => ele.nickName);
-      this.searchForm.userId = data.map((ele) => ele.userId);
+    getUserList() {
+      if (!this.examineTaskId) return;
+      taskApi
+        .getTaskUserList({
+          taskId: this.examineTaskId,
+          pageNum: 1,
+          pageSize: 100000,
+        })
+        .then((res) => {
+          this.userList = res.rows;
+          this.$nextTick(() => {
+            this.examineId = Number(this.$route.query.examineId);
+            this.getSocreDetail(0);
+            this.getSocreDetail(1);
+          });
+        });
     },
-    handleUserClose() {
-      this.userSelectDialogVisible = false;
+    userChange() {
+      this.getSocreDetail(0);
+      this.getSocreDetail(1);
+    },
+    // 获取评分详情
+    getSocreDetail(type) {
+      let param = {
+        examineTaskId: this.examineTaskId,
+        reviewType: type,
+        examineId: this.examineId,
+      };
+      taskApi.getTaskScoreDetail(param).then((res) => {
+        let objData = {};
+        res.data.examineConfigDetailVoList.forEach((ele) => {
+          if (!objData[ele.reviewCategory]) objData[ele.reviewCategory] = [];
+          objData[ele.reviewCategory].push(ele);
+        });
+        if (type == 0) this.tableData1 = Object.values(objData);
+        else this.tableData2 = Object.values(objData);
+        this.judgeContent = res.data.examineUser.judgeContent;
+        this.score = res.data.examineUser.score;
+      });
     },
   },
-  created() {},
+  created() {
+    this.getTaskList();
+  },
 };
 </script>
 
@@ -261,6 +295,14 @@ export default {
   border-radius: 20px;
   background-color: #ff5722;
 }
+::v-deep .el-slider__runway.disabled .el-slider__bar {
+  background-color: #ff5722;
+}
+::v-deep .el-slider__bar {
+  height: 20px;
+  border-radius: 20px;
+  background-color: #ff5722;
+}
 ::v-deep .el-slider__button {
   display: none;
 }
@@ -286,4 +328,9 @@ export default {
 ::v-deep .el-dialog {
   margin-top: 15% !important;
 }
+
+::v-deep .el-tab-pane {
+  height: 600px;
+  overflow: auto;
+}
 </style>
diff --git a/src/views/workAppraisal/manager.vue b/src/views/workAppraisal/manager.vue
index fc3d019..af22b72 100644
--- a/src/views/workAppraisal/manager.vue
+++ b/src/views/workAppraisal/manager.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="appraisal-manager">
-    <el-tabs v-model="activeName" @tab-click="handleClick">
+    <el-tabs v-model="activeName">
       <el-tab-pane label="进行中" name="进行中">
         <div class="assessment-container flex-row">
           <div v-for="item in taskList['0']" :key="item.id" class="taskBox">
diff --git a/src/views/workAppraisal/normalWorker.vue b/src/views/workAppraisal/normalWorker.vue
index 8d7f9e8..619d477 100644
--- a/src/views/workAppraisal/normalWorker.vue
+++ b/src/views/workAppraisal/normalWorker.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="appraisal-manager">
-    <el-tabs v-model="activeName" @tab-click="handleClick">
+    <el-tabs v-model="activeName">
       <el-tab-pane label="进行中" name="进行中">
         <div class="assessment-container flex-row">
           <div v-for="item in taskList['0']" :key="item.id" class="taskBox">
diff --git a/src/views/workAppraisal/taskSet.vue b/src/views/workAppraisal/taskSet.vue
index 796eeac..a6f8b7b 100644
--- a/src/views/workAppraisal/taskSet.vue
+++ b/src/views/workAppraisal/taskSet.vue
@@ -81,6 +81,7 @@
       :currentSelectedUser="currentSelectedUser"
       :showSelection="true"
       :highligt="false"
+      ref="selectUserRef"
       @confirm="handleUserConfirm"
       @close="handleUserClose"
     />
@@ -125,6 +126,9 @@
               style="width: 90%"
               placeholder="选择日期"
               value-format="yyyy-MM-dd 23:59:59"
+              :picker-options="{
+                disabledDate: disabledDate,
+              }"
             >
             </el-date-picker>
           </el-form-item>
@@ -142,7 +146,7 @@
           <el-collapse
             v-model="letfValue"
             :accordion="true"
-            style="height: 300px;overflow: auto;"
+            style="height: 300px; overflow: auto"
           >
             <el-collapse-item
               v-for="(item, index) in scoreList"
@@ -212,7 +216,7 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible2 = false">取消</el-button>
-        <el-button type="primary" @click="save">保存</el-button>
+        <el-button type="primary" @click="saveSet">保存</el-button>
       </span>
     </el-dialog>
   </div>
@@ -310,6 +314,7 @@ export default {
       dialogVisible2: false,
       letfValue: "",
       scoreList: [],
+      selectRow: {},
     };
   },
   watch: {
@@ -324,6 +329,13 @@ export default {
       },
       deep: true,
     },
+    dialogVisible1(newVal) {
+      console.log(newVal, 111);
+
+      if (newVal) {
+        this.$refs.selectUserRef?.$refs.customTableRef.handleCurrentChange(1);
+      }
+    },
   },
   methods: {
     onSearch() {
@@ -335,6 +347,11 @@ export default {
       });
       this.getTaskList();
     },
+    disabledDate(date) {
+      const startDate = new Date().getTime(); //
+
+      return new Date(date).getTime() + 60 * 60 * 24 * 1000 < startDate; // 禁用范围外的日期
+    },
     getTaskList() {
       taskApi
         .getTaskList({
@@ -358,6 +375,13 @@ export default {
     },
     openUserSelectDialog() {
       this.userSelectDialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs.selectUserRef?.$refs.customTableRef?.clearSelection();
+        this.currentSelectedUser = [];
+        (this.selectRow.userIdList || []).forEach((ele) => {
+          this.currentSelectedUser.push(ele);
+        });
+      });
     },
     handleUserConfirm(data) {
       this.taskData.peopleNumberDetail = data
@@ -365,6 +389,7 @@ export default {
         .join(",");
       this.taskData.userIdList = data.map((ele) => ele.userId);
       this.taskData.peopleNumber = data.length;
+      this.selectRow.userIdList = data.map((ele) => ele.userId);
     },
     handleUserClose() {
       this.userSelectDialogVisible = false;
@@ -372,6 +397,19 @@ export default {
     addTask() {
       this.isEdit = false;
       this.dialogVisible1 = true;
+      this.taskData = {
+        id: "",
+        taskName: "",
+        peopleNumberDetail: "",
+        userIdList: [],
+        endTime: "",
+        peopleNumber: 0,
+      };
+      this.$nextTick(() => {
+        this.$refs.selectUserRef?.$refs.customTableRef?.clearSelection();
+        this.$refs.selectUserRef?.$refs.customTableRef.handleCurrentChange(1);
+        this.currentSelectedUser = [];
+      });
     },
     editTask(row) {
       this.isEdit = true;
@@ -381,10 +419,8 @@ export default {
       this.taskData.peopleNumber = row.peopleNumber;
       this.taskData.peopleNumberDetail = row.peopleNumberDetail;
       this.taskData.userIdList = row.userIdList;
-      this.currentSelectedUser = [];
-      (row.userIdList || []).forEach((ele) => {
-        this.currentSelectedUser.push(ele);
-      });
+      this.taskData.endTime = row.endTime;
+      this.selectRow = row;
     },
     setTask(row) {
       taskApi.getTaskSet(row.id).then((res) => {
@@ -402,6 +438,7 @@ export default {
         this.dialogVisible2 = true;
       });
     },
+    saveSet() {},
     delTask(row) {
       this.$confirm(
         "删除任务及绩效数据，该操作不可逆，请谨慎操作",