mali-applet-ui 0.1.16 → 0.1.17
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.
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
<ml-popup v-model="showPopup" title="请选择省/市" height="500rpx" showConfirmButton showCancelButton @confirm="confirmEvent">
|
|
20
20
|
<picker-view v-if="showPicker" :value="selectVals" @change="changeEvent" style="height: 400rpx;text-align: center;">
|
|
21
21
|
<picker-view-column>
|
|
22
|
-
<view class="item" v-for="(item, index) in provinceList" :key="index">{{ item[optLabelField] }}</view>
|
|
22
|
+
<view class="ml-province-city-picker-picker-item" v-for="(item, index) in provinceList" :key="index">{{ item[optLabelField] }}</view>
|
|
23
23
|
</picker-view-column>
|
|
24
24
|
<picker-view-column>
|
|
25
|
-
<view class="item" v-for="(item, index) in cityList" :key="index">{{ item[optLabelField] }}</view>
|
|
25
|
+
<view class="ml-province-city-picker-picker-item" v-for="(item, index) in cityList" :key="index">{{ item[optLabelField] }}</view>
|
|
26
26
|
</picker-view-column>
|
|
27
27
|
</picker-view>
|
|
28
28
|
</ml-popup>
|
|
@@ -87,18 +87,24 @@ export default {
|
|
|
87
87
|
}
|
|
88
88
|
return provinceCity
|
|
89
89
|
},
|
|
90
|
-
|
|
90
|
+
selectProvinceValue () {
|
|
91
|
+
return this.selectProvinceItem ? this.selectProvinceItem[this.optValueField] : ''
|
|
92
|
+
},
|
|
93
|
+
selectProvinceItem () {
|
|
91
94
|
return this.provinceList[this.selectVals[0] || 0]
|
|
92
95
|
},
|
|
93
96
|
cityList () {
|
|
94
|
-
return (this.
|
|
97
|
+
return (this.selectProvinceItem ? this.selectProvinceItem.children : []) || []
|
|
95
98
|
},
|
|
96
|
-
|
|
99
|
+
selectCityItem () {
|
|
97
100
|
return this.cityList[this.selectVals[1] || 0]
|
|
98
101
|
},
|
|
102
|
+
selectCityValue () {
|
|
103
|
+
return this.selectCityItem ? this.selectCityItem[this.optValueField] : ''
|
|
104
|
+
}
|
|
99
105
|
},
|
|
100
106
|
watch: {
|
|
101
|
-
|
|
107
|
+
selectProvinceValue () {
|
|
102
108
|
this.selectVals[1] = 0
|
|
103
109
|
}
|
|
104
110
|
},
|
|
@@ -117,8 +123,7 @@ export default {
|
|
|
117
123
|
this.selectVals = e.detail.value
|
|
118
124
|
},
|
|
119
125
|
confirmEvent () {
|
|
120
|
-
const
|
|
121
|
-
const value = [selectProvince ? selectProvince[this.optValueField] : '', selectCity ? selectCity[this.optValueField] : '']
|
|
126
|
+
const value = [this.selectProvinceValue, this.selectCityValue]
|
|
122
127
|
this.$emit('update:province', value[0])
|
|
123
128
|
this.$emit('update:city', value[1])
|
|
124
129
|
this.$emit('input', value)
|
|
@@ -174,4 +179,10 @@ export default {
|
|
|
174
179
|
color: #6a6a6a;
|
|
175
180
|
}
|
|
176
181
|
}
|
|
182
|
+
.ml-province-city-picker-picker-item {
|
|
183
|
+
display: flex;
|
|
184
|
+
flex-direction: row;
|
|
185
|
+
align-items: center;
|
|
186
|
+
justify-content: center;
|
|
187
|
+
}
|
|
177
188
|
</style>
|