module-menu-vue 0.2.2 → 0.2.3-dev-hubjt.2

package/src/components/Menu/ModuleMenu.vue

@@ -1,321 +1,322 @@
-<template>
-    <div :style = "{ background: stash === 'HBJK' ? '#1890ff' : '#fff' }">
-        <div class='menuPopupAndTitle' :style="{height: stash === 'LNRD' ? '75px': 'auto'}">
-            <div class='menuIcon' :style="{background: stash === 'LNRD' ? '#EA1A1A' : '#4091f7',height: stash === 'LNRD' ? '75px' : '50px', width: stash === 'LNRD' ? '75px' : '60px'}" @mouseenter="showMenuList = true" @mouseleave="showMenuList = false">
-                <img class="menuIcon_img" :src="menuIconSrc" :style="{verticalAlign: stash === 'LNRD' ? 'bottom': 'middle'}"/>
-            </div>
-            <div :class="'menu_title_content'" v-show="showCollapse" @click="toHref()" :style="{lineHeight: stash === 'LNRD' ? '53px' : '49px' }">
-                <img v-if="stash !== 'HBJK'" class="menu_title_content_img" :src="getLogoAndTitle().logoSrc" alt="logo" :style="{verticalAlign: stash === 'LNRD' ? 'bottom': 'middle'}"/>
-                <span class='menu_title' :style="{color: stash === 'LNRD' || stash === 'HBJK'? '#fff' : '#1890ff',verticalAlign: stash === 'LNRD' ? 'bottom': 'middle'}">{{getLogoAndTitle().title}}</span>
-            </div>
-        </div>
-        <div class='menu_list_content' :style="{ display: showMenuList ? 'block' : 'none', top: stash === 'LNRD' ? '75px' : '50px'}" @mouseenter="showMenuList = true" @mouseleave="showMenuList = false">
-            <div v-for="(item, index) in menuList" :key="item.path">
-              <div :key="item.name" class="cardLine" :style="{height: item.children.length > 3 ? '90px' : ''}">
-                <div class='leftMenu'
-                    :style="{
-                      height: item.children.length > 3 ? '96px' : '70px',
-                      lineHeight: item.children.length > 3 ? '45px' : '70px',
-                    }">
-                    <img :src="item.url" class="middle imgWidth" />
-                    <span class="middle textPad" :class="stash === 'LNRD' ? 'LNRD_menu_title' : 'textPad'" @click="toHomePage(index)">{{item.name}}</span>
-                </div>
-                <div class='rightMenu'
-                    :style="{
-                        height: item.children.length > 6 ? '140px' : item.children.length > 3 ? '96px' : '70px',
-                        lineHeight: item.children.length > 3 ? '45px' : '70px',
-                        borderBottom: index === menuList.length - 1 ? '0px' : '1px solid #E9E9E9',
-                    }">
-                    <span v-show="index === 0 && isExist">
-                        <img :src="require('./../../assets/exchange_portal_logo.svg')" class="middle exchangeCss" />
-                        <span class="middle textPad" @click="toExchangePage()">政务共享交换平台</span>
-                    </span>
-                    <span v-for="child in item.children" :key="child.url">
-                        <span :key="child.childName">
-                            <img :src="child.url" class="middle iconPad" />
-                            <span :class="stash === 'LNRD' ? 'LNRD_menu_title childMenu textPad' : 'childMenu textPad middle'" @click="toModulePage(child.childName)">{{child.childName}}</span>
-                        </span>
-                    </span>
-                </div>
-            </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import { menuList as menuListInit, menuList_PANWEI, menuIconSrc, sysNameMap, lnrdMenuList, lnrdSysNameMap, menuList_HBJK} from './constant.js'
-import './menu.css'
-import { getMenuList, isLogoutThird, getInfoByName, getUrlByInfo } from './service.js'
-export default {
-  name: 'ModuleMenu',
-  props: {
-    sysName: {
-        type: String,
-        default: 'admin'
-    },
-    collapse: {
-        type: Boolean,
-        default: true,
-    },
-    stash: {
-        type: String,
-        default: 'HBJK'
-    }
-  },
-  watch: {
-    collapse: {
-      handler: function (newVal, oldVal) {
-        console.log('---', newVal, oldVal)
-        this.showCollapse = newVal
-      },
-      deep: true
-    }
-  },
-  data () {
-    return {
-      showMenuList: false,
-      menuIconSrc: menuIconSrc,
-      menuList: [],
-      sessionMenu: [],
-      menuListInit: menuListInit,
-      menuList_PANWEI,
-      lnrdMenuList,
-      lnrdSysNameMap,
-      sysNameMap: sysNameMap,
-      showCollapse: true,
-      isExist: false,
-      systemPath: ''
-    }
-  },
-  created () {
-    this.getSessionMenu();
-    if (!["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
-        this.getNewMenuList();
-    }
-  },
-  methods: {
-    // 跳转政务共享交换平台
-    toExchangePage() {
-        isLogoutThird().then((rsp) => {
-          const rspObj = rsp.data
-          console.log('isLogoutThird rspObj: ', rspObj);
-          if (rspObj && rspObj.data !== '1') {
-            location.href = rsp.data;
-          }
-        });
-    },
-    toHref () {
-        if (this.sysName === 'admin') {
-            let url = ''
-            if (this.stash === "GZW") {
-                url = `/data-platform/#${this.systemPath}`
-            } else if (this.stash === 'PANWEI') {
-                url = `/bigdata-portal/#${this.systemPath}`
-            } else if (!["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
-                url = `/#${this.systemPath}`
-            }
-            location.href = url
-        }
-    },
-    async getSessionMenu () {
-        // 一体化
-        if (["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
-            const rsp = await getMenuList()
-            const rspData = rsp.data.data
-            if (rspData && rspData.length > 0) {
-                const routesList = rspData[0].routes
-                if (rsp.data.data) {
-                    const pathList = routesList.map(item => {
-                        if (item.path.indexOf('appSystem') !== -1) {
-                            let appSysMenuList = []
-                            let appSysNameList = []
-                            item.routes.forEach(obj => {
-                                appSysMenuList.push('/' + obj.path)
-                                appSysNameList.push(obj.name)
-                            }) || []
-                            localStorage.setItem('appSysMenuList', JSON.stringify(appSysMenuList))
-                            localStorage.setItem('appSysNameList', JSON.stringify(appSysNameList))
-                        }
-                        return {
-                            ...item,
-                            path: item.path.indexOf('/') === -1 ? '/' + item.path : item.path
-                        }
-                    })
-                    this.sessionMenu = [...pathList]
-                    this.getNewMenuList();
-                }
-            }
-        } else {
-            // 轻量级
-            const menuObj = JSON.parse(sessionStorage.getItem('bigdata-menu'));
-            if (menuObj) {
-                this.sessionMenu = [...menuObj.content]
-                // 判断是否展示 政务共享平台 菜单(烟台需求)
-                this.isExist = this.sessionMenu.some(obj => {
-                    if (obj.name === '权限管理' && obj.children.length > 0) {
-                        this.systemPath = obj.children[0].path
-                    }
-                    return obj.path === '/exchange'
-                })
-            }
-        }
-    },
-    // 获取系统logo及title
-    getLogoAndTitle () {
-        const newMap = this.stash === 'LNRD' ? this.lnrdSysNameMap : this.sysNameMap
-        let sysInfo = newMap.find(item  => item.sysName === this.sysName);
-        let logoAndTitle = { logoSrc: "", title: "" };
-        if (sysInfo) {
-            logoAndTitle.logoSrc = sysInfo.logoSrc;
-            logoAndTitle.title = sysInfo.title;
-        }
-        return logoAndTitle;
-    },
-    async getUrl(name) {
-      let res = null;
-      let obj = {}
-      res = await getInfoByName(name)
-      obj = {
-        clientId: res.data.data.clientId,
-        redirectUrl: encodeURIComponent(res.data.data.redirectUris[0]),
-      }
-      res = await getUrlByInfo(obj)
-      return res.data.data
-    },
-    // 跳转各个模块
-    async toModulePage (nameStr)  {
-        let thirdPartyServiceJumpPath = ""; // 第三方服务跳转路径
-        switch (nameStr) {
-            case '平台运行总览':
-                thirdPartyServiceJumpPath = '/dataadmin/#/overview'
-                return;
-            case '知识图谱':
-                thirdPartyServiceJumpPath = await this.getUrl('knowledge')
-                break;
-            case '数据可视化':
-                thirdPartyServiceJumpPath = await this.getUrl('dataview')
-                break;
-            case '数据填报':
-                thirdPartyServiceJumpPath = await this.getUrl('datafill')
-                break;
-            case '数据标签':
-                thirdPartyServiceJumpPath = '/datatag/';
-                break;
-            case "数据集成":
-                thirdPartyServiceJumpPath = "/datacollect/";
-                break;
-            case "数据治理":
-                thirdPartyServiceJumpPath = "/datamanage/";
-                break;
-            case "元数据管理":
-                thirdPartyServiceJumpPath = "/metadata/";
-                break;
-            case "数据质量":
-                thirdPartyServiceJumpPath = "/quality/";
-                break;
-            case "离线开发":
-                thirdPartyServiceJumpPath = "/datadev/";
-                break;
-            case "实时开发":
-                thirdPartyServiceJumpPath = "/dataanalytic/";
-                break;
-            case "数据服务":
-                thirdPartyServiceJumpPath = "/dataservice/";
-                break;
-            case "数据资产":
-                thirdPartyServiceJumpPath = "/dataasset/";
-                break;
-            case "数据共享":
-                thirdPartyServiceJumpPath = "/datasharing/";
-                break;
-            case "运维中心":
-                thirdPartyServiceJumpPath = "/operate/";
-                break;
-            case "消息中心":
-                thirdPartyServiceJumpPath = "/alert/";
-                break;
-            case "数据安全":
-                thirdPartyServiceJumpPath = "/datasecurity/";
-                break;
-            case "目录管理":
-                thirdPartyServiceJumpPath = "/admin-ui/catalog";
-                break;
-            case "资源管理":
-                thirdPartyServiceJumpPath = "/admin-ui/resource/tableResource/list";
-                break;
-            case "供需对接":
-                thirdPartyServiceJumpPath = '/admin-ui/supply-and-demand-docking/dataRequirement/propose/list';
-                break;
-            case "数据直达":
-                thirdPartyServiceJumpPath = '/admin-ui/cascade';
-                break;
-            case '综合评价系统':
-                thirdPartyServiceJumpPath = '/admin-ui/evaluate';
-                break;
-            default:
-                break;
-        }
-        if (['公共卫生监测人口库', '电子传染病档案库', '应急资源库', '传染病防控知识库', '主题库'].includes(nameStr)) {
-            console.log(nameStr)
-        }
-        if (['平台运行总览', '知识图谱', '数据可视化', '数据填报'].includes(nameStr)) {
-            window.open(thirdPartyServiceJumpPath, '_blank')
-        } else {
-            location.href = thirdPartyServiceJumpPath
-        }
-    },
-    // 跳转首页
-    toHomePage (index)  {
-        if (index === 0) {
-            let url = ''
-            if (["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
-                url = '/dataadmin/#/index'
-            } else if (this.stash === "GZW") {
-                url = '/data-platform/#/index'
-            } else if (this.stash === "PANWEI") {
-                url = '/bigdata-portal/#/index'
-            } else {
-                url = '/#/index'
-            }
-            location.href = url
-        }
-    },
-    getNewMenuList () {
-        let newMenuList = this.stash === 'LNRD' ? [...lnrdMenuList] : this.stash === 'PANWEI' ? [...this.menuList_PANWEI] : [...this.menuListInit];
-        if (this.sessionMenu) {
-            const pathList = this.sessionMenu.map(item  => item.path)
-            // 过滤掉没有权限的子菜单(PS：如果模块下面子菜单都没有，则不显示该模块)
-            for (let index = newMenuList.length - 1; index >= 0; index--) {
-                const menuItem = newMenuList[index]
-                for (let index_ch = menuItem.children.length - 1; index_ch >= 0; index_ch--) {
-                    const child = menuItem.children[index_ch]
-                    if (!pathList.includes(child.path)) {
-                        newMenuList[index].children.splice(index_ch, 1)
-                    }
-                }
-                if (menuItem.children.length === 0 && menuItem.name !== '首页') {
-                    newMenuList.splice(index, 1)
-                }
-            }
-        }
-        console.log("menuList_HBJK")
-        if (this.stash === 'HBJK') {
-            newMenuList = [...newMenuList, ...menuList_HBJK]
-            console.log("add menuList_HBJK===", newMenuList)
-        }
-        this.menuList = [...newMenuList];
-        console.log("finally menuList===", newMenuList)
-    },
-  }
-}
-</script>
-<style scoped>
-.iconPad{
-    width: 15px;
-    height: 15px;
-}
-.imgWidth{
-    width: 20px;
-}
-</style>
+<template>
+    <div :style = "{ background: stash === 'HBJK' ? '#1890ff' : '#fff' }">
+        <div class='menuPopupAndTitle' :style="{height: stash === 'LNRD' ? '75px': 'auto'}">
+            <div class='menuIcon' :style="{background: stash === 'LNRD' ? '#EA1A1A' : '#4091f7',height: stash === 'LNRD' ? '75px' : '50px', width: stash === 'LNRD' ? '75px' : '60px'}" @mouseenter="showMenuList = true" @mouseleave="showMenuList = false">
+                <img class="menuIcon_img" :src="menuIconSrc" :style="{verticalAlign: stash === 'LNRD' ? 'bottom': 'middle'}"/>
+            </div>
+            <div :class="'menu_title_content'" v-show="showCollapse" @click="toHref()" :style="{lineHeight: stash === 'LNRD' ? '53px' : '49px' }">
+                <img v-if="stash !== 'HBJK'" class="menu_title_content_img" :src="getLogoAndTitle().logoSrc" alt="logo" :style="{verticalAlign: stash === 'LNRD' ? 'bottom': 'middle'}"/>
+                <span class='menu_title' :style="{color: stash === 'LNRD' || stash === 'HBJK'? '#fff' : '#1890ff',verticalAlign: stash === 'LNRD' ? 'bottom': 'middle'}">{{getLogoAndTitle().title}}</span>
+            </div>
+        </div>
+        <div class='menu_list_content' :style="{ display: showMenuList ? 'block' : 'none', top: stash === 'LNRD' ? '75px' : '50px'}" @mouseenter="showMenuList = true" @mouseleave="showMenuList = true">
+            <div v-for="(item, index) in menuList" :key="item.path">
+              <div :key="item.name" class="cardLine" :style="{height: item.children.length > 3 ? '90px' : ''}">
+                <div class='leftMenu'
+                    :style="{
+                      height: item.children.length > 3 ? '96px' : '70px',
+                      lineHeight: item.children.length > 3 ? '45px' : '70px',
+                    }">
+                    <img :src="item.url" class="middle imgWidth" />
+                    <span class="middle textPad" :class="stash === 'LNRD' ? 'LNRD_menu_title' : 'textPad'" @click="toHomePage(index)">{{item.name}}</span>
+                </div>
+                <div class='rightMenu'
+                    :style="{
+                        height: item.children.length > 6 ? '140px' : item.children.length > 3 ? '96px' : '70px',
+                        lineHeight: item.children.length > 3 ? '45px' : '70px',
+                        borderBottom: index === menuList.length - 1 ? '0px' : '1px solid #E9E9E9',
+                    }">
+                    <span v-show="index === 0 && isExist">
+                        <img :src="require('./../../assets/exchange_portal_logo.svg')" class="middle exchangeCss" />
+                        <span class="middle textPad" @click="toExchangePage()">政务共享交换平台</span>
+                    </span>
+                    <span v-for="child in item.children" :key="child.url">
+                        <span :key="child.childName">
+                            <img :src="child.url" class="middle iconPad" />
+                            <span :class="stash === 'LNRD' ? 'LNRD_menu_title childMenu textPad' : 'childMenu textPad middle'" @click="toModulePage(child.childName)">{{child.childName}}</span>
+                        </span>
+                    </span>
+                </div>
+            </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { menuList as menuListInit, menuList_PANWEI, menuIconSrc, sysNameMap, lnrdMenuList, lnrdSysNameMap, menuList_HBJK} from './constant.js'
+import './menu.css'
+import { getMenuList, isLogoutThird, getInfoByName, getUrlByInfo } from './service.js'
+export default {
+  name: 'ModuleMenu',
+  props: {
+    sysName: {
+        type: String,
+        default: 'admin'
+    },
+    collapse: {
+        type: Boolean,
+        default: true,
+    },
+    stash: {
+        type: String,
+        default: 'integration'
+    }
+  },
+  watch: {
+    collapse: {
+      handler: function (newVal, oldVal) {
+        console.log('---', newVal, oldVal)
+        this.showCollapse = newVal
+      },
+      deep: true
+    }
+  },
+  data () {
+    return {
+      showMenuList: false,
+      menuIconSrc: menuIconSrc,
+      menuList: [],
+      sessionMenu: [],
+      menuListInit: menuListInit,
+      menuList_PANWEI,
+      lnrdMenuList,
+      lnrdSysNameMap,
+      sysNameMap: sysNameMap,
+      showCollapse: true,
+      isExist: false,
+      systemPath: ''
+    }
+  },
+  created () {
+    this.getSessionMenu();
+    if (!["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
+        this.getNewMenuList();
+    }
+  },
+  methods: {
+    // 跳转政务共享交换平台
+    toExchangePage() {
+        isLogoutThird().then((rsp) => {
+          const rspObj = rsp.data
+          console.log('isLogoutThird rspObj: ', rspObj);
+          if (rspObj && rspObj.data !== '1') {
+            location.href = rsp.data;
+          }
+        });
+    },
+    toHref () {
+        if (this.sysName === 'admin') {
+            let url = ''
+            if (this.stash === "GZW") {
+                url = `/data-platform/#${this.systemPath}`
+            } else if (this.stash === 'PANWEI') {
+                url = `/bigdata-portal/#${this.systemPath}`
+            } else if (!["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
+                url = `/#${this.systemPath}`
+            }
+            location.href = url
+        }
+    },
+    async getSessionMenu () {
+        // 一体化
+        if (["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
+            const rsp = await getMenuList()
+            const rspData = rsp.data.data
+            if (rspData && rspData.length > 0) {
+                const routesList = rspData[0].routes
+                if (rsp.data.data) {
+                    const pathList = routesList.map(item => {
+                        if (item.path.indexOf('appSystem') !== -1) {
+                            let appSysMenuList = []
+                            let appSysNameList = []
+                            item.routes.forEach(obj => {
+                                appSysMenuList.push('/' + obj.path)
+                                appSysNameList.push(obj.name)
+                            }) || []
+                            localStorage.setItem('appSysMenuList', JSON.stringify(appSysMenuList))
+                            localStorage.setItem('appSysNameList', JSON.stringify(appSysNameList))
+                        }
+                        return {
+                            ...item,
+                            path: item.path.indexOf('/') === -1 ? '/' + item.path : item.path
+                        }
+                    })
+                    this.sessionMenu = [...pathList]
+                    this.getNewMenuList();
+                }
+            }
+        } else {
+            // 轻量级
+            const menuObj = JSON.parse(sessionStorage.getItem('bigdata-menu'));
+            if (menuObj) {
+                this.sessionMenu = [...menuObj.content]
+                // 判断是否展示 政务共享平台 菜单(烟台需求)
+                this.isExist = this.sessionMenu.some(obj => {
+                    if (obj.name === '权限管理' && obj.children.length > 0) {
+                        this.systemPath = obj.children[0].path
+                    }
+                    return obj.path === '/exchange'
+                })
+            }
+        }
+    },
+    // 获取系统logo及title
+    getLogoAndTitle () {
+        const newMap = this.stash === 'LNRD' ? this.lnrdSysNameMap : this.sysNameMap
+        let sysInfo = newMap.find(item  => item.sysName === this.sysName);
+        let logoAndTitle = { logoSrc: "", title: "" };
+        if (sysInfo) {
+            logoAndTitle.logoSrc = sysInfo.logoSrc;
+            logoAndTitle.title = sysInfo.title;
+        }
+        return logoAndTitle;
+    },
+    async getUrl(name) {
+      let res = null;
+      let obj = {}
+      res = await getInfoByName(name)
+      obj = {
+        clientId: res.data.data.clientId,
+        redirectUrl: encodeURIComponent(res.data.data.redirectUris[0]),
+      }
+      res = await getUrlByInfo(obj)
+      return res.data.data
+    },
+    // 跳转各个模块
+    async toModulePage (nameStr)  {
+        let thirdPartyServiceJumpPath = ""; // 第三方服务跳转路径
+        switch (nameStr) {
+            case '平台运行总览':
+                thirdPartyServiceJumpPath = '/dataadmin/#/overview'
+                return;
+            case '知识图谱':
+                thirdPartyServiceJumpPath = await this.getUrl('knowledge')
+                break;
+            case '数据可视化':
+                thirdPartyServiceJumpPath = await this.getUrl('dataview')
+                break;
+            case '数据填报':
+                thirdPartyServiceJumpPath = await this.getUrl('datafill')
+                break;
+            case '数据标签':
+                thirdPartyServiceJumpPath = '/datatag/';
+                break;
+            case "数据集成":
+                thirdPartyServiceJumpPath = "/datacollect/";
+                break;
+            case "数据治理":
+                thirdPartyServiceJumpPath = "/datamanage/";
+                break;
+            case "元数据管理":
+                thirdPartyServiceJumpPath = "/metadata/";
+                break;
+            case "数据质量":
+                thirdPartyServiceJumpPath = "/quality/";
+                break;
+            case "离线开发":
+                thirdPartyServiceJumpPath = "/datadev/";
+                break;
+            case "实时开发":
+                thirdPartyServiceJumpPath = "/dataanalytic/";
+                break;
+            case "数据服务":
+                thirdPartyServiceJumpPath = "/dataservice/";
+                break;
+            case "数据资产":
+                thirdPartyServiceJumpPath = "/dataasset/";
+                break;
+            case "数据共享":
+                thirdPartyServiceJumpPath = "/datasharing/";
+                break;
+            case "运维中心":
+                thirdPartyServiceJumpPath = "/operate/";
+                break;
+            case "消息中心":
+                thirdPartyServiceJumpPath = "/alert/";
+                break;
+            case "数据安全":
+                thirdPartyServiceJumpPath = "/datasecurity/";
+                break;
+            case "目录管理":
+                thirdPartyServiceJumpPath = "/admin-ui/catalog";
+                break;
+            case "资源管理":
+                thirdPartyServiceJumpPath = "/admin-ui/resource/tableResource/list";
+                break;
+            case "供需对接":
+                thirdPartyServiceJumpPath = '/admin-ui/supply-and-demand-docking/dataRequirement/propose/list';
+                break;
+            case "数据直达":
+                thirdPartyServiceJumpPath = '/admin-ui/cascade';
+                break;
+            case '综合评价系统':
+                thirdPartyServiceJumpPath = '/admin-ui/evaluate';
+                break;
+            default:
+                break;
+        }
+        if (['公共卫生监测人口库', '电子传染病档案库', '应急资源库', '传染病防控知识库', '主题库'].includes(nameStr)) {
+            console.log(nameStr)
+        }
+        if (['平台运行总览', '知识图谱', '数据可视化', '数据填报'].includes(nameStr)) {
+            window.open(thirdPartyServiceJumpPath, '_blank')
+        } else {
+            location.href = thirdPartyServiceJumpPath
+        }
+    },
+    // 跳转首页
+    toHomePage (index)  {
+        if (index === 0) {
+            let url = ''
+            // if (["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
+            //     url = '/dataadmin/#/index'
+            // } else if (this.stash === "GZW") {
+            //     url = '/data-platform/#/index'
+            // } else if (this.stash === "PANWEI") {
+            //     url = '/bigdata-portal/#/index'
+            // } else {
+            //     url = '/#/index'
+            // }
+            url = '/data-capability'
+            location.href = url
+        }
+    },
+    getNewMenuList () {
+        let newMenuList = this.stash === 'LNRD' ? [...lnrdMenuList] : this.stash === 'PANWEI' ? [...this.menuList_PANWEI] : [...this.menuListInit];
+        if (this.sessionMenu) {
+            const pathList = this.sessionMenu.map(item  => item.path)
+            // 过滤掉没有权限的子菜单(PS：如果模块下面子菜单都没有，则不显示该模块)
+            for (let index = newMenuList.length - 1; index >= 0; index--) {
+                const menuItem = newMenuList[index]
+                for (let index_ch = menuItem.children.length - 1; index_ch >= 0; index_ch--) {
+                    const child = menuItem.children[index_ch]
+                    if (!pathList.includes(child.path)) {
+                        newMenuList[index].children.splice(index_ch, 1)
+                    }
+                }
+                if (menuItem.children.length === 0 && menuItem.name !== '首页') {
+                    newMenuList.splice(index, 1)
+                }
+            }
+        }
+        console.log("menuList_HBJK")
+        if (this.stash === 'HBJK') {
+            newMenuList = [...newMenuList, ...menuList_HBJK]
+            console.log("add menuList_HBJK===", newMenuList)
+        }
+        this.menuList = [...newMenuList];
+        console.log("finally menuList===", newMenuList)
+    },
+  }
+}
+</script>
+<style scoped>
+.iconPad{
+    width: 15px;
+    height: 15px;
+}
+.imgWidth{
+    width: 20px;
+}
+</style>