104 lines
1.8 KiB
JavaScript
104 lines
1.8 KiB
JavaScript
|
// pages/components/voucher-select/index.js
|
||
|
Component({
|
||
|
/**
|
||
|
* 组件的属性列表
|
||
|
*/
|
||
|
properties: {
|
||
|
columns:{
|
||
|
type:Array
|
||
|
},
|
||
|
placeholder:{
|
||
|
type:String
|
||
|
},
|
||
|
selectValue:{
|
||
|
type:String
|
||
|
},
|
||
|
selectIndex:{
|
||
|
type:String
|
||
|
},
|
||
|
background:{
|
||
|
type:String
|
||
|
},
|
||
|
value:{
|
||
|
type:String,
|
||
|
value:""
|
||
|
}
|
||
|
},
|
||
|
/**数据监听 */
|
||
|
observers: {
|
||
|
columns: function (val) {
|
||
|
if(val.length > 0) {
|
||
|
this.setData({
|
||
|
item:val[0],
|
||
|
value:val[0].text
|
||
|
})
|
||
|
} else {
|
||
|
this.setData({
|
||
|
item:[],
|
||
|
value:''
|
||
|
})
|
||
|
}
|
||
|
},
|
||
|
selectValue:function(val){
|
||
|
this.setData({
|
||
|
value:val
|
||
|
})
|
||
|
},
|
||
|
selectIndex:function(val){
|
||
|
this.setData({
|
||
|
index:val
|
||
|
})
|
||
|
}
|
||
|
},
|
||
|
lifetimes: {
|
||
|
created: function(){
|
||
|
//在组件实例刚刚被创建时执行,注意此时不能调用 setData
|
||
|
},
|
||
|
attached: function () {
|
||
|
//在组件实例进入页面节点树时执行
|
||
|
},
|
||
|
ready: function () {
|
||
|
// 在组件在视图层布局完成后执行
|
||
|
},
|
||
|
detached: function () {
|
||
|
// 在组件实例被从页面节点树移除时执行
|
||
|
},
|
||
|
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* 组件的初始数据
|
||
|
*/
|
||
|
data: {
|
||
|
|
||
|
show: false,
|
||
|
item:'',
|
||
|
index:''
|
||
|
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* 组件的方法列表
|
||
|
*/
|
||
|
methods: {
|
||
|
showPopup() {
|
||
|
this.setData({ show: true });
|
||
|
},
|
||
|
onClose() {
|
||
|
this.setData({ show: false });
|
||
|
},
|
||
|
onSelectChange(e){
|
||
|
this.setData({
|
||
|
item:e.detail.value
|
||
|
})
|
||
|
},
|
||
|
onConfirm(){
|
||
|
this.setData({
|
||
|
value:this.data.item.text
|
||
|
})
|
||
|
this.triggerEvent('change',this.data.item)
|
||
|
this.setData({ show: false });
|
||
|
}
|
||
|
}
|
||
|
})
|