feat(员工信息): 新增查看功能并优化附件展示

refactor(异常管理): 重构异常记录表格布局和保存逻辑

feat(库存管理): 新增CRM卷材库存视图和分组筛选功能

klp-ui/src/views/wms/hrm/employeeInfo/leave.vue

@@ -64,6 +64,7 @@
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-view" @click="handleView(scope.row)">查看</el-button>
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
           <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
         </template>
@@ -102,6 +103,30 @@
         <el-button @click="cancelSupplement">取 消</el-button>
       </div>
     </el-dialog>
+
+    <!-- 查看员工离职记录对话框 -->
+    <el-dialog title="查看员工离职记录" :visible.sync="viewOpen" width="500px" append-to-body>
+      <el-descriptions :column="1" border>
+        <el-descriptions-item label="员工姓名">
+          {{ viewRecord.wmsEmployeeInfo && viewRecord.wmsEmployeeInfo.name }}
+        </el-descriptions-item>
+        <el-descriptions-item label="离职时间">
+          {{ parseTime(viewRecord.changeTime, '{y}-{m}-{d} {h}:{i}:{s}') }}
+        </el-descriptions-item>
+        <el-descriptions-item label="离职原因">
+          {{ viewRecord.changeReason }}
+        </el-descriptions-item>
+        <el-descriptions-item label="负责人">
+          {{ viewRecord.changeHandler }}
+        </el-descriptions-item>
+        <el-descriptions-item label="附件">
+          <file-list :oss-ids="viewRecord.attachment"></file-list>
+        </el-descriptions-item>
+        <el-descriptions-item label="备注">
+          {{ viewRecord.remark }}
+        </el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
   </div>
 </template>
 
@@ -109,11 +134,13 @@
 import { listEmployeeChange, getEmployeeChange, delEmployeeChange, updateEmployeeChange, addEmployeeChange, employeeEntry, employeeLeave } from "@/api/wms/employeeChange";
 import { listDept } from "@/api/wms/dept";
 import EmployeeSelector from "@/components/EmployeeSelector";
+import FileList from "@/components/FileList";
 
 export default {
   name: "EmployeeLeave",
   components: {
-    EmployeeSelector
+    EmployeeSelector,
+    FileList
   },
   data() {
     return {
@@ -175,7 +202,19 @@ export default {
       },
       supplementRules: {
       },
-      supplementAttachment: undefined
+      supplementAttachment: undefined,
+      // 查看记录对话框相关
+      viewOpen: false,
+      viewRecord: {
+        changeId: undefined,
+        infoId: undefined,
+        changeType: undefined,
+        changeTime: undefined,
+        changeReason: undefined,
+        changeHandler: undefined,
+        attachment: undefined,
+        remark: undefined
+      }
     };
   },
   dicts: ['hrm_employee_education'],
@@ -359,6 +398,11 @@ export default {
       this.download('system/employeeChange/export', {
         ...this.queryParams
       }, `employeeChange_${new Date().getTime()}.xlsx`)
+    },
+    /** 查看按钮操作 */
+    handleView(row) {
+      this.viewRecord = row;
+      this.viewOpen = true;
     }
   }
 };