|
|
|
@ -95,6 +95,7 @@
|
|
|
|
|
:config="employeeConfig"
|
|
|
|
|
:data="employeeList"
|
|
|
|
|
:operation="['search']"
|
|
|
|
|
:reset="handleResetEmployee"
|
|
|
|
|
@search="handleSearchEmployee"
|
|
|
|
|
>
|
|
|
|
|
<template #search>
|
|
|
|
@ -234,9 +235,15 @@
|
|
|
|
|
proxy.$message.error('请先选择部门');
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
const handleResetEmployee = () => {
|
|
|
|
|
state.condition2.employeeName = '';
|
|
|
|
|
state.condition2.userName = '';
|
|
|
|
|
state.condition2.phone = '';
|
|
|
|
|
};
|
|
|
|
|
watch(
|
|
|
|
|
() => state.condition2,
|
|
|
|
|
(value) => {
|
|
|
|
|
console.log(value, 'xxxxxx');
|
|
|
|
|
let search = value?.departmentId && value?.departmentId !== store.state.deptEmployee.condition.departmentId;
|
|
|
|
|
store.commit('deptEmployee/setCondition', _.cloneDeep(value));
|
|
|
|
|
if (search) {
|
|
|
|
@ -285,7 +292,9 @@
|
|
|
|
|
label: '状态',
|
|
|
|
|
width: 160,
|
|
|
|
|
slots: {
|
|
|
|
|
default: ({ row }) => <ElSwitch v-model={row.isEnable} />,
|
|
|
|
|
default: ({ row }) => (
|
|
|
|
|
<ElSwitch v-model={row.isEnable} onClick={() => handleEmployeeEnabled(row)} />
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
@ -416,6 +425,13 @@
|
|
|
|
|
const handleEnabled = (row) => {
|
|
|
|
|
store.dispatch('dept/enable', row);
|
|
|
|
|
};
|
|
|
|
|
const handleEmployeeEnabled = (row) => {
|
|
|
|
|
const data = {
|
|
|
|
|
id: row.id,
|
|
|
|
|
isEnable: row.isEnable,
|
|
|
|
|
};
|
|
|
|
|
store.dispatch('employee/save', data);
|
|
|
|
|
};
|
|
|
|
|
const handleDelete = (row) => {
|
|
|
|
|
store.dispatch('dept/remove', [row.id]);
|
|
|
|
|
};
|
|
|
|
@ -454,6 +470,7 @@
|
|
|
|
|
}
|
|
|
|
|
.aside-body {
|
|
|
|
|
:deep(.el-tree) {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
.flex {
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|