推

attendance-performance-manager-ui/admin/src/views/perform/attend/record/drawershow.vue

@@ -10,12 +10,19 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="姓名：">
-            <el-select v-model="form.staffId" style="width: 100%;">
+            <p v-if="form.view == '查看'">{{ form.staffName }}</p>
+            <el-select
+              v-model="form.staffName"
+              filterable
+              @change="staffChange"
+              style="width: 100%;"
+              v-else
+            >
               <el-option
                 v-for="item in staffArr"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
               >
               </el-option
             ></el-select>
@@ -25,12 +32,19 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="所属部门：">
-            <el-select v-model="form.deptId" style="width: 100%;">
+            <p v-if="form.view == '查看'">{{ form.deptName }}</p>
+
+            <el-select
+              v-else
+              v-model="form.deptId"
+              style="width: 100%;"
+              disabled
+            >
               <el-option
                 v-for="item in deptArr"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
+                :key="item.id"
+                :label="item.deptName"
+                :value="item.id"
               >
               </el-option
             ></el-select>
@@ -40,7 +54,10 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="窗口编号：">
+            <p v-if="form.view == '查看'">{{ form.windowNum }}</p>
+
             <el-input
+              v-else
               v-model="form.windowNum"
               placeholder="请输入窗口编号"
             ></el-input>
@@ -50,12 +67,18 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="考勤组：">
-            <el-select v-model="form.attendanceGroupId" style="width: 100%;">
+            <p v-if="form.view == '查看'">{{ form.attendanceGroupName }}</p>
+
+            <el-select
+              v-else
+              v-model="form.attendanceGroupId"
+              style="width: 100%;"
+            >
               <el-option
                 v-for="item in kaoqinArr"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
+                :key="item.id"
+                :label="item.groupName"
+                :value="item.id"
               >
               </el-option
             ></el-select>
@@ -65,7 +88,9 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="异常时间：">
+            <p v-if="form.view == '查看'">{{ form.errorTime }}</p>
             <el-date-picker
+              v-else
               v-model="form.errorTime"
               type="date"
               placeholder="选择日期"
@@ -78,11 +103,13 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="实际打卡时间：">
+            <p v-if="form.view == '查看'">{{ form.actualAttendTime }}</p>
             <el-time-select
+              v-else
               v-model="form.actualAttendTime"
               :picker-options="{
                 start: '06:00',
-                step: '00:15',
+                step: '00:01',
                 end: '18:30',
               }"
               placeholder="选择时间"
@@ -95,22 +122,14 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="图片凭证：">
-            <el-upload
-              class="upload-demo"
-              action="https://jsonplaceholder.typicode.com/posts/"
-              :on-preview="handlePreview"
-              :on-remove="handleRemove"
-              :before-remove="beforeRemove"
-              multiple
-              :limit="3"
-              :on-exceed="handleExceed"
-              :file-list="fileList"
-            >
-              <el-button size="small" type="primary">点击上传</el-button>
-              <div slot="tip" class="el-upload__tip">
-                只能上传jpg/png等图片文件
+            <div v-if="form.view == '查看'">
+              {{ form.filePaths ? picMatter(form.filePaths) : "--" }}
             </div>
-            </el-upload>
+            <ImageUpload
+              v-else
+              :value="form.filePaths"
+              @input="replaceImage"
+            ></ImageUpload>
           </el-form-item>
         </el-col>
       </el-row>
@@ -118,30 +137,38 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="绩效规则：">
+            <p v-if="form.view == '查看'">{{ form.ruleNme }}</p>
+            <div v-else>
               <el-col :span="22">
-              <el-select v-model="form.attendanceGroupId" style="width: 100%;">
+                <el-select
+                  v-model="form.categoryId"
+                  style="width: 100%;"
+                  @change="cateChange"
+                >
                   <el-option
-                  v-for="item in kaoqinArr"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
+                    v-for="item in kaoqinCateArr"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
                   >
                   </el-option
                 ></el-select>
               </el-col>
               <el-col :span="22">
                 <el-select
