From db68a1e7dd344da43ba94eddc3dc38e161bcb8bf Mon Sep 17 00:00:00 2001
From: luoyb <412940104@qq.com>
Date: 星期四, 11 三月 2021 11:23:27 +0800
Subject: [PATCH] fix(bug修复): 在职员工列表指定列点击排序
---
src/views/user/selectuser.vue | 8 +++++++-
src/views/user/inemployees.vue | 14 ++++++++++----
2 files changed, 17 insertions(+), 5 deletions(-)
diff --git a/src/views/user/inemployees.vue b/src/views/user/inemployees.vue
index 788b7b4..4743015 100644
--- a/src/views/user/inemployees.vue
+++ b/src/views/user/inemployees.vue
@@ -225,6 +225,7 @@
stripe
border
style="width: 100%;color: #000;"
+ @sort-change="changeSort"
>
<el-table-column type="selection" width="55" />
<el-table-column label="操作" width="130">
@@ -247,10 +248,10 @@
>编辑</span>
</template>
</el-table-column>
- <el-table-column show-overflow-tooltip="true" prop="empNumb" label="编号" width="100" />
- <el-table-column show-overflow-tooltip="true" prop="allDeptName" label="部门（护卫点）" width="300" />
+ <el-table-column show-overflow-tooltip="true" prop="empNumb" label="编号" width="100" sortable="custom" :sort-orders="['ascending', 'descending']" />
+ <el-table-column show-overflow-tooltip="true" prop="allDeptName" label="部门（护卫点）" width="300" sortable="custom" :sort-orders="['ascending', 'descending']" />
<el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="100" />
- <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="100" />
+ <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="100" sortable="custom" :sort-orders="['ascending', 'descending']" />
<el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" width="180" />
<el-table-column show-overflow-tooltip="true" prop="sex" label="性别" width="60" :formatter="sexFormat" />
<el-table-column show-overflow-tooltip="true" prop="age" label="年龄" width="60" />
@@ -258,7 +259,7 @@
<el-table-column show-overflow-tooltip="true" prop="nativePlace" label="籍贯" width="70" :formatter="nativePlaceFormat" />
<el-table-column show-overflow-tooltip="true" prop="empTypeName" label="员工类型" width="80" />
<el-table-column show-overflow-tooltip="true" prop="telePhone" label="联系电话" width="140" />
- <el-table-column show-overflow-tooltip="true" prop="entryDate" label="入职日期" width="140" />
+ <el-table-column show-overflow-tooltip="true" prop="entryDate" label="入职日期" width="140" sortable="custom" :sort-orders="['ascending', 'descending']" />
<el-table-column show-overflow-tooltip="true" prop="empStatus" label="员工状态" width="80">
<template slot-scope="{row}">
{{ transEmpStatus(row.empStatus) }}
@@ -2009,6 +2010,11 @@
this.cleanEmpBase()
})
}
+ },
+ changeSort(val) {
+ this.sort.field = val.prop
+ this.sort.order = val.order
+ this.search()
}
}
}
diff --git a/src/views/user/selectuser.vue b/src/views/user/selectuser.vue
index 8486a11..8cca936 100644
--- a/src/views/user/selectuser.vue
+++ b/src/views/user/selectuser.vue
@@ -32,6 +32,7 @@
width="80%"
@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" />
@@ -39,7 +40,7 @@
<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="allDeptName" label="护卫点" width="180" />
+ <el-table-column prop="allDeptName" label="护卫点" width="180" sortable="custom" :sort-orders="['ascending', 'descending']" />
<el-table-column v-if="show" prop="jobId" label="岗位Id" />
<el-table-column prop="jobName" label="岗位" />
<el-table-column prop="empTypeName" label="员工类别" />
@@ -156,6 +157,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