module-menu-vue 0.3.1 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "module-menu-vue",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "城市大数据平台菜单--Vue版",
   "main": "/index.js",
   "scripts": {

package/src/components/Menu/ModuleMenu.vue

@@ -30,8 +30,8 @@
                         <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">
+                    <span v-for="child in item.children" :key="child.url" class="menu-item-wrapper">
+                        <span :key="child.childName" class="menu-item-content">
                             <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>
@@ -44,7 +44,7 @@
 </template>
 
 <script>
-import { menuList as menuListInit, menuList_PANWEI, menuIconSrc, sysNameMap, lnrdMenuList, lnrdSysNameMap, menuList_HBJK} from './constant.js'
+import { getMenuList as getMenuListInit, menuList_PANWEI, menuIconSrc, sysNameMap, lnrdMenuList, lnrdSysNameMap, menuList_HBJK} from './constant.js'
 import './menu.css'
 import { getMenuList, isLogoutThird, getInfoByName, getUrlByInfo } from './service.js'
 export default {
@@ -78,7 +78,7 @@ export default {
       menuIconSrc: menuIconSrc,
       menuList: [],
       sessionMenu: [],
-      menuListInit: menuListInit,
+      menuListInit: getMenuListInit(this.stash),
       menuList_PANWEI,
       lnrdMenuList,
       lnrdSysNameMap,
@@ -185,6 +185,15 @@ export default {
     },
     // 跳转各个模块
     async toModulePage (nameStr)  {
+        // 针对HBJK的标签管理，从菜单权限数据中获取动态路径
+        if (this.stash === 'HBJK' && nameStr === '标签管理') {
+            const menuItem = this.sessionMenu.find(item => item.name === '标签管理');
+            if (menuItem && menuItem.path) {
+                window.open(menuItem.path, '_blank');
+                return;
+            }
+        }
+
         let thirdPartyServiceJumpPath = ""; // 第三方服务跳转路径
         switch (nameStr) {
             case '平台运行总览':
@@ -284,13 +293,21 @@ export default {
     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)
+            const pathList = [...this.sessionMenu].map(item  => item.path)
+            const nameList = [...this.sessionMenu].map((item) => item.name); // 添加按名称匹配的列表
+
             // 过滤掉没有权限的子菜单(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)) {
+
+                    // 对于HBJK的标签管理，使用名称匹配而不是path匹配
+                    const hasPermission = (this.stash === 'HBJK' && child.childName === '标签管理')
+                        ? nameList.includes('标签管理')
+                        : pathList.includes(child.path);
+
+                    if (!hasPermission) {
                         newMenuList[index].children.splice(index_ch, 1)
                     }
                 }

package/src/components/Menu/constant.js

@@ -1,6 +1,35 @@
 const token = localStorage.getItem('ACCESS_TOKEN')
 
-export const menuList = [{
+// 数据管理子菜单
+const dataManageChildrenMenus = [
+  {
+    childName: '数据治理',
+    path: token ? '/datamanage' : '/dataManager',
+    url: require('../../assets/datamanager_slogo.svg'),
+  },
+  {
+    childName: '元数据管理',
+    path: '/metadata',
+    url: require('../../assets/metadata_slogo.svg'),
+  },
+  {
+    childName: '数据质量',
+    path: token ? '/quality' : '/quality/',
+    url: require('../../assets/quality_slogo.svg'),
+  },
+  {
+    childName: '指标管理',
+    path: '/indicator',
+    url: require('../../assets/dataApp/indicator.png'),
+  },
+  {
+    childName: '知识图谱',
+    path: '/knowledge',
+    url: require('../../assets/ic_zhishitupu.png'),
+  },
+];
+
+export const getMenuList = (stash = '') => [{
     name: '首页',
     url: require('../../assets/home.svg'),
     children: [],
@@ -24,32 +53,12 @@ export const menuList = [{
 {
     name: '数据治理',
     url: require('../../assets/ic_shujuzhili_m.svg'),
-    children: [{
-        childName: '数据治理',
-        path: token ? '/datamanage' : '/dataManager',
-        url:require('../../assets/datamanager_slogo.svg'),
-    },
-    {
-        childName: '元数据管理',
-        path: '/metadata',
-        url:require('../../assets/metadata_slogo.svg'),
-    },
-    {
-        childName: '数据质量',
-        path: token ? '/quality' : '/quality/',
-        url: require('../../assets/quality_slogo.svg'),
-    },
-    {
-        childName: "指标管理",
-        path: "/indicator",
-        url: require('../../assets/dataApp/indicator.png'),
-    },
-    {
-        childName: "知识图谱",
-        path: "/knowledge",
-        url: require('../../assets/ic_zhishitupu.png'),
-    }
-    ]
+    children: stash === 'HBJK' ? dataManageChildrenMenus.concat([{
+      childName: '标签管理',
+      // 仅占位
+      path: '/tag-manage',
+      url: require('../../assets/tag_manage_HBJK.png'),
+    }]) : dataManageChildrenMenus,
 },
 {
     name: '数据开发',

package/src/components/Menu/menu.css

@@ -48,10 +48,26 @@
   cursor: pointer;
   color: #4091f7;
 }
-.childMenu {
-  width: 30%;
+.menu-item-wrapper {
+  width: 33.33%;
   display: inline-block;
+  vertical-align: top;
+  box-sizing: border-box;
+  /* padding-right: 8px; */
+}
+
+.menu-item-content {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.childMenu {
   font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
 }
 .middle {
   vertical-align: middle;