|
|
|
@ -6,8 +6,8 @@ |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="20" :xs="24"> |
|
|
|
<el-col :span="20" :xs="24"> |
|
|
|
<!-- 搜索 --> |
|
|
|
<!-- 搜索 --> |
|
|
|
<el-form :model="queryParams" ref="queryFormRef" inline label-width="0"> |
|
|
|
<el-form :model="queryParams" ref="queryFormRef" inline label-width="68px"> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item label="姓名" prop="nickname"> |
|
|
|
<el-input |
|
|
|
<el-input |
|
|
|
v-model="queryParams.nickname" |
|
|
|
v-model="queryParams.nickname" |
|
|
|
placeholder="请输入姓名" |
|
|
|
placeholder="请输入姓名" |
|
|
|
@ -16,7 +16,7 @@ |
|
|
|
class="!w-240px" |
|
|
|
class="!w-240px" |
|
|
|
/> |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item label="手机号码" prop="mobile"> |
|
|
|
<el-input |
|
|
|
<el-input |
|
|
|
v-model="queryParams.mobile" |
|
|
|
v-model="queryParams.mobile" |
|
|
|
placeholder="请输入手机号码" |
|
|
|
placeholder="请输入手机号码" |
|
|
|
@ -25,12 +25,6 @@ |
|
|
|
class="!w-240px" |
|
|
|
class="!w-240px" |
|
|
|
/> |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
|
|
|
|
<el-radio-group v-model="queryParams.status" @change="handleQuery"> |
|
|
|
|
|
|
|
<el-radio :label="0"> 在职 </el-radio> |
|
|
|
|
|
|
|
<el-radio :label="1"> 离职 </el-radio> |
|
|
|
|
|
|
|
</el-radio-group> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button @click="handleQuery" v-hasPermi="['basic:employee:search']">搜索</el-button> |
|
|
|
<el-button @click="handleQuery" v-hasPermi="['basic:employee:search']">搜索</el-button> |
|
|
|
<el-button @click="resetQuery" v-hasPermi="['basic:employee:reset']">重置</el-button> |
|
|
|
<el-button @click="resetQuery" v-hasPermi="['basic:employee:reset']">重置</el-button> |
|
|
|
@ -50,14 +44,12 @@ |
|
|
|
<el-table-column label="用户姓名" prop="nickname" /> |
|
|
|
<el-table-column label="用户姓名" prop="nickname" /> |
|
|
|
<el-table-column label="部门" key="deptName" prop="deptName" /> |
|
|
|
<el-table-column label="部门" key="deptName" prop="deptName" /> |
|
|
|
<el-table-column label="手机号码" prop="mobile" width="120" /> |
|
|
|
<el-table-column label="手机号码" prop="mobile" width="120" /> |
|
|
|
<el-table-column label="状态" key="status" width="180"> |
|
|
|
<el-table-column label="状态" key="status"> |
|
|
|
<template #default="scope"> |
|
|
|
<template #default="scope"> |
|
|
|
<el-switch |
|
|
|
<el-switch |
|
|
|
v-model="scope.row.status" |
|
|
|
v-model="scope.row.status" |
|
|
|
:active-value="0" |
|
|
|
:active-value="0" |
|
|
|
:inactive-value="1" |
|
|
|
:inactive-value="1" |
|
|
|
active-text="在职" |
|
|
|
|
|
|
|
inactive-text="离职" |
|
|
|
|
|
|
|
v-hasPermi="['basic:employee:update']" |
|
|
|
v-hasPermi="['basic:employee:update']" |
|
|
|
@change="handleStatusChange(scope.row)" |
|
|
|
@change="handleStatusChange(scope.row)" |
|
|
|
/> |
|
|
|
/> |
|
|
|
@ -69,7 +61,7 @@ |
|
|
|
width="180" |
|
|
|
width="180" |
|
|
|
:formatter="dateFormatter" |
|
|
|
:formatter="dateFormatter" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<el-table-column label="操作" width="200"> |
|
|
|
<el-table-column label="操作" width="260"> |
|
|
|
<template #default="scope"> |
|
|
|
<template #default="scope"> |
|
|
|
<el-button |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
type="primary" |
|
|
|
@ -122,14 +114,13 @@ const { t } = useI18n() // 国际化 |
|
|
|
const loading = ref(true) // 列表的加载中 |
|
|
|
const loading = ref(true) // 列表的加载中 |
|
|
|
const total = ref(0) // 列表的总页数 |
|
|
|
const total = ref(0) // 列表的总页数 |
|
|
|
const list = ref([]) // 列表的数 |
|
|
|
const list = ref([]) // 列表的数 |
|
|
|
const queryParams = ref({ |
|
|
|
const queryParams = reactive({ |
|
|
|
pageNo: 1, |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 20, |
|
|
|
pageSize: 10, |
|
|
|
username: undefined, |
|
|
|
username: undefined, |
|
|
|
nickname: undefined, |
|
|
|
nickname: undefined, |
|
|
|
mobile: undefined, |
|
|
|
mobile: undefined, |
|
|
|
deptId: undefined, |
|
|
|
deptId: undefined |
|
|
|
status: undefined |
|
|
|
|
|
|
|
}) |
|
|
|
}) |
|
|
|
const queryFormRef = ref() // 搜索的表单 |
|
|
|
const queryFormRef = ref() // 搜索的表单 |
|
|
|
|
|
|
|
|
|
|
|
@ -137,7 +128,7 @@ const queryFormRef = ref() // 搜索的表单 |
|
|
|
const getList = async () => { |
|
|
|
const getList = async () => { |
|
|
|
loading.value = true |
|
|
|
loading.value = true |
|
|
|
try { |
|
|
|
try { |
|
|
|
const data = await UserApi.getUserPage(queryParams.value) |
|
|
|
const data = await UserApi.getUserPage(queryParams) |
|
|
|
list.value = data.list |
|
|
|
list.value = data.list |
|
|
|
total.value = data.total |
|
|
|
total.value = data.total |
|
|
|
} finally { |
|
|
|
} finally { |
|
|
|
@ -147,28 +138,19 @@ const getList = async () => { |
|
|
|
|
|
|
|
|
|
|
|
/** 搜索按钮操作 */ |
|
|
|
/** 搜索按钮操作 */ |
|
|
|
const handleQuery = () => { |
|
|
|
const handleQuery = () => { |
|
|
|
queryParams.value.pageNo = 1 |
|
|
|
queryParams.pageNo = 1 |
|
|
|
getList() |
|
|
|
getList() |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/** 重置按钮操作 */ |
|
|
|
/** 重置按钮操作 */ |
|
|
|
const resetQuery = () => { |
|
|
|
const resetQuery = () => { |
|
|
|
queryFormRef.value?.resetFields() |
|
|
|
queryFormRef.value?.resetFields() |
|
|
|
queryParams.value = { |
|
|
|
|
|
|
|
pageNo: 1, |
|
|
|
|
|
|
|
pageSize: 20, |
|
|
|
|
|
|
|
username: undefined, |
|
|
|
|
|
|
|
nickname: undefined, |
|
|
|
|
|
|
|
mobile: undefined, |
|
|
|
|
|
|
|
deptId: undefined, |
|
|
|
|
|
|
|
status: undefined |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
handleQuery() |
|
|
|
handleQuery() |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/** 处理部门被点击 */ |
|
|
|
/** 处理部门被点击 */ |
|
|
|
const handleDeptNodeClick = async (row) => { |
|
|
|
const handleDeptNodeClick = async (row) => { |
|
|
|
queryParams.value.deptId = row.id |
|
|
|
queryParams.deptId = row.id |
|
|
|
await getList() |
|
|
|
await getList() |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
