module-menu-vue 0.0.94 → 0.0.96

package/package.json

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

package/src/components/Menu/ModuleMenu.vue

@@ -1,5 +1,4 @@
 <template>
-    <!-- :class="stash === 'LNRD' ? 'backGroundImg' : ''" -->
     <div>
         <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">
@@ -7,7 +6,7 @@
             </div>
             <div :class="'menu_title_content'" v-show="showCollapse" @click="toHref()" :style="{lineHeight: stash === 'LNRD' ? '53px' : '49px'}">
                 <img class="menu_title_content_img" :src="getLogoAndTitle().logoSrc" alt="logo" :style="{verticalAlign: stash === 'LNRD' ? 'bottom': 'middle'}"/>
-                <span class="menu_title" :style="{color: stash === 'LNRD' ? '#fff' : '#1890ff',verticalAlign: stash === 'LNRD' ? 'bottom': 'middle'}">{{getLogoAndTitle().title}}</span>
+                <span class='menu_title' :style="{color: stash === 'LNRD' ? '#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">
@@ -19,7 +18,7 @@
                       lineHeight: item.children.length > 3 ? '45px' : '70px',
                     }">
                     <img :src="item.url" class="middle imgWidth" />
-                    <span class="middle textPad" @click="toHomePage(index)">{{item.name}}</span>
+                    <span class="middle textPad" :class="stash === 'LNRD' ? 'LNRD_menu_title' : 'textPad'" @click="toHomePage(index)">{{item.name}}</span>
                 </div>
                 <div class='rightMenu'
                     :style="{
@@ -34,7 +33,7 @@
                     <span v-for="child in item.children" :key="child.url">
                         <span :key="child.childName">
                             <img :src="child.url" class="middle iconPad" />
-                            <span class='childMenu textPad middle' @click="toModulePage(child.childName)">{{child.childName}}</span>
+                            <span :class="stash === 'LNRD' ? 'LNRD_menu_title childMenu textPad' : 'childMenu textPad middle'" @click="toModulePage(child.childName)">{{child.childName}}</span>
                         </span>
                     </span>
                 </div>
@@ -45,7 +44,7 @@
 </template>
 
 <script>
