module-menu-vue 0.3.12 → 0.3.13

package/src/components/User/UserInfo.vue

@@ -1,228 +1,228 @@
-<template>
-    <div className="right">
-        <el-dropdown v-show="getName()" @command="handleClickmenu">
-            <span class="el-dropdown-link">
-                 <img :src="stash === 'HBJK' ? require('../../assets/userLogo1.png') : require('../../assets/userLogo.svg')" style="vertical-align:middle;padding-right:10px; width: 40px"/>
-                <span :style="{color: stash === 'LNRD' || stash === 'HBJK' ? '#fff' : '#000000d9'}">{{getName()}}</span>
-                <i :style="{color: stash === 'HBJK' ? '#fff' : '#000000d9'}" class="el-icon-arrow-down el-icon--right"></i>
-            </span>
-            <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item command="single">
-                    <img :src="PersonalCenterSrc" alt="" class="menuItem" />
-                    <span>{{["integration", 'LNRD', 'HBJK'].includes(stash) ? '用户中心' : '个人中心'}}</span>
-                </el-dropdown-item>
-                <el-dropdown-item v-show="isShowSys" command="systerm">
-                    <img :src="SystemManageSrc" alt="" class="menuItem" />
-                    <span>系统管理</span>
-                </el-dropdown-item>
-                <el-dropdown-item v-show="isShowApp" command="app">
-                    <img :src="appSystemSrc" alt="" class="menuItem" />
-                    <span>应用系统配置</span>
-                </el-dropdown-item>
-                <el-dropdown-item command="logout">
-                    <img :src="LogoutSrc" alt="" class="menuItem" />
-                    <span>退出登录</span>
-                </el-dropdown-item>
-            </el-dropdown-menu>
-        </el-dropdown>
-    </div>
-</template>
-<script>
-import Axios from '../Util/axios.js'
-import { userMenuIcon } from './constant.js'
-import { getUserName, getIsHaveSystemManagementPermissionFlag } from './../Util/userInfo.js'
-import { integrationLogout, getSysUrl } from './service.js'
-import {getMenuList} from '../Menu/service.js'
-import { getLoginUrl } from '../Util/permessionUtils.js';
-
-export default {
-    name: 'UserInfo',
-    data () {
-        return  {
-            isHaveSystemManagementPermission: getIsHaveSystemManagementPermissionFlag(),
-            PersonalCenterSrc: userMenuIcon.PersonalCenterSrc,
-            MessageCenterSrc: userMenuIcon.MessageCenterSrc,
-            SystemManageSrc: userMenuIcon.SystemManageSrc, 
-            appSystemSrc: userMenuIcon.appSystemSrc,
-            LogoutSrc: userMenuIcon.LogoutSrc,
-            isShowApp: false
-        }
-    },
-    computed: {
-        // 是否显示系统管理菜单项
-        isShowSys () {
-            return ["integration", 'LNRD', 'HBJK'].includes(this.stash) ? true : this.sysName !== 'admin' && this.isHaveSystemManagementPermission
-        },
-    },
-    props: {
-        sysName: {
-            type: String,
-            default: 'admin'
-        },
-        stash: {
-            type: String,
-            default: ''
-        }
-    },
-    created() {
-        if (["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
-            this.isShowAppFunc()
-        }
-        if (this.stash === 'GZW') {
-            sessionStorage.setItem('stash', 'GZW')
-        } else if (this.stash === 'PANWEI') {
-            sessionStorage.setItem('stash', 'PANWEI')
-        } else {
-            sessionStorage.removeItem('stash')
-        }
-    },
-    methods: {
-        async isShowAppFunc() {
-            const rsp = await getMenuList()
-            const rspData = rsp.data.data
-            if (rspData && rspData.length > 0) {
-                const routesList = rspData[0].routes
-                if (routesList) {
-                    routesList.forEach(item => {
-                        if (item.path.indexOf('appSystem') !== -1) {
-                            this.isShowApp = true
-                        }
-                    })
-                }
-            }
-        },
-        handleClickmenu (flag){
-            let url = ''
-            if (flag === 'single') {
-                if (["integration", 'LNRD', 'HBJK'].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', 'HBJK'].includes(this.stash)) {
-                    // 查询 系统管理 需要跳转的页面
-                    getSysUrl().then(rsp => {
-                        const data = rsp.data.data
-                        if (data) {
-                            location.href = '/admin-ui' + data.path
-                        }
-                    }).catch(e => {
-                        console.error('getSysUrl 接口异常: ', e)
-                    })
-                } else {
-                    const menuObj = JSON.parse(sessionStorage.getItem('bigdata-menu'));
-                    let systemPath = ''
-                    if (menuObj) {
-                        menuObj.content.forEach(obj => {
-                            if (obj.name === '权限管理' && obj.children.length > 0) {
-                                systemPath = obj.children[0].path
-                            }
-                        })
-                    }
-                    // 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'
-                location.href = url;
-            } else if (flag === 'logout') {
-                this.logoutFunc()
-            }
-        },
-        async logoutFunc () {
-            console.log('开始调用退出接口...')
-            if (["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
-                await integrationLogout();
-                await this.logoutUrl()
-            } else {
-                let url = ''
-                if (["integration", 'LNRD', 'HBJK'].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', 'HBJK'].includes(this.stash) ? 'post' : 'delete'
-                Axios(url, method).then(async () => {
-                    await this.logoutUrl();
-                })
-                .catch((err) => {
-                    console.log('err: ', err)
-                });
-            }
-        },
-        async logoutUrl() {
-            localStorage.clear();
-            sessionStorage.clear();
-            if (["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
-                await getLoginUrl()
-                    .then((res) => {
-                        if (res && res.data && res.data.data && res.data.data.loginoutUrl) {
-                            console.log('Login URL found:', res.data.data.loginoutUrl);
-                            window.location.href = res.data.data.loginoutUrl;
-                        } else {
-                            console.log('No login URL found, redirect to default login page.');
-                            window.location.href = res.data.data.loginoutUrl;
-                        }
-                    })
-                    .catch((e) => {
-                        console.log('GetLoginUrl error: ', e);
-                        window.location.href = '/admin-ui/login';
-                    });
-                return;
-            } else if (this.stash === 'GZW') {
-                location.href = '/data-platform/#/login'
-            } else if (this.stash === 'PANWEI') {
-                location.href = '/bigdata-portal/#/login'
-            } else {
-                location.href = '/#/login'
-            }
-        },
-        getName ()  {
-            return getUserName()
-        },
-    }
-}
-</script>
-
-<style scoped>
-.menuItem {
-    margin-right: 10px;
-    margin-top: 10px;
-    vertical-align: sub;
-}
-.el-dropdown-menu{
-    width: 145px;
-    height: auto;
-    padding: 3px 0;
-}
-.el-dropdown-menu__item, .el-menu-item {
-    font-size: 13px;
-}
-.el-dropdown-menu__item img {
-    width: 13px;
-}
-.el-dropdown-link{
-    font-weight: 600;
-    color: rgba(0, 0, 0, 0.85);
-}
-.el-popper{
-    margin-top: -2px !important;
-}
+<template>
+    <div className="right">
+        <el-dropdown v-show="getName()" @command="handleClickmenu">
+            <span class="el-dropdown-link">
+                 <img :src="stash === 'HBJK' ? require('../../assets/userLogo1.png') : require('../../assets/userLogo.svg')" style="vertical-align:middle;padding-right:10px; width: 40px"/>
+                <span :style="{color: stash === 'LNRD' || stash === 'HBJK' ? '#fff' : '#000000d9'}">{{getName()}}</span>
+                <i :style="{color: stash === 'HBJK' ? '#fff' : '#000000d9'}" class="el-icon-arrow-down el-icon--right"></i>
+            </span>
+            <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item command="single">
+                    <img :src="PersonalCenterSrc" alt="" class="menuItem" />
+                    <span>{{["integration", 'LNRD', 'HBJK'].includes(stash) ? '用户中心' : '个人中心'}}</span>
+                </el-dropdown-item>
+                <el-dropdown-item v-show="isShowSys" command="systerm">
+                    <img :src="SystemManageSrc" alt="" class="menuItem" />
+                    <span>系统管理</span>
+                </el-dropdown-item>
+                <el-dropdown-item v-show="isShowApp" command="app">
+                    <img :src="appSystemSrc" alt="" class="menuItem" />
+                    <span>应用系统配置</span>
+                </el-dropdown-item>
+                <el-dropdown-item command="logout">
+                    <img :src="LogoutSrc" alt="" class="menuItem" />
+                    <span>退出登录</span>
+                </el-dropdown-item>
+            </el-dropdown-menu>
+        </el-dropdown>
+    </div>
+</template>
+<script>
+import Axios from '../Util/axios.js'
+import { userMenuIcon } from './constant.js'
+import { getUserName, getIsHaveSystemManagementPermissionFlag } from './../Util/userInfo.js'
+import { integrationLogout, getSysUrl } from './service.js'
+import {getMenuList} from '../Menu/service.js'
+import { getLoginUrl } from '../Util/permessionUtils.js';
+
+export default {
+    name: 'UserInfo',
+    data () {
+        return  {
+            isHaveSystemManagementPermission: getIsHaveSystemManagementPermissionFlag(),
+            PersonalCenterSrc: userMenuIcon.PersonalCenterSrc,
+            MessageCenterSrc: userMenuIcon.MessageCenterSrc,
+            SystemManageSrc: userMenuIcon.SystemManageSrc, 
+            appSystemSrc: userMenuIcon.appSystemSrc,
+            LogoutSrc: userMenuIcon.LogoutSrc,
+            isShowApp: false
+        }
+    },
+    computed: {
+        // 是否显示系统管理菜单项
+        isShowSys () {
+            return ["integration", 'LNRD', 'HBJK'].includes(this.stash) ? true : this.sysName !== 'admin' && this.isHaveSystemManagementPermission
+        },
+    },
+    props: {
+        sysName: {
+            type: String,
+            default: 'admin'
+        },
+        stash: {
+            type: String,
+            default: ''
+        }
+    },
+    created() {
+        if (["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
+            this.isShowAppFunc()
+        }
+        if (this.stash === 'GZW') {
+            sessionStorage.setItem('stash', 'GZW')
+        } else if (this.stash === 'PANWEI') {
+            sessionStorage.setItem('stash', 'PANWEI')
+        } else {
+            sessionStorage.removeItem('stash')
+        }
+    },
+    methods: {
+        async isShowAppFunc() {
+            const rsp = await getMenuList()
+            const rspData = rsp.data.data
+            if (rspData && rspData.length > 0) {
+                const routesList = rspData[0].routes
+                if (routesList) {
+                    routesList.forEach(item => {
+                        if (item.path.indexOf('appSystem') !== -1) {
+                            this.isShowApp = true
+                        }
+                    })
+                }
+            }
+        },
+        handleClickmenu (flag){
+            let url = ''
+            if (flag === 'single') {
+                if (["integration", 'LNRD', 'HBJK'].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', 'HBJK'].includes(this.stash)) {
+                    // 查询 系统管理 需要跳转的页面
+                    getSysUrl().then(rsp => {
+                        const data = rsp.data.data
+                        if (data) {
+                            location.href = '/admin-ui' + data.path
+                        }
+                    }).catch(e => {
+                        console.error('getSysUrl 接口异常: ', e)
+                    })
+                } else {
+                    const menuObj = JSON.parse(sessionStorage.getItem('bigdata-menu'));
+                    let systemPath = ''
+                    if (menuObj) {
+                        menuObj.content.forEach(obj => {
+                            if (obj.name === '权限管理' && obj.children.length > 0) {
+                                systemPath = obj.children[0].path
+                            }
+                        })
+                    }
+                    // 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'
+                location.href = url;
+            } else if (flag === 'logout') {
+                this.logoutFunc()
+            }
+        },
+        async logoutFunc () {
+            console.log('开始调用退出接口...')
+            if (["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
+                await integrationLogout();
+                await this.logoutUrl()
+            } else {
+                let url = ''
+                if (["integration", 'LNRD', 'HBJK'].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', 'HBJK'].includes(this.stash) ? 'post' : 'delete'
+                Axios(url, method).then(async () => {
+                    await this.logoutUrl();
+                })
+                .catch((err) => {
+                    console.log('err: ', err)
+                });
+            }
+        },
+        async logoutUrl() {
+            localStorage.clear();
+            sessionStorage.clear();
+            if (["integration", 'LNRD', 'HBJK'].includes(this.stash)) {
+                await getLoginUrl()
+                    .then((res) => {
+                        if (res && res.data && res.data.data && res.data.data.loginoutUrl) {
+                            console.log('Login URL found:', res.data.data.loginoutUrl);
+                            window.location.href = res.data.data.loginoutUrl;
+                        } else {
+                            console.log('No login URL found, redirect to default login page.');
+                            window.location.href = res.data.data.loginoutUrl;
+                        }
+                    })
+                    .catch((e) => {
+                        console.log('GetLoginUrl error: ', e);
+                        window.location.href = '/admin-ui/login';
+                    });
+                return;
+            } else if (this.stash === 'GZW') {
+                location.href = '/data-platform/#/login'
+            } else if (this.stash === 'PANWEI') {
+                location.href = '/bigdata-portal/#/login'
+            } else {
+                location.href = '/#/login'
+            }
+        },
+        getName ()  {
+            return getUserName()
+        },
+    }
+}
+</script>
+
+<style scoped>
+.menuItem {
+    margin-right: 10px;
+    margin-top: 10px;
+    vertical-align: sub;
+}
+.el-dropdown-menu{
+    width: 145px;
+    height: auto;
+    padding: 3px 0;
+}
+.el-dropdown-menu__item, .el-menu-item {
+    font-size: 13px;
+}
+.el-dropdown-menu__item img {
+    width: 13px;
+}
+.el-dropdown-link{
+    font-weight: 600;
+    color: rgba(0, 0, 0, 0.85);
+}
+.el-popper{
+    margin-top: -2px !important;
+}
 </style>

package/src/components/User/constant.js

@@ -1,12 +1,12 @@
-// 图标位置
-export const userMenuIcon = {
-    PersonalCenterSrc:require('../../assets/personalCenter.svg'),
-    MessageCenterSrc:require('../../assets/messageCenter.svg'),
-    SystemManageSrc:require('../../assets/systemManage.svg'),
-    appSystemSrc:require('../../assets/appSystem.svg'),
-    LogoutSrc:require('../../assets/logout.png'),
-}
-export const PersonalCenterSrc = require('../../assets/personalCenter.svg');
-export const MessageCenterSrc = require('../../assets/messageCenter.svg');
-export const SystemManageSrc = require('../../assets/systemManage.svg');
+// 图标位置
+export const userMenuIcon = {
+    PersonalCenterSrc:require('../../assets/personalCenter.svg'),
+    MessageCenterSrc:require('../../assets/messageCenter.svg'),
+    SystemManageSrc:require('../../assets/systemManage.svg'),
+    appSystemSrc:require('../../assets/appSystem.svg'),
+    LogoutSrc:require('../../assets/logout.png'),
+}
+export const PersonalCenterSrc = require('../../assets/personalCenter.svg');
+export const MessageCenterSrc = require('../../assets/messageCenter.svg');
+export const SystemManageSrc = require('../../assets/systemManage.svg');
 export const LogoutSrc = require('../../assets/logout.png');

package/src/components/User/service.js

@@ -1,14 +1,14 @@
-import request from 'axios'
-// 一体化退出登录
-export const integrationLogout = () => {
-    return request('/admin-api/system/auth/logout', {
-      method: 'post'
-    })
-}
-
-// 获取到要跳转的系统管理路径
-export const getSysUrl = () => {
-  return request('/admin-api/system/auth/homePage', {
-    method: 'get'
-  })
-}
+import request from 'axios'
+// 一体化退出登录
+export const integrationLogout = () => {
+    return request('/admin-api/system/auth/logout', {
+      method: 'post'
+    })
+}
+
+// 获取到要跳转的系统管理路径
+export const getSysUrl = () => {
+  return request('/admin-api/system/auth/homePage', {
+    method: 'get'
+  })
+}