vue2-client 1.4.49 → 1.4.51

package/CHANGELOG.md

@@ -1,6 +1,12 @@
 # Change Log
 > 所有关于本项目的变化都在该文档里。
 
+**1.4.51 -2022-11-13 @江超**
+- 自定义路由名称
+
+**1.4.50 -2022-11-11 @江超**
+- footer自定义
+
 **1.4.49 -2022-11-10 @江超**
 - 增加一种“经典”主题配色
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.4.49",
+  "version": "1.4.51",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/config/default/setting.config.js

@@ -1,41 +1,44 @@
-// 此配置为系统默认设置
-module.exports = {
-  lang: 'CN', // 语言，可选 CN(简体)、HK(繁体)、US(英语)，也可扩展其它语言
-  theme: { // 主题
-    color: '#1890ff', // 主题色
-    mode: 'dark', // 主题模式 可选 dark、 light 和 night
-    success: '#52c41a', // 成功色
-    warning: '#faad14', // 警告色
-    error: '#f5222f' // 错误色
-  },
-  layout: 'side', // 导航布局，可选 side 和 head，分别为侧边导航和顶部导航
-  fixedHeader: true, // 固定头部状态栏，true:固定，false:不固定
-  fixedSideBar: true, // 固定侧边栏，true:固定，false:不固定
-  fixedTabs: true, // 固定页签头，true:固定，false:不固定
-  pageWidth: 'fixed', // 内容区域宽度，fixed:固定宽度，fluid:流式宽度
-  weekMode: false, // 色弱模式，true:开启，false:不开启
-  multiPage: true, // 多页签模式，true:开启，false:不开启
-  cachePage: true, // 是否缓存页面数据，仅多页签模式下生效，true 缓存, false 不缓存
-  hideSetting: false, // 隐藏设置抽屉，true:隐藏，false:不隐藏
-  homePage: '/dashboard/workplace', // 首页路由, 登陆后默认打开
-  ticketPage: '/submitTicket', // 提交工单路由
-  systemName: 'V4基础组件平台', // 系统名称
-  logoSrc: '/defaultLogo.png', // LOGO路径
-  systemNameFontSize: '20px', // 系统名称字体大小
-  systemDesc: '为PC端中、后台系统业务开发提供支持', // 系统描述
-  copyright: '2022 AoFengSoft', // copyright
-  asyncRoutes: true, // 异步加载路由，true:开启，false:不开启
-  showPageTitle: true, // 是否显示页面标题（PageLayout 布局中的页面标题），true:显示，false:不显示
-  filterMenu: true, // 根据权限过滤菜单，true:过滤，false:不过滤
-  animate: { // 动画设置
-    disabled: true, // 禁用动画，true:禁用，false:启用
-    name: 'lightSpeed', // 动画效果，支持的动画效果可参考 ./animate.config.js
-    direction: 'left' // 动画方向，切换页面时动画的方向，参考 ./animate.config.js
-  },
-  footerLinks: [ // 页面底部链接，{link: '链接地址', name: '名称/显示文字', icon: '图标，支持 ant design vue 图标库'}
-  ],
-  // 旧系统路径
-  iframeSrc: '../singlepage/page.html',
-  // 兼容旧版本 V3(最新V3产品)  OA(公司OA)
-  compatible: 'V3'
-}
+// 此配置为系统默认设置
+module.exports = {
+  lang: 'CN', // 语言，可选 CN(简体)、HK(繁体)、US(英语)，也可扩展其它语言
+  theme: { // 主题
+    color: '#1890ff', // 主题色
+    mode: 'dark', // 主题模式 可选 dark、 light 和 night
+    success: '#52c41a', // 成功色
+    warning: '#faad14', // 警告色
+    error: '#f5222f' // 错误色
+  },
+  layout: 'side', // 导航布局，可选 side 和 head，分别为侧边导航和顶部导航
+  fixedHeader: true, // 固定头部状态栏，true:固定，false:不固定
+  fixedSideBar: true, // 固定侧边栏，true:固定，false:不固定
+  fixedTabs: true, // 固定页签头，true:固定，false:不固定
+  pageWidth: 'fixed', // 内容区域宽度，fixed:固定宽度，fluid:流式宽度
+  weekMode: false, // 色弱模式，true:开启，false:不开启
+  multiPage: true, // 多页签模式，true:开启，false:不开启
+  cachePage: true, // 是否缓存页面数据，仅多页签模式下生效，true 缓存, false 不缓存
+  hideSetting: false, // 隐藏设置抽屉，true:隐藏，false:不隐藏
+  homePage: '/dashboard/workplace', // 首页路由, 登陆后默认打开
+  ticketPage: '/submitTicket', // 提交工单路由
+  systemName: 'V4基础组件平台', // 系统名称
+  logoSrc: '/defaultLogo.png', // LOGO路径
+  systemNameFontSize: '20px', // 系统名称字体大小
+  systemDesc: '为PC端中、后台系统业务开发提供支持', // 系统描述
+  copyright: '2022 AoFengSoft', // copyright
+  copyrightStyle: undefined,
+  asyncRoutes: true, // 异步加载路由，true:开启，false:不开启
+  showPageTitle: true, // 是否显示页面标题（PageLayout 布局中的页面标题），true:显示，false:不显示
+  filterMenu: true, // 根据权限过滤菜单，true:过滤，false:不过滤
+  animate: { // 动画设置
+    disabled: true, // 禁用动画，true:禁用，false:启用
+    name: 'lightSpeed', // 动画效果，支持的动画效果可参考 ./animate.config.js
+    direction: 'left' // 动画方向，切换页面时动画的方向，参考 ./animate.config.js
+  },
+  footerLinks: [ // 页面底部链接，{link: '链接地址', name: '名称/显示文字', icon: '图标，支持 ant design vue 图标库'}
+  ],
+  // 旧系统路径
+  iframeSrc: '../singlepage/page.html',
+  // 兼容旧版本 V3(最新V3产品)  OA(公司OA)
+  compatible: 'V3',
+  // 路由资源名称
+  routeName: '智慧燃气'
+}

