From c13e0797dd6ca08eb7c5efa491417886f2acc2dc Mon Sep 17 00:00:00 2001
From: yubo <autumnal_wind@yeah.net>
Date: 星期五, 10 四月 2026 16:04:40 +0800
Subject: [PATCH] chore(env): 添加 Node.js 版本配置文件

---
 src/views/user/selectuser.vue |   85 ++++++++++++++++++++++++++++--------------
 1 files changed, 56 insertions(+), 29 deletions(-)

diff --git a/src/views/user/selectuser.vue b/src/views/user/selectuser.vue
index 3357493..6871d56 100644
--- a/src/views/user/selectuser.vue
+++ b/src/views/user/selectuser.vue
@@ -1,34 +1,58 @@
 <template>
   <div id="mainDiv">
     <el-header :height="headerHeight">
-      <el-row>
-        <el-col :span="24">
-          <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:200px" />
-          <el-button size="mini" class="hr-but-all" type="primary" @click="vagueSearch">查询</el-button>
-          <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
-        </el-col>
-      </el-row>
+      <el-form>
+        <el-row style="height: 45px;">
+          <el-col :span="10">
+            <el-form-item label="关键字">
+              <el-input v-model="queryParams.baseKey" placeholder="请输入内容" style="width:200px" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" style="height: 100%;">
+            <el-form-item label="员工状态">
+              <el-checkbox-group v-model="queryParams.empStatus">
+                <el-checkbox :label="0">在职</el-checkbox>
+                <el-checkbox :label="1">离职</el-checkbox>
+                <el-checkbox :label="2">退休</el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-button size="mini" class="hr-but-all" type="primary" @click="vagueSearch">查询</el-button>
+            <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
+          </el-col>
+        </el-row>
+        <el-row style="text-align: right;height: 45px;line-height: 45px">
+          <el-button type="primary" @click="sureChoose">确定</el-button>
+          <el-button type="danger" @click="cancleChoose">取消</el-button>
+        </el-row>
+      </el-form>
     </el-header>
     <el-main>
       <el-table
         ref="multipleTable"
         :data="list"
         row-key="prop1"
-        width="80%"
+        :cell-style="{padding:'7px 0','text-align':'center'}"
+        :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+        stripe
+        border
+        style="width: 100%;color: #000;"
         @selection-change="handleSelectionChange"
         @row-dblclick="rowDblclick"
+        @sort-change="changeSort"
       >
-        <el-table-column type="selection" :reserve-selection="false" width="50" />
-        <el-table-column v-if="show" prop="empId" label="员工Id" />
-        <el-table-column prop="empNumb" label="员工编号" />
-        <el-table-column prop="empName" label="姓名" />
-        <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-        <el-table-column v-if="show" prop="deptId" label="部门Id" />
-        <el-table-column prop="deptName" label="护卫点" width="180" />
-        <el-table-column v-if="show" prop="jobId" label="岗位Id" />
-        <el-table-column prop="jobName" label="岗位" />
-        <el-table-column prop="empTypeName" label="员工类别" />
-        <el-table-column prop="sexName" label="性别" width="50" />
+        <el-table-column show-overflow-tooltip type="selection" :reserve-selection="false" width="50" />
+        <el-table-column v-if="show" show-overflow-tooltip prop="empId" label="员工Id" />
+        <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
+        <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="110" />
+        <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" min-width="120" />
+        <el-table-column v-if="show" show-overflow-tooltip prop="deptId" label="部门Id" width="60" />
+        <el-table-column show-overflow-tooltip prop="allDeptName" label="部门(护卫点)" width="400" sortable="custom" :sort-orders="['ascending', 'descending']" />
+        <el-table-column v-if="show" show-overflow-tooltip prop="jobId" label="岗位Id" width="80" />
+        <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
+        <el-table-column show-overflow-tooltip prop="empTypeName" label="员工类别" width="80" />
+        <el-table-column show-overflow-tooltip prop="sexName" label="性别" width="60" />
       </el-table>
       <!--
           page.sync 当前页
@@ -42,8 +66,7 @@
         :limit.sync="pagination.size"
         @pagination="search"
       />
-      <el-button type="primary" @click="sureChoose">确定</el-button>
-      <el-button type="danger" @click="cancleChoose">取消</el-button>
+
     </el-main>
   </div>
 </template>
@@ -69,11 +92,12 @@
       multipleSelection: [],
       total: 0, // 总数量
       queryParams: {
-        empNumb: ''
+        baseKey: '',
+        empStatus: []
       }, // 查询参数
       sort: {}, // 排序
       pagination: { // 分页参数
-        size: 10,
+        size: 15,
         num: 1
       },
       list: [], // 给table显示的数据
@@ -96,16 +120,14 @@
     },
     vagueSearch() {
       this.fetch({
-        empNumb: this.queryParams.empNumb,
-        empName: this.queryParams.empNumb,
-        deptName: this.queryParams.empNumb
+        baseKey: this.queryParams.baseKey,
+        empStatus: this.queryParams.empStatus
       })
     },
     resetSearch() {
       this.queryParams = {
-        empNumb: '',
-        empName: '',
-        deptName: ''
+        baseKey: '',
+        empStatus: []
       }
       this.search()
     },
@@ -142,6 +164,11 @@
     rowDblclick(row, column, event) {
       this.$refs.multipleTable.toggleRowSelection(row, true)
       this.sureChoose()
+    },
+    changeSort(val) {
+      this.sort.field = val.prop
+      this.sort.order = val.order
+      this.search()
     }
   }
 }

--
Gitblit v1.8.0