meixioacomponent 0.2.65 → 0.2.68
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.
- package/babel.config.js +1 -1
- package/lib/meixioacomponent.common.js +257 -219
- package/lib/meixioacomponent.umd.js +257 -219
- package/lib/meixioacomponent.umd.min.js +10 -10
- package/package.json +3 -2
- package/packages/components/base/baseToggle/toggle.vue +14 -0
- package/packages/components/proPageTable/oa_pro-table-search.vue +24 -9
- package/packages/components/proPageTable/oa_pro_table.vue +15 -15
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "meixioacomponent",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.68",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "YuRi",
|
|
6
6
|
"main": "lib/meixioacomponent.umd.min.js",
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
"@vue/cli-plugin-vuex": "~4.5.13",
|
|
30
30
|
"@vue/cli-service": "~4.5.13",
|
|
31
31
|
"babel-plugin-component": "^1.1.1",
|
|
32
|
+
"babel-plugin-transform-remove-console": "^6.9.4",
|
|
32
33
|
"less": "^3.0.4",
|
|
33
34
|
"less-loader": "^5.0.0",
|
|
34
35
|
"vue-template-compiler": "^2.6.11"
|
|
@@ -38,4 +39,4 @@
|
|
|
38
39
|
"last 2 versions",
|
|
39
40
|
"not dead"
|
|
40
41
|
]
|
|
41
|
-
}
|
|
42
|
+
}
|
|
@@ -40,6 +40,9 @@ export default {
|
|
|
40
40
|
type: String,
|
|
41
41
|
default: "min",
|
|
42
42
|
},
|
|
43
|
+
beforeHandle: {
|
|
44
|
+
type: Function,
|
|
45
|
+
},
|
|
43
46
|
},
|
|
44
47
|
computed: {
|
|
45
48
|
module: {
|
|
@@ -53,6 +56,17 @@ export default {
|
|
|
53
56
|
},
|
|
54
57
|
methods: {
|
|
55
58
|
handletoggle(item) {
|
|
59
|
+
const { beforeHandle } = this.$props;
|
|
60
|
+
if (beforeHandle) {
|
|
61
|
+
beforeHandle(() => {
|
|
62
|
+
this.setModule(item);
|
|
63
|
+
}, item);
|
|
64
|
+
} else {
|
|
65
|
+
this.setModule(item);
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
|
|
69
|
+
setModule(item) {
|
|
56
70
|
this.module = item.value;
|
|
57
71
|
this.$emit("handletoggle", item);
|
|
58
72
|
},
|
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
<el-button
|
|
11
11
|
size="medium"
|
|
12
12
|
:class="{
|
|
13
|
-
'is-plain': !
|
|
13
|
+
'is-plain': !proScreenCardShow,
|
|
14
14
|
}"
|
|
15
|
-
:disabled="_proScreenList.length <= 0"
|
|
16
|
-
@click="handleProScreenList"
|
|
17
|
-
:type="
|
|
15
|
+
:disabled="_proScreenList.length <= 0 && !proScreenCardShow"
|
|
16
|
+
@click="handleProScreenList(false)"
|
|
17
|
+
:type="proScreenCardShow ? 'selected' : 'info'"
|
|
18
18
|
>{{ handleScreenText }} <i :class="handleScreenIcon"></i>
|
|
19
19
|
</el-button>
|
|
20
20
|
<el-button size="medium" plain type="info" @click="handleOpenProScreen">
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
</el-button>
|
|
24
24
|
</searchHeaderVue>
|
|
25
25
|
|
|
26
|
-
<div class="search-mid-content" v-show="
|
|
26
|
+
<div class="search-mid-content" v-show="proScreenCardShow">
|
|
27
27
|
<el-card class="box-card">
|
|
28
28
|
<div class="box-card-title">
|
|
29
29
|
<span class="tips-text">筛选条件</span>
|
|
@@ -106,11 +106,14 @@ export default {
|
|
|
106
106
|
oa_pro_screen_itemVue,
|
|
107
107
|
},
|
|
108
108
|
computed: {
|
|
109
|
+
proScreenCardShow() {
|
|
110
|
+
return this._proScreenList.length > 0 && this.showProScreenList;
|
|
111
|
+
},
|
|
109
112
|
handleScreenIcon() {
|
|
110
|
-
return this.
|
|
113
|
+
return this.proScreenCardShow ? "el-icon-arrow-up" : "el-icon-arrow-down";
|
|
111
114
|
},
|
|
112
115
|
handleScreenText() {
|
|
113
|
-
return this.
|
|
116
|
+
return this.proScreenCardShow ? "收起筛选" : "展开筛选";
|
|
114
117
|
},
|
|
115
118
|
|
|
116
119
|
_proScreenList() {
|
|
@@ -141,8 +144,13 @@ export default {
|
|
|
141
144
|
handleSearch() {
|
|
142
145
|
this.$parent.refreshData();
|
|
143
146
|
},
|
|
144
|
-
handleProScreenList() {
|
|
145
|
-
|
|
147
|
+
handleProScreenList(flag = false) {
|
|
148
|
+
if (!flag) {
|
|
149
|
+
this.showProScreenList = !this.showProScreenList;
|
|
150
|
+
} else {
|
|
151
|
+
this.showProScreenList = true;
|
|
152
|
+
}
|
|
153
|
+
|
|
146
154
|
this.computedHeight();
|
|
147
155
|
},
|
|
148
156
|
handleScreen(index) {
|
|
@@ -185,6 +193,13 @@ export default {
|
|
|
185
193
|
];
|
|
186
194
|
},
|
|
187
195
|
},
|
|
196
|
+
watch: {
|
|
197
|
+
proScreenCardShow(newVal, oldVal) {
|
|
198
|
+
if (!newVal) {
|
|
199
|
+
this.showProScreenList = false;
|
|
200
|
+
}
|
|
201
|
+
},
|
|
202
|
+
},
|
|
188
203
|
};
|
|
189
204
|
</script>
|
|
190
205
|
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
<div class="oa-pro-table-search">
|
|
25
25
|
<oa_pro_table_searchVue
|
|
26
26
|
v-model="module"
|
|
27
|
+
ref="oaProTableSearch"
|
|
27
28
|
:screenList="screenList"
|
|
28
29
|
:placeholder="placeholder"
|
|
29
30
|
:proScreenList="proScreenList"
|
|
@@ -122,7 +123,7 @@
|
|
|
122
123
|
</el-table-column>
|
|
123
124
|
</el-table>
|
|
124
125
|
|
|
125
|
-
<div class="table-suffix">
|
|
126
|
+
<div class="table-suffix" v-if="!isAverageWidth">
|
|
126
127
|
<oa_pro_colum_configVue
|
|
127
128
|
:config="tableConfig"
|
|
128
129
|
@setTableHeaderConfig="setTableHeaderConfig"
|
|
@@ -427,14 +428,16 @@ export default {
|
|
|
427
428
|
}
|
|
428
429
|
});
|
|
429
430
|
|
|
430
|
-
this
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
431
|
+
if (!this.isAverageWidth) {
|
|
432
|
+
this.$props.tableConfig.push({
|
|
433
|
+
label: "",
|
|
434
|
+
key: "noData",
|
|
435
|
+
lock: false,
|
|
436
|
+
width: 30,
|
|
437
|
+
show: true,
|
|
438
|
+
template: false,
|
|
439
|
+
});
|
|
440
|
+
}
|
|
438
441
|
|
|
439
442
|
this.refreshData();
|
|
440
443
|
},
|
|
@@ -445,7 +448,7 @@ export default {
|
|
|
445
448
|
cellMouseEnter(row, column, cell, event) {
|
|
446
449
|
let content = row[`${column.property}`];
|
|
447
450
|
this.tooltip.show = false;
|
|
448
|
-
if (!content) return;
|
|
451
|
+
if (!content || typeof content == Boolean) return;
|
|
449
452
|
const { tooltip } = this;
|
|
450
453
|
let style = event.target;
|
|
451
454
|
let position = style.getBoundingClientRect();
|
|
@@ -618,6 +621,7 @@ export default {
|
|
|
618
621
|
plain: false,
|
|
619
622
|
click: () => {
|
|
620
623
|
this.dialogProscreenConfirm(true);
|
|
624
|
+
this.$refs.oaProTableSearch.handleProScreenList(true);
|
|
621
625
|
},
|
|
622
626
|
},
|
|
623
627
|
];
|
|
@@ -679,7 +683,6 @@ export default {
|
|
|
679
683
|
// element表格的重新渲染方法
|
|
680
684
|
daLayoutTable() {
|
|
681
685
|
this.$nextTick(() => {
|
|
682
|
-
//console.log(this.$props.tableConfig);
|
|
683
686
|
this.$refs.elTable.doLayout();
|
|
684
687
|
});
|
|
685
688
|
},
|
|
@@ -762,10 +765,7 @@ export default {
|
|
|
762
765
|
},
|
|
763
766
|
},
|
|
764
767
|
watch: {
|
|
765
|
-
fixedList(newValue, oldValue) {
|
|
766
|
-
//console.log("fixedList:");
|
|
767
|
-
//console.log(newValue);
|
|
768
|
-
},
|
|
768
|
+
fixedList(newValue, oldValue) {},
|
|
769
769
|
},
|
|
770
770
|
};
|
|
771
771
|
</script>
|