设备、场所、部门接口

马宇豪

2023-03-29 2d561150b91a9789d31678af14dd4840bbb56576

 src/views/system/department/index.vue

@@ -3,12 +3,12 @@
        <el-card shadow="hover">
            <div class="system-dept-search mb15">
                <!--                <el-input size="default" placeholder="请输入部门名称" style="max-width: 180px"> </el-input>-->
                <el-button size="default" type="primary" class="ml10">
                    <el-icon>
                        <ele-Search />
                    </el-icon>
                    查询
                </el-button>
<!--                <el-button size="default" type="primary" class="ml10">-->
<!--                    <el-icon>-->
<!--                        <ele-Search />-->
<!--                    </el-icon>-->
<!--                    查询-->
<!--                </el-button>-->
                <el-button size="default" type="success" class="ml10" @click="onOpenDeptDialog('新增', '')">
                    <el-icon>
                        <ele-FolderAdd />
@@ -16,12 +16,12 @@
                    新增部门
                </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="id" :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 prop="info" 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>
                        <el-button size="small" text type="primary" @click="onOpenDeptDialog('新增', scope.row)">新增</el-button>
                        <el-button size="small" text type="primary" @click="onOpenDeptDialog('修改', scope.row)">修改</el-button>
                        <el-button size="small" style="color: red" text type="primary" @click="onTabelRowDel(scope.row)">删除</el-button>
                    </template>
@@ -46,6 +46,7 @@
    parentId: number;
    info: string;
    depId: number;
    hasChildren?: boolean
    children?: TableDataRow[];
}
interface TableDataState {
@@ -70,8 +71,8 @@
        });
        // 初始化表格数据
        const initTableData = async () => {
            let res = await departmentApi().getDepartmentList();
            if (res.data.code === '200') {
            let res = await departmentApi().getDepartmentList()
            if (res.data.code === 100) {
                state.tableData.data = res.data.data;
                state.tableData.total = state.tableData.data.length;
            } else {
@@ -87,14 +88,14 @@
        };
        // 删除当前行
        const onTabelRowDel = (row: TableDataRow) => {
            ElMessageBox.confirm(`此操作将永久删除部门：${row.depId}, 是否继续?`, '提示', {
            ElMessageBox.confirm(`此操作将永久删除部门：${row.depName}, 是否继续?`, '提示', {
                confirmButtonText: '删除',
                cancelButtonText: '取消',
                type: 'warning'
            })
                .then(async () => {
                    let res = await departmentApi().deleteDepartment({ depId: row.depId });
                    if (res.data.code === '200') {
                    let res = await departmentApi().deleteDepartment({ id: row.id });
                    if (res.data.code === 100) {
                        ElMessage({
                            type: 'success',
                            duration: 2000,