From 9600e450af14f44f0ef49ddb75c1c95f80186733 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A9=99=E5=AD=90?= <454313500@qq.com>
Date: Mon, 13 Mar 2023 23:24:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=A4=B4=E5=83=8F?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E5=B0=81=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.BBS.Vue3/src/components/AvatarInfo.vue     | 15 +++++++---
 Yi.BBS.Vue3/src/directive/index.js            |  9 ++++++
 .../src/directive/permission/hasPermi.js      | 27 ++++++++++++++++++
 .../src/directive/permission/hasRole.js       | 28 +++++++++++++++++++
 Yi.BBS.Vue3/src/main.js                       |  4 ++-
 Yi.BBS.Vue3/src/stores/user.js                | 13 +++++----
 Yi.BBS.Vue3/src/views/Article.vue             |  1 +
 7 files changed, 87 insertions(+), 10 deletions(-)
 create mode 100644 Yi.BBS.Vue3/src/directive/index.js
 create mode 100644 Yi.BBS.Vue3/src/directive/permission/hasPermi.js
 create mode 100644 Yi.BBS.Vue3/src/directive/permission/hasRole.js

diff --git a/Yi.BBS.Vue3/src/components/AvatarInfo.vue b/Yi.BBS.Vue3/src/components/AvatarInfo.vue
index 86efd12e..e32fa16a 100644
--- a/Yi.BBS.Vue3/src/components/AvatarInfo.vue
+++ b/Yi.BBS.Vue3/src/components/AvatarInfo.vue
@@ -21,11 +21,18 @@
     </div>
 </template>
 <script setup>
-
+import useUserStore from '@/stores/user'
 import { onMounted } from 'vue';
-
-const props = defineProps(['size', 'src','showWatching','time','id'])
-
+//userInfo
+//{icon,name,role,id},根据判断userInfo是否等于未定义，来觉得是当前登录用户信息，还是其他人信息
+const props = defineProps(['size', 'src','showWatching','time','userInfo'])
+const userStore=useUserStore();
+const userInfo=reactive({
+    icon:"",
+    name:"",
+    role:"",
+    id:""
+    });
 </script>
 <style scoped>
 .mt_1
diff --git a/Yi.BBS.Vue3/src/directive/index.js b/Yi.BBS.Vue3/src/directive/index.js
new file mode 100644
index 00000000..5d3bfb20
--- /dev/null
+++ b/Yi.BBS.Vue3/src/directive/index.js
@@ -0,0 +1,9 @@
+import hasRole from './permission/hasRole'
+import hasPermi from './permission/hasPermi'
+// import copyText from './common/copyText'
+
+export default function directive(app){
+  app.directive('hasRole', hasRole)
+  app.directive('hasPer', hasPermi)
+//   app.directive('copyText', copyText)
+}
\ No newline at end of file
diff --git a/Yi.BBS.Vue3/src/directive/permission/hasPermi.js b/Yi.BBS.Vue3/src/directive/permission/hasPermi.js
new file mode 100644
index 00000000..492eb003
--- /dev/null
+++ b/Yi.BBS.Vue3/src/directive/permission/hasPermi.js
@@ -0,0 +1,27 @@
+ /**
+ * v-hasPermi 操作权限处理
+ * Copyright (c) 2019 ruoyi
+ */
+ 
+import useUserStore from '@/stores/user'
+
+export default {
+  mounted(el, binding, vnode) {
+    const { value } = binding
+    const all_permission = "*:*:*";
+    const permissions = useUserStore().permissions
+    if (value && value instanceof Array && value.length > 0) {
+      const permissionFlag = value
+
+      const hasPermissions = permissions.some(permission => {
+        return all_permission === permission || permissionFlag.includes(permission)
+      })
+
+      if (!hasPermissions) {
+        el.parentNode && el.parentNode.removeChild(el)
+      }
+    } else {
+      throw new Error(`请设置操作权限标签值`)
+    }
+  }
+}
diff --git a/Yi.BBS.Vue3/src/directive/permission/hasRole.js b/Yi.BBS.Vue3/src/directive/permission/hasRole.js
new file mode 100644
index 00000000..b5be2298
--- /dev/null
+++ b/Yi.BBS.Vue3/src/directive/permission/hasRole.js
@@ -0,0 +1,28 @@
+ /**
+ * v-hasRole 角色权限处理
+ * Copyright (c) 2019 ruoyi
+ */
+ 
+import useUserStore from '@/stores/user'
+
+export default {
+  mounted(el, binding, vnode) {
+    const { value } = binding
+    const super_admin = "admin";
+    const roles = useUserStore().roles
+
+    if (value && value instanceof Array && value.length > 0) {
+      const roleFlag = value
+
+      const hasRole = roles.some(role => {
+        return super_admin === role || roleFlag.includes(role)
+      })
+
+      if (!hasRole) {
+        el.parentNode && el.parentNode.removeChild(el)
+      }
+    } else {
+      throw new Error(`请设置角色权限标签值"`)
+    }
+  }
+}
diff --git a/Yi.BBS.Vue3/src/main.js b/Yi.BBS.Vue3/src/main.js
index 30f0da26..f8f200ba 100644
--- a/Yi.BBS.Vue3/src/main.js
+++ b/Yi.BBS.Vue3/src/main.js
@@ -6,13 +6,15 @@ import router from './router'
 
 import './assets/main.css'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
-
+import directive from './directive' // directive
 
 
 const app = createApp(App)
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
     app.component(key, component)
   }
+
 app.use(createPinia())
+directive(app);
 app.use(router)
 app.mount('#app')
diff --git a/Yi.BBS.Vue3/src/stores/user.js b/Yi.BBS.Vue3/src/stores/user.js
index ac99f77e..63370bc6 100644
--- a/Yi.BBS.Vue3/src/stores/user.js
+++ b/Yi.BBS.Vue3/src/stores/user.js
@@ -1,18 +1,21 @@
 import { ref, computed } from 'vue'
 import { defineStore } from 'pinia'
-export const userStore = defineStore('user', 
+const useUserStore = defineStore('user', 
 {
     state: () => ({
-        counter: 0,
+      token: '',
+      name: '',
+      avatar: '',
+      roles: ['admin'],
+      permissions: ['*:*:*']
       }),
       getters: {
-        doubleCount: (state) => state.counter*2,
       },
       actions: {
         increment() {
           this.counter+=10
         }
       },
-}
-  )
+})
+export default useUserStore;
   
\ No newline at end of file
diff --git a/Yi.BBS.Vue3/src/views/Article.vue b/Yi.BBS.Vue3/src/views/Article.vue
index 1b775bb7..1165702b 100644
--- a/Yi.BBS.Vue3/src/views/Article.vue
+++ b/Yi.BBS.Vue3/src/views/Article.vue
@@ -11,6 +11,7 @@
                   >首页</el-button
                 >
                 <el-button
+                 v-hasPer="['bbs:acticle:add']"
                   @click="addArticle(0)"
                   type="primary"
                   style="width: 100%; margin-bottom: 0.8rem; margin-left: 0"