cloud-web-corejs 1.0.163 → 1.0.164

package/src/views/user/role/dialog.vue

@@ -12,7 +12,7 @@
     v-el-drag-dialog
     v-el-dialog-center
   >
-    <div class="cont" style="height:65vh">
+    <div class="cont" style="height: 65vh">
       <vxe-grid
         class="is-pointer"
         ref="table-m1"
@@ -26,24 +26,41 @@
         <template #form>
           <div class="clearfix screen-btns">
             <div class="fr">
-              <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
-                          plain>{{ $t1('重置') }}
+              <vxe-button
+                icon="el-icon-brush"
+                class="button-sty"
+                @click="resetEvent"
+                type="text"
+                status="primary"
+                plain
+                >{{ $t1("重置") }}
               </vxe-button>
-              <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">
-                {{ $t1('搜索') }}
+              <vxe-button
+                status="warning"
+                icon="el-icon-search"
+                class="button-sty"
+                @click="searchEvent"
+              >
+                {{ $t1("搜索") }}
               </vxe-button>
             </div>
           </div>
-          <vxe-form class="screen-box" title-width="92px" title-align="right" :data="formData" @submit="searchEvent"
-                    @reset="resetEvent">
-            <vxe-form-item :title="$t1('用户角色')+':'" field="name">
+          <vxe-form
+            class="screen-box"
+            title-width="92px"
+            title-align="right"
+            :data="formData"
+            @submit="searchEvent"
+            @reset="resetEvent"
+          >
+            <vxe-form-item :title="$t1('用户角色') + ':'" field="name">
               <template v-slot>
-                <el-input v-model="formData.name" size="small" clearable/>
+                <el-input v-model="formData.name" size="small" clearable />
               </template>
             </vxe-form-item>
-            <vxe-form-item :title="$t1('角色编码')+':'" field="code">
+            <vxe-form-item :title="$t1('角色编码') + ':'" field="code">
               <template v-slot>
-                <el-input v-model="formData.code" size="small" clearable/>
+                <el-input v-model="formData.code" size="small" clearable />
               </template>
             </vxe-form-item>
             <vxe-button type="submit" @click="searchEvent" v-show="false"></vxe-button>
@@ -58,9 +75,12 @@
       </div>
     </label>
     <div class="multipleChoice">
-      <el-tooltip :enterable="false" effect="dark" :content="$t1('全部删除')" placement="top"><a
-        class="allDel icon-quanbushanchu"
-        @click="clearChecked()"></a>
+      <el-tooltip
+        :enterable="false"
+        effect="dark"
+        :content="$t1('全部删除')"
+        placement="top"
+        ><a class="allDel icon-quanbushanchu" @click="clearChecked()"></a>
       </el-tooltip>
       <div class="list">
         <div class="item" v-for="(checkRow, index) in checkRows" :key="index">
@@ -70,25 +90,27 @@
       </div>
     </div>
     <span slot="footer" class="dialog-footer">
-      <span class="fl tips" v-if="!selectMulti">{{ $t1('注：双击确认选择（单选）') }}</span>
+      <span class="fl tips" v-if="!selectMulti">{{
+        $t1("注：双击确认选择（单选）")
+      }}</span>
       <el-button type="primary" plain class="button-sty" @click="dialogClose">
         <i class="el-icon-close el-icon"></i>
-        {{ $t1('取 消') }}
+        {{ $t1("取 消") }}
       </el-button>
       <el-button type="primary" @click="dialogPrimary" class="button-sty">
         <i class="el-icon-check el-icon"></i>
-        {{ $t1('确 定') }}
+        {{ $t1("确 定") }}
       </el-button>
     </span>
   </el-dialog>
 </template>
 
 <script>
