Bläddra i källkod

fix: 修改组织管理启用禁用

qindao 1 år sedan
förälder
incheckning
d14c58f675
3 ändrade filer med 27 tillägg och 33 borttagningar
  1. 2 2
      src/types/dept/type.ts
  2. 23 26
      src/views/auth/dept/CreateDrawer.vue
  3. 2 5
      src/views/auth/dept/dept.vue

+ 2 - 2
src/types/dept/type.ts

@@ -1,4 +1,4 @@
-import { id } from "element-plus/es/locale"
+import { IS_DISABLED } from "@/types/common/constants"
 
 /* V4: 部门树结构 */
 export interface DeptTreeItem {
@@ -6,7 +6,7 @@ export interface DeptTreeItem {
   deptName: string, // 部门名称
   parentId: number | null, // 上级部门 id
   orderNum: number | undefined, // 排序
-  isDisabled: boolean | number, // 状态: 0-启用, 1-禁用
+  isDisabled: IS_DISABLED, // 状态: 0-启用, 1-禁用
   createdBy: number, // 创建人
   updatedBy: number, // 更新人
   createdAt: string, // 创建时间

+ 23 - 26
src/views/auth/dept/CreateDrawer.vue

@@ -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,

+ 2 - 5
src/views/auth/dept/dept.vue

@@ -44,6 +44,7 @@
       :title="drawerTitle"
       :deptList="tableData"
       :data-source="currentDept"
+      :width="450"
       @change="reloadTable"
       v-else
     />
@@ -54,7 +55,7 @@
   import { h, reactive, ref } from 'vue';
   import { ElMessage } from 'element-plus';
   import { BasicTable, TableAction, BasicColumn } from '@/components/Table';
-  import { deptTreeList, deleteDept, getAllDepartments , deleteDepartments} from '@/api/auth/dept';
+  import { getAllDepartments , deleteDepartments} from '@/api/auth/dept';
   import { FileAddOutlined } from '@vicons/antd';
   import CreateDrawer from './CreateDrawer.vue';
   import CreateDrawer_shangfei from './CreateDrawer-shangfei.vue';
@@ -86,10 +87,6 @@
     tenantId: 0
   });
 
-  const params = reactive({
-    deptName: '',
-  });
-
   const actionColumn: BasicColumn = reactive({
     width: 150,
     title: '操作',