kz-ui-base 1.0.21 → 1.0.24

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.
@@ -0,0 +1,113 @@
1
+ <template>
2
+ <div class="top-right-btn">
3
+ <el-row>
4
+ <!-- <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top"
5
+ v-if="searchVisible"> -->
6
+ <el-button size="mini" type="success" @click="toggleSearch()">
7
+ 高级筛选<i class="el-icon-caret-bottom el-icon--right"></i>
8
+ </el-button>
9
+ <!-- </el-tooltip> -->
10
+ <!-- <el-tooltip class="item" effect="dark" content="刷新" placement="top" v-if="refreshVisible">
11
+ <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()"/>
12
+ </el-tooltip>
13
+ <el-tooltip class="item" effect="dark" :content="sortable ? '禁用排序' : '启用排序'" placement="top" v-if="sortVisible">
14
+ <el-button size="mini" circle icon="el-icon-sort" @click="toggleSortable()"/>
15
+ </el-tooltip>
16
+ <el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
17
+ <el-button size="mini" circle icon="el-icon-menu" @click="showColumn()"/>
18
+ </el-tooltip> -->
19
+ </el-row>
20
+ <el-dialog :title="title" :visible.sync="open" append-to-body>
21
+ <el-transfer
22
+ :titles="['显示', '隐藏']"
23
+ v-model="value"
24
+ :data="columns"
25
+ @change="dataChange"
26
+ ></el-transfer>
27
+ </el-dialog>
28
+ </div>
29
+ </template>
30
+
31
+ <script>
32
+ export default {
33
+ name: "RightToolbar",
34
+ data() {
35
+ return {
36
+ // 显隐数据
37
+ value: [],
38
+ // 弹出层标题
39
+ title: "显示/隐藏",
40
+ // 是否显示弹出层
41
+ sortable: true,
42
+ open: false
43
+ }
44
+ },
45
+ props: {
46
+ showSearch: {
47
+ type: Boolean,
48
+ default: true
49
+ },
50
+ columns: {
51
+ type: Array
52
+ },
53
+ searchVisible: {
54
+ type: Boolean,
55
+ default: true
56
+ },
57
+ refreshVisible: {
58
+ type: Boolean,
59
+ default: true
60
+ },
61
+ sortVisible: {
62
+ type: Boolean,
63
+ default: true
64
+ }
65
+ },
66
+ created() {
67
+ // 显隐列初始默认隐藏列
68
+ for (let item in this.columns) {
69
+ if (this.columns[item].visible === false) {
70
+ this.value.push(parseInt(item))
71
+ }
72
+ }
73
+ },
74
+ methods: {
75
+ // 搜索
76
+ toggleSearch() {
77
+ this.$emit("update:showSearch", !this.showSearch)
78
+ },
79
+ // 刷新
80
+ refresh() {
81
+ this.$emit("queryTable")
82
+ },
83
+ // 排序
84
+ toggleSortable() {
85
+ this.sortable = !this.sortable
86
+ this.$emit("controlSortable", !this.sortable)
87
+ },
88
+ // 右侧列表元素变化
89
+ dataChange(data) {
90
+ for (var item in this.columns) {
91
+ const key = this.columns[item].key
92
+ this.columns[item].visible = !data.includes(key)
93
+ }
94
+ },
95
+ // 打开显隐列dialog
96
+ showColumn() {
97
+ this.open = true
98
+ }
99
+ }
100
+ }
101
+ </script>
102
+ <style lang="scss" scoped>
103
+ ::v-deep .el-transfer__button {
104
+ border-radius: 50%;
105
+ padding: 12px;
106
+ display: block;
107
+ margin-left: 0px;
108
+ }
109
+
110
+ ::v-deep .el-transfer__button:first-child {
111
+ margin-bottom: 10px;
112
+ }
113
+ </style>
@@ -0,0 +1,113 @@
1
+ <template>
2
+ <div class="top-right-btn">
3
+ <el-row>
4
+ <!-- <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top"
5
+ v-if="searchVisible"> -->
6
+ <el-button size="mini" type="danger" icon="el-icon-close" @click="toggleSearch()">
7
+ 关闭
8
+ </el-button>
9
+ <!-- </el-tooltip> -->
10
+ <!-- <el-tooltip class="item" effect="dark" content="刷新" placement="top" v-if="refreshVisible">
11
+ <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()"/>
12
+ </el-tooltip>
13
+ <el-tooltip class="item" effect="dark" :content="sortable ? '禁用排序' : '启用排序'" placement="top" v-if="sortVisible">
14
+ <el-button size="mini" circle icon="el-icon-sort" @click="toggleSortable()"/>
15
+ </el-tooltip>
16
+ <el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
17
+ <el-button size="mini" circle icon="el-icon-menu" @click="showColumn()"/>
18
+ </el-tooltip> -->
19
+ </el-row>
20
+ <el-dialog :title="title" :visible.sync="open" append-to-body>
21
+ <el-transfer
22
+ :titles="['显示', '隐藏']"
23
+ v-model="value"
24
+ :data="columns"
25
+ @change="dataChange"
26
+ ></el-transfer>
27
+ </el-dialog>
28
+ </div>
29
+ </template>
30
+
31
+ <script>
32
+ export default {
33
+ name: "RightToolbar",
34
+ data() {
35
+ return {
36
+ // 显隐数据
37
+ value: [],
38
+ // 弹出层标题
39
+ title: "显示/隐藏",
40
+ // 是否显示弹出层
41
+ sortable: true,
42
+ open: false
43
+ }
44
+ },
45
+ props: {
46
+ showSearch: {
47
+ type: Boolean,
48
+ default: true
49
+ },
50
+ columns: {
51
+ type: Array
52
+ },
53
+ searchVisible: {
54
+ type: Boolean,
55
+ default: true
56
+ },
57
+ refreshVisible: {
58
+ type: Boolean,
59
+ default: true
60
+ },
61
+ sortVisible: {
62
+ type: Boolean,
63
+ default: true
64
+ }
65
+ },
66
+ created() {
67
+ // 显隐列初始默认隐藏列
68
+ for (let item in this.columns) {
69
+ if (this.columns[item].visible === false) {
70
+ this.value.push(parseInt(item))
71
+ }
72
+ }
73
+ },
74
+ methods: {
75
+ // 搜索
76
+ toggleSearch() {
77
+ this.$emit("update:showSearch", !this.showSearch)
78
+ },
79
+ // 刷新
80
+ refresh() {
81
+ this.$emit("queryTable")
82
+ },
83
+ // 排序
84
+ toggleSortable() {
85
+ this.sortable = !this.sortable
86
+ this.$emit("controlSortable", !this.sortable)
87
+ },
88
+ // 右侧列表元素变化
89
+ dataChange(data) {
90
+ for (var item in this.columns) {
91
+ const key = this.columns[item].key
92
+ this.columns[item].visible = !data.includes(key)
93
+ }
94
+ },
95
+ // 打开显隐列dialog
96
+ showColumn() {
97
+ this.open = true
98
+ }
99
+ }
100
+ }
101
+ </script>
102
+ <style lang="scss" scoped>
103
+ ::v-deep .el-transfer__button {
104
+ border-radius: 50%;
105
+ padding: 12px;
106
+ display: block;
107
+ margin-left: 0px;
108
+ }
109
+
110
+ ::v-deep .el-transfer__button:first-child {
111
+ margin-bottom: 10px;
112
+ }
113
+ </style>
@@ -1,10 +1,10 @@
1
1
  <template>
