module-menu-vue 0.1.0 → 0.1.3

package/src/components/User/UserInfo.vue

@@ -1,214 +1,214 @@
-<template>
-    <div className="right">
-        <el-dropdown v-show="getName()" @command="handleClickmenu">
-            <span class="el-dropdown-link">
-                <img src="../../assets/userLogo.svg" style="vertical-align:middle;padding-right:10px"/>
-                <span :style="{color: stash === 'LNRD' ? '#fff' : '#000000d9'}">{{getName()}}</span>
-                <i 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'].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'
-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'].includes(this.stash) ? true : this.sysName !== 'admin' && this.isHaveSystemManagementPermission
-        },
-    },
-    props: {
-        sysName: {
-            type: String,
-            default: 'admin'
-        },
-        stash: {
-            type: String,
-            default: ''
-        }
-    },
-    created() {
-        if (["integration", 'LNRD'].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'].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)) {
-                    // 查询 系统管理 需要跳转的页面
-                    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'].includes(this.stash)) {
-                await integrationLogout();
-                this.logoutUrl()
-            } else {
-                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();
-                })
-                .catch((err) => {
-                    console.log('err: ', err)
-                });
-            }
-        },
-        logoutUrl() {
-            localStorage.clear();
-            sessionStorage.clear();
-            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()
-        },
-    }
-}
-</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="../../assets/userLogo.svg" style="vertical-align:middle;padding-right:10px"/>
+                <span :style="{color: stash === 'LNRD' ? '#fff' : '#000000d9'}">{{getName()}}</span>
+                <i 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'].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'
+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'].includes(this.stash) ? true : this.sysName !== 'admin' && this.isHaveSystemManagementPermission
+        },
+    },
+    props: {
+        sysName: {
+            type: String,
+            default: 'admin'
+        },
+        stash: {
+            type: String,
+            default: ''
+        }
+    },
+    created() {
+        if (["integration", 'LNRD'].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'].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)) {
+                    // 查询 系统管理 需要跳转的页面
+                    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'].includes(this.stash)) {
+                await integrationLogout();
+                this.logoutUrl()
+            } else {
+                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();
+                })
+                .catch((err) => {
+                    console.log('err: ', err)
+                });
+            }
+        },
+        logoutUrl() {
+            localStorage.clear();
+            sessionStorage.clear();
+            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()
+        },
+    }
+}
+</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'
+  })
+}

package/src/components/Util/axios.js

