// pages/repairTicketDetail/repairTicketDetail.js
|
var util = require('../../utils/network');
|
const DatePickerUtil = require('../../utils/DatePicker.js')
|
Page({
|
|
/**
|
* 页面的初始数据
|
*/
|
data: {
|
showType: false,
|
selectType: ' 请选择',
|
columns: ['请选择', '漏水', '制水时间过长', '其它'],
|
showDate: false,
|
selectDate: '',
|
show:'none',
|
info:'',
|
|
time:'选择预约时间',
|
multiArray:[],//piker的item项
|
multiIndex:[],//当前选择列的下标
|
year:'',//选择的年
|
month:'',//选择的月
|
day:'',//选择的日
|
hour:'',//选择的时
|
minute:'',//选择的分
|
},
|
openShowType() {
|
this.setData({
|
showType: true
|
})
|
},
|
onChangeType(event) {
|
const { picker, value, index } = event.detail;
|
this.setData({
|
selectType: value,
|
showType: false
|
})
|
},
|
closeType(){
|
this.setData({
|
showType: false
|
})
|
},
|
openShowDate(){
|
this.setData({
|
showDate: true
|
})
|
},
|
|
|
bindMultiPickerChange: function(e) { //时间日期picker选择改变后，点击确定
|
// console.log('picker发送选择改变，携带值为', e.detail.value)
|
this.setData({
|
multiIndex: e.detail.value
|
})
|
const index = this.data.multiIndex; // 当前选择列的下标
|
const year = this.data.multiArray[0][index[0]];
|
const month = this.data.multiArray[1][index[1]];
|
const day = this.data.multiArray[2][index[2]];
|
const hour = this.data.multiArray[3][index[3]];
|
const minute = this.data.multiArray[4][index[4]];
|
// console.log(`${year}-${month}-${day} ${hour}:${minute}`);
|
|
this.setData({
|
time: (year+ month+ day + ' ' + hour.replace('时','')+':'+minute.replace('分','')).replace('年','-').replace('月','-').replace('日',''),
|
year:year, //记录选择的年
|
month:month, //记录选择的月
|
day:day, //记录选择的日
|
hour:hour, //记录选择的时
|
minute:minute, //记录选择的分
|
})
|
console.log(this.data.time);
|
},
|
bindMultiPickerColumnChange: function(e) { //监听picker的滚动事件
|
|
// console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
|
|
let getCurrentDate = DatePickerUtil.getCurrentDate();//获取现在时间
|
let currentYear = parseInt(getCurrentDate.substring(0,4));
|
let currentMonth = parseInt(getCurrentDate.substring(5,7));
|
let currentDay = parseInt(getCurrentDate.substring(8,10));
|
let currentHour = parseInt(getCurrentDate.substring(11,13));
|
let currentMinute = parseInt(getCurrentDate.substring(14,16));
|
|
if (e.detail.column == 0) {//修改年份列
|
|
let yearSelected = parseInt(this.data.multiArray[e.detail.column][e.detail.value]);//当前选择的年份
|
|
this.setData({
|
multiIndex:[0,0,0,0,0] ,//设置pickerIndex
|
year:yearSelected //当前选择的年份
|
});
|
|
if(yearSelected == currentYear){//当前选择的年份==当前年份
|
var loadPickerData=DatePickerUtil.loadPickerData();
|
|
this.setData({
|
multiArray:loadPickerData,//picker数组赋值
|
multiIndex:[0,0,0,0,0] //设置pickerIndex
|
});
|
|
}else{ // 选择的年份！=当前年份
|
|
// 处理月份
|
let monthArr=DatePickerUtil.loadMonths(1,12)
|
// 处理日期
|
let dayArr=DatePickerUtil.loadDays(currentYear,currentMonth,1)
|
// 处理hour
|
let hourArr=DatePickerUtil.loadHours(0,24);
|
// 处理minute
|
let minuteArr=DatePickerUtil.loadMinutes(0,60)
|
|
// 给每列赋值回去
|
this.setData({
|
['multiArray[1]']: monthArr,
|
['multiArray[2]']: dayArr,
|
['multiArray[3]']: hourArr,
|
['multiArray[4]']: minuteArr
|
});
|
}
|
}
|
if (e.detail.column == 1) {//修改月份列
|
let mon = parseInt(this.data.multiArray[e.detail.column][e.detail.value]); //当前选择的月份
|
this.setData({
|
month:mon // 记录当前列
|
})
|
|
if(mon==currentMonth){//选择的月份==当前月份
|
if(this.data.year==currentYear){
|
|
// 处理日期
|
let dayArr=DatePickerUtil.loadDays(currentYear,mon,currentDay)
|
// 处理hour
|
let hourArr=DatePickerUtil.loadHours(currentHour,24);
|
// 处理minute
|
let minuteArr=DatePickerUtil.loadMinutes(currentMinute,60)
|
|
this.setData({
|
['multiArray[2]']:dayArr,
|
['multiArray[3]']: hourArr,
|
['multiArray[4]']: minuteArr
|
})
|
}else{
|
// 处理日期
|
let dayArr=DatePickerUtil.loadDays(currentYear,mon,1)
|
// 处理hour
|
let hourArr=DatePickerUtil.loadHours(0,24);
|
// 处理minute
|
let minuteArr=DatePickerUtil.loadMinutes(0,60)
|
|
this.setData({
|
['multiArray[2]']:dayArr,
|
['multiArray[3]']: hourArr,
|
['multiArray[4]']: minuteArr
|
});
|
}
|
}else{ // 选择的月份！=当前月份
|
// 处理日期
|
let dayArr = DatePickerUtil.loadDays(currentYear,mon,1) // 传入当前年份，当前选择的月份去计算日
|
// 处理hour
|
let hourArr = DatePickerUtil.loadHours(0,24);
|
// 处理minute
|
let minuteArr = DatePickerUtil.loadMinutes(0,60)
|
|
this.setData({
|
['multiArray[2]']:dayArr,
|
['multiArray[3]']: hourArr,
|
['multiArray[4]']: minuteArr
|
});
|
}
|
}
|
if(e.detail.column == 2) {//修改日
|
let dd = parseInt(this.data.multiArray[e.detail.column][e.detail.value]);//当前选择的日
|
this.setData({
|
day:dd
|
})
|
if(dd==currentDay){//选择的日==当前日
|
if(this.data.year==currentYear&&this.data.month==currentMonth){//选择的是今天
|
|
// 处理hour
|
let hourArr=DatePickerUtil.loadHours(currentHour,24);
|
// 处理minute
|
let minuteArr=DatePickerUtil.loadMinutes(currentMinute,60)
|
|
this.setData({
|
['multiArray[3]']: hourArr,
|
['multiArray[4]']: minuteArr
|
});
|
|
}else{ //选择的不是今天
|
// 处理hour
|
let hourArr=DatePickerUtil.loadHours(0,24);
|
// 处理minute
|
let minuteArr=DatePickerUtil.loadMinutes(0,60)
|
|
this.setData({
|
['multiArray[3]']: hourArr,
|
['multiArray[4]']: minuteArr
|
});
|
}
|
}else{ // 选择的日！=当前日
|
// 处理hour
|
let hourArr=DatePickerUtil.loadHours(0,24);
|
// 处理minute
|
let minuteArr=DatePickerUtil.loadMinutes(0,60)
|
|
this.setData({
|
['multiArray[3]']: hourArr,
|
['multiArray[4]']: minuteArr
|
});
|
}
|
}
|
if(e.detail.column == 3) {//修改时
|
let hh = parseInt(this.data.multiArray[e.detail.column][e.detail.value]); //当前选择的时
|
this.setData({
|
hour:hh
|
})
|
if(hh==currentHour){//选择的时==当前时
|
if(this.data.year==currentYear&&this.data.month==currentMonth&&this.data.month==currentMonth){ // 选择的是今天
|
|
// 处理minute
|
let minuteArr=DatePickerUtil.loadMinutes(currentMinute,60)
|
this.setData({
|
['multiArray[4]']: minuteArr
|
});
|
}else{ // 选择的不是今天
|
|
// 处理minute
|
let minuteArr=DatePickerUtil.loadMinutes(0,60)
|
this.setData({
|
['multiArray[4]']: minuteArr
|
});
|
}
|
}else{//选择的时！=当前时
|
// 处理minute
|
let minuteArr=DatePickerUtil.loadMinutes(0,60)
|
this.setData({
|
['multiArray[4]']: minuteArr
|
});
|
}
|
}
|
var data = {
|
multiArray: this.data.multiArray,
|
multiIndex: this.data.multiIndex
|
};
|
|
// console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
|
data.multiIndex[e.detail.column] = e.detail.value; //将值赋回去
|
|
this.setData(data); //将值赋回去
|
},
|
|
|
|
/**
|
* 生命周期函数--监听页面加载
|
*/
|
onLoad(options) {
|
|
},
|
|
/**
|
* 生命周期函数--监听页面初次渲染完成
|
*/
|
onReady() {
|
|
},
|
|
/**
|
* 生命周期函数--监听页面显示
|
*/
|
onShow() {
|
var loadPickerData=DatePickerUtil.loadPickerData()
|
var getCurrentDate=DatePickerUtil.getCurrentDate()
|
var GetMultiIndex=DatePickerUtil.GetMultiIndex()
|
|
//这里写的是为了记录当前时间
|
let year=parseInt(getCurrentDate.substring(0,4));
|
let month=parseInt(getCurrentDate.substring(5,7));
|
let day=parseInt(getCurrentDate.substring(8,10));
|
let hour=parseInt(getCurrentDate.substring(11,13));
|
let minute=parseInt(getCurrentDate.substring(14,16));
|
this.setData({
|
multiArray:loadPickerData,//picker数组赋值，格式 [years, months, days, hours, minutes]
|
multiIndex:GetMultiIndex,//设置pickerIndex，[0,0,0,0,0]
|
time:getCurrentDate.replace('年','-').replace('月','-').replace('日',' '), //设置当前时间 ，currentYears+'-'+mm+'-'+dd+' '+hh+':'+min
|
year:year,//记录选择的年
|
month:month,//记录选择的月
|
day:day,//记录选择的日
|
hour:hour,//记录选择的时
|
minute:minute,//记录选择的分
|
});
|
},
|
/**
|
* 生命周期函数--监听页面隐藏
|
*/
|
onHide() {
|
|
},
|
|
/**
|
* 生命周期函数--监听页面卸载
|
*/
|
onUnload() {
|
|
},
|
|
/**
|
* 页面相关事件处理函数--监听用户下拉动作
|
*/
|
onPullDownRefresh() {
|
|
},
|
|
/**
|
* 页面上拉触底事件的处理函数
|
*/
|
onReachBottom() {
|
|
},
|
|
/**
|
* 用户点击右上角分享
|
*/
|
onShareAppMessage() {
|
|
}
|
})
|