2
2
  <div class="top-right-btn">
3
3
  <el-row>
4
- <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top"
4
+ <!-- <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top"
5
5
  v-if="searchVisible">
6
6
  <el-button size="mini" circle icon="el-icon-search" @click="toggleSearch()"/>
7
- </el-tooltip>
7
+ </el-tooltip> -->
8
8
  <el-tooltip class="item" effect="dark" content="刷新" placement="top" v-if="refreshVisible">
9
9
  <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()"/>
10
10
  </el-tooltip>
@@ -15,7 +15,7 @@
15
15
  <el-button size="mini" circle icon="el-icon-menu" @click="showColumn()"/>
16
16
  </el-tooltip>
17
17
  </el-row>
18
- <el-dialog :title="title" :visible.sync="open" append-to-body>
18
+ <el-dialog :title="title" :visible.sync="open" append-to-body :before-close="handleClose">
19
19
  <el-transfer
20
20
  :titles="['显示', '隐藏']"
21
21
  v-model="value"
@@ -62,6 +62,29 @@ export default {
62
62
  }
63
63
  },
64
64
  created() {
65
+ let displayHideColumn
66
+ if(localStorage.getItem("displayHideColumn")&&localStorage.getItem("displayHideColumn")!=='{}'){
67
+ displayHideColumn=JSON.parse(localStorage.getItem("displayHideColumn"))
68
+ this.columns.forEach((item,index) => {
69
+ item.label=item.text
70
+ item.key=index
71
+
72
+ if(displayHideColumn[window.location.pathname]?.length>0){
73
+ displayHideColumn[window.location.pathname].forEach(ite=>{
74
+ if (item.key==ite) {
75
+ item.visible=false
76
+ }
77
+ })
78
+ }
79
+
80
+ });
81
+ }else{
82
+ displayHideColumn={}
83
+ this.columns.forEach((item,index) => {
84
+ item.label=item.text
85
+ item.key=index
86
+ });
87
+ }
65
88
  // 显隐列初始默认隐藏列
66
89
  for (let item in this.columns) {
67
90
  if (this.columns[item].visible === false) {
@@ -85,15 +108,30 @@ export default {
85
108
  },
86
109
  // 右侧列表元素变化
87
110
  dataChange(data) {
111
+ let displayHideColumn
112
+ if(localStorage.getItem("displayHideColumn")&&localStorage.getItem("displayHideColumn")!=='{}'){
113
+ displayHideColumn=JSON.parse(localStorage.getItem("displayHideColumn"))
114
+ }else{
115
+ displayHideColumn={}
116
+ }
88
117
  for (var item in this.columns) {
89
118
  const key = this.columns[item].key
90
119
  this.columns[item].visible = !data.includes(key)
91
120
  }
121
+ // displayHideColumn
122
+ displayHideColumn[window.location.pathname]=this.value
123
+ localStorage.setItem("displayHideColumn", JSON.stringify(displayHideColumn));
124
+ console.log(displayHideColumn,this.columns,this.value);
92
125
  },
93
126
  // 打开显隐列dialog
94
127
  showColumn() {
95
128
  this.open = true
96
- }
129
+ },
130
+ // 关闭显隐列dialog
131
+ handleClose(done) {
132
+ this.refresh()
133
+ done();
134
+ },
97
135
  }
98
136
  }
