From df4a5b36999ae071b752fa7b7d5345524f052955 Mon Sep 17 00:00:00 2001
From: aBin <binbin0314@126.com>
Date: Mon, 28 Feb 2022 18:07:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9D=83=E9=99=90=E7=AE=A1=E7=90=86=E4=B8=AD?=
 =?UTF-8?q?=E5=90=84=E4=B8=AA=E7=95=8C=E9=9D=A2=E6=8C=89=E9=92=AE=E5=88=A4?=
 =?UTF-8?q?=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Banner/index.vue               | 13 +++++-
 src/components/News/contentRelation.vue       |  2 +-
 src/components/News/detailContent.vue         |  2 +-
 src/components/News/index.vue                 |  3 +-
 src/components/News/search.vue                |  1 +
 src/store/modules/user.js                     | 10 ++++
 src/views/layout/Layout.vue                   | 46 ++++++++++++++++---
 .../privilegeManagement/account/index.vue     |  8 ++--
 src/views/privilegeManagement/role/index.vue  |  4 +-
 .../privilegeManagement/role/permissions.vue  |  2 +-
 10 files changed, 72 insertions(+), 19 deletions(-)

diff --git a/src/components/Banner/index.vue b/src/components/Banner/index.vue
index 328a3ed..016db44 100644
--- a/src/components/Banner/index.vue
+++ b/src/components/Banner/index.vue
@@ -5,6 +5,7 @@
             icon="el-icon-plus"
             style="margin-bottom: 15px;"
             @click="addModal"
+            v-if="$store.state.user.showBtnList.add"
             >
             添加
         </el-button>
@@ -59,10 +60,12 @@
                             icon="el-icon-edit"
                             style="margin-right: 15px;"
                             @click="editModal(lists.row)"
-                            size="mini">
+                            size="mini"
+                            v-if="$store.state.user.showBtnList.update"
+                        >
                             编辑
                         </el-button>
-                        <el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteItem(lists.row.id)">删除</el-button>
+                        <el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteItem(lists.row.id)" v-if="$store.state.user.showBtnList.delete">删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -118,13 +121,19 @@
                 pageSize: 10,
                 pageNum: 1,
                 showAdd: true,
+                perList: [],
             }
         },
 
         components: {
             AddOrEdit,
         },
+        created() {
+            this.perList = this.$store.state.user.perList;
+            console.log('this.perList: ', this.perList);
+        },
         methods: {
+
             /**
              * 获取轮播图列表
              */
diff --git a/src/components/News/contentRelation.vue b/src/components/News/contentRelation.vue
index c6bc272..d3208eb 100644
--- a/src/components/News/contentRelation.vue
+++ b/src/components/News/contentRelation.vue
@@ -24,7 +24,7 @@
       label="操作"
       >
       <template slot-scope="relations">
-          <el-button type="danger" plain size="mini" @click="deleteItem(relations.row)">删除</el-button>
+          <el-button type="danger" plain size="mini" @click="deleteItem(relations.row)" v-if="$store.state.user.showBtnList.delete">删除</el-button>
       </template>
     </el-table-column>
   </el-table>
diff --git a/src/components/News/detailContent.vue b/src/components/News/detailContent.vue
index 7312bcb..fc62ea1 100644
--- a/src/components/News/detailContent.vue
+++ b/src/components/News/detailContent.vue
@@ -18,7 +18,7 @@
     <!-- 关联文章信息 -->
   <div>
     <span class="font-bold">相关新闻： </span>
-    <el-button type="primary" plain size="mini" class="mt-2 ml-4" @click="addRelationNews">添加相关新闻</el-button>
+    <el-button v-if="$store.state.user.showBtnList.add" type="primary" plain size="mini" class="mt-2 ml-4" @click="addRelationNews">添加相关新闻</el-button>
     <div v-if="detailContent && detailContent.relations && detailContent.relations.length" class="flex flex-column px-10">
       <content-relation class="px-10" :introId="list.introId" :relations="detailContent.relations" />
     </div>
diff --git a/src/components/News/index.vue b/src/components/News/index.vue
index c46b771..7b9575e 100644
--- a/src/components/News/index.vue
+++ b/src/components/News/index.vue
@@ -83,10 +83,11 @@
                             icon="el-icon-edit"
                             style="margin-right: 15px;"
                             @click="editModal(lists.row)"
+                            v-if="$store.state.user.showBtnList.update"
                             size="mini">
                             编辑
                         </el-button>
-                        <el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteItem(lists.row.introId)">删除</el-button>
+                        <el-button type="danger" v-if="$store.state.user.showBtnList.delete" icon="el-icon-delete" size="mini" @click="deleteItem(lists.row.introId)">删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
diff --git a/src/components/News/search.vue b/src/components/News/search.vue
index 961d67b..ca9a7b4 100644
--- a/src/components/News/search.vue
+++ b/src/components/News/search.vue
@@ -54,6 +54,7 @@
         icon="el-icon-plus"
         class="mb-4"
         @click="$emit('addModal')"
+        v-if="$store.state.user.showBtnList.add"
         >
         添加
     </el-button>
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index ac07cf3..4fa9118 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -15,6 +15,13 @@ const user = {
       articlePlatform: []
     },
     perList: [],
+    showBtnList: {
+      add: false,
+      update: false,
+      delete: false,
+      relation: false,
+      reset: false,
+    },
   },
 
   mutations: {
@@ -44,6 +51,9 @@ const user = {
     },
     SET_PER_LIST: (state, perList) => {
       state.perList = perList
+    },
+    setShowBtnList: (state, data) => {
+      state.showBtnList = {...data}
     }
   },
 
diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue
index 3414012..c98c97b 100644
--- a/src/views/layout/Layout.vue
+++ b/src/views/layout/Layout.vue
@@ -11,7 +11,7 @@
 
 <script>
 import { Navbar, Sidebar, AppMain, TagsView } from './components'
-// import { GET_ALL_HAVE } from '@/api/jurisdiction'
+import { GET_ALL_HAVE } from '@/api/jurisdiction'
 import ResizeMixin from './mixin/ResizeHandler'
 import { mapMutations } from 'vuex'
 
@@ -24,6 +24,11 @@ export default {
     TagsView
   },
   mixins: [ResizeMixin],
+  watch: {
+    '$route.path'() {
+      this.showBtn()
+    }
+  },
   computed: {
     sidebar() {
       return this.$store.state.app.sidebar
@@ -40,17 +45,44 @@ export default {
       }
     }
   },
+  created() {
+    this.getPerList()
+  },
   methods: {
-    ...mapMutations(['SET_PER_LIST']),
+    ...mapMutations(['SET_PER_LIST','setShowBtnList']),
 
     handleClickOutside() {
       this.$store.dispatch('closeSideBar', { withoutAnimation: false })
     },
-    // getPerList() {
-    //   GET_ALL_HAVE({}).then(res => {
-    //     console.log(res)
-    //   })
-    // }
+    getPerList() {
+      GET_ALL_HAVE({}).then(res => {
+        let list = []
+        for(let i = 0; i < res.data.length; i++) {
+          const item = res.data[i].split('/')
+          list[i] = item
+        }
+        this.SET_PER_LIST(list)
+        this.showBtn()
+      })
+    },
+    // 判断当前用户在当前界面应该展示哪些按钮
+    showBtn() {
+      const perList = [...this.$store.state.user.perList];
+      const code = localStorage.getItem('code');
+      let list = {
+        add: false,
+        update: false,
+        delete: false,
+        relation: false,
+        reset: false,
+      }
+      for(var i = 0; i < perList.length; i++) {
+        if(perList[i][1] === code) {
+          list[perList[i][2]] = true;
+        }
+      }
+      this.setShowBtnList(list)
+    },
   }
 }
 </script>
diff --git a/src/views/privilegeManagement/account/index.vue b/src/views/privilegeManagement/account/index.vue
index 88aa291..928ce56 100644
--- a/src/views/privilegeManagement/account/index.vue
+++ b/src/views/privilegeManagement/account/index.vue
@@ -4,7 +4,7 @@
         <div class="table">
             <el-row>
                 <router-link :to="`/privilegeManagement/account/opiModel`">
-                    <el-button type="primary">
+                    <el-button type="primary" v-if="$store.state.user.showBtnList.add" >
                         新增账户
                     </el-button>
                 </router-link>
@@ -56,9 +56,9 @@
                 </el-table-column>npm i element-ui -S
                 <el-table-column fixed="right" label="操作" align="center" width="290">
                     <template slot-scope="lists">
-                        <el-button icon="el-icon-edit" size="mini" type="primary" @click="showEidt(lists.row)">编辑</el-button>
-                        <el-button icon="el-icon-refresh" size="mini" type="warning" @click="open(lists.row.userId,0)">重置密码</el-button>
-                        <el-button icon="el-icon-delete" size="mini" type="danger" @click="open(lists.row.userId,1)">删除</el-button>
+                        <el-button icon="el-icon-edit" size="mini" type="primary" @click="showEidt(lists.row)" v-if="$store.state.user.showBtnList.update" >编辑</el-button>
+                        <el-button icon="el-icon-refresh" size="mini" type="warning" @click="open(lists.row.userId,0)" v-if="$store.state.user.showBtnList.reset">重置密码</el-button>
+                        <el-button icon="el-icon-delete" size="mini" type="danger" @click="open(lists.row.userId,1)" v-if="$store.state.user.showBtnList.delete">删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
diff --git a/src/views/privilegeManagement/role/index.vue b/src/views/privilegeManagement/role/index.vue
index 49e2f81..82b420a 100644
--- a/src/views/privilegeManagement/role/index.vue
+++ b/src/views/privilegeManagement/role/index.vue
@@ -6,7 +6,7 @@
                 <el-col :span="4" :xs="6" :md="5">
                     <div class="grid-content bg-purple">
                         <router-link :to="`/privilegeManagement/role/permissions?add=true`">
-                            <el-button type="primary">
+                            <el-button type="primary"  v-if="$store.state.user.showBtnList.add">
                                 新增角色
                             </el-button>
                         </router-link>
@@ -23,7 +23,7 @@
                                 label="操作"
                             >
                                 <template slot-scope="lists">
-                                   <span :class="{'select':lists.row.isSel}" type="text" size="small" class="option-span" @click="removeItem(lists.row.roleId)">
+                                   <span  v-if="$store.state.user.showBtnList.delete" :class="{'select':lists.row.isSel}" type="text" size="small" class="option-span" @click="removeItem(lists.row.roleId)">
                                         删除
                                     </span>
                                 </template>
diff --git a/src/views/privilegeManagement/role/permissions.vue b/src/views/privilegeManagement/role/permissions.vue
index 154cdd5..ba54768 100644
--- a/src/views/privilegeManagement/role/permissions.vue
+++ b/src/views/privilegeManagement/role/permissions.vue
@@ -12,7 +12,7 @@
         <div class="detail">
             <span style="font-weight: bold;">{{title}}</span>
             <div style="text-align: right;display: inline-block">
-                <el-button v-show="!add" @click="editPermission">编辑</el-button>
+                <el-button v-show="!add" @click="editPermission" v-if="$store.state.user.showBtnList.update">编辑</el-button>
             </div>
         </div>
         <div v-if="!add" style="position: relative;">