| | |
| | | 新增部门 |
| | | </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"> |
| | |
| | | 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 { |
| | |
| | | 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 |
| | | }) |
| | | }); |
| | | } |
| | | }; |
| | | // 打开新增菜单弹窗 |
| | |
| | | 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(() => { |
| | |
| | | initTableData, |
| | | onOpenDeptDialog, |
| | | onTabelRowDel, |
| | | ...toRefs(state), |
| | | ...toRefs(state) |
| | | }; |
| | | }, |
| | | } |
| | | }); |
| | | </script> |