数据看板菜单根据权限显示

src/layout/modules/RouterMenu.vue

@@ -1,7 +1,7 @@
 <template>
     <el-scrollbar>
         <div class="hc-router-tab-box">
-            <div :class="barRoutes.key === 'datav' ? 'cur' : ''" class="hc-router-tab-item" @click="barDatavClick">
+            <div v-if="isDatav" :class="barRoutes.key === 'datav' ? 'cur' : ''" class="hc-router-tab-item" @click="barDatavClick">
                 <span>数据看板</span>
             </div>
             <template v-for="(item, index) in barMenuData" :key="item.key">
@@ -23,6 +23,7 @@ import { onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { getStore, setStore } from 'hc-vue3-ui'
 import { useAppStore } from '~src/store'
+import { getRouterData } from '~src/router/routers'
 
 const emit = defineEmits(['load'])
 
@@ -34,12 +35,14 @@ const store = useAppStore()
 //初始变量
 const barMenuData = ref(getStore('bar-menu-datas') || [])
 const barRoutes = ref({ key: '', path: '', title: '', query: null })
-
+const isDatav = ref(false)
 //渲染完成
-onMounted(() => {
+onMounted(async () => {
     const { name, path, meta, query } = useRoutes
     barRoutes.value = { path, key: name, title: meta?.title, query }
     setBarMenuData()
+    isDatav.value = await getRouterData('statistics-datav')
+
 })
 
 //监听