-import {selectDialogMixins} from '@base/mixins/selectDialog/index.js';
+import { selectDialogMixins } from "@base/mixins/selectDialog/index.js";
 
 export default {
-  name: 'roleDialog',
-  props: ['visiable', 'multi', 'rows', 'param'],
+  name: "roleDialog",
+  props: ["visiable", "multi", "rows", "param"],
   mixins: [selectDialogMixins],
   created() {
     this.initSetting();
@@ -103,64 +125,64 @@ export default {
       falseValue: false,
       selectMulti: true,
       formData: {},
-      vxeOption: {}
+      vxeOption: {},
     };
   },
   methods: {
     initTableM1() {
       let that = this;
-      let url = USER_PREFIX + '/role/listCurrentPage';
+      let url = USER_PREFIX + "/role/listCurrentPage";
       let tableOption = {
         vue: that,
-        tableRef: 'table-m1',
-        tableName: 'basic_role_dialog-m1',
+        tableRef: "table-m1",
+        tableName: "basic_role_dialog-m1",
         path: url,
         param: () => {
           return {
             ...this.formData,
-            ...this.param
+            ...this.param,
           };
         },
         columns: [
-          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
-          {title: this.$t1('用户角色'), field: 'name', width: 250, fixed: 'left'},
-          {title: this.$t1('角色编码'), field: 'code', width: 150},
-          {title: this.$t1('角色描述'), field: 'description', width: 150},
+          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
+          { title: this.$t1("用户角色"), field: "name", width: 250, fixed: "left" },
+          { title: this.$t1("角色编码"), field: "code", width: 150 },
+          { title: this.$t1("角色描述"), field: "description", width: 150 },
           {
-            title: this.$t1('是否内置'),
-            field: 'systems',
+            title: this.$t1("是否内置"),
+            field: "systems",
             width: 150,
             slots: {
-              default: ({row}) => {
+              default: ({ row }) => {
                 if (row.systems) {
-                  return this.$t1('是');
+                  return this.$t1("是");
                 } else {
-                  return this.$t1('否');
+                  return this.$t1("否");
                 }
-              }
-            }
+              },
+            },
           },
-          {title: this.$t1('所属组织'), field: 'companyName', width: 150},
-          {title: this.$t1('创建时间'), field: 'createDate', width: 150},
+          { title: this.$t1("所属组织"), field: "companyName", width: 150 },
+          { title: this.$t1("创建时间"), field: "createDate", width: 150 },
           {
             width: 47,
-            fixed: 'right',
-            title: '',
-            sortable: false
-          }
+            fixed: "right",
+            title: "",
+            sortable: false,
+          },
         ],
         config: {
           checkboxConfig: {
             checkStrictly: true,
             showHeader: this.selectMulti,
-            trigger: 'row'
-          }
-        }
+            trigger: "row",
+          },
+        },
       };
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
         that.vxeOption = opts;
       });
-    }
-  }
+    },
+  },
 };
 </script>

package/src/views/user/role/edit.vue

@@ -150,8 +150,16 @@
                             v-model="fourthItem.hasAuth"
                             @change="changeBtnSelect(subItem, index3, index4)"
                           ></el-checkbox>
+                          <authConfig
+                            v-if="thrItem.checkPermission"
+                            :formData="thrItem"
+                          ></authConfig>
                         </div>
                       </div>
+                      <authConfig
+                        v-if="subItem.checkPermission"
+                        :formData="subItem"
+                      ></authConfig>
                     </div>
                   </div>
                 </div>
@@ -219,10 +227,13 @@
 </template>
 
 <script>