-                v-model="form.attendanceGroupId"
+                  v-model="form.ruleId"
                   style="width: 100%;margin-top: 10px;"
+                  @change="ruleChange"
                 >
                   <el-option
-                  v-for="item in kaoqinArr"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
+                    v-for="item in ruleArr"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
                   >
                   </el-option></el-select
               ></el-col>
+            </div>
           </el-form-item>
         </el-col>
       </el-row>
@@ -155,6 +182,7 @@
 
       <form-buttons
         @submit="submitForm"
+        v-show="form.view != '查看'"
         v-if="pageInfo.type != 'view'"
         noCancelBtn
       />
@@ -307,12 +335,48 @@
 
 <script>
 import form from "@/assets/mixins/formdialog";
+import { timestampToTime } from "@/assets/utils/dateFormat.js";
+
 export default {
   name: "PerformAttendRecordDetail",
   mixins: [form],
   components: {},
   created() {
     this.changePath("perform/attend/record");
+    // 获取工作人员列表
+    this.$post("/staff/list", { page: 1, size: -1 }).then((res) => {
+      if (res.code == 1) {
+        this.staffArr = res.data.data;
+      } else {
+        this.staffArr = [];
+      }
+    });
+    // 获取部门列表
+    this.$post("/dept/list", { page: 1, size: -1 }).then((res) => {
+      if (res.code == 1) {
+        this.deptArr = res.data.data;
+      } else {
+        this.deptArr = [];
+      }
+    });
+    // 获取考勤组信息
+    this.$post("/attendance/group/list", { page: 1, size: -1 }).then((res) => {
+      if (res.code == 1) {
+        this.kaoqinArr = res.data.data;
+      } else {
+        this.kaoqinArr = [];
+      }
+    });
+    // 获取规则分类
+    this.$post("/perform/rules/category/list", { page: 1, size: -1 }).then(
+      (res) => {
+        if (res.code == 1) {
+          this.kaoqinCateArr = res.data.data;
+        } else {
+          this.kaoqinCateArr = [];
+        }
+      }
+    );
   },
   data() {
     return {
@@ -333,33 +397,102 @@ export default {
         ],
         createTime: [{ required: true, message: "请选择创建时间" }],
       },
-      staffArr: [
-        {
-          label: "员工1",
-          value: "1",
-        },
-      ],
+      staffArr: [],
       deptArr: [],
       kaoqinArr: [],
       fileList: [],
+      kaoqinCateArr: [],
+      ruleArr: [],
+      form: {},
+      baseUrl: process.env.VUE_APP_API_BASE_URL + "/",
     };
   },
 
   methods: {
+    picMatter(val) {
+      if (val !== "--") {
+        return (
+          <el-image
+            src={val.indexOf("http") == -1 ? this.baseUrl + val : val}
+            preview-src-list={
+              val.indexOf("http") == -1 ? this.baseUrl + val : val
+            }
+            style="width: 100px"
+          ></el-image>
+        );
+      } else {
+        return val;
+      }
+    },
+    ruleChange(val) {
+      let arr = this.ruleArr.filter((v) => v.id == val);
+      this.form.score = arr && arr[0].score;
+      this.form.checkStatus == 1 ? (this.form.checkStatus = 2) : "";
+    },
+    cateChange() {
+      this.$post("/perform/rules/list", {
+        page: 1,
+        size: -1,
+        categoryId: this.form.categoryId,
+      }).then((res) => {
+        this.ruleArr = res.data.data;
+        this.form.ruleId = "";
+      });
+    },
+    replaceImage(val) {
+      this.form.filePaths = val;
+    },
+    staffChange(val) {
+      console.log(val);
+      let arr = this.staffArr.filter((v) => v.id == val);
+      this.form.deptId = arr && arr.length > 0 ? arr[0].deptId : "";
+    },
     /** 编辑 */
     edit(row) {
       this.reset();
       this.query = { id: row.id };
-      this.urls.currUrl = "perform/attend/record/edit";
-      this.getData();
+      // this.urls.currUrl = "perform/attend/record/edit";
+      // this.getData();
+      this.$get("/perform/attend/record/info", { id: row.id }).then((res) => {
+        console.log(res.data);
+        if (res.code == 1) {
+          this.form = res.data;
+        } else {
+          this.form = row;
+        }
+        for (let key in this.form) {
+          key == "actualAttendTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "attendanceDate"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "createTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "errorTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "updateTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "checkTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "deductTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "goOffTimeStr"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : "";
+        }
+        this.form.processStatus = 2;
+        this.form.view = "核查";
+        this.open = true;
+      });
       this.pageInfo.type = "edit";
       this.title = "修改考勤绩效记录信息";
     },
     /** 新增 */
     add(row) {
       this.reset();
-      this.urls.currUrl = "perform/attend/record/add";
-      this.getData();
+      // this.urls.currUrl = "perform/attend/record/add";
+      // this.getData();
+      this.open = true;
+
       this.pageInfo.type = "add";
       this.title = "新增考勤绩效记录信息";
     },
@@ -367,8 +500,38 @@ export default {
     view(row) {
       this.reset();
       this.query = { id: row.id };
-      this.urls.currUrl = "perform/attend/record/view";
-      this.getData();
+      // this.urls.currUrl = "perform/attend/record/view";
+      // this.getData();
+      this.$get("/perform/attend/record/info", { id: row.id }).then((res) => {
+        console.log(res.data);
+        if (res.code == 1) {
+          this.form = res.data;
+        } else {
+          this.form = row;
+        }
+        for (let key in this.form) {
+          key == "actualAttendTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "attendanceDate"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "createTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "errorTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "updateTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "checkTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "deductTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "goOffTimeStr"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : "";
+        }
+        this.form.processStatus = 1;
+        this.form.view = "查看";
+        this.open = true;
+      });
       this.pageInfo.type = "view";
       this.title = "考勤绩效记录信息详细";
     },
@@ -389,27 +552,31 @@ export default {
     // 表单重置
     reset() {
       this.form = {
-        staffId: null,
-        staffName: "",
-        workNum: "",
-        deptId: null,
-        deptName: "",
-        attendanceGroupId: null,
+        actualAttendTime: "",
+        attendanceDate: "",
+        attendanceGroupId: "",
         attendanceGroupName: "",
-        attendanceDate: null,
-        ruleId: null,
-        ruleNme: "",
-        errorTime: null,
-        goOffTimeStr: "",
-        actualAttendTime: null,
-        errorResult: "",
-        subMethod: 1,
+        createTime: "",
+        createUserId: "",
         deductPerson: "",
-        deductTime: null,
-        subAddType: 1,
-        score: 0.0,
+        deductTime: "",
+        deptId: "",
+        deptName: "",
+        errorResult: "",
+        errorTime: "",
+        fileNames: "",
+        filePaths: "",
+        goOffTimeStr: "",
         processStatus: 1,
         remark: "",
+        ruleId: "",
+        ruleNme: "",
+        score: "",
+        staffId: "",
+        staffName: "",
+        subAddType: "",
+        subMethod: "",
+        workNum: "",
       };
       this.resetForm("form");
     },
@@ -418,22 +585,6 @@ export default {
         this.$refs[refName].resetFields();
       }
     },
-    handleRemove(file, fileList) {
-      console.log(file, fileList);
-    },
-    handlePreview(file) {
-      console.log(file);
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning(
-        `当前限制选择 3 个文件，本次选择了 ${
-          files.length
-        } 个文件，共选择了 ${files.length + fileList.length} 个文件`
-      );
-    },
-    beforeRemove(file, fileList) {
-      return this.$confirm(`确定移除 ${file.name}？`);
-    },
   },
 };
 </script>

