eoss-ui 0.5.81-beta4 → 0.5.81-beta6

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 (36) hide show
  1. package/lib/eoss-ui.common.js +1610 -1104
  2. package/lib/index.js +1 -1
  3. package/lib/main.js +1571 -1122
  4. package/lib/selector-panel.js +64 -11
  5. package/lib/selector.js +8 -4
  6. package/lib/theme-chalk/index.css +1 -1
  7. package/lib/theme-chalk/main.css +1 -1
  8. package/lib/theme-chalk/selector-panel.css +1 -1
  9. package/lib/theme-chalk/simplicity.css +1 -1
  10. package/lib/theme-chalk/tree.css +1 -1
  11. package/package.json +1 -1
  12. package/packages/main/src/default/index.vue +1 -1
  13. package/packages/main/src/main.vue +13 -12
  14. package/packages/main/src/simplicity/apps.vue +176 -145
  15. package/packages/main/src/simplicity/index.vue +160 -238
  16. package/packages/main/src/simplicity/menu-list.vue +117 -32
  17. package/packages/main/src/simplicity/message.vue +35 -25
  18. package/packages/main/src/simplicity/notice.vue +72 -39
  19. package/packages/main/src/simplicity/router-page.vue +53 -0
  20. package/packages/main/src/simplicity/settings.vue +1 -1
  21. package/packages/main/src/simplicity/sub-menu.vue +69 -69
  22. package/packages/main/src/simplicity/user.vue +4 -4
  23. package/packages/main/src/simplicity/userinfo.vue +1 -0
  24. package/packages/selector/src/main.vue +6 -2
  25. package/packages/selector-panel/src/main.vue +21 -2
  26. package/packages/selector-panel/src/selection.vue +6 -0
  27. package/packages/theme-chalk/lib/index.css +1 -1
  28. package/packages/theme-chalk/lib/main.css +1 -1
  29. package/packages/theme-chalk/lib/selector-panel.css +1 -1
  30. package/packages/theme-chalk/lib/simplicity.css +1 -1
  31. package/packages/theme-chalk/lib/tree.css +1 -1
  32. package/packages/theme-chalk/src/common/var.scss +2 -0
  33. package/packages/theme-chalk/src/selector-panel.scss +2 -1
  34. package/packages/theme-chalk/src/simplicity.scss +191 -5
  35. package/packages/theme-chalk/src/tree.scss +4 -2
  36. package/src/index.js +1 -1
package/packages/main/src/simplicity/apps.vue CHANGED
@@ -1,176 +1,187 @@
1
1
  <template>
