// pagesPublic/pages/work-order-detail/work-order-detail.js
import {
    imgUrl
} from "../api/request"

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

Page({

    /**
     * 页面的初始数据
     */
    data: {
        imgUrl: imgUrl,
        isUser: true,
        colorComplete: '#508FF4',
        colorIncomplete: '#999999',
        complete: true,
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        console.info(options);
        let that = this;
        that.setData({
            isUser: options.isuser
        });

        wx.request({
            url: baseUrl + '/mini/worker/orderInfo',
            method: 'GET',
            header: {
                'mini-token': wx.getStorageSync('token')
            },
            data: {
                'id': options.id
            },
            dataType: 'json',
            success: function (res) {
                console.info(res)
                let data = res.data.data;
                that.setData({
                    type: data.repairType,
                    address: data.maintenanceAddress,
                    phone: data.phoneNum,
                    arriveTime: data.appointmentTime,
                    description: data.userDescription,
                    image: data.repairPic
                });
                if (data.status == 0) {
                    that.setData({
                        checked2: '',
                        checked3: '',
                        checked4: '',
                    });
                } else if (data.status == 1) {
                    that.setData({
                        checked2: 'checked',
                        checked3: '',
                        checked4: '',
                    });
                } else if (data.status == 2) {
                    that.setData({
                        checked2: 'checked',
                        checked3: 'checked',
                        checked4: '',
                    });
                } else if (data.status == 3) {
                    that.setData({
                        checked2: 'checked',
                        checked3: 'checked',
                        checked4: 'checked',
                    });
                } else {
                    that.setData({
                        checked2: 'checked',
                        checked3: 'checked',
                        checked4: 'checked',
                    });
                }
            }
        });
    },

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

    },

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

    },

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

    },

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

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 点击返回上一层页面
     */
    backTap() {
        wx.navigateBack();
    },

    radioChange(e) {
        console.info(e)
        // e.detail.value
        if (e.detail.value == '已完成') {
            this.setData({
                colorComplete: '#508FF4',
                colorIncomplete: '#999999',
                complete: true
            });
        } else {
            this.setData({
                colorComplete: '#999999',
                colorIncomplete: '#508FF4',
                complete: false
            });
        }
    },

    /**
     * 上传报修结果图片
     */
    uploadImage() {
        wx.chooseMedia({
            success(res) {
                console.info(res);
            }
        });
    },

    submitReport(e) {
        console.info(e)
        let complete = this.data.complete;
        if (!complete && !e.detail.value.reason) {
            wx.showToast({
                title: '请填写失败原因',
                icon: 'error'
            });
            return;
        }
    },
})