数据权限

Yi.Framework.Net6/Yi.Framework.ApiMicroservice/Config/SwaggerDoc.xml

@@ -351,6 +351,12 @@
             <param name="isDel"></param>
             <returns></returns>
         </member>
+        <member name="M:Yi.Framework.ApiMicroservice.Controllers.RoleController.UpdateDataScpoce(Yi.Framework.DTOModel.RoleInfoDto)">
+             <summary>
+            更改角色数据权限
+             </summary>
+             <returns></returns>
+        </member>
         <member name="T:Yi.Framework.ApiMicroservice.Controllers.TestController">
             <summary>
             测试控制器

Yi.Framework.Net6/Yi.Framework.ApiMicroservice/Controllers/RoleController.cs

@@ -85,9 +85,16 @@ namespace Yi.Framework.ApiMicroservice.Controllers
         public async Task<Result> UpdateStatus(long roleId, bool isDel)
         {
             return Result.Success().SetData(await _iRoleService._repository.UpdateIgnoreNullAsync(new RoleEntity() { Id = roleId, IsDeleted = isDel }));
-
         }
 
-      
+        /// <summary>
+        ///更改角色数据权限
+        /// </summary>
+        /// <returns></returns>
+        [HttpPut]
+        public async Task<Result> UpdateDataScpoce(RoleInfoDto roleDto)
+        {
+            return Result.Success().SetStatus(await _iRoleService.UpdateDataScpoce(roleDto));
+        }
     }
 }

Yi.Framework.Net6/Yi.Framework.Interface/IRoleService.cs

@@ -52,5 +52,20 @@ namespace Yi.Framework.Interface
         /// <param name="roleDto"></param>
         /// <returns></returns>
         Task<bool> UpdateInfo(RoleInfoDto roleDto);
+
+        /// <summary>
+        /// 给角色设置部门
+        /// </summary>
+        /// <param name="roleIds"></param>
+        /// <param name="deptIds"></param>
+        /// <returns></returns>
+        Task<bool> GiveRoleSetDept(List<long> roleIds, List<long> deptIds);
+
+        /// <summary>
+        /// 更新角色数据权限
+        /// </summary>
+        /// <param name="roleDto"></param>
+        /// <returns></returns>
+        Task<bool> UpdateDataScpoce(RoleInfoDto roleDto);
     }
 }

Yi.Framework.Net6/Yi.Framework.Service/RoleService.cs

@@ -28,8 +28,6 @@ namespace Yi.Framework.Service
                 //遍历用户
                 foreach (var roleId in roleIds)
                 {
-                 
-
                     //添加新的关系
                     List<RoleMenuEntity> roleMenuEntity = new();
                     foreach (var menu in menuIds)
@@ -76,12 +74,46 @@ namespace Yi.Framework.Service
             return !0.Equals(res1) && res2;
         }
 
+        public async Task<bool> GiveRoleSetDept(List<long> roleIds,List<long> deptIds)
+        {
+            var _repositoryRoleDept = _repository.ChangeRepository<Repository<RoleDeptEntity>>();
+            //多次操作，需要事务确保原子性
+            return await _repositoryRoleDept.UseTranAsync(async () =>
+            {   //删除用户之前所有的用户角色关系（物理删除，没有恢复的必要）
+                await _repositoryRoleDept.DeleteAsync(u => roleIds.Contains((long)u.RoleId));
+
+                //遍历角色
+                foreach (var roleId in roleIds)
+                {
+                    //添加新的关系
+                    List<RoleDeptEntity> roleDeptEntity = new();
+                    foreach (var dept in deptIds)
+                    {
+                        roleDeptEntity.Add(new RoleDeptEntity() { RoleId = roleId, DeptId = dept });
+                    }
+
+                    //一次性批量添加
+                    await _repositoryRoleDept.InsertReturnSnowflakeIdAsync(roleDeptEntity);
+                }
+            });
+        }
 
         public async Task<bool> UpdateInfo(RoleInfoDto roleDto)
         {
             var res1 = await _repository.UpdateIgnoreNullAsync(roleDto.Role);
             var res2 = await GiveRoleSetMenu(new List<long> { roleDto.Role.Id }, roleDto.MenuIds);
-            return res1 && res2;
+            var res3 = await GiveRoleSetDept(new List<long> { roleDto.Role.Id }, roleDto.DeptIds);
+            return res1 && res2&& res3;
+        }
+
+        public async Task<bool> UpdateDataScpoce(RoleInfoDto roleDto)
+        {
+           var role= new RoleEntity();
+            role.Id = roleDto.Role.Id;
+            role.DataScope = roleDto.Role.DataScope;
+            var res1 = await _repository.UpdateIgnoreNullAsync(role);
+            var res3 = await GiveRoleSetDept(new List<long> { roleDto.Role.Id }, roleDto.DeptIds);
+            return res1 && res3;
         }
     }
 }

