module-menu-vue 0.3.12 → 0.3.14

package/src/components/Menu/menu.css

@@ -1,123 +1,123 @@
-.backGroundImg{
-  background-image: url('../../assets/LNRD_img/bg_taitou.png');
-  background-size: cover;
-}
-.exchangeCss{
-  width: 19px;
-  height: 19px;
-}
-.menu_list_content {
-  border: 1px solid #e9e9e9;
-  z-index: 2;
-  float: left;
-  position: fixed;
-  top: 50px;
-  left: 0;
-  background-color: #fff;
-  box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px;
-  padding-left: 35px;
-  padding-bottom: 35px;
-}
-.cardLine {
-  padding: 5px 0px;
-}
-.textPad {
-  padding-left: 10px;
-  font-size: 14px;
-  cursor: pointer;
-}
-.leftMenu {
-  width: 120px;
-  float: left;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 16px;
-  cursor: pointer;
-  text-align: left;
-  font-weight: 400;
-}
-.rightMenu {
-  width: 460px;
-  float: left;
-  vertical-align: middle;
-  font-size: 14px;
-  color: rgba(0, 0, 0, 0.65);
-  font-weight: 400;
-  margin-left: 15px;
-}
-.childMenu:hover {
-  cursor: pointer;
-  color: #4091f7;
-}
-.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;
-}
-.middle:hover {
-  color: #4091f7;
-}
-.menuPopupAndTitle {
-  display: flex;
-  justify-content: flex-start;
-}
-.menuIcon {
-  text-align: center;
-  line-height: 49px;
-  display: inline-block;
-  cursor: pointer;
-  width: 60px;
-  height: 49px;
-}
-.menuIcon_img {
-  height: 25px;
-  width: 25px;
-  vertical-align: middle;
-}
-.menu_title_content {
-  height: 32px;
-  margin: 0 0 0 12px;
-  font-weight: 600;
-  font-size: 18px;
-  line-height: 49px;
-  vertical-align: middle;
-  animation: pro-layout-title-hide 0.3s;
-}
-.menu_title_content_img {
-  height: 32px;
-  width: 32px;
-  vertical-align: middle;
-}
-.menu_title {
-  height: 32px;
-  margin: 0 0 0 12px;
-  font-weight: 600;
-  font-size: 18px;
-  line-height: 32px;
-  vertical-align: middle;
-  animation: pro-layout-title-hide 0.3s;
-}
-.menu_title:hover {
-  color: #4091f7;
-}
-.LNRD_menu_title:hover{
-  color: #D40600;
+.backGroundImg{
+  background-image: url('../../assets/LNRD_img/bg_taitou.png');
+  background-size: cover;
+}
+.exchangeCss{
+  width: 19px;
+  height: 19px;
+}
+.menu_list_content {
+  border: 1px solid #e9e9e9;
+  z-index: 2;
+  float: left;
+  position: fixed;
+  top: 50px;
+  left: 0;
+  background-color: #fff;
+  box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px;
+  padding-left: 35px;
+  padding-bottom: 35px;
+}
+.cardLine {
+  padding: 5px 0px;
+}
+.textPad {
+  padding-left: 10px;
+  font-size: 14px;
+  cursor: pointer;
+}
+.leftMenu {
+  width: 120px;
+  float: left;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 16px;
+  cursor: pointer;
+  text-align: left;
+  font-weight: 400;
+}
+.rightMenu {
+  width: 460px;
+  float: left;
+  vertical-align: middle;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+  font-weight: 400;
+  margin-left: 15px;
+}
+.childMenu:hover {
+  cursor: pointer;
+  color: #4091f7;
+}
+.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;
+}
+.middle:hover {
+  color: #4091f7;
+}
+.menuPopupAndTitle {
+  display: flex;
+  justify-content: flex-start;
+}
+.menuIcon {
+  text-align: center;
+  line-height: 49px;
+  display: inline-block;
+  cursor: pointer;
+  width: 60px;
+  height: 49px;
+}
+.menuIcon_img {
+  height: 25px;
+  width: 25px;
+  vertical-align: middle;
+}
+.menu_title_content {
+  height: 32px;
+  margin: 0 0 0 12px;
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 49px;
+  vertical-align: middle;
+  animation: pro-layout-title-hide 0.3s;
+}
+.menu_title_content_img {
+  height: 32px;
+  width: 32px;
+  vertical-align: middle;
+}
+.menu_title {
+  height: 32px;
+  margin: 0 0 0 12px;
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 32px;
+  vertical-align: middle;
+  animation: pro-layout-title-hide 0.3s;
+}
+.menu_title:hover {
+  color: #4091f7;
+}
+.LNRD_menu_title:hover{
+  color: #D40600;
 }

