fix: 首页自测 优化

src/views/home/components/BootCardSmall.vue

@@ -28,34 +28,19 @@
 
 <script setup lang="ts">
 import { message } from 'ant-design-vue';
-import { bootConfig } from "../typing";
+import { bootConfig } from '../typing';
+import { useMenuStore } from '@/store/menu';
 
-const router = useRouter();
 const props = defineProps({
     cardData: Array<bootConfig>,
     cardTitle: String,
 });
 const { cardData, cardTitle } = toRefs(props);
+const { jumpPage: _jumpPage } = useMenuStore();
 
-const jumpPage = (row: bootConfig): void => {
-    if (row.auth && row.link) {
-        router.push(`${row.link}${objToParams(row.params || {})}`);
-    } else {
-        message.warning('暂无权限，请联系管理员');
-    }
-};
-
-const objToParams = (source: object): string => {
-    if (Object.prototype.toString.call(source) === '[object Object]') {
-        const paramsArr = <any>[];
-        // 直接使用for in遍历对象ts会报错
-        Object.entries(source).forEach(([prop, value]) => {
-            if (typeof value === 'object') value = JSON.stringify(value);
-            paramsArr.push(`${prop}=${value}`);
-        });
-        if (paramsArr.length > 0) return '?' + paramsArr.join('&');
-    }
-    return '';
+const jumpPage = (item: bootConfig) => {
+    if (item.auth === undefined || item.auth) _jumpPage(item.link, item.params);
+    else message.warning('暂无权限，请联系管理员');
 };
 </script>
 

src/views/home/components/ComprehensiveHome/index.vue

@@ -182,10 +182,7 @@ const opsBootConfig: bootConfig[] = [
     {
         english: 'STEP3',
         label: '实时监控',
-        link: 'link/Dashboard',
-        params: {
-            save: true,
-        },
+        link: 'link/DashBoard',
         image: '/images/home/guide-home6.png',
     },
 ];

src/views/home/components/DevOpsHome/index.vue

@@ -32,12 +32,12 @@ const opsBootConfig: bootConfig[] = [
     {
         english: 'STEP1',
         label: '设备接入配置',
-        link: 'link/accessConfig',
+        link: 'link/AccessConfig',
     },
     {
         english: 'STEP2',
         label: '日志排查',
-        link: 'link/Log',
+        link: 'Log',
         params: {
             key: 'system',
         },
@@ -45,7 +45,7 @@ const opsBootConfig: bootConfig[] = [
     {
         english: 'STEP3',
         label: '实时监控',
-        link: 'link/dashboard',
+        link: 'link/DashBoard',
         params: {
             type: 'add',
         },

src/views/home/components/DeviceCountCard.vue

@@ -26,13 +26,19 @@ const { jumpPage } = useMenuStore();
 const projectNum = ref(0);
 const deviceNum = ref(0);
 
+const menuPermission = useMenuStore().hasPermission;
 const getData = () => {
-    getDeviceCount_api().then((resp: any) => {
-        deviceNum.value = resp.result;
-    });
-    getProductCount_api({}).then((resp: any) => {
-        projectNum.value = resp.result;
-    });
+    // 有产品菜单权限则获取数据
+    menuPermission('device/Product') &&
+        getDeviceCount_api().then((resp: any) => {
+            deviceNum.value = resp.result;
+        });
+
+    // 有设备菜单权限则获取数据
+    menuPermission('device/Instance') &&
+        getProductCount_api({}).then((resp: any) => {
+            projectNum.value = resp.result;
+        });
 };
 getData();
 </script>

src/views/home/index.vue

@@ -52,9 +52,10 @@ const secureKey = ref<string>('');
 const setCurrentView = () => {
     getView_api().then((resp: any) => {
         if (resp.status === 200) {
-            if (resp.result) currentView.value = resp.result?.content;
-            else if (resp.result.username === 'admin') {
-                currentView.value = 'comprehensive';
+            if (resp.result) {
+                if (resp.result.username === 'admin')
+                    currentView.value = 'comprehensive';
+                else currentView.value = resp.result?.content;
             } else currentView.value = 'init';
         }
     });