lct
Your Name
2022-08-02 33802d74d2720e86c406f5ca9531ac9435b9ddd2
src/views/system/department/index.vue
@@ -16,12 +16,7 @@
               新增部门
            </el-button>
         </div>
         <el-table
            :data="tableData.data"
            style="width: 100%"
            row-key="depId"
            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
         >
            <el-table :data="tableData.data" style="width: 100%" row-key="depId" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
            <el-table-column prop="depName" label="部门名称" show-overflow-tooltip> </el-table-column>
            <el-table-column prop="depInfo" label="部门描述" show-overflow-tooltip></el-table-column>
            <el-table-column label="操作" show-overflow-tooltip width="140">
@@ -41,8 +36,8 @@
import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue';
import { ElMessageBox, ElMessage } from 'element-plus';
import deptDialog from '/@/views/system/department/component/deptDialog.vue';
import {departmentApi} from "/@/api/department";
import {useRoleApi} from "/@/api/role";
import { departmentApi } from '/@/api/systemManage/department';
import { useRoleApi } from '/@/api/systemManage/role';
// 定义接口来定义对象的类型
interface TableDataRow {
@@ -70,20 +65,20 @@
         tableData: {
            data: [],
            total: 0,
            loading: false,
         },
                loading: false
            }
      });
      // 初始化表格数据
      const initTableData = async () => {
         let res = await departmentApi().getDepartmentList()
            let res = await departmentApi().getDepartmentList();
         if(res.data.code === '200'){
            state.tableData.data = res.data.data
                state.tableData.data = res.data.data;
            state.tableData.total = state.tableData.data.length;
         }else{
            ElMessage({
               type:'warning',
               message:res.data.msg
            })
                });
         }
      };
      // 打开新增菜单弹窗
@@ -95,23 +90,25 @@
         ElMessageBox.confirm(`此操作将永久删除部门:${row.depId}, 是否继续?`, '提示', {
            confirmButtonText: '删除',
            cancelButtonText: '取消',
            type: 'warning',
         }).then(async () => {
                let res = await departmentApi().deleteDepartment({depId:row.depId})
                type: 'warning'
            })
                .then(async () => {
                    let res = await departmentApi().deleteDepartment({ depId: row.depId });
                if(res.data.code ==='200'){
                    ElMessage({
                        type:'success',
                        duration:2000,
                        message:'删除成功'
                    })
                    await initTableData()
                        });
                        await initTableData();
                }else{
                    ElMessage({
                        type:'warning',
                        message:res.data.msg
                    })
                        });
                }
            }).catch(() => {});
                })
                .catch(() => {});
      };
      // 页面加载时
      onMounted(() => {
@@ -122,8 +119,8 @@
         initTableData,
         onOpenDeptDialog,
         onTabelRowDel,
         ...toRefs(state),
            ...toRefs(state)
      };
   },
    }
});
</script>