vue2-client 1.2.45 → 1.2.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/App.vue +99 -93
  3. package/src/config/default/setting.config.js +39 -39
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue2-client",
3
- "version": "1.2.45",
3
+ "version": "1.2.46",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/App.vue CHANGED
@@ -1,93 +1,99 @@
1
- <template>
2
- <a-config-provider :locale="locale" :get-popup-container="popContainer">
3
- <router-view/>
4
- </a-config-provider>
5
- </template>
6
-
7
- <script>
8
- import { enquireScreen } from './utils/util'
9
- import { mapState, mapMutations } from 'vuex'
10
- import themeUtil from '@vue2-client/utils/themeUtil'
11
- import { getI18nKey } from '@vue2-client/utils/routerUtil'
12
-
13
- export default {
14
- name: 'App',
15
- data () {
16
- return {
17
- locale: {}
18
- }
19
- },
20
- created () {
21
- this.setHtmlTitle()
22
- this.setLanguage(this.lang)
23
- enquireScreen(isMobile => this.setDevice(isMobile))
24
- },
25
- mounted () {
26
- this.setWeekModeTheme(this.weekMode)
27
- },
28
- watch: {
29
- weekMode (val) {
30
- this.setWeekModeTheme(val)
31
- },
32
- lang (val) {
33
- this.setLanguage(val)
34
- this.setHtmlTitle()
35
- },
36
- $route () {
37
- this.setHtmlTitle()
38
- },
39
- 'theme.mode': function (val) {
40
- const closeMessage = this.$message.loading(`您选择了主题模式 ${val}, 正在切换...`)
41
- themeUtil.changeThemeColor(this.theme.color, val).then(closeMessage)
42
- },
43
- 'theme.color': function (val) {
44
- const closeMessage = this.$message.loading(`您选择了主题色 ${val}, 正在切换...`)
45
- themeUtil.changeThemeColor(val, this.theme.mode).then(closeMessage)
46
- },
47
- 'layout': function () {
48
- window.dispatchEvent(new Event('resize'))
49
- }
50
- },
51
- computed: {
52
- ...mapState('setting', ['layout', 'theme', 'weekMode', 'lang'])
53
- },
54
- methods: {
55
- ...mapMutations('setting', ['setDevice']),
56
- setWeekModeTheme (weekMode) {
57
- if (weekMode) {
58
- document.body.classList.add('week-mode')
59
- } else {
60
- document.body.classList.remove('week-mode')
61
- }
62
- },
63
- setLanguage (lang) {
64
- this.$i18n.locale = lang
65
- switch (lang) {
66
- case 'CN':
67
- this.locale = require('ant-design-vue/es/locale-provider/zh_CN').default
68
- break
69
- case 'HK':
70
- this.locale = require('ant-design-vue/es/locale-provider/zh_TW').default
71
- break
72
- case 'US':
73
- default:
74
- this.locale = require('ant-design-vue/es/locale-provider/en_US').default
75
- break
76
- }
77
- },
78
- setHtmlTitle () {
79
- const route = this.$route
80
- const key = route.path === '/' ? 'home.name' : getI18nKey(route.matched[route.matched.length - 1].path)
81
- document.title = process.env.VUE_APP_NAME + ' | ' + this.$t(key)
82
- },
83
- popContainer () {
84
- return document.getElementById('popContainer')
85
- }
86
- }
87
- }
88
- </script>
89
-
90
- <style lang="less" scoped>
91
- #id{
92
- }
93
- </style>
1
+ <template>
2
+ <a-config-provider :locale="locale" :get-popup-container="popContainer">
3
+ <router-view/>
4
+ </a-config-provider>
5
+ </template>
6
+
7
+ <script>
8
+ import { enquireScreen } from '@vue2-client/utils/util'
9
+ import { mapState, mapMutations } from 'vuex'
10
+ import themeUtil from '@vue2-client/utils/themeUtil'
11
+ import { getI18nKey } from '@vue2-client/utils/routerUtil'
12
+
13
+ export default {
14
+ name: 'App',
15
+ data () {
16
+ return {
17
+ locale: {}
18
+ }
19
+ },
20
+ created () {
21
+ this.setHtmlTitle()
22
+ this.setLanguage(this.lang)
23
+ enquireScreen(isMobile => this.setDevice(isMobile))
24
+ },
25
+ mounted () {
26
+ this.setWeekModeTheme(this.weekMode)
27
+ },
28
+ watch: {
29
+ weekMode (val) {
30
+ this.setWeekModeTheme(val)
31
+ },
32
+ lang (val) {
33
+ this.setLanguage(val)
34
+ this.setHtmlTitle()
35
+ },
36
+ $route () {
37
+ this.setHtmlTitle()
38
+ },
39
+ 'theme.mode': {
40
+ immediate: true,
41
+ handler: function (val) {
42
+ const closeMessage = this.$message.loading(`您选择了主题模式 ${val}, 正在切换...`)
43
+ themeUtil.changeThemeColor(this.theme.color, val).then(closeMessage)
44
+ }
45
+ },
46
+ 'theme.color': {
47
+ immediate: true,
48
+ handler: function (val) {
49
+ const closeMessage = this.$message.loading(`您选择了主题色 ${val}, 正在切换...`)
50
+ themeUtil.changeThemeColor(val, this.theme.mode).then(closeMessage)
51
+ }
52
+ },
53
+ 'layout': function () {
54
+ window.dispatchEvent(new Event('resize'))
55
+ }
56
+ },
57
+ computed: {
58
+ ...mapState('setting', ['layout', 'theme', 'weekMode', 'lang'])
59
+ },
60
+ methods: {
61
+ ...mapMutations('setting', ['setDevice']),
62
+ setWeekModeTheme (weekMode) {
63
+ if (weekMode) {
64
+ document.body.classList.add('week-mode')
65
+ } else {
66
+ document.body.classList.remove('week-mode')
67
+ }
68
+ },
69
+ setLanguage (lang) {
70
+ this.$i18n.locale = lang
71
+ switch (lang) {
72
+ case 'CN':
73
+ this.locale = require('ant-design-vue/es/locale-provider/zh_CN').default
74
+ break
75
+ case 'HK':
76
+ this.locale = require('ant-design-vue/es/locale-provider/zh_TW').default
77
+ break
78
+ case 'US':
79
+ default:
80
+ this.locale = require('ant-design-vue/es/locale-provider/en_US').default
81
+ break
82
+ }
83
+ },
84
+ setHtmlTitle () {
85
+ const route = this.$route
86
+ const key = route.path === '/' ? 'home.name' : getI18nKey(route.matched[route.matched.length - 1].path)
87
+ document.title = process.env.VUE_APP_NAME + ' | ' + this.$t(key)
88
+ },
89
+ popContainer () {
90
+ return document.getElementById('popContainer')
91
+ }
92
+ }
93
+ }
94
+ </script>
95
+
96
+ <style lang="less" scoped>
97
+ #id{
98
+ }
99
+ </style>
package/src/config/default/setting.config.js CHANGED
@@ -1,39 +1,39 @@
1
- // 此配置为系统默认设置
2
- module.exports = {
3
- lang: 'CN', // 语言，可选 CN(简体)、HK(繁体)、US(英语)，也可扩展其它语言
4
- theme: { // 主题
5
- color: '#1890ff', // 主题色
6
- mode: 'dark', // 主题模式 可选 dark、 light 和 night
7
- success: '#52c41a', // 成功色
8
- warning: '#faad14', // 警告色
9
- error: '#f5222f' // 错误色
10
- },
11
- layout: 'side', // 导航布局，可选 side 和 head，分别为侧边导航和顶部导航
12
- fixedHeader: true, // 固定头部状态栏，true:固定，false:不固定
13
- fixedSideBar: true, // 固定侧边栏，true:固定，false:不固定
14
- fixedTabs: true, // 固定页签头，true:固定，false:不固定
15
- pageWidth: 'fixed', // 内容区域宽度，fixed:固定宽度，fluid:流式宽度
16
- weekMode: false, // 色弱模式，true:开启，false:不开启
17
- multiPage: true, // 多页签模式，true:开启，false:不开启
18
- cachePage: true, // 是否缓存页面数据，仅多页签模式下生效，true 缓存, false 不缓存
19
- hideSetting: false, // 隐藏设置抽屉，true:隐藏，false:不隐藏
20
- homePage: '/system/dictionaryManage', // 首页路由, 登陆后默认打开
21
- ticketPage: '/submitTicket', // 提交工单路由
22
- systemName: '基础组件平台', // 系统名称
23
- systemDesc: '为PC端中、后台系统业务开发提供支持', // 系统描述
24
- copyright: '2022 AoFengSoft', // copyright
25
- asyncRoutes: true, // 异步加载路由，true:开启，false:不开启
26
- showPageTitle: true, // 是否显示页面标题（PageLayout 布局中的页面标题），true:显示，false:不显示
27
- filterMenu: true, // 根据权限过滤菜单，true:过滤，false:不过滤
28
- animate: { // 动画设置
29
- disabled: true, // 禁用动画，true:禁用，false:启用
30
- name: 'lightSpeed', // 动画效果，支持的动画效果可参考 ./animate.config.js
31
- direction: 'left' // 动画方向，切换页面时动画的方向，参考 ./animate.config.js
32
- },
33
- footerLinks: [ // 页面底部链接，{link: '链接地址', name: '名称/显示文字', icon: '图标，支持 ant design vue 图标库'}
34
- ],
35
- // 旧系统路径
36
- iframeSrc: '../../singlepage/page.html',
37
- // 兼容V2版本系统 true:启用, false:禁用
38
- compatibleV2: false
39
- }
1
+ // 此配置为系统默认设置
2
+ module.exports = {
3
+ lang: 'CN', // 语言，可选 CN(简体)、HK(繁体)、US(英语)，也可扩展其它语言
4
+ theme: { // 主题
5
+ color: '#1890ff', // 主题色
6
+ mode: 'dark', // 主题模式 可选 dark、 light 和 night
7
+ success: '#52c41a', // 成功色
8
+ warning: '#faad14', // 警告色
9
+ error: '#f5222f' // 错误色
10
+ },
11
+ layout: 'side', // 导航布局，可选 side 和 head，分别为侧边导航和顶部导航
12
+ fixedHeader: true, // 固定头部状态栏，true:固定，false:不固定
13
+ fixedSideBar: true, // 固定侧边栏，true:固定，false:不固定
14
+ fixedTabs: true, // 固定页签头，true:固定，false:不固定
15
+ pageWidth: 'fixed', // 内容区域宽度，fixed:固定宽度，fluid:流式宽度
16
+ weekMode: false, // 色弱模式，true:开启，false:不开启
17
+ multiPage: true, // 多页签模式，true:开启，false:不开启
18
+ cachePage: true, // 是否缓存页面数据，仅多页签模式下生效，true 缓存, false 不缓存
19
+ hideSetting: false, // 隐藏设置抽屉，true:隐藏，false:不隐藏
20
+ homePage: '/system/dictionaryManage', // 首页路由, 登陆后默认打开
21
+ ticketPage: '/submitTicket', // 提交工单路由
22
+ systemName: '基础组件平台', // 系统名称
23
+ systemDesc: '为PC端中、后台系统业务开发提供支持', // 系统描述
24
+ copyright: '2022 AoFengSoft', // copyright
25
+ asyncRoutes: true, // 异步加载路由，true:开启，false:不开启
26
+ showPageTitle: true, // 是否显示页面标题（PageLayout 布局中的页面标题），true:显示，false:不显示
27
+ filterMenu: true, // 根据权限过滤菜单，true:过滤，false:不过滤
28
+ animate: { // 动画设置
29
+ disabled: true, // 禁用动画，true:禁用，false:启用
30
+ name: 'lightSpeed', // 动画效果，支持的动画效果可参考 ./animate.config.js
31
+ direction: 'left' // 动画方向，切换页面时动画的方向，参考 ./animate.config.js
32
+ },
33
+ footerLinks: [ // 页面底部链接，{link: '链接地址', name: '名称/显示文字', icon: '图标，支持 ant design vue 图标库'}
34
+ ],
35
+ // 旧系统路径
36
+ iframeSrc: '../singlepage/page.html',
37
+ // 兼容V2版本系统 true:启用, false:禁用
38
+ compatibleV2: false
39
+ }