+import authConfig from "./authConfig.vue";
 export default {
   name: "roleEdit",
   props: ["_dataId"],
-  components: {},
+  components: {
+    authConfig,
+  },
   data() {
     return {
       tabIndex: 0,
@@ -231,6 +242,8 @@ export default {
       role: {
         menus: [],
         mobileMenuIds: [],
+        menuRolePermDTOs: [],
+        menuRolePermOrgDTOs: [],
       },
       allMenus: [],
       allMobileMenus: [],
@@ -267,14 +280,51 @@ export default {
           isLoading: true,
           modalStrictly: true,
           success: (res) => {
-            this.role = res.objx || {};
-            this.initMenuData();
+            let role = res.objx || {};
+            this.getPermissionData((rows, orgRows) => {
+              role.menuRolePermDTOs = rows;
+              role.menuRolePermOrgDTOs = orgRows;
+              this.role = role;
+              this.initMenuData();
+            });
           },
         });
       } else {
         this.initMenuData();
       }
     },
+    getPermissionData(callback) {
+      this.$http({
+        url: USER_PREFIX + `/menu_role_perm/listPerms`,
+        method: `post`,
+        data: {
+          id: this.dataId,
+        },
+        isLoading: true,
+        modalStrictly: true,
+        success: (res) => {
+          let rows = res.objx || [];
+          this.getListPermOrgs((orgRows) => {
+            callback(rows, orgRows);
+          });
+        },
+      });
+    },
+    getListPermOrgs(callback) {
+      this.$http({
+        url: USER_PREFIX + `/menu_role_perm/listPermOrgs`,
+        method: `post`,
+        data: {
+          id: this.dataId,
+        },
+        isLoading: true,
+        modalStrictly: true,
+        success: (res) => {
+          let rows = res.objx || [];
+          callback(rows);
+        },
+      });
+    },
     saveData() {
       this.$refs.editForm.$baseValidate((valid) => {
         if (valid) {
@@ -284,6 +334,9 @@ export default {
             formData.menuIds = this.getMenuFormData();
             formData.mobileMenuIds = this.getMobileMenuFormData();
 
+            //处理权限数据
+            this.handleDataBeforeSubmit();
+
             this.$http({
               url: url,
               method: `post`,
@@ -394,7 +447,7 @@ export default {
       subItem.hasAuth = isCheckSubItem;
       this.$forceUpdate();
     },
-    getMenuFormData() {
+    getMenuFormData(item, menuRolePermDTOs, menuRolePermOrgDTOs) {
       let selectIds = [];
       let menus = this.allMenus;
       menus.forEach(function (item) {
@@ -425,6 +478,41 @@ export default {
       });
       return selectIds;
     },
+    handlePermission(item, menuRolePermDTOs, menuRolePermOrgDTOs) {
+      if (item.checkPermission) {
+        if (item.permissions) {
+          menuRolePermDTOs.push({
+            menus: item.id,
+            permissions: item.permissions,
+          });
+
+          if (item.permissions === 2 && item.menuRolePermOrgDTOs.length) {
+            menuRolePermOrgDTOs.push(...item.menuRolePermOrgDTOs);
+          }
+        }
+      }
+    },
+    handleDataBeforeSubmit() {
+      let menuRolePermDTOs = [];
+      let menuRolePermOrgDTOs = [];
+      let that = this;
+      let menus = this.allMenus;
+      menus.forEach(function (item) {
+        that.handlePermission(item, menuRolePermDTOs, menuRolePermOrgDTOs);
+        if (item.children) {
+          item.children.forEach(function (subItem) {
+            that.handlePermission(subItem, menuRolePermDTOs, menuRolePermOrgDTOs);
+            if (subItem.children) {
+              subItem.children.forEach(function (thrItem) {
+                that.handlePermission(thrItem, menuRolePermDTOs, menuRolePermOrgDTOs);
+              });
+            }
+          });
+        }
+      });
+      this.role.menuRolePermDTOs = menuRolePermDTOs;
+      this.role.menuRolePermOrgDTOs = menuRolePermOrgDTOs;
+    },
     getMobileMenuFormData() {
       let selectIds = [];
       let menus = this.allMobileMenus;
@@ -457,9 +545,31 @@ export default {
       return selectIds;
     },
     handleRoles(rows, menuIds) {
+      let menuRolePermDTOs = this.role.menuRolePermDTOs || [];
+      let menuRolePermOrgDTOs = this.role.menuRolePermOrgDTOs || [];
       let newRows = [];
       for (let i = 0; i < rows.length; i++) {
         let row = rows[i];
+        let permissions = null;
+        let permOrgDTOs = [];
+        if (row.checkPermission) {
+          menuRolePermDTOs.find((item) => {
+            if (item.menus == row.id) {
+              permissions = item.permissions;
+              return true;
+            }
+            return false;
+          });
+
+          menuRolePermOrgDTOs.forEach((item) => {
+            if (item.menus == row.id) {
+              permOrgDTOs.push(item);
+            }
+          });
+        }
+
+        row.permissions = permissions;
+        row.menuRolePermOrgDTOs = permOrgDTOs;
         if (menuIds.includes(row.id)) {
           row.hasAuth = true;
         } else {