144 lines
4.0 KiB
JavaScript
144 lines
4.0 KiB
JavaScript
Page({
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
result_1: [],
|
|
result_2: [],
|
|
result_3: [],
|
|
sourceData_1: [
|
|
{
|
|
id: 'id-1',
|
|
name: '1',
|
|
sonValue: [
|
|
{
|
|
id: 'id-11',
|
|
name: '1.1',
|
|
sonValue: [
|
|
{ id: 'id-111', name: '1.1.1' },
|
|
{ id: 'id-112', name: '1.1.2' }
|
|
]
|
|
},
|
|
{
|
|
id: 'id-12',
|
|
name: '1.2',
|
|
sonValue: [
|
|
{ id: 'id-121', name: '1.2.1' },
|
|
{ id: 'id-122', name: '1.2.2' }
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: 'id-2',
|
|
name: '2',
|
|
sonValue: [
|
|
{
|
|
id: 'id-21',
|
|
name: '2.1',
|
|
sonValue: [
|
|
{ id: 'id-211', name: '2.1.1' },
|
|
{ id: 'id-212', name: '2.1.2' }
|
|
]
|
|
},
|
|
{
|
|
id: 'id-22',
|
|
name: '2.2',
|
|
sonValue: [
|
|
{ id: 'id-221', name: '2.2.1' },
|
|
{ id: 'id-222', name: '2.2.2' }
|
|
]
|
|
}
|
|
]
|
|
}
|
|
],
|
|
sourceData_2: [
|
|
{ name: '河北', code: '0311', nextLevel: [{ name: '石家庄', code: '031101' }, { name: '保定', code: '031102' }]},
|
|
{ name: '北京', code: '0110', nextLevel: [{ name: '朝阳', code: '011001' }, { name: '海淀', code: '011002' }]},
|
|
],
|
|
sourceData_3: [{
|
|
id: '6cb8bd37-f8ae-4a6b-a236-3bab1b65cd8d',
|
|
parentId: '0',
|
|
name: '整形',
|
|
sonValue: [{
|
|
id: 'd4b6d3af-2edb-44a5-9851-c8964cf10d2c',
|
|
parentId: '6cb8bd37-f8ae-4a6b-a236-3bab1b65cd8d',
|
|
name: '眼部整形',
|
|
sonValue: [{
|
|
id: 'e531e96f-a081-40a7-a133-091be46983a2',
|
|
parentId: 'd4b6d3af-2edb-44a5-9851-c8964cf10d2c',
|
|
name: '双眼皮',
|
|
sonValue: []
|
|
}]
|
|
}, {
|
|
id: '403d93d3-5302-4682-a988-6dbfbe7ff563',
|
|
parentId: '6cb8bd37-f8ae-4a6b-a236-3bab1b65cd8d',
|
|
name: '胸部整形',
|
|
sonValue: [{
|
|
id: '46afdd93-c830-4d0d-bd5d-c0751a0c087a',
|
|
parentId: '403d93d3-5302-4682-a988-6dbfbe7ff563',
|
|
name: '丰胸',
|
|
sonValue: [{
|
|
id: '127a3cda-cd91-48b5-997c-6d56a4a02e80',
|
|
parentId: '46afdd93-c830-4d0d-bd5d-c0751a0c087a',
|
|
name: '自体脂肪丰胸',
|
|
sonValue: []
|
|
}]
|
|
}]
|
|
}]
|
|
}, {
|
|
id: 'a4f22a1a-0c49-46cd-bb1f-ca551b1e01cb',
|
|
parentId: '0',
|
|
name: '皮肤',
|
|
sonValue: [{
|
|
id: 'dfa5137c-616b-403c-a552-164e05518072',
|
|
parentId: 'a4f22a1a-0c49-46cd-bb1f-ca551b1e01cb',
|
|
name: '脱毛美容',
|
|
sonValue: []
|
|
}, {
|
|
id: 'bfd1eb85-93c1-489e-acba-ac3e783c83f0',
|
|
parentId: 'a4f22a1a-0c49-46cd-bb1f-ca551b1e01cb',
|
|
name: '艺术纹绣',
|
|
sonValue: []
|
|
}]
|
|
}]
|
|
},
|
|
/**
|
|
* Picker用户点击确认时触发
|
|
*
|
|
* @param {Object} e pickerChange的事件对象
|
|
* @param {Array} e.detail.selectedIndex 用户选择的数据在数组中所在的下标
|
|
* @param {Array} e.detail.selectedArray 用户选择的数据
|
|
*/
|
|
pickerChange(e) {
|
|
const { picker } = e.currentTarget.dataset
|
|
const { selectedIndex, selectedArray } = e.detail
|
|
const list = {
|
|
picker_1: 'result_1',
|
|
picker_2: 'result_2',
|
|
picker_3: 'result_3',
|
|
}
|
|
console.log('多级联动结果:', selectedIndex, selectedArray)
|
|
const change = {}
|
|
change[list[picker]] = selectedArray
|
|
this.setData(change)
|
|
},
|
|
/**
|
|
* Picker用户点击取消时触发
|
|
*
|
|
* @param {Object} e pickerCancel的事件对象
|
|
* @param {Object} e.detail 是原生Picker组件的bindcancel触发时的事件对象e
|
|
*/
|
|
pickerCancel(e) {
|
|
console.log(e)
|
|
},
|
|
/**
|
|
* Picker用户滑动某一列的值改变时触发
|
|
*
|
|
* @param {Object} e pickerColumnchange的事件对象
|
|
* @param {Object} e.detail 是原生Picker组件的bindcolumnchange触发时的事件对象e
|
|
*/
|
|
pickerColumnchange(e) {
|
|
console.log(e)
|
|
},
|
|
}) |