修改按钮权限

public/config.js

@@ -1,4 +1,4 @@
 var PLATFROM_CONFIG = {};
-PLATFROM_CONFIG.baseUrl = "http://106.14.243.117:9001" // http请求地址
+PLATFROM_CONFIG.baseUrl = "https://authgateway.fsjtkj.cn/" // http请求地址
 PLATFROM_CONFIG.appSecret = "40t7vcbi5bc1twyihd2dum82yn1mt1kj" //appSecret
 PLATFROM_CONFIG.appId = "unsk1w37910olf8j" //appid

src/components/rulesofcompetency/rulesofcompetency.scss

@@ -48,7 +48,7 @@
         color: #303133;
       }
       .el-input__inner {
-        width: 376px;
+        width: 100%;
         height: 32px;
         background: #f9fbff;
         border-radius: 6px;
@@ -58,7 +58,7 @@
         align-items: center;
       }
       > .el-input {
-        width: 376px;
+        width: 100%;
         height: 32px;
         background: #f9fbff;
         border-radius: 6px;

src/styles/index.scss

@@ -76,6 +76,10 @@ li {
   }
 }
 
+.noIsPower {
+  margin-right: 0;
+}
+
 // main-container global css
 .app-container {
   padding: 20px;

src/utils/add-is-class.js

@@ -0,0 +1,23 @@
+import store from '@/store'
+
+export function checkPermission (value) {
+  const datas = []
+  const roles = store.getters && store.getters.roles
+  if (value && value instanceof Array) {
+    if (value.length) {
+      const permissionRoles = value
+      roles.some(role => {
+        datas.push(permissionRoles.includes(role))
+      })
+    } else {
+      return ''
+    }
+  } else {
+    return ''
+  }
+  if (datas.includes(true)) {
+    return false
+  } else {
+    return true
+  }
+}

src/views/accountGroupManagement/components/accountGroupHome.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2022-01-08 09:27:43
- * @LastEditTime: 2022-02-28 17:03:27
+ * @LastEditTime: 2022-03-01 10:27:23
  * @LastEditors: Please set LastEditors
  * @Description: 用户组管理
  * @FilePath: \Foshan4A2.0\src\views\accountGroupManagement\components\home.vue
@@ -72,11 +72,9 @@
                         <span class="use" v-if="data.Status == '1'">启用</span>
                         <span class="unUse" v-if="data.Status != '1'">禁用</span>
                       </el-col>
-                      <template v-is="['grouptree_btn_state_swatch']">
-                        <el-col :span="12" v-if="data.GroupId != -1">
-                          <el-switch active-color="#6F81BC" v-model="data.flag" @change="renderChange(data)"></el-switch>
-                        </el-col>
-                      </template>
+                      <el-col v-is="['grouptree_btn_state_swatch']" :span="12" v-if="data.GroupId != -1">
+                        <el-switch active-color="#6F81BC" v-model="data.flag" @change="renderChange(data)"></el-switch>
+                      </el-col>
                     </el-row>
                   </div>
                 </el-col>
@@ -151,11 +149,9 @@
                         <span class="use" v-if="data.Status == '1'">启用</span>
                         <span class="unUse" v-if="data.Status != '1'">禁用</span>
                       </el-col>
-                      <template v-is="['grouptree_btn_state_swatch']">
-                        <el-col :span="12" v-if="data.GroupId != -1">
-                          <el-switch active-color="#6F81BC" v-model="data.flag" @click.stop.native @change="childrenRenderChange(data, index)"></el-switch>
-                        </el-col>
-                      </template>
+                      <el-col v-is="['grouptree_btn_state_swatch']" :span="12" v-if="data.GroupId != -1">
+                        <el-switch active-color="#6F81BC" v-model="data.flag" @click.stop.native @change="childrenRenderChange(data, index)"></el-switch>
+                      </el-col>
                     </el-row>
                   </div>
                 </el-col>

src/views/authorityManagement/components/authorityHome.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-29 09:27:43
- * @LastEditTime: 2022-02-28 16:27:52
+ * @LastEditTime: 2022-03-01 10:30:44
  * @LastEditors: Please set LastEditors
  * @Description: 权限管理
  * @FilePath: \Foshan4A2.0\src\views\authorityManagement\components\home.vue
@@ -72,11 +72,11 @@
                           </div>
                         </div>
                       </div>
-                      <template v-is="['authtree_btn_del_auth']">
+                      <div v-is="['authtree_btn_del_auth']">
                         <div v-if="data.Type !== 0 && data.Type !== 2" @click="onNodeClick(data)" class="info-close">
                           <i class="icon el-icon-close" :class="data.Type === 1 ? 'close1' : data.Type > 2 ? 'close2' : ''"></i>
                         </div>
-                      </template>
+                      </div>
                     </div>
                   </el-col>
                 </el-row>
@@ -125,11 +125,11 @@
                           </div>
                         </div>
                       </div>
-                      <template v-is="['authtree_btn_del_auth']">
+                      <div v-is="['authtree_btn_del_auth']">
                         <div v-if="data.Type !== 0 && data.Type !== 2" @click="onNodeClick(data)" class="info-close">
                           <i class="icon el-icon-close" :class="data.Type === 1 ? 'close1' : data.Type > 2 ? 'close2' : ''"></i>
                         </div>
-                      </template>
+                      </div>
                       <!-- <div v-if="data.Type !== 0 && data.Type !== 2" @click="onNodeClick(data)" class="info-close">
                         <i class="icon el-icon-close" :class="data.Type === 1 ? 'close1' : data.Type > 2 ? 'close2' : ''"></i>
                       </div> -->

src/views/authorityManagement/components/authorityRoleAdd.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-29 16:31:31
- * @LastEditTime: 2022-02-28 16:40:19
+ * @LastEditTime: 2022-03-01 11:11:24
  * @LastEditors: Please set LastEditors
  * @Description: 新增/编辑角色
  * @FilePath: \Foshan4A2.0\src\views\authorityManagement\components\authorityRoleStatus.vue
@@ -31,16 +31,12 @@
       <div class="r24 flex1 part">
         <Permissiontree @nodeClick="nodeClick" @getTreeData="getTreeData" title="权限树" />
       </div>
-      <div class="r24 flex1 part">
+      <div :class="isClass ? '':'r24'" class="flex1 part">
         <Rulesofcompetency @getData="getData" title="权限规则" />
       </div>
-      <div class="flex1 part">
-        <template v-is="['role_add_mutually_exclusive']">
-          <Rolelist @checkChange="checkChange" @checkClick="checkClick" :imageSize="80" :roleType="roleType" :active="true" class="hucRole" :number="8" style="height: 280px; overflow: hidden" title="互斥角色" />
-        </template>
-        <template v-is="['role_add_mutually_exclusive_list']">
-          <Permissionlist v-loading="permission" :imageSize="80" :RoleList="RoleList" :check="true" class="hucPower" style="margin-top: 24px" title="互斥角色已有权限列表" />
-        </template>
+      <div v-is="['role_add_mutually_exclusive','role_add_mutually_exclusive_list']" class="flex1 part">
+        <Rolelist v-is="['role_add_mutually_exclusive']" @checkChange="checkChange" @checkClick="checkClick" :imageSize="80" :roleType="roleType" :active="true" class="hucRole" :number="8" style="height: 280px; overflow: hidden" title="互斥角色" />
+        <Permissionlist v-is="['role_add_mutually_exclusive_list']" v-loading="permission" :imageSize="80" :RoleList="RoleList" :check="true" class="hucPower" style="margin-top: 24px" title="互斥角色已有权限列表" />
       </div>
     </div>
   </div>
@@ -53,6 +49,7 @@ import Permissiontree from "@/components/permissiontree";
 import Rolelist from "@/components/rolelist";
 import roleData from "../minixs/roleData";
 import { SaveRole, RoleAuths } from "@/api/apiAuthority";
+import { checkPermission } from '@/utils/add-is-class';
 export default {
   name: "AuthorityRoleAdd",
   components: { Permissionlist, Rulesofcompetency, Permissiontree, Rolelist },
@@ -93,6 +90,12 @@ export default {
       deep: true,
     },
   },
+  computed: {
+    isClass () {
+      const le = checkPermission(['role_add_mutually_exclusive', 'role_add_mutually_exclusive_list']);
+      return le;
+    }
+  },
   mounted () {
     this.roleType = 'onlyRole';
   },

src/views/authorityManagement/components/authorityRoleEdit.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-29 16:31:31
- * @LastEditTime: 2022-02-28 16:41:32
+ * @LastEditTime: 2022-03-01 11:10:13
  * @LastEditors: Please set LastEditors
  * @Description: 新增/编辑角色
  * @FilePath: \Foshan4A2.0\src\views\authorityManagement\components\authorityRoleStatus.vue
@@ -39,16 +39,13 @@
       <div class="r24 flex1 part">
         <Permissiontree v-loading="loading" element-loading-text="数据加载中" @getTreeData="getTreeData" :checkedKeys="checkedKeys" title="权限树" />
       </div>
-      <div class="r24 flex1 part">
+      <div :class="isClass ? '':'r24'" class="flex1 part">
         <Rulesofcompetency v-loading="loading" element-loading-text="数据加载中" :authList="authList" :authTo="authTo" title="权限规则" />
       </div>
-      <div class="flex1 part">
-        <template v-is="['role_edit_mutually_exclusive']">
-          <Rolelist v-loading="loading" element-loading-text="数据加载中" @checkChange="checkChange" @checkClick="checkClick" :roleType="roleType" :checkBoxList="radioCheck" :active="true" class="hucRole" :imageSize="80" :number="8" style="height: 280px; overflow: hidden" title="互斥角色" />
-        </template>
-        <template v-is="['role_edit_mutually_exclusive_list']">
-          <Permissionlist v-loading="permission" element-loading-text="数据加载中" :check="true" :imageSize="80" :RoleList="RoleList" class="hucPower" style="margin-top: 24px" title="互斥角色已有权限列表" />
-        </template>
+      <div v-is="['role_edit_mutually_exclusive','role_edit_mutually_exclusive_list']" class="flex1 part">
+        <Rolelist v-is="['role_edit_mutually_exclusive']" v-loading="loading" element-loading-text="数据加载中" @checkChange="checkChange" @checkClick="checkClick" :roleType="roleType" :checkBoxList="radioCheck" :active="true" class="hucRole" :imageSize="80" :number="8" style="height: 280px; overflow: hidden" title="互斥角色" />
+
+        <Permissionlist v-is="['role_edit_mutually_exclusive_list']" v-loading="permission" element-loading-text="数据加载中" :check="true" :imageSize="80" :RoleList="RoleList" class="hucPower" style="margin-top: 24px" title="互斥角色已有权限列表" />
       </div>
     </div>
   </div>
@@ -61,6 +58,7 @@ import Permissiontree from "@/components/permissiontree";
 import Rolelist from "@/components/rolelist";
 import { RoleDetails, EditRole, RoleAuths } from "@/api/apiAuthority";
 import roleData from "../minixs/roleData";
+import { checkPermission } from '@/utils/add-is-class';
 export default {
   name: "AuthorityRoleEdit",
   components: { Permissionlist, Rulesofcompetency, Permissiontree, Rolelist },
@@ -106,6 +104,12 @@ export default {
   mounted () {
     this.roleType = 'onlyRole';
   },
+  computed: {
+    isClass () {
+      const le = checkPermission(['role_add_mutually_exclusive', 'role_add_mutually_exclusive_list']);
+      return le;
+    }
+  },
   methods: {
     //角色明细
     async roleDetails (id) {

src/views/dashboard/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-14 17:17:53
- * @LastEditTime: 2022-02-28 21:42:44
+ * @LastEditTime: 2022-03-01 10:19:50
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \Foshan4A\src\views\dashboard\index.vue
@@ -9,14 +9,14 @@
 <template>
   <div class="dashboard">
     <!--分类信息-->
-    <div class="flex-wrap tu-fl">
+    <!-- <div class="flex-wrap tu-fl">
       <router-link v-for="(item,index) in flList" :key="index" class="flex fl-list" :to="item.appUrl ? item.appUrl:'/'">
         <div class="fl-list-img">
           <img :src="item.logo">
         </div>
         <div class="fl-list-title flex1">{{item.appName}}</div>
       </router-link>
-    </div>
+    </div> -->
     <!--切换和搜索-->
     <div class="dashboard-tab flex">
       <div class="tab">
@@ -126,9 +126,9 @@ export default {
       return datas
     }
   },
-  created () {
+  mounted () {
     this.isPower()
-    this.getOthSystem()
+    //this.getOthSystem()
   },
   methods: {
     //搜索-跳转
@@ -157,25 +157,25 @@ export default {
       const obj = typeof (this.systemSet) === 'string' ? JSON.parse(this.systemSet) : this.systemSet
       const { OpenGroup, OpenRole, UserOfficerMulti } = obj
       if (!OpenGroup) {
-        this.selectArr.forEach((item, index) => {
-          if (item.id === 2) {
-            this.selectArr.splice(index, 1)
+        this.routes.forEach((item, index) => {
+          if (item.path === '/accountGroup') {
+            this.routes.splice(index, 1)
           }
         })
       }
       if (!OpenRole) {
-        this.selectArr.forEach((item, index) => {
-          if (item.id === 4) {
+        this.routes.forEach((item, index) => {
+          if (item.path === '/role') {
             this.roleFlag = false
-            this.selectArr.splice(index, 1)
+            this.routes.splice(index, 1)
           }
         })
       }
       if (!UserOfficerMulti) {
-        this.selectArr.forEach((item, index) => {
-          if (item.id === 1) {
+        this.routes.forEach((item, index) => {
+          if (item.path === '/account') {
             this.roleFlag = false
-            this.selectArr.splice(index, 1)
+            this.routes.splice(index, 1)
           }
         })
       }

src/views/organizationManagement/components/organizationHome.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-29 09:27:43
- * @LastEditTime: 2022-02-28 17:08:28
+ * @LastEditTime: 2022-03-01 11:12:24
  * @LastEditors: Please set LastEditors
  * @Description: 权限管理
  * @FilePath: \Foshan4A2.0\src\views\authorityManagement\components\home.vue
@@ -81,11 +81,9 @@
                         <span class="use" v-if="data.Status == '1'">启用</span>
                         <span class="unUse" v-if="data.Status != '1'">禁用</span>
                       </el-col>
-                      <template v-is="['organtree_btn_state_swatch']">
-                        <el-col :span="12" v-if="data.OrganId != -1">
-                          <el-switch active-color="#6F81BC" v-model="data.flag" @change="renderChange(data)"></el-switch>
-                        </el-col>
-                      </template>
+                      <el-col v-is="['organtree_btn_state_swatch']" :span="12" v-if="data.OrganId != -1">
+                        <el-switch active-color="#6F81BC" v-model="data.flag" @change="renderChange(data)"></el-switch>
+                      </el-col>
                     </el-row>
                   </div>
                 </el-col>
@@ -146,11 +144,9 @@
                         <span class="use" v-if="data.Status == '1'">启用</span>
                         <span class="unUse" v-if="data.Status != '1'">禁用</span>
                       </el-col>
-                      <template v-is="['organtree_btn_state_swatch']">
-                        <el-col :span="12" v-if="data.OrganId != -1">
-                          <el-switch active-color="#6F81BC" v-model="data.flag" @click.stop.native @change="childrenRenderChange(data, index)"></el-switch>
-                        </el-col>
-                      </template>
+                      <el-col v-is="['organtree_btn_state_swatch']" :span="12" v-if="data.OrganId != -1">
+                        <el-switch active-color="#6F81BC" v-model="data.flag" @click.stop.native @change="childrenRenderChange(data, index)"></el-switch>
+                      </el-col>
                     </el-row>
                   </div>
                 </el-col>

src/views/systemManagement/index.vue

@@ -4,9 +4,7 @@
       <el-form :model="FormData" :rules="rules" ref="systemForm" label-width="0" class="demo-ruleForm">
         <div class="centerTitle">
           <span class="TitleStyle">系统基础设置</span>
-          <template v-is="['system_btn_save']">
-            <el-button v-show="isShow" @click="save()">保存</el-button>
-          </template>
+          <el-button v-is="['system_btn_save']" v-show="isShow" @click="save()">保存</el-button>
         </div>
         <div class="boxList">
           <span class="ListName">是否开启账号组</span>
@@ -124,8 +122,8 @@
       </el-form>
     </div>
     <div class="asideBox">
-      <el-button type="primary">系统基础设置</el-button>
-      <el-button @click="gotoLogin">登陆策略</el-button>
+      <el-button v-is="['system_basic_page']" type="primary">系统基础设置</el-button>
+      <el-button v-is="['system_logintac_page']" @click="gotoLogin">登陆策略</el-button>
     </div>
   </div>
 </template>