-import { menuList as menuListInit, menuIconSrc, sysNameMap, lnrdMenuList, lnrdSysNameMap } from './constant.js'
+import { menuList as menuListInit, menuList_PANWEI, menuIconSrc, sysNameMap, lnrdMenuList, lnrdSysNameMap } from './constant.js'
 import './menu.css'
 import {getMenuList, isLogoutThird} from './service.js'
 export default {
@@ -80,6 +79,7 @@ export default {
       menuList: [],
       sessionMenu: [],
       menuListInit: menuListInit,
+      menuList_PANWEI,
       lnrdMenuList,
       lnrdSysNameMap,
       sysNameMap: sysNameMap,
@@ -107,7 +107,15 @@ export default {
     },
     toHref () {
         if (this.sysName === 'admin') {
-            location.href = this.stash === "GZW" ? `/data-platform/#${this.systemPath}` : !["integration", 'LNRD'].includes(this.stash) ? `/#${this.systemPath}` : ''
+            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'].includes(this.stash)) {
+                url = `/#${this.systemPath}`
+            }
+            location.href = url
         }
     },
     async getSessionMenu () {
@@ -232,11 +240,21 @@ export default {
     // 跳转首页
     toHomePage (index)  {
         if (index === 0) {
-            location.href = ["integration", 'LNRD'].includes(this.stash) ? '/dataadmin/#/index' : this.stash === "GZW" ? '/data-platform/#/index' : '/#/index'
+            let url = ''
+            if (["integration", 'LNRD'].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.menuListInit];
+        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：如果模块下面子菜单都没有，则不显示该模块)

package/src/components/Menu/constant.js

@@ -133,6 +133,53 @@ export const menuList = [{
         url: require('../../assets/ic_zonglan.png'),
     }]
 }];
+export const menuList_PANWEI = [{
+    name: '首页',
+    url: require('../../assets/home.svg'),
+    children: [],
+},
+{
+    name: '数据汇聚',
+    url: require('../../assets/ic_shujuhuiju_m.svg'),
+    children: [{
+        childName: '数据集成',
+        path: token ? '/datacollect' : '/datacollection',
+        url:require('../../assets/datacollection_slogo.svg'),
+    }]
+},
+{
+    name: '数据治理',
+    url: require('../../assets/ic_shujuzhili_m.svg'),
+    children: [
+        {
+            childName: '数据治理',
+            path: token ? '/datamanage' : '/dataManager',
+            url:require('../../assets/datamanager_slogo.svg'),
+        },
+    ]
+},
+{
+    name: '数据开发',
+    url: require('../../assets/ic_shujukaifa_m.svg'),
+    children: [
+        {
+            childName: '离线开发',
+            path: token ? '/datadev' : '/datadev/',
+            url:require('../../assets/datadev_slogo.svg'),
+        },
+    ]
+},
+{
+    name: '数据共享',
+    url: require('../../assets/ic_shujukaifang_m.svg'),
+    children: [
+        {
+            childName: '数据服务',
+            path: '/dataservice',
+            url:require('../../assets/dataservice_slogo.svg'),
+        },
+    ]
+}];
 export const menuIconSrc = require('../../assets/menuIcon.svg');
 export const sysNameMap = [
     {

package/src/components/Menu/menu.css

@@ -99,3 +99,9 @@
   vertical-align: middle;
   animation: pro-layout-title-hide 0.3s;
 }
+.menu_title:hover {
+  color: #4091f7;
+}
+.LNRD_menu_title:hover{
+  color: #D40600;
+}

package/src/components/User/UserInfo.vue

@@ -68,6 +68,8 @@ export default {
         }
         if (this.stash === 'GZW') {
             sessionStorage.setItem('stash', 'GZW')
+        } else if (this.stash === 'PANWEI') {
+            sessionStorage.setItem('stash', 'PANWEI')
         } else {
             sessionStorage.removeItem('stash')
         }
@@ -90,7 +92,15 @@ export default {
         handleClickmenu (flag){
             let url = ''
             if (flag === 'single') {
-                url = ["integration", 'LNRD'].includes(this.stash) ? '/admin-ui/data-share-portal/personal/info' : this.stash === "GZW" ? '/data-platform/#/info/index' : '/#/info/index'
+                if (["integration", 'LNRD'].includes(this.stash)) {
+                    url = '/admin-ui/data-share-portal/personal/info'
+                } else if (this.stash === "GZW") {
+                    url = '/data-platform/#/info/index'
+                } else if (this.stash === "PANWEI") {
+                    url = '/bigdata-portal/#/info/index'
+                } else {
+                    url = '/#/info/index'
+                }
                 location.href = url;
             } else if (flag === 'systerm') {
                 if (["integration", 'LNRD'].includes(this.stash)) {
@@ -113,7 +123,17 @@ export default {
                             }
                         })
                     }
-                    location.href = this.stash === "GZW" ? `/data-platform/#${systemPath}` : `/#${systemPath}`
+                    if (this.sysName === 'admin') {
+                        let url = ''
+                        if (this.stash === "GZW") {
+                            url = `/data-platform/#${systemPath}`
+                        } else if (this.stash === 'PANWEI') {
+                            url = `/bigdata-portal/#${systemPath}`
+                        } else {
+                            url =  `/#${systemPath}`
+                        }
+                        location.href = url
+                    }
                 }
             } else if (flag === 'app') {
                 url = '/dataadmin/#/appSystem/index'
@@ -128,7 +148,14 @@ export default {
                 await integrationLogout();
                 this.logoutUrl()
             } else {
-                const url = ["integration", 'LNRD'].includes(this.stash) ? '/admin-api/system/auth/logout' : this.stash === 'GZW' ? '/data-platform/auth/token/logout' : '/auth/token/logout'
+                let url = ''
+                if (["integration", 'LNRD'].includes(this.stash)) {
+                    url = '/admin-ui/system/auth/logout'
+                } else if (this.stash === 'GZW') {
+                    url = '/data-platform/auth/token/logout'
+                } else {
+                    url = '/auth/token/logout'
+                }
                 const method = ["integration", 'LNRD'].includes(this.stash) ? 'post' : 'delete'
                 Axios(url, method).then(() => {
                     this.logoutUrl();
@@ -141,7 +168,17 @@ export default {
         logoutUrl() {
             localStorage.clear();
             sessionStorage.clear();
-            location.href = ["integration", 'LNRD'].includes(this.stash) ? '/admin-ui/login' : this.stash === 'GZW' ? '/data-platform/#/login' : '/#/login'
+            let url = ''
+            if (["integration", 'LNRD'].includes(this.stash)) {
+                url = '/admin-ui/login'
+            } else if (this.stash === 'GZW') {
+                url = '/data-platform/#/login'
+            } else if (this.stash === 'PANWEI') {
+                url = '/bigdata-portal/#/login'
+            } else {
+                url = '/#/login'
+            }
+            location.href = url
         },
         getName ()  {
             return getUserName()

package/src/components/Util/axios.js

@@ -1,7 +1,7 @@
 import axios from 'axios';
 import getStore from './userInfo';
 import { checkToken } from './permessionUtils';
-let tokenValue = '8d14526ebe5a4b2ab37ef039f649dc7d';
+let tokenValue = 'ba8db130f3334ae5b432b1398e0c1b1d';
 axios.interceptors.response.use(
   (response) => {
     if (response.status === 200) {

package/src/components/Util/permessionUtils.js

@@ -1,7 +1,7 @@
 import Axios from './axios';
 const localStorageToken = localStorage.getItem('ACCESS_TOKEN')
 const stash = sessionStorage.getItem('stash')
-const DEFAULT_LOGOUT_URL = localStorageToken ? '/admin-ui/login' : stash === 'GZW' ? '/data-platform/#/login' : '/#/login'
+const DEFAULT_LOGOUT_URL = localStorageToken ? '/admin-ui/login' : stash === 'GZW' ? '/data-platform/#/login' : stash === 'PANWEI' ? '/bigdata-portal/#/login' : '/#/login'
 import { integrationLogout } from '../User/service.js'
 // 校验token是否失效
 export const checkToken = async (token) => {