nazw/nnzwminiapp/pagesPublic/pages/work-order/work-order.js

// pagesPublic/pages/work-order/work-order.js
var dateTimePicker = require('../../../utils/dateTimePicker');
const FormData = require('../../pages/menu/formData.js');
const twoHours = 7200000;
let page = 1;
let page2 = 1;
const limit = 10;

import {
    baseUrl,
    request
} from "../../../pages/api/canteen-request.js"

Page({

    /**
     * 页面的初始数据
     */
    data: {
        isUser: true,
        currentIndex: 0,
        date: '2023-01-01',
        time: '12:00',
        dateTimeArray: null,
        dateTime: null,
        startYear: 2000,
        endYear: 2250,
        typeList: ['报修类型一', '报修类型二', '报修类型三'],
        list: [],
        repairList: [],
        completeList: [],
        tempFileList: [],
        nodata: false,
        nodata2: false
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        // 获取完整的年月日 时分秒，以及默认显示的数组
        let obj = dateTimePicker.dateTimePicker(this.data.startYear, this.data.endYear);
        // 精确到分的处理，将数组的秒去掉
        let lastArray = obj.dateTimeArray.pop();
        let lastTime = obj.dateTime.pop();
        this.setData({
            dateTime: obj.dateTime,
            dateTimeArray: obj.dateTimeArray
        });

        // 查询所有报修类型

        let isUser = this.data.isUser;
        if (!isUser) {
            // 初始化待维修工单
            this.loadTobeRepair();
            // 初始化已完成工单
            // this.loadComplete();
        }
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {
        console.log("下拉刷新...");
        if (this.data.currentIndex == 1) {
            page2 = 1;
            if (this.data.isUser) {
                this.loadMyApplication();
            } else {
                this.loadComplete();
            }
        } else {
            if (!this.data.isUser) {
                page = 1;
                this.loadTobeRepair();
            }
        }
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {
        console.log("上拉加载....");
        if (this.data.currentIndex == 1) {
            page2++;
            if (this.data.isUser) {
                this.loadMyApplication(true);
            } else {
                this.loadComplete(true);
            }
        } else {
            if (!this.data.isUser) {
                page++;
                this.loadTobeRepair(true);
            }
        }
    },

    /**
     * 点击切换标题
     * @param {*} e 
     */
    titleClick(e) {
        this.setData({
            currentIndex: e.currentTarget.dataset.idx
        });
        if (this.data.isUser) {
            if (e.currentTarget.dataset.idx == 1) {
                this.loadMyApplication();
            }
        } else {
            if (e.currentTarget.dataset.idx == 1) {
                this.loadComplete();
            } else {
                this.loadTobeRepair();
            }
        }
    },

    /**
     * 切换swiper-item触发bindchange事件
     * @param {*} e 
     */
    pagechange: function (e) {
        // console.info(e)
        // 通过touch判断，改变tab的下标值
        if ("touch" === e.detail.source) {
            // let currentPageIndex = this.data.currentIndex;
            // currentPageIndex = (currentPageIndex + 1) % 2;
            // 拿到当前索引并动态改变
            this.setData({
                currentIndex: e.detail.current
            });
            if (this.data.isUser) {
                if (e.detail.current == 1) {
                    this.loadMyApplication();
                }
            } else {
                if (e.detail.current == 1) {
                    this.loadComplete();
                } else {
                    this.loadTobeRepair();
                }
            }
        }
    },

    /**
     * 报修类型选择
     * @param {*} e 
     */
    typePickerChange(e) {
        console.log('picker发送选择改变，携带值为', e.detail.value)
        this.setData({
            index: e.detail.value
        });
    },

    /**
     * 提交工单
     * @param {*} e 
     */
    submitWorkOrder(e) {
        console.info(e);
        if (!e.detail.value.type) {
            wx.showToast({
                title: '请选择报修类型',
                icon: 'error'
            });
            return;
        }
        if (!e.detail.value.address) {
            wx.showToast({
                title: '请输入地址',
                icon: 'error'
            });
            return;
        }
        if (!e.detail.value.description) {
            wx.showToast({
                title: '请输入问题描述',
                icon: 'error'
            });
            return;
        }
        let tempList = this.data.tempFileList;
        if (!tempList || tempList.length == 0) {
            wx.showToast({
                title: '请上传报修图片',
                icon: 'error'
            });
            return;
        }
        if (!e.detail.value.phone) {
            wx.showToast({
                title: '请输入联系电话',
                icon: 'error'
            });
            return;
        }
        let phone = e.detail.value.phone;
        let reg = /^((0\d{2,3}(-)?\d{7,8})|(1[3-9]\d{9}))$/;
        if (!reg.test(phone)) {
            wx.showToast({
                title: '联系电话格式有误',
                icon: 'error'
            });
            return;
        }
        if (!e.detail.value.arriveTime) {
            wx.showToast({
                title: '请选择上门时间',
                icon: 'error'
            });
            return;
        }
        let arriveTime = e.detail.value.arriveTime;
        let t = new Date(arriveTime).getTime();
        let now = new Date().getTime();
        // 判断预约时间是否在两小时后
        if (t - now < twoHours) {
            wx.showModal({
                content: '您预约的上门时间过于紧急，确定继续预约？',
                complete: (res) => {
                    if (res.cancel) {
                        return;
                    }
                    if (res.confirm) {
                        let formData = new FormData();
                        formData.append('repairType', e.detail.value.type);
                        formData.append('userDescription', e.detail.value.description);
                        formData.append('phoneNum', e.detail.value.phone);
                        formData.append('appointmentTime', e.detail.value.arriveTime);
                        formData.append('maintenanceAddress', e.detail.value.address);
                        formData.append('userId', wx.getStorageSync('userid'));
                        for (let i in tempList) {
                            formData.appendFile('files', tempList[i]);
                        }
                        let data = formData.getData();
                        request({
                            url: '/mini/worker/addOrder',
                            method: 'POST',
                            data: data.buffer,
                            contentType: data.contentType
                        }).then(res => {
                            console.info(res)
                            if (res.result) {
                                wx.showToast({
                                    title: '提交成功',
                                    icon: 'success',
                                    mask: true,
                                });
                                setTimeout(() => {
                                    wx.navigateBack();
                                }, 1500);
                            } else {
                                wx.showToast({
                                    title: '提交失败',
                                    icon: 'error',
                                    mask: true
                                });
                            }
                        });
                    }
                }
            });
        } else {
            let formData = new FormData();
            formData.append('repairType', e.detail.value.type);
            formData.append('userDescription', e.detail.value.description);
            formData.append('phoneNum', e.detail.value.phone);
            formData.append('appointmentTime', e.detail.value.arriveTime);
            formData.append('maintenanceAddress', e.detail.value.address);
            formData.append('userId', wx.getStorageSync('userid'));
            for (let i in tempList) {
                formData.appendFile('files', tempList[i]);
            }
            let data = formData.getData();
            request({
                url: '/mini/worker/addOrder',
                method: 'POST',
                data: data.buffer,
                contentType: data.contentType
            }).then(res => {
                console.info(res)
                if (res.result) {
                    wx.showToast({
                        title: '提交成功',
                        icon: 'success',
                        mask: true,
                    });
                    setTimeout(() => {
                        wx.navigateBack();
                    }, 1500);
                } else {
                    wx.showToast({
                        title: '提交失败',
                        icon: 'error',
                        mask: true
                    });
                }
            });
        }
    },

    /**
     * 上传报修图片
     */
    uploadImage() {
        let that = this;
        wx.chooseMedia({
            success(res) {
                console.info(res);
                if (res.errMsg == 'chooseMedia:ok') {
                    let tempList = that.data.tempFileList;
                    for (let i in res.tempFiles) {
                        tempList.push(res.tempFiles[i].tempFilePath);
                    }
                    that.setData({
                        tempFileList: tempList
                    });
                }
            }
        });
    },

    changeDateTime(e) {
        this.setData({ dateTime: e.detail.value });
    },
    changeDateTimeColumn(e) {
        var arr = this.data.dateTime, dateArr = this.data.dateTimeArray;

        arr[e.detail.column] = e.detail.value;
        dateArr[2] = dateTimePicker.getMonthDay(dateArr[0][arr[0]], dateArr[1][arr[1]]);

        this.setData({
            dateTimeArray: dateArr,
            dateTime: arr
        });
    },

    /**
     * 查看工单详情
     * @param {*} e 
     */
    toDetail(e) {
        wx.navigateTo({
            url: '../work-order-detail/work-order-detail?id=' + e.currentTarget.dataset.id + '&isuser=' + e.currentTarget.dataset.isuser
        });
    },

    /**
     * 加载我的申请
     */
    loadMyApplication(ispullup) {
        wx.showLoading({
            title: '加载中...'
        });
        request({
            url: '/mini/worker/myOrder',
            method: 'GET',
            data: {
                page: page2,
                limit: limit,
                userId: wx.getStorageSync('userid'),
                isUser: true
            }
        }).then(res => {
            console.info(res)
            let data = res.data;
            if (data && data.length > 0) {
                for (let i in data) {
                    if (data[i].status == 3) {
                        data[i].image = 'status-complete.png';
                    } else if (data[i].status == -1) {
                        data[i].image = 'status-incomplete.png';
                    } else {
                        data[i].image = 'status-repair.png';
                    }
                }
                if (ispullup) {
                    data = data.concat(this.data.list);
                }
                this.setData({
                    list: data
                });
            } else {
                if (!ispullup) {
                    this.setData({
                        nodata: true
                    });
                }
            }
            wx.hideLoading();
        });
    },
    /**
     * 加载待维修工单
     */
    loadTobeRepair(ispullup) {
        wx.showLoading({
            title: '加载中...'
        });
        request({
            url: '/mini/worker/myOrder',
            method: 'GET',
            data: {
                page: page,
                limit: limit,
                userId: wx.getStorageSync('userid'),
                todo: true
            }
        }).then(res => {
            console.info(res)
            let data = res.data;
            if (data && data.length > 0) {
                if (ispullup) {
                    data = data.concat(this.data.repairList);
                }
                this.setData({
                    repairList: data
                });
            } else {
                if (!ispullup) {
                    this.setData({
                        nodata: true
                    });
                }
            }
            wx.hideLoading();
        });
    },
    /**
     * 加载已完成工单
     */
    loadComplete(ispullup) {
        wx.showLoading({
            title: '加载中...'
        });
        request({
            url: '/mini/worker/myOrder',
            method: 'GET',
            data: {
                page: page2,
                limit: limit,
                userId: wx.getStorageSync('userid'),
                close: true
            }
        }).then(res => {
            console.info(res)
            let data = res.data;
            if (data && data.length > 0) {
                if (ispullup) {
                    data = data.concat(this.data.completeList);
                }
                this.setData({
                    completeList: data
                });
            } else {
                if (!ispullup) {
                    this.setData({
                        nodata2: true
                    });
                }
            }
            wx.hideLoading();
        });
    }

})