|
|
|
@ -16,16 +16,25 @@
|
|
|
|
|
:inline="true"
|
|
|
|
|
label-width="68px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="员工名称" prop="username">
|
|
|
|
|
<el-form-item label="工号" prop="username">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.username"
|
|
|
|
|
placeholder="请输入员工名称"
|
|
|
|
|
placeholder="请输入工号"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter="handleQuery"
|
|
|
|
|
class="!w-240px"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="手机号码" prop="mobile">
|
|
|
|
|
<el-form-item label="姓名" prop="nickname">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.nickname"
|
|
|
|
|
placeholder="请输入姓名"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter="handleQuery"
|
|
|
|
|
class="!w-240px"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="手机号码" prop="mobile">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.mobile"
|
|
|
|
|
placeholder="请输入手机号码"
|
|
|
|
@ -37,7 +46,7 @@
|
|
|
|
|
<el-form-item label="状态" prop="status">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="queryParams.status"
|
|
|
|
|
placeholder="员工状态"
|
|
|
|
|
placeholder="状态"
|
|
|
|
|
clearable
|
|
|
|
|
class="!w-240px"
|
|
|
|
|
>
|
|
|
|
@ -58,7 +67,7 @@
|
|
|
|
|
end-placeholder="结束日期"
|
|
|
|
|
class="!w-240px"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form-item>-->
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button @click="handleQuery"><Icon icon="ep:search" />搜索</el-button>
|
|
|
|
|
<el-button @click="resetQuery"><Icon icon="ep:refresh" />重置</el-button>
|
|
|
|
@ -70,7 +79,7 @@
|
|
|
|
|
>
|
|
|
|
|
<Icon icon="ep:plus" /> 新增
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
<!-- <el-button
|
|
|
|
|
type="warning"
|
|
|
|
|
plain
|
|
|
|
|
@click="handleImport"
|
|
|
|
@ -86,21 +95,21 @@
|
|
|
|
|
v-hasPermi="['system:user:export']"
|
|
|
|
|
>
|
|
|
|
|
<Icon icon="ep:download" />导出
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-button>-->
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</ContentWrap>
|
|
|
|
|
<ContentWrap>
|
|
|
|
|
<el-table v-loading="loading" :data="list">
|
|
|
|
|
<el-table-column label="员工编号" align="center" key="id" prop="id" />
|
|
|
|
|
<el-table-column label="序号" type="index" width="100" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="员工名称"
|
|
|
|
|
label="工号"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="username"
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="员工昵称"
|
|
|
|
|
label="姓名"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="nickname"
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
@ -187,9 +196,9 @@
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<!-- 添加或修改员工对话框 -->
|
|
|
|
|
<!-- 添加或修改对话框 -->
|
|
|
|
|
<UserForm ref="formRef" @success="getList" />
|
|
|
|
|
<!-- 员工导入对话框 -->
|
|
|
|
|
<!-- 导入对话框 -->
|
|
|
|
|
<UserImportForm ref="importFormRef" @success="getList" />
|
|
|
|
|
<!-- 分配角色 -->
|
|
|
|
|
<UserAssignRoleForm ref="assignRoleFormRef" @success="getList" />
|
|
|
|
@ -218,6 +227,7 @@ const queryParams = reactive({
|
|
|
|
|
pageNo: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
username: undefined,
|
|
|
|
|
nickname: undefined,
|
|
|
|
|
mobile: undefined,
|
|
|
|
|
status: undefined,
|
|
|
|
|
deptId: undefined,
|
|
|
|
@ -261,18 +271,18 @@ const openForm = (type: string, id?: number) => {
|
|
|
|
|
formRef.value.open(type, id)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** 员工导入 */
|
|
|
|
|
/** 导入 */
|
|
|
|
|
const importFormRef = ref()
|
|
|
|
|
const handleImport = () => {
|
|
|
|
|
importFormRef.value.open()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** 修改员工状态 */
|
|
|
|
|
/** 修改状态 */
|
|
|
|
|
const handleStatusChange = async (row: UserApi.UserVO) => {
|
|
|
|
|
try {
|
|
|
|
|
// 修改状态的二次确认
|
|
|
|
|
const text = row.status === CommonStatusEnum.ENABLE ? '启用' : '停用'
|
|
|
|
|
await message.confirm('确认要"' + text + '""' + row.username + '"员工吗?')
|
|
|
|
|
await message.confirm('确认要"' + text + '""' + row.username + '"吗?')
|
|
|
|
|
// 发起修改状态
|
|
|
|
|
await UserApi.updateUserStatus(row.id, row.status)
|
|
|
|
|
// 刷新列表
|
|
|
|
@ -293,7 +303,7 @@ const handleExport = async () => {
|
|
|
|
|
// 发起导出
|
|
|
|
|
exportLoading.value = true
|
|
|
|
|
const data = await UserApi.exportUser(queryParams)
|
|
|
|
|
download.excel(data, '员工数据.xls')
|
|
|
|
|
download.excel(data, '数据.xls')
|
|
|
|
|
} catch {
|
|
|
|
|
} finally {
|
|
|
|
|
exportLoading.value = false
|
|
|
|
|