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

refactor(异常管理): 重构异常记录表格布局和保存逻辑 feat(库存管理): 新增CRM卷材库存视图和分组筛选功能
2026-04-08 17:40:30 +08:00
parent 9c83c9d9a5
commit 7930991eb8
7 changed files with 1024 additions and 95 deletions
--- a/klp-ui/src/views/wms/coil/components/ExceptionManager.vue
+++ b/klp-ui/src/views/wms/coil/components/ExceptionManager.vue
@@ -55,28 +55,37 @@
    <div class="exception-section">
      <div class="section-header">
        <h4 class="section-title">异常记录</h4>
-        <el-button type="default" icon="el-icon-refresh" plain size="mini" @click="refreshAbnormalList"
-          :loading="abnormalLoading">
-          刷新
-        </el-button>
+        <div>
+          <el-button type="primary" size="mini" @click="handleSave">保存</el-button>
+          <el-button type="default" icon="el-icon-refresh" plain size="mini" @click="refreshAbnormalList"
+            :loading="abnormalLoading">
+            刷新
+          </el-button>
+        </div>
      </div>
-      <el-table :data="abnormalList" style="width: 100%" border>
-        <el-table-column label="开始位置" prop="startPosition" width="80">
+      <el-table :data="abnormalList" style="width: 100%" border stripe>
+        <el-table-column label="序号" type="index" width="50" />
+        <el-table-column label="缺陷描述" prop="remark">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.remark" placeholder="请输入缺陷描述" />
+          </template>
+        </el-table-column>
+        <el-table-column label="开始位置" prop="startPosition" width="100">
          <template slot-scope="scope">
            <el-input :controls="false" v-model="scope.row.startPosition" placeholder="请输入开始位置" />
          </template>
        </el-table-column>
-        <el-table-column label="结束位置" prop="endPosition" width="80">
+        <el-table-column label="结束位置" prop="endPosition" width="100">
          <template slot-scope="scope">
            <el-input :controls="false" v-model="scope.row.endPosition" placeholder="请输入结束位置" />
          </template>
        </el-table-column>
-        <el-table-column label="长度" prop="length" width="80">
+        <el-table-column label="长度" prop="length" width="100">
          <template slot-scope="scope">
            {{ scope.row.endPosition - scope.row.startPosition }}
          </template>
        </el-table-column>
-        <el-table-column label="上下版面" prop="plateSurface">
+        <el-table-column label="上下版面" prop="plateSurface" width="180">
          <template slot-scope="scope">
            <muti-select v-model="scope.row.plateSurface" :options="[
              { label: '上板面', value: '上' },
@@ -88,7 +97,7 @@
            </el-checkbox-group> -->
          </template>
        </el-table-column>
-        <el-table-column label="断面位置" prop="position">
+        <el-table-column label="断面位置" prop="position" width="240">
          <template slot-scope="scope">
            <muti-select v-model="scope.row.position" :options="dict.type.coil_abnormal_position" type="checkbox">
            </muti-select>
@@ -97,41 +106,53 @@
            </el-checkbox-group> -->
          </template>
        </el-table-column>
+
+        <el-table-column label="缺陷代码" prop="defectCode">
+          <template slot-scope="scope">
+            <div class="radio-single">
+              <el-radio-group v-model="scope.row.defectCode">
+                <el-radio v-for="dict in dict.type.coil_abnormal_code" :key="dict.value" :label="dict.value" @click.native="handleRadioClick(scope.row.defectCode, dict.value, 'defectCode', scope.row)">
+                  {{ dict.label }}
+                </el-radio>
+              </el-radio-group>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="程度" prop="degree">
+          <template slot-scope="scope">
+            <div class="radio-single">
+              <el-radio-group v-model="scope.row.degree">
+                <el-radio v-for="dict in dict.type.coil_abnormal_degree" :key="dict.value" :label="dict.value" @click.native="handleRadioClick(scope.row.degree, dict.value, 'degree', scope.row)">
+                  {{ dict.label }}
+                </el-radio>
+              </el-radio-group>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="80">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.abnormalId" type="text" size="mini" @click="handleDelete(scope.row)" style="color: #f56c6c;">
+              删除
+            </el-button>
+            <el-button v-else type="text" size="mini" @click="clearRowData(scope.row)">
+              清空
+            </el-button>
+          </template>
+        </el-table-column>
        <el-table-column label="主缺陷" prop="mainMark" width="60">
          <template slot-scope="scope">
            <el-checkbox v-model="scope.row.mainMark" :true-label="1" :false-label="0"></el-checkbox>
          </template>
        </el-table-column>
