@zscreate/zhxy-app-component 1.0.263 → 1.0.264
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.
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
</view>
|
|
26
26
|
</view>
|
|
27
27
|
</u-popup>
|
|
28
|
-
<u-picker
|
|
29
|
-
<view style="flex-shrink: 0; overflow:
|
|
30
|
-
<view class="grid-container"
|
|
31
|
-
<view v-for="(h, n) in header" :key='n' :class="{ 'grid-item': true }">
|
|
28
|
+
<u-picker :defaultSelector="defaultSelector" mode="selector" v-model="statusShow" :range="statusRange" @confirm="selectStatus" range-key="label" />
|
|
29
|
+
<view style="flex-shrink: 0; overflow-x: scroll; flex: 1; " >
|
|
30
|
+
<view class="custom-grid-container" >
|
|
31
|
+
<view v-for="(h, n) in header" :key='n' :class="{ 'custom-grid-item': true }">
|
|
32
32
|
<template v-if="h.columnName === '#'">
|
|
33
33
|
<!-- <u-checkbox-group>-->
|
|
34
34
|
<!-- <u-checkbox @change="checkboxChangeAll" v-model="checkedAll" name="all"></u-checkbox>-->
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
|
|
40
40
|
<template v-for="(t, s) in tableData" >
|
|
41
41
|
<template v-for="(h, n) in header" >
|
|
42
|
-
<view class="grid-item grid-item_data" >
|
|
42
|
+
<view class="custom-grid-item grid-item_data" >
|
|
43
43
|
<template v-if="h.columnCode === 'check'">
|
|
44
44
|
<u-radio-group :value="seletedData.map(item => item.id)" @change="e => radioChange(e, t)">
|
|
45
45
|
<u-radio class="custom_checkbox" :name="t.id"></u-radio>
|
|
@@ -139,6 +139,7 @@ export default {
|
|
|
139
139
|
pageSize: 20
|
|
140
140
|
},
|
|
141
141
|
statusRange: Object.keys(stautsObject).map(item => ({ id: item, label: stautsObject[item] })),
|
|
142
|
+
defaultSelector: [0],
|
|
142
143
|
//表头
|
|
143
144
|
header: [
|
|
144
145
|
{
|
|
@@ -191,6 +192,7 @@ export default {
|
|
|
191
192
|
this.loadData()
|
|
192
193
|
},
|
|
193
194
|
methods: {
|
|
195
|
+
|
|
194
196
|
loadData(curr) {
|
|
195
197
|
const checkedIds = this.seletedData.map( item => item.id)
|
|
196
198
|
this.isLoading = true
|
|
@@ -229,6 +231,7 @@ export default {
|
|
|
229
231
|
this.isFilterShow = false
|
|
230
232
|
},
|
|
231
233
|
selectStatus(e) {
|
|
234
|
+
this.defaultSelector = e
|
|
232
235
|
const { label, id } = this.statusRange[e[0]]
|
|
233
236
|
this.searchForm.business_status_str = label
|
|
234
237
|
this.searchForm.business_status = id
|
|
@@ -306,14 +309,14 @@ export default {
|
|
|
306
309
|
display: initial;
|
|
307
310
|
}
|
|
308
311
|
}
|
|
309
|
-
.grid-container {
|
|
312
|
+
.custom-grid-container {
|
|
310
313
|
display: grid;
|
|
311
314
|
width: 100%;
|
|
312
315
|
grid-template-columns: 100rpx repeat(4, minmax(200rpx, 600rpx));
|
|
313
316
|
grid-template-rows: repeat(auto-fill, auto);
|
|
314
317
|
}
|
|
315
318
|
|
|
316
|
-
.grid-item {
|
|
319
|
+
.custom-grid-item {
|
|
317
320
|
background-color: #f0f0f0; /* 网格项背景色 */
|
|
318
321
|
border: 1px solid #ccc; /* 网格边框 */
|
|
319
322
|
display: flex;
|