attendance-performance-manager-ui/admin/src/views/perform/attend/record/list.vue

 <template>
   <div class="page">
-    <LayoutTable :data="tableData" :config="tableConfig">
+    <LayoutTable :data="tableData" notDel :config="tableConfig">
       <el-button
         slot="table-head-left2"
         style="margin-left: 10px"
@@ -120,7 +120,8 @@ export default {
       this.$download(
         "/perform/attend/record/exportExcel",
         {
-          idList: this.selection,
+          page: 1,
+          size: -1,
         },
         { type: "excel" }
       )
@@ -136,10 +137,12 @@ export default {
     },
     /** 重写编辑方法 */
     toEdit(row) {
+      row.view = "核查";
       this.$refs.drawerform.edit(row);
     },
     /** 重写查看方法 */
     toView(row) {
+      row.view = "查看";
       this.$refs.drawerform.view(row);
     },
   },
@@ -163,7 +166,7 @@ export default {
         isshowTabPane: true,
         search: [
           {
-            name: "status",
+            name: "processStatus",
             type: "select",
             label: "全部状态",
             fuzzy: false,
@@ -237,7 +240,7 @@ export default {
 
           {
             label: "处理状态",
-            prop: "checkStatus",
+            prop: "processStatus",
             formatter: this.formatter,
           },
 
@@ -245,7 +248,7 @@ export default {
             label: "操作",
             width: 200,
             formatter: (row) => {
-              return (
+              return row.processStatus == 1 ? (
                 <table-buttons
                   noAdd
                   row={row}
@@ -253,6 +256,16 @@ export default {
                   onView={this.toView}
                   onDel={this.toDel}
                 />
+              ) : (
+                <table-buttons
+                  noAdd
+                  noEdit
+                  noDel
+                  row={row}
+                  onEdit={this.toEdit}
+                  onView={this.toView}
+                  onDel={this.toDel}
+                />
               );
             },
           },

attendance-performance-manager-ui/admin/src/views/perform/review/record/drawershow.vue

@@ -10,12 +10,19 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="姓名：">
-            <el-select v-model="form.staffId" style="width: 100%;">
+            <p v-if="form.view == '查看'">{{ form.staffName }}</p>
+            <el-select
+              v-model="form.staffName"
+              filterable
+              @change="staffChange"
+              style="width: 100%;"
+              v-else
+            >
               <el-option
                 v-for="item in staffArr"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
               >
               </el-option
             ></el-select>
@@ -25,12 +32,19 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="所属部门：">
-            <el-select v-model="form.deptId" style="width: 100%;">
+            <p v-if="form.view == '查看'">{{ form.deptName }}</p>
+
+            <el-select
+              v-else
+              v-model="form.deptId"
+              style="width: 100%;"
+              disabled
+            >
               <el-option
                 v-for="item in deptArr"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
+                :key="item.id"
+                :label="item.deptName"
+                :value="item.id"
               >
               </el-option
             ></el-select>
@@ -40,7 +54,10 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="窗口编号：">
+            <p v-if="form.view == '查看'">{{ form.windowNum }}</p>
+
             <el-input
+              v-else
               v-model="form.windowNum"
               placeholder="请输入窗口编号"
             ></el-input>
@@ -50,7 +67,17 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="评价结果：">
-            <el-radio-group v-model="form.reviewResult">
+            <p v-if="form.view == '查看'">
+              {{
+                form.reviewResult == 1
+                  ? "非常不满意"
+                  : form.reviewResult == 2
+                  ? "差评"
+                  : ""
+              }}
+            </p>
+
+            <el-radio-group v-model="form.reviewResult" v-else>
               <el-radio :label="1">非常不满意</el-radio>
               <el-radio :label="2">差评</el-radio>
             </el-radio-group>
@@ -60,13 +87,15 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="评价来源：">
+            <p v-if="form.view == '查看'">{{ form.reviewSource }}</p>
             <el-select
-              v-model="form.deptId"
+              v-else
+              v-model="form.reviewSource"
               style="width: 100%;"
               placeholder="请选择评价来源"
             >
               <el-option
-                v-for="item in deptArr"
+                v-for="item in sourceArr"
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"
@@ -79,8 +108,11 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="评价设备：">
+            <p v-if="form.view == '查看'">{{ form.reviewDevice }}</p>
+
             <el-input
-              v-model="form.windowNum"
+              v-else
+              v-model="form.reviewDevice"
               placeholder="请输入评价设备"
             ></el-input>
           </el-form-item>
@@ -89,28 +121,16 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="评价时间">
-            <el-col :span="11">
+            <p v-if="form.view == '查看'">{{ form.reviewTime }}</p>
+
             <el-date-picker
-                v-model="dateValue"
-                type="date"
-                placeholder="选择日期"
+              v-else
+              v-model="form.reviewTime"
+              type="datetime"
+              placeholder="选择日期时间"
               style="width: 100%;"
             >
             </el-date-picker>
-            </el-col>
-            <el-col :span="11">
-              <el-time-select
-                v-model="timeValue"
-                :picker-options="{
-                  start: '06:00',
-                  step: '00:15',
-                  end: '18:30',
-                }"
-                placeholder="选择时间"
-                style="width: 100%;margin-left: 10px;"
-              >
-              </el-time-select
-            ></el-col>
           </el-form-item>
         </el-col>
       </el-row>
@@ -118,22 +138,14 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="图片凭证：">
-            <el-upload
-              class="upload-demo"
-              action="https://jsonplaceholder.typicode.com/posts/"
-              :on-preview="handlePreview"
-              :on-remove="handleRemove"
-              :before-remove="beforeRemove"
-              multiple
-              :limit="3"
-              :on-exceed="handleExceed"
-              :file-list="fileList"
-            >
-              <el-button size="small" type="primary">点击上传</el-button>
-              <div slot="tip" class="el-upload__tip">
-                只能上传jpg/png等图片文件
+            <div v-if="form.view == '查看'">
+              {{ form.filePaths ? picMatter(form.filePaths) : "--" }}
             </div>
-            </el-upload>
+            <ImageUpload
+              v-else
+              :value="form.filePaths"
+              @input="replaceImage"
+            ></ImageUpload>
           </el-form-item>
         </el-col>
       </el-row>
@@ -141,30 +153,38 @@
       <el-row>
         <el-col :span="22">
           <el-form-item label="绩效规则：">
+            <p v-if="form.view == '查看'">{{ form.ruleNme }}</p>
+            <div v-else>
               <el-col :span="22">
-              <el-select v-model="form.attendanceGroupId" style="width: 100%;">
+                <el-select
+                  v-model="form.categoryId"
+                  style="width: 100%;"
+                  @change="cateChange"
+                >
                   <el-option
-                  v-for="item in kaoqinArr"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
+                    v-for="item in kaoqinCateArr"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
                   >
                   </el-option
                 ></el-select>
               </el-col>
               <el-col :span="22">
                 <el-select
-                v-model="form.attendanceGroupId"
+                  v-model="form.ruleId"
                   style="width: 100%;margin-top: 10px;"
+                  @change="ruleChange"
                 >
                   <el-option
-                  v-for="item in kaoqinArr"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
+                    v-for="item in ruleArr"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
                   >
                   </el-option></el-select
               ></el-col>
+            </div>
           </el-form-item>
         </el-col>
       </el-row>
@@ -314,12 +334,41 @@
 
 <script>
 import form from "@/assets/mixins/formdialog";
+import { timestampToTime } from "@/assets/utils/dateFormat.js";
+
 export default {
   name: "PerformReviewRecordDetail",
   mixins: [form],
   components: {},
   created() {
     this.changePath("perform/review/record");
+    // 获取工作人员列表
+    this.$post("/staff/list", { page: 1, size: -1 }).then((res) => {
+      if (res.code == 1) {
+        this.staffArr = res.data.data;
+      } else {
+        this.staffArr = [];
+      }
+    });
+    // 获取部门列表
+    this.$post("/dept/list", { page: 1, size: -1 }).then((res) => {
+      if (res.code == 1) {
+        this.deptArr = res.data.data;
+      } else {
+        this.deptArr = [];
+      }
+    });
+
+    // 获取规则分类
+    this.$post("/perform/rules/category/list", { page: 1, size: -1 }).then(
+      (res) => {
+        if (res.code == 1) {
+          this.kaoqinCateArr = res.data.data;
+        } else {
+          this.kaoqinCateArr = [];
+        }
+      }
+    );
   },
   data() {
     return {
@@ -340,35 +389,129 @@ export default {
         ],
         createTime: [{ required: true, message: "请选择创建时间" }],
       },
-      staffArr: [
-        {
-          label: "员工1",
-          value: "1",
-        },
-      ],
+
+      staffArr: [],
       deptArr: [],
       kaoqinArr: [],
       fileList: [],
+      kaoqinCateArr: [],
+      ruleArr: [],
+      sourceArr: [
+        {
+          label: "窗口评价系统",
+          value: "窗口评价系统",
+        },
+        {
+          label: "导视系统",
+          value: "导视系统",
+        },
+        {
+          label: "自助服务系统",
+          value: "自助服务系统",
+        },
+        {
+          label: "微官网",
+          value: "微官网",
+        },
+        {
+          label: "其它",
+          value: "其它",
+        },
+      ],
+      form: {},
+      baseUrl: process.env.VUE_APP_API_BASE_URL + "/",
       dateValue: "",
       timeValue: "",
     };
   },
 
   methods: {
+    picMatter(val) {
+      if (val !== "--") {
+        return (
+          <el-image
+            src={val.indexOf("http") == -1 ? this.baseUrl + val : val}
+            preview-src-list={
+              val.indexOf("http") == -1 ? this.baseUrl + val : val
+            }
+            style="width: 100px"
+          ></el-image>
+        );
+      } else {
+        return val;
+      }
+    },
+    ruleChange(val) {
+      let arr = this.ruleArr.filter((v) => v.id == val);
+      this.form.score = arr && arr[0].score;
+      this.form.checkStatus == 1 ? (this.form.checkStatus = 2) : "";
+    },
+    cateChange() {
+      this.$post("/perform/rules/list", {
+        page: 1,
+        size: -1,
+        categoryId: this.form.categoryId,
+      }).then((res) => {
+        this.ruleArr = res.data.data;
+        this.form.ruleId = "";
+      });
+    },
+    replaceImage(val) {
+      this.form.filePaths = val;
+    },
+    staffChange(val) {
+      console.log(val);
+      let arr = this.staffArr.filter((v) => v.id == val);
+      this.form.deptId = arr && arr.length > 0 ? arr[0].deptId : "";
+    },
     /** 编辑 */
     edit(row) {
       this.reset();
       this.query = { id: row.id };
-      this.urls.currUrl = "perform/review/record/edit";
-      this.getData();
+      // this.urls.currUrl = "perform/review/record/edit";
+      // this.getData();
+      this.$get("/perform/review/record/info", { id: row.id }).then((res) => {
+        console.log(res.data);
+        if (res.code == 1) {
+          this.form = res.data;
+        } else {
+          this.form = row;
+        }
+        for (let key in this.form) {
+          key == "actualAttendTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "attendanceDate"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "createTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "errorTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "updateTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "checkTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "deductTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "goOffTimeStr"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "reviewTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : "";
+        }
+        this.form.processStatus = 2;
+        this.form.view = "核查";
+        this.open = true;
+      });
       this.pageInfo.type = "edit";
       this.title = "修改评价差评绩效记录信息";
     },
     /** 新增 */
     add(row) {
       this.reset();
-      this.urls.currUrl = "perform/review/record/add";
-      this.getData();
+      // this.urls.currUrl = "perform/review/record/add";
+      // this.getData();
+
+      this.open = true;
       this.pageInfo.type = "add";
       this.title = "新增评价差评绩效记录信息";
     },
@@ -376,8 +519,39 @@ export default {
     view(row) {
       this.reset();
       this.query = { id: row.id };
-      this.urls.currUrl = "perform/review/record/view";
-      this.getData();
+      // this.urls.currUrl = "perform/review/record/view";
+      // this.getData();
+      this.$get("/perform/review/record/info", { id: row.id }).then((res) => {
+        if (res.code == 1) {
+          this.form = res.data;
+        } else {
+          this.form = row;
+        }
+        for (let key in this.form) {
+          key == "actualAttendTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "attendanceDate"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "createTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "errorTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "updateTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "checkTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "deductTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "goOffTimeStr"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : key == "reviewTime"
+            ? (this.form[key] = timestampToTime(this.form[key], 6))
+            : "";
+        }
+        this.form.processStatus = 1;
+        this.form.view = "查看";
+        this.open = true;
+      });
       this.pageInfo.type = "view";
       this.title = "评价差评绩效记录信息详细";
     },
@@ -398,24 +572,28 @@ export default {
     // 表单重置
     reset() {
       this.form = {
-        staffId: null,
-        staffName: "",
-        workNum: "",
-        windowNum: "",
-        deptId: null,
-        deptName: "",
-        reviewResult: null,
-        reviewTime: null,
-        reviewSource: "",
-        reviewDevice: "",
-        ruleId: null,
-        ruleName: "",
-        subMethod: 1,
+        createTime: "",
+        createUserId: "",
         deductPerson: "",
-        deductTime: null,
-        score: 0.0,
+        deductTime: "",
+        deptId: "",
+        deptName: "",
+        fileNames: "",
+        filePaths: "",
         processStatus: 1,
         remark: "",
+        reviewDevice: "",
+        reviewResult: "",
+        reviewSource: "",
+        reviewTime: "",
+        ruleId: "",
+        ruleName: "",
+        score: "",
+        staffId: "",
+        staffName: "",
+        subMethod: "",
+        windowNum: "",
+        workNum: "",
       };
       this.resetForm("form");
     },
@@ -424,22 +602,6 @@ export default {
         this.$refs[refName].resetFields();
       }
     },
-    handleRemove(file, fileList) {
-      console.log(file, fileList);
-    },
-    handlePreview(file) {
-      console.log(file);
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning(
-        `当前限制选择 3 个文件，本次选择了 ${
-          files.length
-        } 个文件，共选择了 ${files.length + fileList.length} 个文件`
-      );
-    },
-    beforeRemove(file, fileList) {
-      return this.$confirm(`确定移除 ${file.name}？`);
-    },
   },
 };
 </script>

attendance-performance-manager-ui/admin/src/views/perform/review/record/list.vue

 <template>
   <div class="page">
-    <LayoutTable :data="tableData" :config="tableConfig">
+    <LayoutTable :data="tableData" notDel :config="tableConfig">
       <el-button
         slot="table-head-left2"
         style="margin-left: 10px"
@@ -120,7 +120,8 @@ export default {
       this.$download(
         "/perform/review/record/exportExcel",
         {
-          idList: this.selection,
+          page: 1,
+          size: -1,
         },
         { type: "excel" }
       )
@@ -136,10 +137,12 @@ export default {
     },
     /** 重写编辑方法 */
     toEdit(row) {
+      row.view = "核查";
       this.$refs.drawerform.edit(row);
     },
     /** 重写查看方法 */
     toView(row) {
+      row.view = "查看";
       this.$refs.drawerform.view(row);
     },
   },
@@ -245,7 +248,7 @@ export default {
             label: "操作",
             width: 200,
             formatter: (row) => {
-              return (
+              return row.processStatus == 1 ? (
                 <table-buttons
                   noAdd
                   row={row}
@@ -253,6 +256,16 @@ export default {
                   onView={this.toView}
                   onDel={this.toDel}
                 />
+              ) : (
+                <table-buttons
+                  noAdd
+                  noEdit
+                  noDel
+                  row={row}
+                  onEdit={this.toEdit}
+                  onView={this.toView}
+                  onDel={this.toDel}
+                />
               );
             },
           },