-        <el-table-column label="缺陷代码" prop="defectCode">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.defectCode" placeholder="请选择缺陷代码">
-              <el-option v-for="dict in dict.type.coil_abnormal_code" :key="dict.value" :label="dict.label"
-                :value="dict.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column label="程度" prop="degree">
-          <template slot-scope="scope">
-            <el-select v-model="scope.row.degree" placeholder="请选择程度">
-              <el-option v-for="dict in dict.type.coil_abnormal_degree" :key="dict.value" :label="dict.label"
-                :value="dict.value"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column label="产线" prop="productionLine">
+        <!-- <el-table-column label="产线" prop="productionLine">
          <template slot-scope="scope">
            <el-select v-model="scope.row.productionLine" placeholder="请选择产线">
              <el-option v-for="dict in dict.type.sys_lines" :key="dict.value" :label="dict.label"
                :value="dict.value"></el-option>
            </el-select>
          </template>
-        </el-table-column>
-        <el-table-column label="备注" prop="remark">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.remark" placeholder="请输入备注" />
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="180">
+        </el-table-column> -->
+        <!-- <el-table-column label="操作" width="180">
          <template slot-scope="scope">
            <el-button v-if="!scope.row.abnormalId" type="primary" plain size="mini" :loading="buttonLoading"
              @click="handleSave(scope.row)">新增</el-button>
@@ -142,7 +163,7 @@
                @click="handleDelete(scope.row)">删除</el-button>
            </template>
          </template>
-        </el-table-column>
+        </el-table-column> -->
      </el-table>
    </div>

@@ -285,63 +306,77 @@ export default {
      }
      return emptyRows
    },
