Your Name
2022-07-13 656696be4b70513e94f1341db8d1c2d3f43b3e6d
src/views/system/role/index.vue
@@ -18,15 +18,15 @@
         </div>
         <el-table :data="tableData.data" style="width: 100%">
            <el-table-column type="index" label="序号" width="60" />
            <el-table-column prop="name" label="角色名称" show-overflow-tooltip></el-table-column>
            <el-table-column prop="code" label="角色标识" show-overflow-tooltip></el-table-column>
            <el-table-column prop="info" label="角色描述" show-overflow-tooltip></el-table-column>
            <el-table-column prop="roleName" label="角色名称" show-overflow-tooltip></el-table-column>
            <el-table-column prop="roleCode" label="角色标识" show-overflow-tooltip></el-table-column>
            <el-table-column prop="roleInfo" label="角色描述" show-overflow-tooltip></el-table-column>
            <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column>
            <el-table-column label="操作" width="150">
               <template #default="scope">
                  <el-button size="small" text type="primary" @click="onOpenDialogRef('新增','')">新增</el-button>
                  <el-button size="small" text type="primary" @click="onOpenDialogRef('修改',scope.row)">修改</el-button>
                  <el-button size="small" text type="primary" @click="onTabelRowDel(scope.row)">删除</el-button>
                  <el-button size="small" text type="primary" @click="onRowDel(scope.row)">删除</el-button>
               </template>
            </el-table-column>
         </el-table>
@@ -40,10 +40,13 @@
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";
// 定义接口来定义对象的类型
interface TableData {
   roleName: string;
    roleName: string;
   roleSign: string;
   describe: string;
   sort: number;
@@ -100,9 +103,22 @@
            confirmButtonText: '确认',
            cancelButtonText: '取消',
            type: 'warning',
         }).then(() => {
               ElMessage.success('删除成功');
         }).catch(() => {});
         }).then(async () => {
                let res = await useRoleApi().deleteRole({roleId:row.roleId})
                if(res.data.code ==='200'){
                    ElMessage({
                        type:'success',
                        duration:2000,
                        message:'删除成功'
                    })
                    await initRoleTableData()
                }else{
                    ElMessage({
                        type:'warning',
                        message:res.data.msg
                    })
                }
            }).catch(() => {});
      };
      const handleSearch = () => {
         initRoleTableData()