99
137
  </script>
@@ -6,11 +6,11 @@ import download from "./download";
6
6
  import { getUrl } from "../api/common/common";
7
7
  import { getToken } from "../utils/auth";
8
8
  import { getWebConfig } from "../utils/utils";
9
- import { initFdCache } from "../utils/cache/fdCache";
10
- import { initTmCache } from "../utils/cache/tmCache";
11
- import { initBdCache } from "../utils/cache/bdCache";
12
- import { initEamCache } from "../utils/cache/eamCache";
13
- import { initSmCache } from "../utils/cache/smCache";
9
+ // import { initFdCache } from "../utils/cache/fdCache";
10
+ // import { initTmCache } from "../utils/cache/tmCache";
11
+ // import { initBdCache } from "../utils/cache/bdCache";
12
+ // import { initEamCache } from "../utils/cache/eamCache";
13
+ // import { initSmCache } from "../utils/cache/smCache";
14
14
 
15
15
  export default {
16
16
  install(Vue) {
@@ -33,21 +33,21 @@ export default {
33
33
  if (webConfig.cache.system) {
34
34
  initSystemCache();
35
35
  }
36
- if (webConfig.cache.fd) {
37
- initFdCache();
38
- }
39
- if (webConfig.cache.tm) {
40
- initTmCache();
41
- }
42
- if (webConfig.cache.bd) {
43
- initBdCache();
44
- }
45
- if (webConfig.cache.eam) {
46
- initEamCache();
47
- }
48
- if (webConfig.cache.sm) {
49
- initSmCache();
50
- }
36
+ // if (webConfig.cache.fd) {
37
+ // initFdCache();
38
+ // }
39
+ // if (webConfig.cache.tm) {
40
+ // initTmCache();
41
+ // }
42
+ // if (webConfig.cache.bd) {
43
+ // initBdCache();
44
+ // }
45
+ // if (webConfig.cache.eam) {
46
+ // initEamCache();
47
+ // }
48
+ // if (webConfig.cache.sm) {
49
+ // initSmCache();
50
+ // }
51
51
  }
52
52
  }
53
53
 
@@ -124,7 +124,6 @@ import { getAllRouters } from "@api/menu";
124
124
  import { getCodeImg } from "../api/login";
125
125
  import Cookies from "~../../js-cookie";
126
126
  import { encrypt, decrypt } from "../utils/jsencrypt";
127
- import { registerMicroApps, start, setDefaultMountApp } from 'qiankun'
128
127
  export default {
129
128
  name: "Login",
130
129
  data() {
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
- {
2
- "name": "kz-ui-base",
3
- "version": "1.0.21",
4
- "description": "",
5
- "main": "index.js",
6
- "scripts": {
7
- "test": "echo \"Error: no test specified\" && exit 1"
8
- },
9
- "keywords": [],
10
- "author": "",
11
- "license": "ISC"
12
- }
1
+ {
2
+ "name": "kz-ui-base",
3
+ "version": "1.0.24",
4
+ "description": "",
5
+ "main": "index.js",
6
+ "scripts": {
7
+ "test": "echo \"Error: no test specified\" && exit 1"
8
+ },
9
+ "keywords": [],
10
+ "author": "",
11
+ "license": "ISC"
12
+ }