let util = require('../../utils/util')
let apiArr = require('../../api/water_filter')
let PayJs = require('../../api/pay')

// pages/deposit/deposit.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        deposit: {},
        agreed: false,
        show: false,//押金缴纳
        show2: false, //预约时间
        show3: false,//省市区
        show4: false,//选择押金类型
        customerName: '', // 客户姓名
        customerPhone: '', // 客户手机号
        time: '', // 预约时间
        cityList: [],
        areaList: [],
        businessList: [],
        newAreaList: [],  // 默认展示 市区
        newBusiness: [], // 默认展示 县/区
        confirmCity: '',
        confirmArea: '',
        confirmBusiness: '',
        name: "",
        phone: "",
        address: '', // 详细地址
        GoodsMsg: "",
        depositName: "",
        depositList: [],
        selectedDeposit: "",
        minDate: new Date().getTime(),
        formatter(type, value) {
            if (type === 'year') {
                return `${value}年`;
            }
            if (type === 'month') {
                return `${value}月`;
            }
            if (type === 'day') {
                return `${value}日`;
            }
            return value;
        },
    },




    changeDeposit() {
        let that = this
        that.setData({
            show4: true
        })
    },
    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({
            address: e.detail.value
        })
    },

    onDepositConfirm(event) {
        const { value } = event.detail;
        console.log(event);
        this.setData({
            selectedDeposit: value,
            show4: false,
            depositName: value.text
        });
    },

    onDepositCancel() {
        this.setData({ show4: false });
    },

    getDepositList() {
        let that = this
        util.postUrl(apiArr.getDepositList, { dealer_id: wx.getStorageSync('dealer_id') }, res => {
            const depositList = res.rows.map(item => ({
                text: item.title,
                value: item.id,
                // value: item.id,
                price: item.price,
                desc: item.desc
            }));
            that.setData({ depositList });
        })
    },
    getDeposit() {
        let that = this
        util.postUrl(apiArr.getDeposit, { dealer_id: wx.getStorageSync('dealer_id') }, res => {
            console.log(res);
            that.setData({
                deposit: res
            })
        })
    },
    handleAgreeChange() {
        this.setData({ agreed: !this.data.agreed });
    },
    yajin() {
        let that = this
        that.setData({
            show: !that.data.show
        })
    },
    inputCustomerName(e) {
        this.setData({
            customerName: e.detail.value
        });
    },

    // 输入客户手机号
    inputCustomerPhone(e) {
        this.setData({
            customerPhone: e.detail.value
        });
    },

    // 选择预约时间
    changeShow() {
        let that = this
        that.setData({
            show2: true
        })
    },
    headerAreaClick() {
        this.setData({
            show3: true
        })
    },


    // 省市区选择器
    bindChange(e) {
        const { value } = e.detail;
        const { cityList, areaList, businessList } = this.data;
        // 每次切换时，根据当前点击的省过滤出所属市区，并且试试变化县/区
        let newArea = areaList.filter((item) => item.city_id === cityList[value[0]].city_id);
        let newbus = businessList.filter((item) => item.area_id === newArea[value[1]].area_id);
        this.setData({
            newAreaList: newArea,
            newBusiness: newbus,
            confirmCity: cityList[value[0]],
            confirmArea: newArea[value[1]],
            confirmBusiness: newbus[value[2]],
        })

    },
    onOk() {
        const { confirmCity, confirmArea, confirmBusiness } = this.data;
        console.log(confirmCity, confirmArea, confirmBusiness);
        this.setData({
            show3: false,
            area: `${confirmCity.name}${confirmArea.area_name}${confirmBusiness.business_name}`,
        })
    },
    onClose3() {
        this.setData({
            show3: false,
        })
    },
    getSSQ() {
        let that = this
        util.postUrl2(apiArr.city, {}, res => {
            util.postUrl2(apiArr.area, {}, res1 => {
                util.postUrl2(apiArr.business, {}, res2 => {
                    wx.hideLoading();
                    // 省列表来自 res
                    let cityList = res.data.data.rows;
                    // 市列表来自 res1
                    let areaList = res1.data.data.rows;
                    // 区列表来自 res2
                    let businessList = res2.data.data.rows;

                    // 处理市列表，将衡水市放到最后
                    let hengshuiIndex = areaList.findIndex(item => item.name === '衡水市');
                    console.log(hengshuiIndex, 'hengshuiIndex');
                    if (hengshuiIndex !== -1) {
                        const hengshui = areaList.splice(hengshuiIndex, 1)[0];
                        areaList.push(hengshui);
                    }

                    console.log(businessList);
                    // 处理区列表，将衡水市的桃城区放到最后一个
                    let taochengIndex = businessList.findIndex(item => item.business_name === '桃城区');
                    if (taochengIndex !== -1) {
                        const taocheng = businessList.splice(taochengIndex, 1)[0];
                        businessList.unshift(taocheng);
                    }


                    // 默认展示第一条数据的省、市和区
                    let newArea = res1.data.data.rows.filter((item) => {
                        return item.city_id === res.data.data.rows[0].city_id
                    });
                    let newbus = res2.data.data.rows.filter((item) => {
                        return item.area_id === res1.data.data.rows[0].area_id
                    });

                    // 正确存储数据
                    wx.setStorageSync('cityList', cityList)
                    wx.setStorageSync('areaList', areaList)
                    wx.setStorageSync('businessList', businessList)

                    this.setData({
                        cityList: cityList,
                        areaList: areaList,
                        businessList: businessList,
                        newAreaList: newArea,  // 默认展示市
                        newBusiness: newbus, // 默认展示区
                        confirmCity: cityList[0],
                        confirmArea: newArea[0],
                        confirmBusiness: newbus[0],
                    })
                })
            })
        })
    },

    onClose() {
        let that = this
        that.setData({
            show2: false
        })
    },
    onInput(event) {
        let that = this
        const date = new Date(event.detail); // 获取选中的 Date 对象
        const year = date.getFullYear(); // 获取年份
        const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以需要+1
        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}`;
        that.setData({
            time,
            show2: false
        })
    },
    checkboxChange() {
        let that = this
        that.setData({
            agreed: !that.data.agreed
        })
    },

    //asd
    handlePay() {
        let that = this
        if (!that.data.name) {
            wx.showToast({
                title: '请输入客户姓名',
                icon: "none"
            })
            return
        }

        if (!that.data.phone) {
            wx.showToast({
                title: '请输入客户电话',
                icon: "none"
            })
            return
        }

        if (!util.isPhone(that.data.phone)) {
            wx.showToast({
                title: '请输入正确的客户电话',
                icon: "none"
            })
            return
        }

        if (!that.data.time) {
            wx.showToast({
                title: '请选择预约时间',
                icon: "none"
            })
            return
        }
        if (!that.data.area) {
            wx.showToast({
                title: '请选择所在区域',
                icon: "none"
            })
            return
        }
        if (!that.data.address) {
            wx.showToast({
                title: '请填写详细地址',
                icon: "none"
            })
            return
        }


        util.postUrl(apiArr.createPosit, {
            deal_deposit_id: that.data.selectedDeposit.value,
            price: String(that.data.selectedDeposit.price),
            customer_name: that.data.name,
            customer_phone: that.data.phone,
            address: that.data.address,
            appointment_time: that.data.time + ':00',
            city_id: that.data.confirmCity.city_id,
            area_id: that.data.confirmArea.area_id,
            business_id: that.data.confirmBusiness.business_id
        }, res => {
            console.log(res);
            that.setData({
                GoodsMsg: res
            })
            // util.postUrl2(PayJs.pay, {
            //     address: that.data.area + that.data.address,
            //     goods_id: res.id,
            //     merchant_no: res.merchant_no,
            //     out_trade_no: res.order_no,
            //     term_no: res.term_no,
            //     quantity: 1,
            //     remark: '',
            //     subject: "押金订单",
            //     total_amount: String(that.data.selectedDeposit.price * 100),
            //     user: String(wx.getStorageSync('userId')),
            //     user_id: wx.getStorageSync('openId')
            // }, res2 => {
            //     const { resp_data, msg } = res2.data.data
            //     console.log(res2, 'ssss');
            //     if (msg == '成功') {
            //         wx.requestPayment({
            //             timeStamp: String(resp_data.acc_resp_fields.time_stamp),
            //             nonceStr: String(resp_data.acc_resp_fields.nonce_str),
            //             package: String(resp_data.acc_resp_fields.package),
            //             signType: String(resp_data.acc_resp_fields.sign_type),
            //             paySign: String(resp_data.acc_resp_fields.pay_sign),
            //             success(res3) {
            //                 that.queryPay()
            //             },
            //             fail(fal) {
            //                 console.log(fal);
            //             }
            //         })
            //     }
            // })
        })
    },

    queryPay() {
        let that = this
        util.postUrl2(PayJs.queryPay, {
            merchant_no: that.data.GoodsMsg.merchant_no,
            term_no: that.data.GoodsMsg.term_no,
            out_trade_no: that.data.GoodsMsg.order_no
        }, res => {
            if (res.statusCode == '200') {
                wx.showToast({
                    title: '支付成功！',
                })
                that.getUserInfo()
            } else {
                wx.showToast({
                    title: res.msg,
                })
            }
        })
    },

    getUserInfo() {
        let that = this
        util.postUrl(apiArr.loginInfo, {}, ress => {
            if (ress.error) return;
            wx.setStorageSync('userId', ress.user_id);
            wx.setStorageSync('openId', ress.open_id);
            wx.setStorageSync('shopId', ress.wshop_id);
            wx.setStorageSync('mshopId', ress.mshop_id);
            wx.setStorageSync('dealer_id', ress.dealer_id);
            wx.setStorageSync('is_dev', ress.is_dev);

            // if (ress.is_dev == 2) {
            wx.navigateTo({
                url: '/pages/newOrderList/newOrderList',
            })
            // } else if (ress.is_dev == 3) {
            //     wx.navigateTo({
            //         url: '/pages/water_filter/water_filter',
            //     })
            // }
        })
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        let that = this
        that.setData({
            phone: wx.getStorageSync('phone')
        })
        // that.getDeposit()
        that.getDepositList()
        if (wx.getStorageSync('cityList') && wx.getStorageSync('areaList') && wx.getStorageSync('businessList')) {
            let res = wx.getStorageSync('cityList')
            let res1 = wx.getStorageSync('areaList')
            let res2 = wx.getStorageSync('businessList')
            console.log(res1);
            // 默认展示第一条数据 的市区 和 城区
            let newArea = res1.filter((item) => {
                return item.city_id === res[0].city_id
            });
            let newbus = res2.filter((item) => {
                return item.area_id === res1[0].area_id
            });
            this.setData({
                cityList: res,
                areaList: res1,
                businessList: res2,
                newAreaList: newArea,  // 默认展示 市区
                newBusiness: newbus, // 默认展示 县/区
                confirmCity: res1[0],
                confirmArea: newArea[0],
                confirmBusiness: newbus[0],
            })
        } else {
            that.getSSQ()
        }
    },

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

    },

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

    },

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

    },

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

    },

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

    },

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

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})