登录跳转首页

Your Name

2022-07-13 656696be4b70513e94f1341db8d1c2d3f43b3e6d

 src/views/system/department/index.vue

@@ -19,11 +19,11 @@
         <el-table
            :data="tableData.data"
            style="width: 100%"
            row-key="id"
            row-key="depId"
            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
         >
            <el-table-column prop="name" label="部门名称" show-overflow-tooltip> </el-table-column>
            <el-table-column prop="info" label="部门描述" show-overflow-tooltip></el-table-column>
            <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">
               <template #default="scope">
                  <el-button size="small" text type="primary" @click="onOpenDeptDialog('新增','')">新增</el-button>
@@ -42,6 +42,7 @@
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";

// 定义接口来定义对象的类型
interface TableDataRow {
@@ -49,7 +50,7 @@
   status: boolean;
   parentId: number;
   info: string;
   id: number;
    depId: number;
   children?: TableDataRow[];
}
interface TableDataState {
@@ -91,12 +92,25 @@
      };
      // 删除当前行
      const onTabelRowDel = (row: TableDataRow) => {
         ElMessageBox.confirm(`此操作将永久删除部门：${row.id}, 是否继续?`, '提示', {
         ElMessageBox.confirm(`此操作将永久删除部门：${row.depId}, 是否继续?`, '提示', {
            confirmButtonText: '删除',
            cancelButtonText: '取消',
            type: 'warning',
         }).then(() => {
               ElMessage.success('删除成功');
         }).then(async () => {
                let res = await departmentApi().deleteDepartment({depId:row.depId})
                if(res.data.code ==='200'){
                    ElMessage({
                        type:'success',
                        duration:2000,
                        message:'删除成功'
                    })
                    await initTableData()
                }else{
                    ElMessage({
                        type:'warning',
                        message:res.data.msg
                    })
                }
         }).catch(() => {});
      };
      // 页面加载时