|
|
@@ -23,10 +23,7 @@
|
|
|
<el-input-number placeholder="请输入排序" v-model="formParams.orderNum" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="状态" prop="isDisabled">
|
|
|
- <el-switch v-model="formParams.isDisabled">
|
|
|
- <template #checked> 启用 </template>
|
|
|
- <template #unchecked> 禁用 </template>
|
|
|
- </el-switch>
|
|
|
+ <el-switch v-model="formParams.isDisabled" :active-value="1" :inactive-value="0" />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
@@ -43,11 +40,22 @@
|
|
|
import { ref, computed, watch } from 'vue';
|
|
|
import { ElMessage } from 'element-plus';
|
|
|
import type { editDeptProps } from '@/types/dept/type';
|
|
|
- import { deptInfo, updateDepartments, saveDept } from '@/api/auth/dept';
|
|
|
+ import { deptInfo, updateDepartments, saveDept } from '@/api/auth/dept';
|
|
|
import { replaceParams } from '@/utils/helper/treeHelper';
|
|
|
- import { IS_DISABLED } from '@/types/scene/constant';
|
|
|
+ import { IS_DISABLED } from '@/types/common/constants';
|
|
|
import { DeptTreeItem } from '@/types/dept/type';
|
|
|
-
|
|
|
+
|
|
|
+ interface Props {
|
|
|
+ title: string;
|
|
|
+ width: number;
|
|
|
+ deptList: Array<DeptTreeItem>;
|
|
|
+ dataSource: DeptTreeItem;
|
|
|
+ }
|
|
|
+ const emit = defineEmits(['change']);
|
|
|
+ const props = withDefaults(defineProps<Props>(), {
|
|
|
+ title: '添加部门',
|
|
|
+ width: 450,
|
|
|
+ });
|
|
|
const rules = {
|
|
|
deptName: {
|
|
|
required: true,
|
|
|
@@ -55,20 +63,10 @@
|
|
|
trigger: 'blur',
|
|
|
},
|
|
|
};
|
|
|
-
|
|
|
- const emit = defineEmits(['change']);
|
|
|
- const props = withDefaults(
|
|
|
- defineProps<{ title: string; width: number; deptList: Array<DeptTreeItem>; dataSource: DeptTreeItem; }>(),
|
|
|
- {
|
|
|
- title: '添加部门',
|
|
|
- width: 450,
|
|
|
- },
|
|
|
- );
|
|
|
-
|
|
|
const defaultValueRef = () => ({
|
|
|
id: null,
|
|
|
parentId: null,
|
|
|
- isDisabled: true,
|
|
|
+ isDisabled: 1,
|
|
|
deptName: '',
|
|
|
orderNum: undefined,
|
|
|
});
|
|
|
@@ -110,7 +108,7 @@
|
|
|
}
|
|
|
const msg = formParams.value.id ? '编辑成功' : '添加成功';
|
|
|
const params = { ...formParams.value };
|
|
|
- params.isDisabled = formParams.value.isDisabled ? IS_DISABLED.FALSE : IS_DISABLED.TRUE;
|
|
|
+ params.isDisabled = formParams.value.isDisabled ? IS_DISABLED.YES : IS_DISABLED.NO;
|
|
|
if (formParams.value.id) {
|
|
|
updateDepartments(params).then(() => {
|
|
|
message.success(msg);
|
|
|
@@ -119,7 +117,7 @@
|
|
|
closeDrawer();
|
|
|
});
|
|
|
} else {
|
|
|
- delete params.id
|
|
|
+ delete params.id;
|
|
|
saveDept(params).then(() => {
|
|
|
message.success(msg);
|
|
|
emit('change');
|
|
|
@@ -154,17 +152,16 @@
|
|
|
(value) => {
|
|
|
if (value) {
|
|
|
Object.entries(value).forEach(([key, value]) => {
|
|
|
- if (['id', 'parentId', 'deptName', 'orderNum'].includes(key)) {
|
|
|
+ if (['id', 'parentId', 'deptName', 'orderNum', 'isDisabled'].includes(key)) {
|
|
|
formParams.value[key] = value;
|
|
|
}
|
|
|
- })
|
|
|
- formParams.value.isDisabled = value?.isDisabled === IS_DISABLED.FALSE ? true : false;
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
- immediate: true
|
|
|
- }
|
|
|
- )
|
|
|
+ immediate: true,
|
|
|
+ },
|
|
|
+ );
|
|
|
|
|
|
defineExpose({
|
|
|
openDrawer,
|