|
|
@@ -2,11 +2,11 @@
|
|
|
<div class="app-container">
|
|
|
<el-row :gutter="20">
|
|
|
<splitpanes :horizontal="appStore.device === 'mobile'" class="default-theme">
|
|
|
- <!--部门数据-->
|
|
|
+ <!--区县数据-->
|
|
|
<pane size="16">
|
|
|
<el-col>
|
|
|
<div class="head-container">
|
|
|
- <el-input v-model="deptName" placeholder="请输入部门名称" clearable prefix-icon="Search" style="margin-bottom: 20px" />
|
|
|
+ <el-input v-model="deptName" placeholder="请输入区县名称" clearable prefix-icon="Search" style="margin-bottom: 20px" />
|
|
|
</div>
|
|
|
<div class="head-container">
|
|
|
<el-tree :data="deptOptions" :props="{ label: 'label', children: 'children' }" :expand-on-click-node="false" :filter-node-method="filterNode" ref="deptTreeRef" node-key="id" highlight-current default-expand-all @node-click="handleNodeClick" />
|
|
|
@@ -61,7 +61,7 @@
|
|
|
<el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />
|
|
|
<el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
|
|
|
<el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible" :show-overflow-tooltip="true" />
|
|
|
- <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
|
|
|
+ <el-table-column label="区县" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
|
|
|
<el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible" width="120" />
|
|
|
<el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
|
|
|
<template #default="scope">
|
|
|
@@ -111,8 +111,8 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="归属部门" prop="deptId">
|
|
|
- <el-tree-select v-model="form.deptId" :data="enabledDeptOptions" :props="{ value: 'id', label: 'label', children: 'children' }" value-key="id" placeholder="请选择归属部门" check-strictly />
|
|
|
+ <el-form-item label="归属区县" prop="deptId">
|
|
|
+ <el-tree-select v-model="form.deptId" :data="enabledDeptOptions" :props="{ value: 'id', label: 'label', children: 'children' }" value-key="id" placeholder="请选择归属区县" check-strictly />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -261,7 +261,7 @@ const columns = ref([
|
|
|
{ key: 0, label: `用户编号`, visible: true },
|
|
|
{ key: 1, label: `用户名称`, visible: true },
|
|
|
{ key: 2, label: `用户昵称`, visible: true },
|
|
|
- { key: 3, label: `部门`, visible: true },
|
|
|
+ { key: 3, label: `区县`, visible: true },
|
|
|
{ key: 4, label: `手机号码`, visible: true },
|
|
|
{ key: 5, label: `状态`, visible: true },
|
|
|
{ key: 6, label: `创建时间`, visible: true }
|
|
|
@@ -294,7 +294,7 @@ const filterNode = (value, data) => {
|
|
|
return data.label.indexOf(value) !== -1;
|
|
|
};
|
|
|
|
|
|
-/** 根据名称筛选部门树 */
|
|
|
+/** 根据名称筛选区县树 */
|
|
|
watch(deptName, val => {
|
|
|
proxy.$refs["deptTreeRef"].filter(val);
|
|
|
});
|
|
|
@@ -309,7 +309,7 @@ function getList() {
|
|
|
});
|
|
|
};
|
|
|
|
|
|
-/** 查询部门下拉树结构 */
|
|
|
+/** 查询区县下拉树结构 */
|
|
|
function getDeptTree() {
|
|
|
deptTreeSelect().then(response => {
|
|
|
deptOptions.value = response.data;
|
|
|
@@ -317,7 +317,7 @@ function getDeptTree() {
|
|
|
});
|
|
|
};
|
|
|
|
|
|
-/** 过滤禁用的部门 */
|
|
|
+/** 过滤禁用的区县 */
|
|
|
function filterDisabledDept(deptList) {
|
|
|
return deptList.filter(dept => {
|
|
|
if (dept.disabled) {
|