@@ -1,90 +1,90 @@
-import axios from 'axios';
-import getStore from './userInfo';
-import { checkToken } from './permessionUtils';
-let tokenValue = 'ba8db130f3334ae5b432b1398e0c1b1d';
-axios.interceptors.response.use(
-  (response) => {
-    if (response.status === 200) {
-      return response;
-    } else if (response.data.code === 401 || response.status === 401 || response.status === 302 || response.status === 403) {
-      console.log('response env: ', process.env.NODE_ENV)
-      if (process.env.NODE_ENV === 'production') {
-        tokenValue = getStore({ name: 'access_token' });
-      }
-      checkToken(tokenValue);
-    } else {
-      console.log('接口异常 response');
-      return Promise.reject('error');
-    }
-  },
-  (error) => {
-    console.log('error', error)
-    if (error.response) {
-      if (error.response.status === 401) {
-        console.log('response error env: ', process.env.NODE_ENV)
-        if (process.env.NODE_ENV === 'production') {
-          tokenValue = getStore({ name: 'access_token' });
-        }
-        checkToken(tokenValue);
-      } else if (error.response.status === 403) {
-        // 提示无权限等
-      } else {
-        // 其他错误处理
-      }
-    }
-    console.log('=========', JSON.stringify(error))
-    return Promise.reject(error.response);
-  },
-);
-
-/** 全局请求拦截器 */
-axios.interceptors.request.use(
-  async (params) => {
-    // 多种环境，对接门户时，需要在请求头中设置token等信息
-    const environmentList = ['production', 'development', 'test']
-    console.log('request env: ', process.env.NODE_ENV)
-    if (environmentList.includes(process.env.NODE_ENV)) {
-      console.log('环境进来了。。。')
-      const TENANT_ID = getStore({ name: 'tenantId' }) || '1';
-      const isToken = (params.headers || {}).isToken === false;
-      const token = getStore({ name: 'access_token' });
-      console.log('token', token)
-      console.log('isToken', isToken)
-      console.log('TENANT_ID', TENANT_ID)
-      if (token && !isToken) {
-        params.headers['Authorization'] = `Bearer ${token}`;
-      }
-      if (TENANT_ID) {
-        params.headers["TENANT-ID"] = TENANT_ID; // 租户ID
-      }
-      return params;
-    }
-    params.headers['Authorization'] = `Bearer ${tokenValue}`;
-    params.headers['TENANT-ID'] = '1';
-    console.log('params', JSON.stringify(params))
-    return params;
-  },
-  function (error) {
-    // 对请求错误做些什么
-    return Promise.reject(error);
-  },
-);
-
-function Axios(url, method) {
-  return new Promise((resolve, reject) => {
-      axios({
-        method: method,
-        url: url,
-      })
-      .then((res) => {
-        console.log('res', res)
-        resolve(res);
-      })
-      .catch((err) => {
-        console.log('err', err)
-        reject(err);
-      });
-  })
-}
-
+import axios from 'axios';
+import getStore from './userInfo';
+import { checkToken } from './permessionUtils';
+let tokenValue = 'ba8db130f3334ae5b432b1398e0c1b1d';
+axios.interceptors.response.use(
+  (response) => {
+    if (response.status === 200) {
+      return response;
+    } else if (response.data.code === 401 || response.status === 401 || response.status === 302 || response.status === 403) {
+      console.log('response env: ', process.env.NODE_ENV)
+      if (process.env.NODE_ENV === 'production') {
+        tokenValue = getStore({ name: 'access_token' });
+      }
+      checkToken(tokenValue);
+    } else {
+      console.log('接口异常 response');
+      return Promise.reject('error');
+    }
+  },
+  (error) => {
+    console.log('error', error)
+    if (error.response) {
+      if (error.response.status === 401) {
+        console.log('response error env: ', process.env.NODE_ENV)
+        if (process.env.NODE_ENV === 'production') {
+          tokenValue = getStore({ name: 'access_token' });
+        }
+        checkToken(tokenValue);
+      } else if (error.response.status === 403) {
+        // 提示无权限等
+      } else {
+        // 其他错误处理
+      }
+    }
+    console.log('=========', JSON.stringify(error))
+    return Promise.reject(error.response);
+  },
+);
+
+/** 全局请求拦截器 */
+axios.interceptors.request.use(
+  async (params) => {
+    // 多种环境，对接门户时，需要在请求头中设置token等信息
+    const environmentList = ['production', 'development', 'test']
+    console.log('request env: ', process.env.NODE_ENV)
+    if (environmentList.includes(process.env.NODE_ENV)) {
+      console.log('环境进来了。。。')
+      const TENANT_ID = getStore({ name: 'tenantId' }) || '1';
+      const isToken = (params.headers || {}).isToken === false;
+      const token = getStore({ name: 'access_token' });
+      console.log('token', token)
+      console.log('isToken', isToken)
+      console.log('TENANT_ID', TENANT_ID)
+      if (token && !isToken) {
+        params.headers['Authorization'] = `Bearer ${token}`;
+      }
+      if (TENANT_ID) {
+        params.headers["TENANT-ID"] = TENANT_ID; // 租户ID
+      }
+      return params;
+    }
+    params.headers['Authorization'] = `Bearer ${tokenValue}`;
+    params.headers['TENANT-ID'] = '1';
+    console.log('params', JSON.stringify(params))
+    return params;
+  },
+  function (error) {
+    // 对请求错误做些什么
+    return Promise.reject(error);
+  },
+);
+
+function Axios(url, method) {
+  return new Promise((resolve, reject) => {
+      axios({
+        method: method,
+        url: url,
+      })
+      .then((res) => {
+        console.log('res', res)
+        resolve(res);
+      })
+      .catch((err) => {
+        console.log('err', err)
+        reject(err);
+      });
+  })
+}
+
 export default Axios;