perf:优化权限

Yi.Bbs.Vue3/src/components/TreeArticleInfo.vue

@@ -1,42 +1,52 @@
 <template>
-      <el-tree
-                  :data="props.data==''?[]:props.data"
-                  :props="defaultProps"
-                  @node-click="handleNodeClick"
-                  :expand-on-click-node="false"
-                  node-key="id"
-                  :default-expand-all='true'
-                  :highlight-current="true"
-                  :current-node-key="currentNodeKey"
-                >
-
-                <template #default="{ node, data }">
-        <span class="custom-tree-node">
-          <span>{{data.name}}</span>
-          <span>
-            
-            <a style="color: #409EFF; margin-left: 8px" @click="$emit('create',node, data)" v-hasPer="['bbs:article:add']"
-  
-  > + </a>
-            <a style="color: #409EFF; margin-left: 8px" @click="$emit('update',node, data)" v-hasPer="['bbs:article:edit']"
-  
-  > 编辑 </a>
-            <a style="color: #f56c6c; margin-left: 8px" @click="$emit('remove',node, data)" v-hasPer="['bbs:article:remove']"
-  
-            > 删除 </a>
-          </span>
+  <el-tree
+    :data="props.data == '' ? [] : props.data"
+    :props="defaultProps"
+    @node-click="handleNodeClick"
+    :expand-on-click-node="false"
+    node-key="id"
+    :default-expand-all="true"
+    :highlight-current="true"
+    :current-node-key="currentNodeKey"
+  >
+    <template #default="{ node, data }">
+      <span class="custom-tree-node">
+        <span>{{ data.name }}</span>
+        <span>
+          <a
+            style="color: #409eff; margin-left: 8px"
+            @click="$emit('create', node, data)"
+            v-if="isArticleUser && isAddArticle"
+          >
+            +
+          </a>
+          <a
+            style="color: #409eff; margin-left: 8px"
+            @click="$emit('update', node, data)"
+            v-if="isArticleUser && isEditArticle"
+          >
+            编辑
+          </a>
+          <a
+            style="color: #f56c6c; margin-left: 8px"
+            @click="$emit('remove', node, data)"
+            v-if="isArticleUser && isRemoveArticle"
+          >
+            删除
+          </a>
         </span>
-      </template>
-                </el-tree>
+      </span>
+    </template>
+  </el-tree>
 </template>
 <script setup>
-import { ref } from 'vue';
+import { ref } from "vue";
+import { getPermission } from "@/utils/auth";
 
+const props = defineProps(["data", "currentNodeKey", "isArticleUser"]);
+const emits = defineEmits(["handleNodeClick"]);
 
-const props = defineProps(['data',"currentNodeKey"])
-const emits= defineEmits(["handleNodeClick"])
-
-const currentNodeKey=props.currentNodeKey;
+const currentNodeKey = props.currentNodeKey;
 //数据定义
 //子文章数据
 // const articleData =ref([]);
@@ -52,8 +62,12 @@ const defaultProps = {
 // }
 //点击事件
 const handleNodeClick = (data) => {
-  emits('handleNodeClick',data)
+  emits("handleNodeClick", data);
 };
+const { isHasPermission: isAddArticle } = getPermission("bbs:article:add");
+const { isHasPermission: isEditArticle } = getPermission("bbs:article:edit");
+const { isHasPermission: isRemoveArticle } =
+  getPermission("bbs:article:remove");
 </script>
 <style scoped>
 .custom-tree-node {
@@ -64,4 +78,4 @@ const handleNodeClick = (data) => {
   font-size: 14px;
   padding-right: 8px;
 }
-</style>
+</style>

Yi.Bbs.Vue3/src/utils/auth.js

@@ -13,7 +13,7 @@ export function removeToken() {
   return localStorage.removeItem(TokenKey);
 }
 
-export function getPermission(code, isDisabled) {
+export function getPermission(code, isDisabled = false) {
   const all_permission = "*:*:*";
   const isHasPermission = useUserStore().permissions.some((permission) => {
     if (all_permission === permission) {

Yi.Bbs.Vue3/src/views/Article.vue

@@ -26,6 +26,7 @@
                   @create="addNextArticle"
                   @handleNodeClick="handleNodeClick"
                   :currentNodeKey="currentNodeKey"
+                  :isArticleUser="isArticleUser"
                 />
               </template>
             </InfoCard>
@@ -223,18 +224,9 @@ const loadArticleData = async () => {
 //主题初始化
 const isDisabledCreateComment = ref(false);
 const isArticleUser = ref(false);
-const { isHasPermission: isAddArticle } = getPermission(
-  "bbs:article:add",
-  isDisabledCreateComment.value
-);
-const { isHasPermission: isEditTheme } = getPermission(
-  "bbs:discuss:edit",
-  isDisabledCreateComment.value
-);
-const { isHasPermission: isRemoveTheme } = getPermission(
-  "bbs:discuss:remove",
-  isDisabledCreateComment.value
-);
+const { isHasPermission: isAddArticle } = getPermission("bbs:article:add");
+const { isHasPermission: isEditTheme } = getPermission("bbs:discuss:edit");
+const { isHasPermission: isRemoveTheme } = getPermission("bbs:discuss:remove");
 const loadDiscuss = async (isRewrite) => {
   if (isRewrite) {
     //跳转路由