const apiArr = require("~/api/water_filter");
const { postUrl } = require("~/utils/util");
const util = require("~/utils/util");

// pages/water_filter/repair/repair.js
const app = getApp()

Page({

    /**
     * 页面的初始数据
     */
    data: {
        s: app.system.statusBarHeight, // 状态栏高度
        n: (app.menu.top - app.system.statusBarHeight) * 2 + app.menu.height, // 导航栏高度
        t: app.menu.top, // 胶囊局顶部距离
        h: app.menu.height, // 胶囊高度
        value: '',

        name: "",
        phone: "",
        message: "",
        fileList: [],
        fileList2: [],
        time: "",

        equipmentShow: false,
        equipmentList: [],
        selectEquipment: {}, // 所选设备信息
        DoorTimeShow: false,
        sucess: false,//是否报修成功
        minDate: new Date().getTime(),
        formatter(type, value) {
            if (type === 'year') {
                return `${value}年`;
            }
            if (type === 'month') {
                return `${value}月`;
            }
            if (type === 'day') {
                return `${value}日`;
            }
            return value;
        },
    },
    deleteImg(e) {
        console.log(e);
        let that = this
        let fileList = that.data.fileList
        let fileList2 = that.data.fileList2
        fileList.splice(e.detail.index, 1)
        fileList2.splice(e.detail.index, 1)
        that.setData({
            fileList,
            fileList2
        })
    },

    ipt1(e) {
        let that = this
        that.setData({
            name: e.detail.value
        })
    },
    ipt2(e) {
        let that = this
        that.setData({
            phone: e.detail.value
        })
    },
    ipt3(e) {
        let that = this
        that.setData({
            message: e.detail
        })
    },

    switchShow() {
        let that = this
        that.setData({
            DoorTimeShow: !that.data.DoorTimeShow
        })
    },

    // 取消所选设备信息
    headerCancelClick() {
        this.setData({
            selectEquipment: {}, // 所选设备信息
            equipmentShow: false
        })
    },

    // 关闭弹窗
    onClose() {
        let that = this
        that.setData({
            DoorTimeShow: false
        })
    },
    headerEquipmentPopupClick() {
        this.setData({
            equipmentShow: true
        })
    },

    onClosePopup() {
        this.setData({
            equipmentShow: false
        })
    },

    onInput(event) {
        let that = this
        const date = new Date(event.detail);
        const year = date.getFullYear();
        const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份补零
        const day = String(date.getDate()).padStart(2, '0');        // 日期补零
        const hours = String(date.getHours()).padStart(2, '0');     // 小时补零
        const minutes = String(date.getMinutes()).padStart(2, '0'); // 分钟补零

        const time = `${year}-${month}-${day} ${hours}:${minutes}`;
        console.log(time);
        that.setData({
            time,
            DoorTimeShow: false
        })
    },

    afterRead(e) {
        const { file } = e.detail;
        // 验证文件类型
        if (file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image') {
            wx.showToast({ title: '只能上传 JPG/PNG 格式的图片', icon: 'none' });
            return false;
        }
        // 验证文件大小
        if (file.size > 5 * 1024 * 1024) {
            wx.showToast({ title: '图片大小不能超过 5MB', icon: 'none' });
            return false;
        }
        return true;
    },
    beforeRead(e) {
        console.log(e);
        let that = this
        wx.showLoading({
            title: '上传中',
            mask: true,
        })
        util.uploadFileUrl(e.detail.file.url, (res) => {
            wx.hideLoading()
            let datas = JSON.parse(res)
            console.log(datas.data);
            let url = util.img_url + datas.data.path
            let fileList = that.data.fileList
            let fileList2 = that.data.fileList2
            let obj = {
                url: url,
                name: 'avatar'
            }
            let obj2 = {
                url: datas.data.path,
                name: 'avatar'
            }
            fileList.push(obj)
            fileList2.push(obj2)
            that.setData({
                fileList,
                fileList2
            })
        })
    },

    submit() {
        const { selectEquipment, name, phone, time, message, fileList2 } = this.data;
        let that = this

        if (!selectEquipment.device_id) {
            wx.showToast({
                title: '请选择报修设备',
                icon: "none"
            })
            return
        }
        if (!name) {
            wx.showToast({
                title: '请填写联系人姓名',
                icon: "none"
            })
            return
        }
        if (!phone) {
            wx.showToast({
                title: '请填写联系人电话',
                icon: "none"
            })
            return
        }
        if (!util.isPhone(phone)) {
            wx.showToast({
                title: '请填写正确电话',
                icon: "none"
            })
            return
        }
        if (!time) {
            wx.showToast({
                title: '请选择上门时间',
                icon: "none"
            })
            return
        }
        if (!message) {
            wx.showToast({
                title: '请填写报修内容',
                icon: "none"
            })
            return
        }
        wx.showLoading({
            title: '提交中...',
            mask: true,
        })

        wx.getSetting({
            withSubscriptions: true,
            success: (res) => {
                if (res.subscriptionsSetting && res.subscriptionsSetting.mainSwitch) {
                    const itemSettings = res.subscriptionsSetting.itemSettings || {};
                    const tmplMap = {
                        'q3Aa07wgYPgB23mu4JOuSzgFoiYhouUcw-NhV5CNuSA': '订单重新指派提醒',
                        'eEetEKoNpqXk_EY0xqMt22_Xd7NFEyiODY6j0t3_A24': '欠费通知',
                        'pUkdPwh7jWLjCWWv2zyz7I086xNO_GoaJQ6A-cYuGVg': '新订单提醒'
                    };

                    // 收集未订阅的模板ID
                    const unsubscribedTmplIds = [];
                    Object.keys(tmplMap).forEach(tmplId => {
                        if (itemSettings[tmplId] !== 'accept') {
                            unsubscribedTmplIds.push(tmplId);
                        }
                    });

                    if (unsubscribedTmplIds.length > 0) {
                        // 逐个订阅未订阅的消息
                        wx.requestSubscribeMessage({
                            tmplIds: unsubscribedTmplIds,
                            success: (res) => {
                                util.postUrl(apiArr.repair, {
                                    appointment_time: time,
                                    customer_name: name,
                                    customer_phone: phone,
                                    device_id: selectEquipment.device_id,
                                    fault_desc: message,
                                    fault_imgs: fileList2.length !== 0 ? fileList2[0].url : '',
                                    user_id: Number(wx.getStorageSync('userId'))
                                }, res => {
                                    wx.hideLoading();
                                    if (res.error) {
                                        wx.showToast({
                                            title: '提交失败',
                                            icon: 'none'
                                        })
                                        return;
                                    }
                                    that.setData({
                                        sucess: true
                                    })
                    
                                })
                            },
                            fail: (err) => {
                                util.postUrl(apiArr.repair, {
                                    appointment_time: time,
                                    customer_name: name,
                                    customer_phone: phone,
                                    device_id: selectEquipment.device_id,
                                    fault_desc: message,
                                    fault_imgs: fileList2.length !== 0 ? fileList2[0].url : '',
                                    user_id: Number(wx.getStorageSync('userId'))
                                }, res => {
                                    wx.hideLoading();
                                    if (res.error) {
                                        wx.showToast({
                                            title: '提交失败',
                                            icon: 'none'
                                        })
                                        return;
                                    }
                                    that.setData({
                                        sucess: true
                                    })
                    
                                })
                            }
                        });
                    }else{
                        util.postUrl(apiArr.repair, {
                            appointment_time: time,
                            customer_name: name,
                            customer_phone: phone,
                            device_id: selectEquipment.device_id,
                            fault_desc: message,
                            fault_imgs: fileList2.length !== 0 ? fileList2[0].url : '',
                            user_id: Number(wx.getStorageSync('userId'))
                        }, res => {
                            wx.hideLoading();
                            if (res.error) {
                                wx.showToast({
                                    title: '提交失败',
                                    icon: 'none'
                                })
                                return;
                            }
                            that.setData({
                                sucess: true
                            })
            
                        })
                    }
                }
            },
           fail:()=>{
            util.postUrl(apiArr.repair, {
                appointment_time: time,
                customer_name: name,
                customer_phone: phone,
                device_id: selectEquipment.device_id,
                fault_desc: message,
                fault_imgs: fileList2.length !== 0 ? fileList2[0].url : '',
                user_id: Number(wx.getStorageSync('userId'))
            }, res => {
                wx.hideLoading();
                if (res.error) {
                    wx.showToast({
                        title: '提交失败',
                        icon: 'none'
                    })
                    return;
                }
                that.setData({
                    sucess: true
                })

            })
           }
        });



    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        this.init();
        wx.showShareMenu({
            withShareTicket: true,
            menus: ['shareAppMessage', 'shareTimeline']
        })
    },

    init() {
        wx.showLoading({
            title: '加载中...',
            mask: true
        })
        postUrl(apiArr.BXDeviceList, {
            page_num: 1,
            page_size: 50, //TODO: 临时写一次获取50个，后续优化
            user_id: Number(wx.getStorageSync('userId'))
        }, res => {
            wx.hideLoading()
            if (res.msg == '操作成功') {
                if (res.rows) {
                    res.rows.forEach(item => {
                        item.product_icon = util.img_url + item.product_icon
                    })
                    this.setData({
                        equipmentList: res.rows || []
                    })
                }
            }
        })
    },


    headerSelectClick(e) {
        console.log('e', e);
        this.setData({
            selectEquipment: e.currentTarget.dataset.item,
            name: e.currentTarget.dataset.item.customer_name,
            phone: e.currentTarget.dataset.item.customer_phone,
            equipmentShow: false
        })
    },

    headerLookClick() {
        const pageUrl = getCurrentPages();
        // 获取当前页面的上一页 如果不是首页
        if (pageUrl[pageUrl.length - 2].route !== 'pages/index/newIndex/newIndex') {
            // 关闭当前页 返回上一页
            wx.navigateBack({
                delta: 1
            })
        } else {
            wx.redirectTo({
                url: '/packages/WaterPurifier/pages/Maintenance/Maintenance',
            })
        }
    },

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

    },

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

    },

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

    },

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

    },

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

    },

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

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {
        return {
            title: '人人爱净水',  // 分享卡片标题（必填）
            path: '/pages/water_filter/water_filter',  // 用户点击后跳转的路径（可选，默认当前页）
            imageUrl: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/share.png'  // 自定义图片（可选，比例建议 5:4）
        }
    },
    onShareTimeline() {
        return {
            title: '人人爱净水', // 自定义标题
            query: '', // 自定义页面路径中的参数
            imageUrl: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/share.png' // 自定义分享图片路径
        }
    },
})