package/src/layouts/CommonLayout.vue

@@ -1,42 +1,42 @@
-<template>
-  <div class="common-layout">
-    <div class="content"><slot></slot></div>
-    <page-footer :link-list="footerLinks" :copyright="copyright"></page-footer>
-  </div>
-</template>
-
-<script>
-import PageFooter from '@vue2-client/layouts/footer/PageFooter'
-import { mapState } from 'vuex'
-
-export default {
-  name: 'CommonLayout',
-  components: { PageFooter },
-  computed: {
-    ...mapState('setting', ['footerLinks', 'copyright'])
-  }
-}
-</script>
-
-<style scoped lang="less">
-.common-layout{
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  overflow: auto;
-  background-color: @layout-body-background;
-  background-image: url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
-  background-repeat: no-repeat;
-  background-position-x: center;
-  background-position-y: 110px;
-  background-size: 100%;
-  .content{
-    padding: 32px 0;
-    flex: 1;
-    @media (min-width: 768px){
-
-      padding: 112px 0 24px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="common-layout">
+    <div class="content"><slot></slot></div>
+    <page-footer :link-list="footerLinks" :copyright="copyright" :copyrightStyle="copyrightStyle"></page-footer>
+  </div>
+</template>
+
+<script>
+import PageFooter from '@vue2-client/layouts/footer/PageFooter'
+import { mapState } from 'vuex'
+
+export default {
+  name: 'CommonLayout',
+  components: { PageFooter },
+  computed: {
+    ...mapState('setting', ['footerLinks', 'copyright', 'copyrightStyle'])
+  }
+}
+</script>
+
+<style scoped lang="less">
+.common-layout{
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: auto;
+  background-color: @layout-body-background;
+  background-image: url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
+  background-repeat: no-repeat;
+  background-position-x: center;
+  background-position-y: 110px;
+  background-size: 100%;
+  .content{
+    padding: 32px 0;
+    flex: 1;
+    @media (min-width: 768px){
+
+      padding: 112px 0 24px;
+    }
+  }
+}
+</style>

package/src/layouts/footer/PageFooter.vue

@@ -1,46 +1,49 @@
-<template>
-  <div class="footer">
-    <div class="links">
-      <a target="_blank" :key="index" :href="item.link ? item.link : 'javascript: void(0)'" v-for="(item, index) in linkList">
-        <a-icon v-if="item.icon" :type="item.icon"/>{{ item.name }}
-      </a>
-    </div>
-    <div class="copyright">
-      Copyright<a-icon type="copyright" />{{ copyright }}
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'PageFooter',
-  // eslint-disable-next-line vue/require-prop-types
-  props: ['copyright', 'linkList']
-}
-</script>
-
-<style lang="less" scoped>
-  .footer{
-    padding: 48px 16px 24px;
-    /*margin: 48px 0 24px;*/
-    text-align: center;
-    .copyright{
-      color: @text-color-second;
-      font-size: 14px;
-      i {
-          margin: 0 4px;
-      }
-    }
-    .links{
-      margin-bottom: 8px;
-      a:not(:last-child) {
-        margin-right: 40px;
-      }
-      a{
-        color: @text-color-second;
-        -webkit-transition: all .3s;
-        transition: all .3s;
-      }
-    }
-  }
-</style>
+<template>
+  <div class="footer">
+    <div class="links">
+      <a target="_blank" :key="index" :href="item.link ? item.link : 'javascript: void(0)'" v-for="(item, index) in linkList">
+        <a-icon v-if="item.icon" :type="item.icon"/>{{ item.name }}
+      </a>
+    </div>
+    <div class="copyright" v-if="!copyrightStyle">
+      Copyright<a-icon type="copyright" />{{ copyright }}
+    </div>
+    <div class="copyright2" :style="copyrightStyle" v-else>
+      {{ copyright }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PageFooter',
+  // eslint-disable-next-line vue/require-prop-types
+  props: ['copyright', 'linkList', 'copyrightStyle']
+}
+</script>
+
+<style lang="less" scoped>
+  .footer{
+    padding: 48px 16px 24px;
+    /*margin: 48px 0 24px;*/
+    text-align: center;
+    .copyright{
+      color: @text-color-second;
+      font-size: 14px;
+      i {
+          margin: 0 4px;
+      }
+    }
+    .links{
+      margin-bottom: 8px;
+      a:not(:last-child) {
+        margin-right: 40px;
+      }
+      a{
+        color: @text-color-second;
+        -webkit-transition: all .3s;
+        transition: all .3s;
+      }
+    }
+  }
+</style>

package/src/pages/login/Login.vue

@@ -75,7 +75,7 @@ export default {
     }
   },
   computed: {
-    ...mapState('setting', ['systemName', 'systemDesc', 'homePage', 'ticketPage', 'compatible'])
+    ...mapState('setting', ['systemName', 'systemDesc', 'homePage', 'ticketPage', 'compatible', 'routeName'])
   },
   methods: {
     ...mapMutations('account', ['setUser', 'setPermissions', 'setRoles']),
@@ -138,7 +138,7 @@ export default {
         encrypt.setPublicKey('MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCqPvovSfXcwBbW8cKMCgwqNpsYuzF8RPAPFb7LGsnVo44JhM/xxzDyzoYtdfNmtbIuKVi9PzIsyp6rg+09gbuI6UGwBZ5DWBDBMqv5MPdOF5dCQkB2Bbr5yPfURPENypUz+pBFBg41d+BC+rwRiXELwKy7Y9caD/MtJyHydj8OUwIDAQAB')
         const data = encrypt.encrypt(JSON.stringify({ username: name, password: password }))
         // 获取路由配置
-        getRoutesConfig(data).then(result => {
+        getRoutesConfig(data, this.routeName).then(result => {
           this.$login.login(result).then(() => {
             // V3任何情况首位加入资源管理
             const resourceManageMain = {

package/src/services/apiService.js

@@ -6,7 +6,7 @@ module.exports = {
   LOGIN: `/rs/logic/getLogin`,
   V4_LOGIN: '/auth/login',
   V4_LOGOUT: '/auth/logout',
-  ROUTES: `/rs/user/userLogin/智慧燃气`,
+  ROUTES: `/rs/user/userLogin`,
   SEARCH: `/rs/search`,
   GOODS: `/goods`,
   GOODS_COLUMNS: `/columns`

package/src/services/user.js

@@ -25,8 +25,8 @@ export async function V4GetInfo () {
   return request(V4_GET_INFO, METHOD.POST, {})
 }
 
-export async function getRoutesConfig (value) {
-  return request(ROUTES, METHOD.POST, value)
+export async function getRoutesConfig (value, routeName = '智慧燃气') {
+  return request(ROUTES + '/' + routeName, METHOD.POST, value)
 }
 
 /**