2
- <div class="es-simplicity_apps">
3
- <div class="es-simplicity_apps-all">
4
- <div class="es-simplicity_apps-title">
5
- 所有业务系统
6
- <el-input
7
- class="es-simplicity_apps-search"
8
- size="medium"
9
- placeholder="请输入关键字"
10
- prefix-icon="el-icon-search"
11
- v-model="value"
12
- >
13
- </el-input>
14
- </div>
15
- <div class="es-simplicity_apps-box">
16
- <ul class="es-simplicity_apps-list">
17
- <li
18
- v-for="item in _applications"
19
- class="es-simplicity_apps-list-item"
20
- :key="item.id"
21
- >
22
- <div
23
- class="es-simplicity_apps-list-content"
24
- :class="{ 'es-simplicity_apps-disabled': !item.permission }"
25
- @click="handleClick(item)"
26
- >
27
- <el-badge v-bind="getBadge(item)">
28
- <es-icon
29
- class="es-simplicity_apps-icon"
30
- :contents="item.icons || item.icon || menuIcon"
31
- ></es-icon>
32
- </el-badge>
33
- <div class="es-simplicity_apps-text">
34
- {{ item.text || item.name }}
35
- </div>
36
- <div class="es-simplicity_apps-hover">
37
- <es-icon
38
- class="es-simplicity_apps-icon"
39
- :contents="
40
- item.permission ? 'es-icon-jiantou-next' : 'es-icon-mm'
41
- "
42
- ></es-icon>
43
- <div class="es-simplicity_apps-text">
44
- {{ item.permission ? '进入系统' : '暂无权限' }}
45
- </div>
46
- </div>
47
- </div>
48
- </li>
49
- </ul>
50
- </div>
51
- <el-pagination
52
- class="es-simplicity_apps-pagination"
53
- background
54
- layout="total,prev, pager, next"
55
- total-text="共 {total} 个业务系统"
56
- :page-size="appSize"
57
- :total="apps.length"
58
- @current-change="
59
- (res) => {
60
- this.handleChange(res, 0);
61
- }
62
- "
63
- >
64
- </el-pagination>
65
- </div>
66
- <div class="es-simplicity_apps-other">
67
- <div class="es-simplicity_apps-business">
68
- <div class="es-simplicity_apps-title">专项业务系统</div>
69
- <ul class="es-simplicity_apps-list">
70
- <li
71
- v-for="(item, index) in _business"
72
- class="es-simplicity_apps-list-item"
73
- :key="item.id"
2
+ <el-drawer
3
+ class="es-simplicity-apps"
4
+ direction="ltr"
5
+ modal-class="es-simplicity-apps-modal"
6
+ size="90%"
7
+ :modal-append-to-body="false"
8
+ :with-header="false"
9
+ :visible.sync="show"
10
+ >
11
+ <div class="es-simplicity_apps">
12
+ <div class="es-simplicity_apps-all">
13
+ <div class="es-simplicity_apps-title">
14
+ 所有业务系统
15
+ <el-input
16
+ class="es-simplicity_apps-search"
17
+ size="medium"
18
+ placeholder="请输入关键字"
19
+ prefix-icon="el-icon-search"
20
+ v-model="value"
74
21
  >
75
- <div
76
- class="es-simplicity_apps-list-content"
77
- :class="{ 'es-simplicity_apps-disabled': !item.permission }"
78
- @click="handleClick(item)"
22
+ </el-input>
23
+ </div>
24
+ <div class="es-simplicity_apps-box" @mousewheel="handleWheel">
25
+ <ul class="es-simplicity_apps-list">
26
+ <li
27
+ v-for="item in _applications"
28
+ class="es-simplicity_apps-list-item"
29
+ :key="item.id"
79
30
  >
80
- <es-icon
81
- class="es-simplicity_app-icon"
82
- :style="setStyle(index)"
83
- :contents="item.icons || item.icon || menuIcon"
84
- ></es-icon>
85
- <el-badge v-bind="getBadge(item)">
31
+ <div
32
+ class="es-simplicity_apps-list-content"
33
+ :class="{ 'es-simplicity_apps-disabled': !item.permission }"
34
+ @click="handleClick(item)"
35
+ >
36
+ <el-badge v-bind="getBadge(item)">
37
+ <es-icon
38
+ class="es-simplicity_apps-icon"
39
+ :contents="item.icons || item.icon || menuIcon"
40
+ ></es-icon>
41
+ </el-badge>
86
42
  <div class="es-simplicity_apps-text">
87
43
  {{ item.text || item.name }}
88
44
  </div>
89
- </el-badge>
90
- <div class="es-simplicity_apps-hover">
91
- <es-icon
92
- class="es-simplicity_apps-icon"
93
- :contents="
94
- item.permission ? 'es-icon-jiantou-next' : 'es-icon-mm'
95
- "
96
- ></es-icon>
97
- <div class="es-simplicity_apps-text">
98
- {{ item.permission ? '进入系统' : '暂无权限' }}
45
+ <div class="es-simplicity_apps-hover">
46
+ <es-icon
47
+ class="es-simplicity_apps-icon"
48
+ :contents="
49
+ item.permission ? 'es-icon-jiantou-next' : 'es-icon-mm'
50
+ "
51
+ ></es-icon>
52
+ <div class="es-simplicity_apps-text">
53
+ {{ item.permission ? '进入系统' : '暂无权限' }}
54
+ </div>
99
55
  </div>
