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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "meixioacomponent",
3
- "version": "0.2.65",
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': !showProScreenList,
13
+ 'is-plain': !proScreenCardShow,
14
14
  }"
15
- :disabled="_proScreenList.length <= 0"
16
- @click="handleProScreenList"
17
- :type="showProScreenList ? 'selected' : 'info'"
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="showProScreenList">
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.showProScreenList ? "el-icon-arrow-up" : "el-icon-arrow-down";
113
+ return this.proScreenCardShow ? "el-icon-arrow-up" : "el-icon-arrow-down";
111
114
  },
112
115
  handleScreenText() {
113
- return this.showProScreenList ? "收起筛选" : "展开筛选";
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
- this.showProScreenList = !this.showProScreenList;
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.$props.tableConfig.push({
431
- label: "",
432
- key: "noData",
433
- lock: false,
434
- width: 30,
435
- show: true,
436
- template: false,
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>