From 4c72dd4e55dbfae3dca4a7ac4342220e93f25a8b Mon Sep 17 00:00:00 2001
From: yubo <autumnal_wind@yeah.net>
Date: 星期三, 11 三月 2026 18:04:07 +0800
Subject: [PATCH] feat(dashboard): 添加四险提醒功能并优化员工管理界面

---
 src/views/dashboard/HtUser.vue |   47 ++++++++++++++++++++++++++++++-----------------
 1 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/src/views/dashboard/HtUser.vue b/src/views/dashboard/HtUser.vue
index 502f3aa..3b2cc60 100644
--- a/src/views/dashboard/HtUser.vue
+++ b/src/views/dashboard/HtUser.vue
@@ -1,7 +1,8 @@
 <template>
   <el-dialog
     :title="title"
-    top="50px"
+    top="80px"
+    width="80%"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
     :visible.sync="isVisible"
@@ -21,23 +22,24 @@
         ref="multipleTable"
         :data="list"
         row-key="prop1"
-        width="50%"
+        stripe
+        border
+        :cell-style="{padding:'7px 0','text-align':'center'}"
+        :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+        style="width: 100%;"
       >
-        <el-table-column prop="deptName" label="护卫点" width="100" />
-        <el-table-column prop="jobName" label="岗位" width="100" />
-        <el-table-column prop="empNumb" label="员工编号" width="100" />
-        <el-table-column prop="empName" label="姓名" width="100" />
-        <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-        <el-table-column prop="contractStatus" label="合同状态" width="180">
-          <template slot-scope="{row}">
-            {{ transContractStatus(row.contractStatus,row.endDate) }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="signingDate" label="合同签订日期" width="100" />
-        <el-table-column prop="beginDate" label="开始日期" width="100" />
-        <el-table-column prop="endDate" label="结束日期" width="100" />
-        <el-table-column prop="contractPeriod" label="合同期限(年)" width="100" />
-        <el-table-column prop="transactor" label="办理人" width="50" />
+        <el-table-column show-overflow-tooltip type="index" width="55" label="序号" />
+        <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
+        <el-table-column show-overflow-tooltip prop="allDeptName" label="部门(护卫点)" width="300" />
+        <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
+        <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
+        <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="140" />
+        <el-table-column show-overflow-tooltip prop="contractStatus" label="合同状态" width="100" />
+        <el-table-column show-overflow-tooltip prop="signingDate" label="合同签订日期" min-width="120" />
+        <el-table-column show-overflow-tooltip prop="beginDate" label="开始日期" min-width="80" />
+        <el-table-column show-overflow-tooltip prop="endDate" label="结束日期" min-width="80" />
+        <el-table-column show-overflow-tooltip prop="contractPeriod" label="合同期限(年)" width="120" />
+        <el-table-column show-overflow-tooltip prop="transactor" label="办理人" width="80" />
       </el-table>
       <pagination
         v-show="total>0"
@@ -91,6 +93,7 @@
         size: 5,
         num: 1
       },
+      contractStatusOptions: [],
       list: [], // 给table显示的数据
       defaultProps: {
         children: 'children',
@@ -105,7 +108,17 @@
       }
     }
   },
+  mounted() {
+    setTimeout(() => {
+      this.getDicts('CONTRACTSTATUS').then(response => {
+        this.contractStatusOptions = response.data
+      })
+    }, 1000)
+  },
   methods: {
+    contractStatusFormat(row, column) {
+      return this.selectDictLabel(this.contractStatusOptions, row.contractStatus)
+    },
     transContractStatus(contractStatus, time) {
       var strtime = time.replace('/-/g', '/')// 时间转换
       // 时间

--
Gitblit v1.8.0