-    handleSave(row) {
-      // 验证数据
-      if (!row.startPosition || !row.endPosition) {
-        this.$message.error('请填写开始位置和结束位置')
-        return
+    handleSave() {
+      // 过滤出非空行
+      const nonEmptyRows = this.abnormalList.filter(row => {
+        return row.startPosition || row.endPosition || row.position || row.plateSurface || row.defectCode || row.degree || row.remark
+      })
+
+      // 批量校验
+      for (let i = 0; i < nonEmptyRows.length; i++) {
+        const row = nonEmptyRows[i]
+        const rowIndex = this.abnormalList.indexOf(row) + 1 // 行号从1开始
+
+        if (!row.startPosition || !row.endPosition) {
+          this.$message.error(`第${rowIndex}行：请填写开始位置和结束位置`)
+          return
+        }
+        if (row.startPosition > row.endPosition) {
+          this.$message.error(`第${rowIndex}行：开始位置必须小于结束位置`)
+          return
+        }
+        if (!row.position || row.position.length === 0) {
+          this.$message.error(`第${rowIndex}行：请选择断面位置`)
+          return
+        }
+        if (!row.plateSurface || row.plateSurface.length === 0) {
+          this.$message.error(`第${rowIndex}行：请选择上下板面`)
+          return
+        }
+        if (!row.defectCode) {
+          this.$message.error(`第${rowIndex}行：请选择缺陷代码`)
+          return
+        }
+        if (!row.degree) {
+          this.$message.error(`第${rowIndex}行：请选择程度`)
+          return
+        }
      }
-      if (row.startPosition > row.endPosition) {
-        this.$message.error('开始位置必须小于结束位置')
-        return
-      }
-      if (!row.position || row.position.length === 0) {
-        this.$message.error('请选择断面位置')
-        return
-      }
-      if (!row.plateSurface || row.plateSurface.length === 0) {
-        this.$message.error('请选择上下板面')
-        return
-      }
-      if (!row.defectCode) {
-        this.$message.error('请选择缺陷代码')
-        return
-      }
-      if (!row.degree) {
-        this.$message.error('请选择程度')
+
+      if (nonEmptyRows.length === 0) {
+        this.$message.info('没有需要保存的数据')
        return
      }

      this.buttonLoading = true
-      const saveData = {
-        ...row,
-        // length: row.endPosition - row.startPosition,
-        coilId: this.coilId
-      }

-      if (row.abnormalId) {
-        // 调用修改接口
-        updateCoilAbnormal(saveData).then(response => {
-          this.$message.success('异常记录更新成功')
-        }).catch(error => {
-          console.error('异常记录更新失败:', error)
-          this.$message.error('异常记录更新失败: ' + (error.message || error))
-        }).finally(() => {
-          this.buttonLoading = false
-        })
-      } else {
-        // 调用新增接口
-        addCoilAbnormal(saveData).then(response => {
-          this.$message.success('异常记录添加成功')
-          // 重新加载列表以获取新的 abnormalId
-          this.loadAbnormalList()
-        }).catch(error => {
-          console.error('异常记录添加失败:', error)
-          this.$message.error('异常记录添加失败: ' + (error.message || error))
-        }).finally(() => {
-          this.buttonLoading = false
-        })
-      }
+      // 批量请求
+      const requests = nonEmptyRows.map(row => {
+        const saveData = {
+          ...row,
+          coilId: this.coilId
+        }
+
+        if (row.abnormalId) {
+          // 更新操作
+          return updateCoilAbnormal(saveData)
+        } else {
+          // 新增操作
+          return addCoilAbnormal(saveData)
+        }
+      })
+
+      // 执行所有请求
+      Promise.all(requests).then(responses => {
+        this.$message.success('批量保存成功')
+        // 刷新列表
+        this.loadAbnormalList()
+      }).catch(error => {
+        console.error('批量保存失败:', error)
+        this.$message.error('批量保存失败: ' + (error.message || error))
+      }).finally(() => {
+        this.buttonLoading = false
+      })
    },
    handleDelete(row) {
      if (!row.abnormalId) {
@@ -394,6 +429,45 @@ export default {
      }).finally(() => {
        this.coilInfoLoading = false
      })
+    },
+    handleSingleCheckboxChange(val, value, field, row) {
+      if (val) {
+        // 选中状态，设置值
+        row[field] = value
+      } else {
+        // 取消选中状态，清空值
+        if (row[field] === value) {
+          row[field] = null
+        }
+      }
+    },
+    handleSingleCheckboxClick(value, field, row) {
+      // 实现排他单选：如果点击的是当前选中的值，则取消选中；否则选中新值
+      if (row[field] === value) {
+        row[field] = null
+      } else {
+        row[field] = value
+      }
+    },
+    handleRadioClick(currentValue, value, field, row) {
+      // 实现 radio 的取消选择功能：如果点击的是当前选中的值，则取消选中
+      if (currentValue === value) {
+        // 使用 $nextTick 确保在 radio 组件更新后再清空值
+        this.$nextTick(() => {
+          row[field] = null
+        })
+      }
+    },
+    clearRowData(row) {
+      // 清空一行的所有数据
+      row.remark = null
+      row.startPosition = 0
+      row.endPosition = 0
+      row.position = ''
+      row.plateSurface = ''
+      row.mainMark = 0
+      row.defectCode = null
+      row.degree = null
    }
  }
 }
@@ -458,4 +532,19 @@ export default {
  margin-right: -16px;
  margin-bottom: -16px;
 }
+
+.radio-single {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  align-items: center;
+}
+
+.radio-single .el-radio {
+  margin-right: 10px;
+}
+
+.radio-single .el-button {
+  margin-left: 10px;
+}
 </style>
--- a/klp-ui/src/views/wms/coil/views/typeError.vue
+++ b/klp-ui/src/views/wms/coil/views/typeError.vue
@@ -23,17 +23,20 @@
          <current-coil-no :current-coil-no="scope.row.currentCoilNo"></current-coil-no>
        </template>
      </el-table-column>
-      <el-table-column label="逻辑库位" align="center" prop="warehouseName" />
-      <el-table-column label="实际库区" align="center" prop="actualWarehouseName" />
+
+      <!-- <el-table-column label="逻辑库位" align="center" prop="warehouseName" />
+      <el-table-column label="实际库区" align="center" prop="actualWarehouseName" /> -->
      <el-table-column label="产品类型" align="center" width="180">
        <template slot-scope="scope">
          <ProductInfo v-if="scope.row.itemType == 'product'" :product="scope.row" />
          <RawMaterialInfo v-else-if="scope.row.itemType === 'raw_material'" :material="scope.row" />
        </template>
      </el-table-column>
-      <el-table-column label="异常数量" align="center" prop="abnormalCount"></el-table-column>
+      <!-- <el-table-column label="异常数量" align="center" prop="abnormalCount"></el-table-column> -->
+      <el-table-column label="净重" align="center" prop="netWeight" />
+
      <el-table-column label="更新时间" align="center" prop="updateTime" />
-      <el-table-column label="更新人" align="center" prop="updateByName" />
+      <el-table-column label="更新人" align="center" prop="updateBy" />
      <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-edit" @click="handleCheck(scope.row)">修正</el-button>
--- a/klp-ui/src/views/wms/hrm/employeeInfo/entry.vue
+++ b/klp-ui/src/views/wms/hrm/employeeInfo/entry.vue
@@ -67,6 +67,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>
@@ -244,6 +245,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>

@@ -251,11 +276,13 @@
 import { listEmployeeChange, getEmployeeChange, delEmployeeChange, updateEmployeeChange, addEmployeeChange, employeeEntry } from "@/api/wms/employeeChange";
 import { listDept } from "@/api/wms/dept";
 import EmployeeSelector from "@/components/EmployeeSelector";
+import FileList from "@/components/FileList";

 export default {
  name: "EmployeeEntry",
  components: {
-    EmployeeSelector
+    EmployeeSelector,
+    FileList
  },
  data() {
    return {
@@ -317,7 +344,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'],
@@ -522,6 +561,11 @@ export default {
      this.download('system/employeeChange/export', {
        ...this.queryParams
      }, `employeeChange_${new Date().getTime()}.xlsx`)
+    },
+    /** 查看按钮操作 */
+    handleView(row) {
+      this.viewRecord = row;
+      this.viewOpen = true;
    }
  }
 };
--- a/klp-ui/src/views/wms/hrm/employeeInfo/formal.vue
+++ b/klp-ui/src/views/wms/hrm/employeeInfo/formal.vue
@@ -296,7 +296,7 @@
          {{ regularRecord.changeHandler }}
        </el-descriptions-item>
        <el-descriptions-item label="附件">
-          <file-upload v-model="regularRecord.attachment"></file-upload>
+          <file-list :oss-ids="regularRecord.attachment"></file-list>
        </el-descriptions-item>
        <el-descriptions-item label="备注">
          {{ regularRecord.remark }}
@@ -310,9 +310,13 @@
 import { listEmployeeInfo, getEmployeeInfo, delEmployeeInfo, updateEmployeeInfo } from "@/api/wms/employeeInfo";
 import { listDept } from "@/api/wms/dept";
 import { employeeEntry, employeeRegular, listEmployeeChange } from '@/api/wms/employeeChange'
+import FileList from "@/components/FileList";

 export default {
  name: "EmployeeInfo",
+  components: {
+    FileList
+  },
  data() {
    return {
      // 按钮loading
--- a/klp-ui/src/views/wms/hrm/employeeInfo/leave.vue
+++ b/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;
    }
  }
 };
--- a/klp-ui/src/views/wms/hrm/employeeInfo/transfer.vue
+++ b/klp-ui/src/views/wms/hrm/employeeInfo/transfer.vue
@@ -66,6 +66,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>
@@ -112,6 +113,42 @@
        <el-button @click="cancel">取 消</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="原部门">
+          {{ viewRecord.oldDept }}
+        </el-descriptions-item>
+        <el-descriptions-item label="原岗位工种">
+          {{ viewRecord.oldJobType }}
+        </el-descriptions-item>
+        <el-descriptions-item label="新部门">
+          {{ viewRecord.newDept }}
+        </el-descriptions-item>
+        <el-descriptions-item label="新岗位工种">
+          {{ viewRecord.newJobType }}
+        </el-descriptions-item>
+        <el-descriptions-item label="转岗生效时间">
+          {{ parseTime(viewRecord.transferTime, '{y}-{m}-{d} {h}:{i}:{s}') }}
+        </el-descriptions-item>
+        <el-descriptions-item label="转岗原因">
+          {{ viewRecord.transferReason }}
+        </el-descriptions-item>
+        <el-descriptions-item label="转岗经办人">
+          {{ viewRecord.transferHandler }}
+        </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>

@@ -119,11 +156,13 @@
 import { listEmployeeTransfer, getEmployeeTransfer, delEmployeeTransfer, updateEmployeeTransfer, transferEmployee } from "@/api/wms/employeeTransfer";
 import EmployeeSelector from "@/components/EmployeeSelector";
 import { listDept } from "@/api/wms/dept";
+import FileList from "@/components/FileList";

 export default {
  name: "EmployeeTransfer",
  components: {
    EmployeeSelector,
+    FileList
  },
  data() {
    return {
@@ -194,6 +233,21 @@ export default {
        transferHandler: [
          { required: true, message: "转岗经办人不能为空", trigger: "blur" }
        ],
+      },
+      // 查看记录对话框相关
+      viewOpen: false,
+      viewRecord: {
+        transferId: undefined,
+        infoId: undefined,
+        oldDept: undefined,
+        oldJobType: undefined,
+        newDept: undefined,
+        newJobType: undefined,
+        transferTime: undefined,
+        transferReason: undefined,
+        transferHandler: undefined,
+        attachment: undefined,
+        remark: undefined
      }
    };
  },
@@ -335,6 +389,11 @@ export default {
      this.download('wms/employeeTransfer/export', {
        ...this.queryParams
      }, `employeeTransfer_${new Date().getTime()}.xlsx`)
+    },
+    /** 查看按钮操作 */
+    handleView(row) {
+      this.viewRecord = row;
+      this.viewOpen = true;
    }
  }
 };