import { VantComponent } from '../common/component';
VantComponent({
props: {
title: String,
value: String,
loading: Boolean,
itemHeight: {
type: Number,
value: 44
},
visibleItemCount: {
type: Number,
value: 5
},
columnsNum: {
type: [String, Number],
value: 3
},
areaList: {
type: Object,
value: {}
}
},
data: {
pickerValue: [0, 0, 0],
columns: []
},
computed: {
displayColumns: function displayColumns() {
var _this$data = this.data,
_this$data$columns = _this$data.columns,
columns = _this$data$columns === void 0 ? [] : _this$data$columns,
columnsNum = _this$data.columnsNum;
return columns.slice(0, +columnsNum);
}
},
watch: {
value: function value(_value) {
this.code = _value;
this.setValues();
},
areaList: 'setValues'
},
methods: {
onCancel: function onCancel() {
this.$emit('cancel', {
values: this.getValues(),
indexs: this.getIndexs()
});
},
onConfirm: function onConfirm() {
this.$emit('confirm', {
values: this.getValues(),
indexs: this.getIndexs()
});
},
onChange: function onChange(event) {
var value = event.detail.value;
var _this$data2 = this.data,
pickerValue = _this$data2.pickerValue,
displayColumns = _this$data2.displayColumns;
var index = pickerValue.findIndex(function (item, index) {
return item !== value[index];
});
var values = displayColumns[index];
if (!value[index] || !values[value[index]]) {
return;
}
this.code = values[value[index]].code;
this.setValues();
this.$emit('change', {
picker: this,
values: this.getValues(),
index: index
});
},
getList: function getList(type, code) {
var result = [];
if (type !== 'province' && !code) {
return result;
}
var list = this.data.areaList && this.data.areaList[type + "_list"] || {};
result = Object.keys(list).map(function (code) {
return {
code: code,
name: list[code]
};
});
if (code) {
result = result.filter(function (item) {
return item.code.indexOf(code) === 0;
});
}
return result;
},
getIndex: function getIndex(type, code) {
var compareNum = type === 'province' ? 2 : type === 'city' ? 4 : 6;
var list = this.getList(type, code.slice(0, compareNum - 2));
code = code.slice(0, compareNum);
for (var i = 0; i < list.length; i++) {
if (list[i].code.slice(0, compareNum) === code) {
return i;
}
}
return 0;
},
setValues: function setValues() {
var code = this.code || this.data.areaList && Object.keys(this.data.areaList.county_list || {})[0] || '';
var province = this.getList('province');
var city = this.getList('city', code.slice(0, 2));
this.setData({
'columns[0]': province,
'columns[1]': city
});
if (city.length && code.slice(2, 4) === '00') {
code = city[0].code;
}
this.setData({
'columns[2]': this.getList('county', code.slice(0, 4)),
pickerValue: [this.getIndex('province', code), this.getIndex('city', code), this.getIndex('county', code)]
});
},
getValues: function getValues() {
var _this$data3 = this.data,
_this$data3$displayCo = _this$data3.displayColumns,
displayColumns = _this$data3$displayCo === void 0 ? [] : _this$data3$displayCo,
_this$data3$pickerVal = _this$data3.pickerValue,
pickerValue = _this$data3$pickerVal === void 0 ? [] : _this$data3$pickerVal;
return displayColumns.map(function (option, index) {
return option[pickerValue[index]];
});
},
getIndexs: function getIndexs() {
var _this$data4 = this.data,
pickerValue = _this$data4.pickerValue,
columnsNum = _this$data4.columnsNum;
return pickerValue.slice(0, columnsNum);
},
reset: function reset() {
this.code = '';
this.setValues();
}
}
});
微信小程序·云开发 数据库实战
9 浏览量
2024-05-17
10:26:12
上传
评论
收藏 216KB ZIP 举报
微信小程序·云开发 数据库实战 （243个子文件） 
config 325B description 73B exclude 240B .gitignore 604B .gitignore 604B HEAD 209B HEAD 209B HEAD 32B HEAD 23B pack-4f628b51c43de7ca9ce7f6f3038f72ee33832171.idx 8KB index 27KB index.js 4KB index.js 4KB index.js 4KB index.js 3KB index.js 2KB index.js 2KB index.js 2KB toast.js 2KB index.js 2KB index.js 2KB index.js 2KB dialog.js 2KB index.js 2KB index.js 2KB info.js 2KB complex.js 2KB index.js 1KB component.js 1KB index.js 1KB index.js 1KB index.js 1KB add.js 1KB index.js 1KB transition.js 1KB index.js 990B index.js 985B index.js 965B behavior.js 940B index.js 907B index.js 894B index.js 888B index.js 872B index.js 834B index.js 808B index.js 744B index.js 736B index.js 725B index.js 722B touch.js 721B class-names.js 684B basic.js 679B regex.js 658B open-type.js 639B index.js 630B index.js 621B index.js 613B notify.js 592B props.js 588B button.js 520B index.js 505B index.js 502B index.js 482B index.js 367B home.js 338B index.js 306B index.js 287B app.js 269B index.js 264B index.js 236B index.js 235B utils.js 221B index.js 154B index.js 150B package-lock.json 14KB package-lock.json 14KB project.config.json 1KB app.json 414B package-lock.json 283B package.json 276B package.json 276B package.json 270B index.json 216B index.json 166B info.json 156B index.json 133B index.json 130B index.json 128B index.json 126B index.json 122B complex.json 108B index.json 102B index.json 102B index.json 96B index.json 96B index.json 96B index.json 94B index.json 94B index.json 90B index.json 90B共 243 条
- 1
- 2
- 3
资源评论