100
56
  </div>
101
- </div>
102
- </li>
103
- </ul>
57
+ </li>
58
+ </ul>
59
+ </div>
104
60
  <el-pagination
105
61
  class="es-simplicity_apps-pagination"
106
62
  background
107
63
  layout="total,prev, pager, next"
108
- total-text="共 {total} 专项业务系统"
64
+ total-text="共 {total} 个业务系统"
109
65
  :page-size="appSize"
110
- :total="business.length"
66
+ :total="apps.length"
67
+ :current-page.sync="appNum"
111
68
  @current-change="
112
69
  (res) => {
113
- this.handleChange(res, 1);
70
+ this.handleChange(res, 0);
114
71
  }
115
72
  "
116
73
  >
117
74
  </el-pagination>
118
75
  </div>
119
- <div class="es-simplicity_apps-systems">
120
- <div class="es-simplicity_apps-title">系统设置</div>
121
- <ul class="es-simplicity_apps-list">
122
- <li
123
- v-for="(item, index) in _systems"
124
- class="es-simplicity_apps-list-item"
125
- :key="item.id"
126
- >
127
- <div
128
- class="es-simplicity_apps-list-content"
129
- :class="{ 'es-simplicity_apps-disabled': !item.permission }"
130
- @click="handleClick(item)"
76
+ <div class="es-simplicity_apps-other">
77
+ <div class="es-simplicity_apps-business">
78
+ <div class="es-simplicity_apps-title">专项业务系统</div>
79
+ <ul class="es-simplicity_apps-list">
80
+ <li
81
+ v-for="(item, index) in _business"
82
+ class="es-simplicity_apps-list-item"
83
+ :key="item.id"
131
84
  >
132
- <es-icon
133
- class="es-simplicity_app-icon"
134
- :style="setStyle(index)"
135
- :contents="item.icons || item.icon || menuIcon"
136
- ></es-icon>
137
- <el-badge v-bind="getBadge(item)">
138
- <div class="es-simplicity_apps-text">
139
- {{ item.text || item.name }}
85
+ <div
86
+ class="es-simplicity_apps-list-content"
87
+ :class="{ 'es-simplicity_apps-disabled': !item.permission }"
88
+ @click="handleClick(item)"
89
+ >
90
+ <es-icon
91
+ class="es-simplicity_app-icon"
92
+ :style="setStyle(index)"
93
+ :contents="item.icons || item.icon || menuIcon"
94
+ ></es-icon>
95
+ <el-badge v-bind="getBadge(item)">
96
+ <div class="es-simplicity_apps-text">
97
+ {{ item.text || item.name }}
98
+ </div>
99
+ </el-badge>
100
+ <div class="es-simplicity_apps-hover">
101
+ <es-icon
102
+ class="es-simplicity_apps-icon"
103
+ :contents="
104
+ item.permission ? 'es-icon-jiantou-next' : 'es-icon-mm'
105
+ "
106
+ ></es-icon>
107
+ <div class="es-simplicity_apps-text">
108
+ {{ item.permission ? '进入系统' : '暂无权限' }}
109
+ </div>
140
110
  </div>
141
- </el-badge>
142
- <div class="es-simplicity_apps-hover">
111
+ </div>
112
+ </li>
113
+ </ul>
114
+ <el-pagination
115
+ class="es-simplicity_apps-pagination"
116
+ background
117
+ layout="total,prev, pager, next"
118
+ total-text="共 {total} 专项业务系统"
119
+ :page-size="appSize"
120
+ :total="business.length"
121
+ @current-change="
122
+ (res) => {
123
+ this.handleChange(res, 1);
124
+ }
125
+ "
126
+ >
127
+ </el-pagination>
128
+ </div>
129
+ <div class="es-simplicity_apps-systems">
130
+ <div class="es-simplicity_apps-title">系统设置</div>
131
+ <ul class="es-simplicity_apps-list">
132
+ <li
133
+ v-for="(item, index) in _systems"
134
+ class="es-simplicity_apps-list-item"
135
+ :key="item.id"
136
+ >
137
+ <div
138
+ class="es-simplicity_apps-list-content"
139
+ :class="{ 'es-simplicity_apps-disabled': !item.permission }"
140
+ @click="handleClick(item)"
141
+ >
143
142
  <es-icon