package/src/components/Menu/service.js

@@ -1,26 +1,26 @@
-import request from 'axios'
-
-export const getMenuList = () => {
-    return request(`/admin-api/system/user/get-user-menu-List?menuName=数据平台`, {
-      method: 'get'
-    })
-}
-
-// 是否跳转到第三方
-export const isLogoutThird = () => {
-  return request('/admin/social/logoutUri');
-}
-
-export function getInfoByName(name) {
-  return request({
-    url: `/admin-api/system/oauth2-client/getByName?name=${name}`,
-    method: 'get',
-  })
-}
-
-export function getUrlByInfo(obj) {
-    return request({
-      url: `/admin-api/system/oauth2/authorize?response_type=code&client_id=${obj.clientId}&redirect_uri=${obj.redirectUrl}&auto_approve=true&scope=%7B"user.read":true%7D`,
-      method: 'post',
-    })
+import request from 'axios'
+
+export const getMenuList = () => {
+    return request(`/admin-api/system/user/get-user-menu-List?menuName=数据平台`, {
+      method: 'get'
+    })
+}
+
+// 是否跳转到第三方
+export const isLogoutThird = () => {
+  return request('/admin/social/logoutUri');
+}
+
+export function getInfoByName(name) {
+  return request({
+    url: `/admin-api/system/oauth2-client/getByName?name=${name}`,
+    method: 'get',
+  })
+}
+
+export function getUrlByInfo(obj) {
+    return request({
+      url: `/admin-api/system/oauth2/authorize?response_type=code&client_id=${obj.clientId}&redirect_uri=${obj.redirectUrl}&auto_approve=true&scope=%7B"user.read":true%7D`,
+      method: 'post',
+    })
 }

package/src/components/Portal/PortalBtn.vue

@@ -1,31 +1,31 @@
-<template>
-    <div>
-        <el-button @click="handleClick()" type="text" :style="{color: color, padding: '10px 30px', marginRight: '30px'}">服务门户</el-button>
-    </div>
-</template>
-<script>
-export default {
-    name: 'PortalBtn',
-    data () {
-        return {
-        }
-    },
-    props: {
-        color: {
-            type: String,
-            default: '#606266'
-        }
-    },
-    methods: {
-        // 跳转至共享交换portal首页
-        handleClick () {
-            location.href = '/admin-ui/data-share-portal/homePage'
-        }
-    }
-}
-</script>
-<style scoped>
-.el-button {
-    background: transparent !important;
-}
+<template>
+    <div>
+        <el-button @click="handleClick()" type="text" :style="{color: color, padding: '10px 30px', marginRight: '30px'}">服务门户</el-button>
+    </div>
+</template>
+<script>
+export default {
+    name: 'PortalBtn',
+    data () {
+        return {
+        }
+    },
+    props: {
+        color: {
+            type: String,
+            default: '#606266'
+        }
+    },
+    methods: {
+        // 跳转至共享交换portal首页
+        handleClick () {
+            location.href = '/admin-ui/data-share-portal/homePage'
+        }
+    }
+}
+</script>
+<style scoped>
+.el-button {
+    background: transparent !important;
+}
 </style>

package/src/components/Tenant/TenantList.vue

@@ -1,74 +1,74 @@
-<template>
-    <el-dropdown @command="handleCommand" :style="{color: color, marginRight: '30px'}">
-        <span class="el-dropdown-link" :style="stash === 'HBJK' ? { color: '#ffffff' } : null">
-            {{tenantName}}<i class="el-icon-arrow-down el-icon--right" :style="stash === 'HBJK' ? { color: '#ffffff' } : null"></i>
-        </span>
-        <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item :command="item.id" v-for="item in options" :key="item.value">{{item.name}}</el-dropdown-item>
-        </el-dropdown-menu>
-    </el-dropdown>
-</template>
-<script>
-import { getTenantList, changeTenantId } from './service.js'
-export default {
-    name: 'TenantList',
-    data () {
-        return {
-            options: [],
-            tenantName: ''
-        }
-    },
-    props: {
-        color: {
-            type: String,
-            default: '#606266'
-        },
-        stash: {
-            type: String,
-            default: ''
-        }
-    },
-    created () {
-        // 每次都获取最新的租户列表
-        getTenantList().then((res) => {
-            console.log('租户列表:', res.data.data)
-            const rspObj = res.data
-            if (rspObj.code === 0) {
-                this.options = [...rspObj.data]
-                const tenantId = localStorage.getItem('curTenantId')
-                // 判断是否存在租户id
-                if (tenantId) {
-                    this.tenantName = this.options.find(item => item.id + '' === tenantId).name
-                } else {
-                    if (this.options.length > 0) {
-                        this.tenantName = this.options[0].name
-                        localStorage.setItem('curTenantId', this.options[0].id)
-                    } else {
-                        this.tenantName = ''
-                    }
-                }
-            }
-        })
-    },
-    methods: {
-        handleCommand (value) {
-            const obj = {
-                id: value,
-                token: localStorage.getItem('ACCESS_TOKEN')
-            }
-            // 切换租户通知后台
-            changeTenantId(obj).then(() => {
-                localStorage.setItem('curTenantId', value)
-                this.tenantName = this.options.find(item => item.id === value).name
-                location.reload();
-            })
-        }
-    }
-}
-</script>
-<style scoped>
-::v-deep .el-input__inner{
-    height: 35px;
-    line-height: 30px;
-}
-</style>
+<template>
+    <el-dropdown @command="handleCommand" :style="{color: color, marginRight: '30px'}">
+        <span class="el-dropdown-link" :style="stash === 'HBJK' ? { color: '#ffffff' } : null">
+            {{tenantName}}<i class="el-icon-arrow-down el-icon--right" :style="stash === 'HBJK' ? { color: '#ffffff' } : null"></i>
+        </span>
+        <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item :command="item.id" v-for="item in options" :key="item.value">{{item.name}}</el-dropdown-item>
+        </el-dropdown-menu>
+    </el-dropdown>
+</template>
+<script>
+import { getTenantList, changeTenantId } from './service.js'
+export default {
+    name: 'TenantList',
+    data () {
+        return {
+            options: [],
+            tenantName: ''
+        }
+    },
+    props: {
+        color: {
+            type: String,
+            default: '#606266'
+        },
+        stash: {
+            type: String,
+            default: ''
+        }
+    },
+    created () {
+        // 每次都获取最新的租户列表
+        getTenantList().then((res) => {
+            console.log('租户列表:', res.data.data)
+            const rspObj = res.data
+            if (rspObj.code === 0) {
+                this.options = [...rspObj.data]
+                const tenantId = localStorage.getItem('curTenantId')
+                // 判断是否存在租户id
+                if (tenantId) {
+                    this.tenantName = this.options.find(item => item.id + '' === tenantId).name
+                } else {
+                    if (this.options.length > 0) {
+                        this.tenantName = this.options[0].name
+                        localStorage.setItem('curTenantId', this.options[0].id)
+                    } else {
+                        this.tenantName = ''
+                    }
+                }
+            }
+        })
+    },
+    methods: {
+        handleCommand (value) {
+            const obj = {
+                id: value,
+                token: localStorage.getItem('ACCESS_TOKEN')
+            }
+            // 切换租户通知后台
+            changeTenantId(obj).then(() => {
+                localStorage.setItem('curTenantId', value)
+                this.tenantName = this.options.find(item => item.id === value).name
+                location.reload();
+            })
+        }
+    }
+}
+</script>
+<style scoped>
+::v-deep .el-input__inner{
+    height: 35px;
+    line-height: 30px;
+}
+</style>

package/src/components/Tenant/service.js

@@ -1,17 +1,17 @@
-import request from 'axios'
-// 获取租户列表
-export const getTenantList = () => {
-    return request('/admin-api/system/user/getUserTenant', {
-      method: 'get'
-    })
-}
-// 更改后台租户id
-export const changeTenantId = (params) => {
-  return request(`/admin-api/system/auth/setRedisTokenOfTenant`, {
-    method: 'post',
-    data: {
-      tenantId: params.id,
-      token: params.token
-    }
-  })
-}
+import request from 'axios'
+// 获取租户列表
+export const getTenantList = () => {
+    return request('/admin-api/system/user/getUserTenant', {
+      method: 'get'
+    })
+}
+// 更改后台租户id
+export const changeTenantId = (params) => {
+  return request(`/admin-api/system/auth/setRedisTokenOfTenant`, {
+    method: 'post',
+    data: {
+      tenantId: params.id,
+      token: params.token
+    }
+  })
+}