增加用户管理和区域管理部分的按钮权限和列表权限

src/views/system/manage/org/index.vue

@@ -20,7 +20,7 @@
 							</el-icon>
 							查询
 						</el-button>
-						<el-button size="default" type="success" class="ml10" @click="onOpenAddDept">
+						<el-button size="default" type="success" class="ml10" @click="onOpenAddDept" v-auth="'add'">
 							<el-icon>
 								<ele-FolderAdd />
 							</el-icon>
@@ -29,29 +29,22 @@
 					</el-form-item>
 				</el-form>
 			</div>
-			<el-table
-				:data="tableData.data"
-				style="width: 100%"
-				default-expand-all
-				row-key="id"
-				:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-				v-loading="tableData.loading"
-			>
-				<el-table-column prop="name" label="组织名称" show-overflow-tooltip> </el-table-column>
-				<el-table-column prop="number" label="组织编号" show-overflow-tooltip> </el-table-column>
-				<el-table-column prop="status" label="组织状态" align="center" min-width="120">
+			<el-table :data="tableData.data" style="width: 100%" default-expand-all row-key="id" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="tableData.loading">
+				<el-table-column prop="name" label="组织名称" show-overflow-tooltip v-col="'name'"> </el-table-column>
+				<el-table-column prop="number" label="组织编号" show-overflow-tooltip v-col="'number'"> </el-table-column>
+				<el-table-column prop="status" label="组织状态" align="center" min-width="120" v-col="'status'">
 					<template #default="scope">
 						<el-tag type="success" size="small" v-if="scope.row.status === 1">启用</el-tag>
 						<el-tag type="info" size="small" v-else>禁用</el-tag>
 					</template>
 				</el-table-column>
-				<el-table-column prop="orderNum" label="排序" align="center" min-width="120"></el-table-column>
-				<el-table-column prop="createdAt" label="创建时间" align="center" min-width="180"></el-table-column>
+				<el-table-column prop="orderNum" label="排序" align="center" min-width="120" v-col="'orderNum'"></el-table-column>
+				<el-table-column prop="createdAt" label="创建时间" align="center" min-width="180" v-col="'createdAt'"></el-table-column>
 				<el-table-column label="操作" align="center" width="140">
 					<template #default="scope">
-						<el-button size="small" type="text" @click="onOpenAddDept(scope.row)">新增</el-button>
-						<el-button size="small" text type="warning" @click="onOpenEditDept(scope.row)">修改</el-button>
-						<el-button size="small" text type="danger" @click="onTabelRowDel(scope.row)">删除</el-button>
+						<el-button size="small" type="text" @click="onOpenAddDept(scope.row)" v-auth="'add'">新增</el-button>
+						<el-button size="small" text type="warning" @click="onOpenEditDept(scope.row)" v-auth="'edit'">修改</el-button>
+						<el-button size="small" text type="danger" @click="onTabelRowDel(scope.row)" v-auth="'del'">删除</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -138,7 +131,7 @@ export default defineComponent({
 						deptList();
 					});
 				})
-				.catch(() => {});
+				.catch(() => { });
 		};
 		// 页面加载时
 		onMounted(() => {

src/views/system/manage/user/index.vue

@@ -61,19 +61,18 @@
 					<el-table :data="tableData.data" style="width: 100%" v-loading="loading" @selection-change="handleSelectionChange">
 						<!-- <el-table-column type="selection" width="55" align="center" /> -->
 						<el-table-column type="index" label="序号" width="60" align="center" />
-						<el-table-column prop="userName" label="账户名称" min-width="120" show-overflow-tooltip></el-table-column>
+						<el-table-column prop="userName" label="账户名称" v-col="'userName'" min-width="120" show-overflow-tooltip></el-table-column>
 						<el-table-column prop="userNickname" label="用户昵称" v-col="'userNickname'" min-width="160" show-overflow-tooltip></el-table-column>
-						<el-table-column prop="dept.deptName" label="部门" show-overflow-tooltip></el-table-column>
-						<el-table-column label="角色" min-width="120" prop="rolesNames" :show-overflow-tooltip="true">
-						</el-table-column>
+						<el-table-column prop="dept.deptName" label="部门" v-col="'deptName'" show-overflow-tooltip></el-table-column>
+						<el-table-column label="角色" min-width="120" prop="rolesNames" v-col="'rolesNames'" :show-overflow-tooltip="true"></el-table-column>
 						<el-table-column prop="mobile" label="手机号" v-col="'mobile'" width="120" align="center"></el-table-column>
-						<el-table-column prop="status" label="用户状态" width="120" align="center">
+						<el-table-column prop="status" label="用户状态" width="120" v-col="'status'" align="center">
 							<template #default="scope">
 								<el-switch v-model="scope.row.status" :disabled="scope.row.id === 1" inline-prompt :active-value="1" :inactive-value="0" active-text="启" inactive-text="禁" @change="handleStatusChange(scope.row)">
 								</el-switch>
 							</template>
 						</el-table-column>
-						<el-table-column prop="createdAt" label="创建时间" width="180" align="center"></el-table-column>
+						<el-table-column prop="createdAt" label="创建时间" width="180" v-col="'createdAt'" align="center"></el-table-column>
 						<el-table-column label="操作" width="180" align="center" fixed="right">
 							<template #default="scope">
 								<!-- <el-button size="small" text type="warning" @click="onOpenEditUser(scope.row)" v-auths="['edit','del']">修改</el-button>