144
- class="es-simplicity_apps-icon"
145
- :contents="
146
- item.permission ? 'es-icon-jiantou-next' : 'es-icon-mm'
147
- "
143
+ class="es-simplicity_app-icon"
144
+ :style="setStyle(index)"
145
+ :contents="item.icons || item.icon || menuIcon"
148
146
  ></es-icon>
149
- <div class="es-simplicity_apps-text">
150
- {{ item.permission ? '进入系统' : '暂无权限' }}
147
+ <el-badge v-bind="getBadge(item)">
148
+ <div class="es-simplicity_apps-text">
149
+ {{ item.text || item.name }}
150
+ </div>
151
+ </el-badge>
152
+ <div class="es-simplicity_apps-hover">
153
+ <es-icon
154
+ class="es-simplicity_apps-icon"
155
+ :contents="
156
+ item.permission ? 'es-icon-jiantou-next' : 'es-icon-mm'
157
+ "
158
+ ></es-icon>
159
+ <div class="es-simplicity_apps-text">
160
+ {{ item.permission ? '进入系统' : '暂无权限' }}
161
+ </div>
151
162
  </div>
152
163
  </div>
153
- </div>
154
- </li>
155
- </ul>
156
- <el-pagination
157
- class="es-simplicity_apps-pagination"
158
- background
159
- layout="total,prev, pager, next"
160
- total-text="共 {total} 系统设置"
161
- hide-on-single-page
162
- :page-size="appSize"
163
- :total="business.length"
164
- @current-change="
165
- (res) => {
166
- this.handleChange(res, 2);
167
- }
168
- "
169
- >
170
- </el-pagination>
164
+ </li>
165
+ </ul>
166
+ <el-pagination
167
+ class="es-simplicity_apps-pagination"
168
+ background
169
+ layout="total,prev, pager, next"
170
+ total-text="共 {total} 系统设置"
171
+ hide-on-single-page
172
+ :page-size="appSize"
173
+ :total="business.length"
174
+ @current-change="
175
+ (res) => {
176
+ this.handleChange(res, 2);
177
+ }
178
+ "
179
+ >
180
+ </el-pagination>
181
+ </div>
171
182
  </div>
172
183
  </div>
173
- </div>
184
+ </el-drawer>
174
185
  </template>
175
186
 
176
187
  <script>
@@ -179,6 +190,7 @@ export default {
179
190
  name: 'Apps',
180
191
  components: {},
181
192
  props: {
193
+ visible: Boolean,
182
194
  //菜单、应用默认图标
183
195
  menuIcon: String,
184
196
  color: {
@@ -233,6 +245,15 @@ export default {
233
245
  };
234
246
  },
235
247
  computed: {
248
+ show: {
249
+ get() {
250
+ return this.visible;
251
+ },
252
+ set(val) {
253
+ this.$emit('update:visible', val);
254
+ return val;
255
+ }
256
+ },
236
257
  _applications() {
237
258
  return this.apps.filter((item, index) => {
238
259
  return (
@@ -310,6 +331,16 @@ export default {
310
331
  let name = ['appNum', 'bsNum', 'sysNum'];
311
332
  this[name[index]] = res;
312
333
  },
334
+ handleWheel(e) {
335
+ let direction = e.deltaY > 0 ? 'down' : 'up'; //deltaY为正则滚轮向下，为负滚轮向上
336
+ let total = Math.ceil(this.apps.length / this.appSize);
337
+ if (direction == 'up' && this.appNum > 1) {
338
+ this.appNum -= 1;
339
+ }
340
+ if (direction == 'down' && this.appNum < total) {
341
+ this.appNum += 1;
342
+ }
343
+ },
313
344
  handleClick(res) {
314
345
  this.$emit('click', res);
315
346
  },