Yi.Vue3.X.RuoYi/src/api/system/role.js

@@ -40,7 +40,7 @@ export function updateRole(data) {
 // 角色数据权限
 export function dataScope(data) {
   return request({
-    url: '/system/role/dataScope',
+    url: '/role/UpdateDataScpoce',
     method: 'put',
     data: data
   })

Yi.Vue3.X.RuoYi/src/views/system/role/index.vue

@@ -1,58 +1,139 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryRef" v-show="showSearch" :inline="true">
+    <el-form
+      :model="queryParams"
+      ref="queryRef"
+      v-show="showSearch"
+      :inline="true"
+    >
       <el-form-item label="角色名称" prop="roleName">
-        <el-input v-model="queryParams.roleName" placeholder="请输入角色名称" clearable style="width: 240px"
+        <el-input
-          @keyup.enter="handleQuery" />
+          v-model="queryParams.roleName"
+          placeholder="请输入角色名称"
+          clearable
+          style="width: 240px"
+          @keyup.enter="handleQuery"
+        />
       </el-form-item>
       <el-form-item label="权限字符" prop="roleCode">
-        <el-input v-model="queryParams.roleCode" placeholder="请输入权限字符" clearable style="width: 240px"
+        <el-input
-          @keyup.enter="handleQuery" />
+          v-model="queryParams.roleCode"
+          placeholder="请输入权限字符"
+          clearable
+          style="width: 240px"
+          @keyup.enter="handleQuery"
+        />
       </el-form-item>
       <el-form-item label="状态" prop="isDeleted">
-        <el-select v-model="queryParams.isDeleted" placeholder="角色状态" clearable style="width: 240px">
+        <el-select
-          <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
+          v-model="queryParams.isDeleted"
+          placeholder="角色状态"
+          clearable
+          style="width: 240px"
+        >
+          <el-option
+            v-for="dict in sys_normal_disable"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
         </el-select>
       </el-form-item>
       <el-form-item label="创建时间" style="width: 308px">
-        <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
+        <el-date-picker
-          start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+          v-model="dateRange"
+          value-format="YYYY-MM-DD"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Search" @click="handleQuery"
+          >搜索</el-button
+        >
         <el-button icon="Refresh" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['system:role:add']">新增</el-button>
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="handleAdd"
+          v-hasPermi="['system:role:add']"
+          >新增</el-button
+        >
       </el-col>
       <el-col :span="1.5">
-        <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
+        <el-button
-          v-hasPermi="['system:role:edit']">修改</el-button>
+          type="success"
+          plain
+          icon="Edit"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['system:role:edit']"
+          >修改</el-button
+        >
       </el-col>
       <el-col :span="1.5">
-        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
+        <el-button
-          v-hasPermi="['system:role:remove']">删除</el-button>
+          type="danger"
+          plain
+          icon="Delete"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['system:role:remove']"
+          >删除</el-button
+        >
       </el-col>
       <el-col :span="1.5">
-        <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['system:role:export']">导出
+        <el-button
+          type="warning"
+          plain
+          icon="Download"
+          @click="handleExport"
+          v-hasPermi="['system:role:export']"
+          >导出
         </el-button>
       </el-col>
-      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        v-model:showSearch="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
 
     <!-- 表格数据 -->
-    <el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
+    <el-table
+      v-loading="loading"
+      :data="roleList"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="角色编号" prop="roleCode" width="120" />
-      <el-table-column label="角色名称" prop="roleName" :show-overflow-tooltip="true" width="150" />
+      <el-table-column
-      <el-table-column label="权限字符" prop="roleCode" :show-overflow-tooltip="true" width="150" />
+        label="角色名称"
+        prop="roleName"
+        :show-overflow-tooltip="true"
+        width="150"
+      />
+      <el-table-column
+        label="权限字符"
+        prop="roleCode"
+        :show-overflow-tooltip="true"
+        width="150"
+      />
       <el-table-column label="显示顺序" prop="orderNum" width="100" />
       <el-table-column label="状态" align="center" width="100">
         <template #default="scope">
-          <el-switch v-model="scope.row.isDeleted" :active-value=false :inactive-value=true
+          <el-switch
-            @change="handleStatusChange(scope.row)"></el-switch>
+            v-model="scope.row.isDeleted"
+            :active-value="false"
+            :inactive-value="true"
+            @change="handleStatusChange(scope.row)"
+          ></el-switch>
         </template>
       </el-table-column>
       <el-table-column label="创建时间" align="center" prop="createTime">
@@ -60,41 +141,93 @@
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
         <template #default="scope">
-          <el-tooltip content="修改" placement="top" v-if="scope.row.roleId !== 1">
+          <el-tooltip
-            <el-button type="text" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:role:edit']">
+            content="修改"
+            placement="top"
+            v-if="scope.row.roleId !== 1"
+          >
+            <el-button
+              type="text"
+              icon="Edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['system:role:edit']"
+            >
             </el-button>
           </el-tooltip>
-          <el-tooltip content="删除" placement="top" v-if="scope.row.roleId !== 1">
+          <el-tooltip
-            <el-button type="text" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:role:remove']">
+            content="删除"
+            placement="top"
+            v-if="scope.row.roleId !== 1"
+          >
+            <el-button
+              type="text"
+              icon="Delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['system:role:remove']"
+            >
             </el-button>
           </el-tooltip>
-          <el-tooltip content="数据权限" placement="top" v-if="scope.row.roleId !== 1">
+          <el-tooltip
-            <el-button type="text" icon="CircleCheck" @click="handleDataScope(scope.row)"
+            content="数据权限"
-              v-hasPermi="['system:role:edit']"></el-button>
+            placement="top"
+            v-if="scope.row.roleId !== 1"
+          >
+            <el-button
+              type="text"
+              icon="CircleCheck"
+              @click="handleDataScope(scope.row)"
+              v-hasPermi="['system:role:edit']"
+            ></el-button>
           </el-tooltip>
-          <el-tooltip content="分配用户" placement="top" v-if="scope.row.roleId !== 1">
+          <el-tooltip
-            <el-button type="text" icon="User" @click="handleAuthUser(scope.row)" v-hasPermi="['system:role:edit']">
+            content="分配用户"
+            placement="top"
+            v-if="scope.row.roleId !== 1"
+          >
+            <el-button
+              type="text"
+              icon="User"
+              @click="handleAuthUser(scope.row)"
+              v-hasPermi="['system:role:edit']"
+            >
             </el-button>
           </el-tooltip>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+    <pagination
-      v-model:limit="queryParams.pageSize" @pagination="getList" />
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
 
     <!-- 添加或修改角色配置对话框 -->
     <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-      <el-form ref="roleRef" :model="form.role" :rules="rules" label-width="100px">
+      <el-form
+        ref="roleRef"
+        :model="form.role"
+        :rules="rules"
+        label-width="100px"
+      >
         <el-form-item label="角色名称" prop="roleName">
           <el-input v-model="form.role.roleName" placeholder="请输入角色名称" />
         </el-form-item>
         <el-form-item prop="roleCode">
           <template #label>
             <span>
-              <el-tooltip content="控制器中定义的权限字符，如：@PreAuthorize(`@ss.hasRole('admin')`)" placement="top">
+              <el-tooltip
+                content="控制器中定义的权限字符，如：@PreAuthorize(`@ss.hasRole('admin')`)"
+                placement="top"
+              >
                 <el-icon>
                   <question-filled />
                 </el-icon>
@@ -105,24 +238,55 @@
           <el-input v-model="form.role.roleCode" placeholder="请输入权限字符" />
         </el-form-item>
         <el-form-item label="角色顺序" prop="orderNum">
-          <el-input-number v-model="form.role.orderNum" controls-position="right" :min="0" />
+          <el-input-number
+            v-model="form.role.orderNum"
+            controls-position="right"
+            :min="0"
+          />
         </el-form-item>
         <el-form-item label="状态">
           <el-radio-group v-model="form.role.isDeleted">
-            <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :label="JSON.parse(dict.value)">{{dict.label}}</el-radio>
+            <el-radio
+              v-for="dict in sys_normal_disable"
+              :key="dict.value"
+              :label="JSON.parse(dict.value)"
+              >{{ dict.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
         <el-form-item label="菜单权限">
-          <el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand($event, 'menu')">展开/折叠</el-checkbox>
+          <el-checkbox
-          <el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event, 'menu')">全选/全不选</el-checkbox>
+            v-model="menuExpand"
-          <el-checkbox v-model="form.role.menuCheckStrictly" @change="handleCheckedTreeConnect($event, 'menu')">父子联动
+            @change="handleCheckedTreeExpand($event, 'menu')"
+            >展开/折叠</el-checkbox
+          >
+          <el-checkbox
+            v-model="menuNodeAll"
+            @change="handleCheckedTreeNodeAll($event, 'menu')"
+            >全选/全不选</el-checkbox
+          >
+          <el-checkbox
+            v-model="form.role.menuCheckStrictly"
+            @change="handleCheckedTreeConnect($event, 'menu')"
+            >父子联动
           </el-checkbox>
-          <el-tree class="tree-border" :data="menuOptions" show-checkbox ref="menuRef" node-key="id"
+          <el-tree
-            :check-strictly="!form.role.menuCheckStrictly" empty-text="加载中，请稍候"
+            class="tree-border"
-            :props="{ label: 'label', children: 'children' }"></el-tree>
+            :data="menuOptions"
+            show-checkbox
+            ref="menuRef"
+            node-key="id"
+            :check-strictly="!form.role.menuCheckStrictly"
+            empty-text="加载中，请稍候"
+            :props="{ label: 'label', children: 'children' }"
+          ></el-tree>
         </el-form-item>
         <el-form-item label="备注">
-          <el-input v-model="form.role.remark" type="textarea" placeholder="请输入内容"></el-input>
+          <el-input
+            v-model="form.role.remark"
+            type="textarea"
+            placeholder="请输入内容"
+          ></el-input>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -134,28 +298,60 @@
     </el-dialog>
 
     <!-- 分配角色数据权限对话框 -->
-    <el-dialog :title="title" v-model="openDataScope" width="500px" append-to-body>
+    <el-dialog
+      :title="title"
+      v-model="openDataScope"
+      width="500px"
+      append-to-body
+    >
       <el-form :model="form" label-width="80px">
         <el-form-item label="角色名称">
-          <el-input v-model="form.roleName" :disabled="true" />
+          <el-input v-model="form.role.roleName" :disabled="true" />
         </el-form-item>
         <el-form-item label="权限字符">
-          <el-input v-model="form.roleCode" :disabled="true" />
+          <el-input v-model="form.role.roleCode" :disabled="true" />
         </el-form-item>
         <el-form-item label="权限范围">
-          <el-select v-model="form.dataScope" @change="dataScopeSelectChange">
+          <el-select
-            <el-option v-for="item in dataScopeOptions" :key="item.value" :label="item.label" :value="item.value">
+            v-model="form.role.dataScope"
+            @change="dataScopeSelectChange"
+          >
+            <el-option
+              v-for="item in dataScopeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="数据权限" v-show="form.dataScope == 1">
+        <el-form-item label="数据权限" v-show="form.role.dataScope == 1">
-          <el-checkbox v-model="deptExpand" @change="handleCheckedTreeExpand($event, 'dept')">展开/折叠</el-checkbox>
+          <el-checkbox
-          <el-checkbox v-model="deptNodeAll" @change="handleCheckedTreeNodeAll($event, 'dept')">全选/全不选</el-checkbox>
+            v-model="deptExpand"
-          <el-checkbox v-model="form.deptCheckStrictly" @change="handleCheckedTreeConnect($event, 'dept')">父子联动
+            @change="handleCheckedTreeExpand($event, 'dept')"
+            >展开/折叠</el-checkbox
+          >
+          <el-checkbox
+            v-model="deptNodeAll"
+            @change="handleCheckedTreeNodeAll($event, 'dept')"
+            >全选/全不选</el-checkbox
+          >
+          <el-checkbox
+            v-model="form.deptCheckStrictly"
+            @change="handleCheckedTreeConnect($event, 'dept')"
+            >父子联动
           </el-checkbox>
-          <el-tree class="tree-border" :data="deptOptions" show-checkbox default-expand-all ref="deptRef" node-key="id"
+          <el-tree
-            :check-strictly="!form.deptCheckStrictly" empty-text="加载中，请稍候"
+            class="tree-border"
-            :props="{ label: 'label', children: 'children' }"></el-tree>
+            :data="deptOptions"
+            show-checkbox
+            default-expand-all
+            ref="deptRef"
+            node-key="id"
+            :check-strictly="!form.deptCheckStrictly"
+            empty-text="加载中，请稍候"
+            :props="{ label: 'label', children: 'children' }"
+          ></el-tree>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -165,14 +361,25 @@
         </div>
       </template>
     </el-dialog>
-    
   </div>
 </template>
 
 <script setup name="Role">
-import { addRole, changeRoleStatus, dataScope, delRole, getRole, listRole, updateRole } from "@/api/system/role";
+import {
-import { roleMenuTreeselect, treeselect as menuTreeselect, listMenu } from "@/api/system/menu";
+  addRole,
-import { listDept,roleDeptTreeselect } from "@/api/system/dept";
+  changeRoleStatus,
+  dataScope,
+  delRole,
+  getRole,
+  listRole,
+  updateRole,
+} from "@/api/system/role";
+import {
+  roleMenuTreeselect,
+  treeselect as menuTreeselect,
+  listMenu,
+} from "@/api/system/menu";
+import { listDept, roleDeptTreeselect } from "@/api/system/dept";
 const router = useRouter();
 const { proxy } = getCurrentInstance();
 const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
@@ -203,7 +410,7 @@ const dataScopeOptions = ref([
   { value: 1, label: "自定数据权限" },
   { value: 2, label: "本部门数据权限" },
   { value: 3, label: "本部门及以下数据权限" },
-  { value: 4, label: "仅本人数据权限" }
+  { value: 4, label: "仅本人数据权限" },
 ]);
 
 const data = reactive({
@@ -213,12 +420,18 @@ const data = reactive({
     pageSize: 10,
     roleName: undefined,
     roleCode: undefined,
-    isDeleted: undefined
+    isDeleted: undefined,
   },
   rules: {
-    roleName: [{ required: true, message: "角色名称不能为空", trigger: "blur" }],
+    roleName: [
-    roleCode: [{ required: true, message: "权限字符不能为空", trigger: "blur" }],
+      { required: true, message: "角色名称不能为空", trigger: "blur" },
-    orderNum: [{ required: true, message: "角色顺序不能为空", trigger: "blur" }]
+    ],
+    roleCode: [
+      { required: true, message: "权限字符不能为空", trigger: "blur" },
+    ],
+    orderNum: [
+      { required: true, message: "角色顺序不能为空", trigger: "blur" },
+    ],
   },
 });
 
@@ -227,11 +440,13 @@ const { queryParams, form, rules } = toRefs(data);
 /** 查询角色列表 */
 function getList() {
   loading.value = true;
-  listRole(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
+  listRole(proxy.addDateRange(queryParams.value, dateRange.value)).then(
-    roleList.value = response.data.data;
+    (response) => {
-    total.value = response.data.total;
+      roleList.value = response.data.data;
-    loading.value = false;
+      total.value = response.data.total;
-  });
+      loading.value = false;
+    }
+  );
 }
 /** 搜索按钮操作 */
 function handleQuery() {
@@ -247,35 +462,47 @@ function resetQuery() {
 /** 删除按钮操作 */
 function handleDelete(row) {
   const roleIds = row.id || ids.value;
-  proxy.$modal.confirm('是否确认删除角色编号为"' + roleIds + '"的数据项?').then(function () {
+  proxy.$modal
-    return delRole(roleIds);
+    .confirm('是否确认删除角色编号为"' + roleIds + '"的数据项?')
-  }).then(() => {
+    .then(function () {
-    getList();
+      return delRole(roleIds);
-    proxy.$modal.msgSuccess("删除成功");
+    })
-  }).catch(() => { });
+    .then(() => {
+      getList();
+      proxy.$modal.msgSuccess("删除成功");
+    })
+    .catch(() => {});
 }
 /** 导出按钮操作 */
 function handleExport() {
-  proxy.download("system/role/export", {
+  proxy.download(
-    ...queryParams.value,
+    "system/role/export",
-  }, `role_${new Date().getTime()}.xlsx`);
+    {
+      ...queryParams.value,
+    },
+    `role_${new Date().getTime()}.xlsx`
+  );
 }
 /** 多选框选中数据 */
 function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.id);
+  ids.value = selection.map((item) => item.id);
   single.value = selection.length != 1;
   multiple.value = !selection.length;
 }
 /** 角色状态修改 */
 function handleStatusChange(row) {
   let text = row.isDeleted === false ? "启用" : "停用";
-  proxy.$modal.confirm('确认要"' + text + '""' + row.roleName + '"角色吗?').then(function () {
+  proxy.$modal
-    return changeRoleStatus(row.id, row.isDeleted);
+    .confirm('确认要"' + text + '""' + row.roleName + '"角色吗?')
-  }).then(() => {
+    .then(function () {
-    proxy.$modal.msgSuccess(text + "成功");
+      return changeRoleStatus(row.id, row.isDeleted);
-  }).catch(function () {
+    })
-    row.isDeleted = row.isDeleted === "0" ? "1" : "0";
+    .then(() => {
-  });
+      proxy.$modal.msgSuccess(text + "成功");
+    })
+    .catch(function () {
+      row.isDeleted = row.isDeleted === "0" ? "1" : "0";
+    });
 }
 /** 更多操作 */
 function handleCommand(command, row) {
@@ -296,13 +523,18 @@ function handleAuthUser(row) {
 }
 /** 查询菜单树结构 */
 function getMenuTreeselect() {
-  listMenu().then(response => {
+  listMenu().then((response) => {
     const options = [];
-    response.data.forEach(m => {
+    response.data.forEach((m) => {
-      options.push({ id: m.id, label: m.menuName, parentId: m.parentId, children: m.children })
+      options.push({
-    })
+        id: m.id,
+        label: m.menuName,
+        parentId: m.parentId,
+        children: m.children,
+      });
+    });
     menuOptions.value = proxy.handleTree(options);
-  })
+  });
 }
 /** 所有部门节点数据 */
 function getDeptAllCheckedKeys() {
@@ -332,12 +564,10 @@ function reset() {
       menuCheckStrictly: false,
       deptCheckStrictly: false,
       remark: undefined,
-      dataScope:0
+      dataScope: 0,
     },
     menuIds: [],
-    deptIds: []
+    deptIds: [],
-
-
   };
   proxy.resetForm("roleRef");
 }
@@ -353,7 +583,7 @@ function handleUpdate(row) {
   reset();
   const roleId = row.id || ids.value;
   getRoleMenuTreeselect(roleId);
-  getRole(roleId).then(response => {
+  getRole(roleId).then((response) => {
     form.value.role = response.data;
     form.value.role.orderNum = Number(form.value.role.orderNum);
     open.value = true;
@@ -366,149 +596,147 @@ function getRoleMenuTreeselect(roleId) {
   //2：获取全量菜单
   getMenuTreeselect();
 
-  roleMenuTreeselect(roleId).then(response => {
+  roleMenuTreeselect(roleId).then((response) => {
-
     const menuIds = [];
-    response.data.forEach(m => {
+    response.data.forEach((m) => {
-      menuIds.push(m.id)
+      menuIds.push(m.id);
-    })
+    });
-    menuIds.forEach((v) => {
+  
       nextTick(() => {
+        menuIds.forEach((v) => {
         menuRef.value.setChecked(v, true, false);
       });
 
       //这里是要一个当前用户已拥有的菜单的id
-    })
+    });
-
   });
-
+}
-  }
 /** 根据角色ID查询部门树结构 */
 function getDeptTree(roleId) {
-      return listDept().then(response => {
+  return listDept().then((response) => {
-    
+    const selectList = [];
-        const selectList = [];
+    response.data.forEach((res) => {
-      response.data.forEach(res => {
+      selectList.push({
-         selectList.push({ id: res.id, label: res.deptName, parentId: res.parentId, orderNum: res.orderNum, children: [] })
+        id: res.id,
-      }
+        label: res.deptName,
-
+        parentId: res.parentId,
-      )
+        orderNum: res.orderNum,
-      deptOptions.value = proxy.handleTree(selectList, "id");
+        children: [],
-
-      const deptIds=[];
-      roleDeptTreeselect(roleId).then(response=>{
-        response.data.forEach(d=>{
-
-          deptIds.push(d.id)
-        })
-      
-
-      })
-      nextTick(() => {
-              if (deptRef.value) {
-                deptRef.value.setCheckedKeys(deptIds);
-              }
-            });
       });
-    }
+    });
+    deptOptions.value = proxy.handleTree(selectList, "id");
+
+    const deptIds = [];
+    roleDeptTreeselect(roleId).then((response) => {
+
+      deptIds=  response.data.map((x) => x.id)
+    });
+
+    nextTick(() => {
+      if (deptRef.value) {
+        deptRef.value.setCheckedKeys(deptIds);
+      }
+     });
+  });
+}
 /** 树权限（展开/折叠）*/
 function handleCheckedTreeExpand(value, type) {
-      if (type == "menu") {
+  if (type == "menu") {
-        let treeList = menuOptions.value;
+    let treeList = menuOptions.value;
-        for (let i = 0; i < treeList.length; i++) {
+    for (let i = 0; i < treeList.length; i++) {
-          menuRef.value.store.nodesMap[treeList[i].id].expanded = value;
+      menuRef.value.store.nodesMap[treeList[i].id].expanded = value;
-        }
-      } else if (type == "dept") {
-        let treeList = deptOptions.value;
-        for (let i = 0; i < treeList.length; i++) {
-          deptRef.value.store.nodesMap[treeList[i].id].expanded = value;
-        }
-      }
     }
+  } else if (type == "dept") {
+    let treeList = deptOptions.value;
+    for (let i = 0; i < treeList.length; i++) {
+      deptRef.value.store.nodesMap[treeList[i].id].expanded = value;
+    }
+  }
+}
 /** 树权限（全选/全不选） */
 function handleCheckedTreeNodeAll(value, type) {
-      if (type == "menu") {
+  if (type == "menu") {
-        menuRef.value.setCheckedNodes(value ? menuOptions.value : []);
+    menuRef.value.setCheckedNodes(value ? menuOptions.value : []);
-      } else if (type == "dept") {
+  } else if (type == "dept") {
-        deptRef.value.setCheckedNodes(value ? deptOptions.value : []);
+    deptRef.value.setCheckedNodes(value ? deptOptions.value : []);
-      }
+  }
-    }
+}
 /** 树权限（父子联动） */
 function handleCheckedTreeConnect(value, type) {
-      if (type == "menu") {
+  if (type == "menu") {
-        form.value.menuCheckStrictly = value ? true : false;
+    form.value.menuCheckStrictly = value ? true : false;
-      } else if (type == "dept") {
+  } else if (type == "dept") {
-        form.value.deptCheckStrictly = value ? true : false;
+    form.value.deptCheckStrictly = value ? true : false;
-      }
+  }
-    }
+}
 /** 所有菜单节点数据 */
 function getMenuAllCheckedKeys() {
-      // 目前被选中的菜单节点
+  // 目前被选中的菜单节点
-      let checkedKeys = menuRef.value.getCheckedKeys();
+  let checkedKeys = menuRef.value.getCheckedKeys();
-      // 半选中的菜单节点
+  // 半选中的菜单节点
-      let halfCheckedKeys = menuRef.value.getHalfCheckedKeys();
+  let halfCheckedKeys = menuRef.value.getHalfCheckedKeys();
-      checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);
+  checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);
-      return checkedKeys;
+  return checkedKeys;
-    }
+}
 /** 提交按钮 */
 function submitForm() {
-      proxy.$refs["roleRef"].validate(valid => {
+  proxy.$refs["roleRef"].validate((valid) => {
-        if (valid) {
+    if (valid) {
-          if (form.value.role.id != undefined) {
+      if (form.value.role.id != undefined) {
-            form.value.menuIds = getMenuAllCheckedKeys();
+        form.value.menuIds = getMenuAllCheckedKeys();
-            updateRole(form.value).then(response => {
+        updateRole(form.value).then((response) => {
-              proxy.$modal.msgSuccess("修改成功");
-              open.value = false;
-              getList();
-            });
-          } else {
-            form.value.menuIds = getMenuAllCheckedKeys();
-            addRole(form.value).then(response => {
-              proxy.$modal.msgSuccess("新增成功");
-              open.value = false;
-              getList();
-            });
-          }
-        }
-      });
-    }
-/** 取消按钮 */
-function cancel() {
-      open.value = false;
-      reset();
-    }
-/** 选择角色权限范围触发 */
-function dataScopeSelectChange(value) {
-      if (value !== "2") {
-        deptRef.value.setCheckedKeys([]);
-      }
-    }
-/** 分配数据权限操作 */
-function handleDataScope(row) {
-      reset();
-     getDeptTree(row.id);
-      getRole(row.id).then(response => {
-        form.value = response.data;
-        openDataScope.value = true;    
-        title.value = "分配数据权限";
-      });
-    }
-/** 提交按钮（数据权限） */
-function submitDataScope() {
-      if (form.value.id != undefined) {
-        form.value.deptIds = getDeptAllCheckedKeys();
-        dataScope(form.value).then(response => {
           proxy.$modal.msgSuccess("修改成功");
-          openDataScope.value = false;
+          open.value = false;
+          getList();
+        });
+      } else {
+        form.value.menuIds = getMenuAllCheckedKeys();
+        addRole(form.value).then((response) => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
           getList();
         });
       }
     }
+  });
+}
+/** 取消按钮 */
+function cancel() {
+  open.value = false;
+  reset();
+}
+/** 选择角色权限范围触发 */
+function dataScopeSelectChange(value) {
+  if (value !== "2") {
+    deptRef.value.setCheckedKeys([]);
+  }
+}
+/** 分配数据权限操作 */
+function handleDataScope(row) {
+  reset();
+  getDeptTree(row.id);
+  getRole(row.id).then((response) => {
+    form.value.role = response.data;
+    openDataScope.value = true;
+    title.value = "分配数据权限";
+  });
+}
+/** 提交按钮（数据权限） */
+function submitDataScope() {
+  if (form.value.role.id != undefined) {
+    form.value.deptIds = getDeptAllCheckedKeys();
+    dataScope(form.value).then((response) => {
+      proxy.$modal.msgSuccess("修改成功");
+      openDataScope.value = false;
+      getList();
+    });
+  }
+}
 /** 取消按钮（数据权限）*/
 function cancelDataScope() {
-      openDataScope.value = false;
+  openDataScope.value = false;
-      reset();
+  reset();
-    }
+}
 
 getList();
 </script>