| | |
| | | import { toRefs, reactive, onMounted, ref, defineComponent } from 'vue'; |
| | | import { ElMessageBox, ElMessage } from 'element-plus'; |
| | | import roleDialog from '/@/views/system/role/component/roleDialog.vue'; |
| | | import {useRoleApi} from "/@/api/role"; |
| | | import {useMenuApi} from "/@/api/menu"; |
| | | import {Session} from "/@/utils/storage"; |
| | | import {initBackEndControlRoutes} from "/@/router/backEnd"; |
| | | import { useRoleApi } from '/@/api/systemManage/role'; |
| | | import { useMenuApi } from '/@/api/systemManage/menu'; |
| | | import { Session } from '/@/utils/storage'; |
| | | import { initBackEndControlRoutes } from '/@/router/backEnd'; |
| | | |
| | | // 定义接口来定义对象的类型 |
| | | interface TableData { |
| | |
| | | loading: false, |
| | | param: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | }, |
| | | }, |
| | | pageSize: 10 |
| | | } |
| | | } |
| | | }); |
| | | // 初始化表格数据 |
| | | const initRoleTableData = async () => { |
| | | let res = await useRoleApi().getRoleList() |
| | | let res = await useRoleApi().getRoleList(); |
| | | if(res.data.code === '200'){ |
| | | state.tableData.data = res.data.data; |
| | | }else{ |
| | | ElMessage({ |
| | | type:'warning', |
| | | message:res.data.msg |
| | | }) |
| | | }); |
| | | } |
| | | }; |
| | | // 打开新增角色弹窗 |
| | |
| | | ElMessageBox.confirm(`此操作将永久删除角色名称:“${row.roleName}”,是否继续?`, '提示', { |
| | | confirmButtonText: '确认', |
| | | cancelButtonText: '取消', |
| | | type: 'warning', |
| | | }).then(async () => { |
| | | let res = await useRoleApi().deleteRole({roleId:row.roleId}) |
| | | type: 'warning' |
| | | }) |
| | | .then(async () => { |
| | | let res = await useRoleApi().deleteRole({ roleId: row.roleId }); |
| | | if(res.data.code ==='200'){ |
| | | ElMessage({ |
| | | type:'success', |
| | | duration:2000, |
| | | message:'删除成功' |
| | | }) |
| | | await initRoleTableData() |
| | | }); |
| | | await initRoleTableData(); |
| | | }else{ |
| | | ElMessage({ |
| | | type:'warning', |
| | | message:res.data.msg |
| | | }) |
| | | }); |
| | | } |
| | | }).catch(() => {}); |
| | | }) |
| | | .catch(() => {}); |
| | | }; |
| | | const handleSearch = () => { |
| | | initRoleTableData() |
| | | } |
| | | initRoleTableData(); |
| | | }; |
| | | // 分页改变 |
| | | const onHandleSizeChange = (val: number) => { |
| | | state.tableData.param.pageSize = val; |
| | |
| | | initRoleTableData, |
| | | onHandleSizeChange, |
| | | onHandleCurrentChange, |
| | | ...toRefs(state), |
| | | ...toRefs(state) |
| | | }; |
| | | }, |
| | | } |
| | | }); |
| | | </script> |