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();
                    // 默认展示第一条数据 的市区 和 城区
                    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', res.data.data.rows)
                    wx.setStorageSync('areaList', res1.data.data.rows)
                    wx.setStorageSync('businessList', res2.data.data.rows)
                    this.setData({
                        cityList: res.data.data.rows,
                        areaList: res1.data.data.rows,
                        businessList: res2.data.data.rows,
                        newAreaList: newArea,  // 默认展示 市区
                        newBusiness: newbus, // 默认展示 县/区
                        confirmCity: res1.data.data.rows[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
        })
    },




    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 => {
            that.setData({
                GoodsMsg: res
            })

            that.pay()

            // wx.requestPayment({
            //     timeStamp: String(res.time_stamp),
            //     nonceStr: String(res.nonce_str),
            //     package: String(res.package),
            //     signType: String(res.sign_type),
            //     paySign: String(res.pay_sign),
            //     success(res3) {
            //         console.log(res3);
            //         that.queryPay()
            //     },
            //     fail(fal) {
            //         console.log(fal);
            //     }
            // })




        })
    },

    pay() {
        let that = this

        util.postUrl2(PayJs.HsqueryPay, {
            total_amount: String(that.data.selectedDeposit.price * 100),
            // total_amount: String(1),
            subject: that.data.depositName,
            out_trade_no: that.data.GoodsMsg.order_no,
            remark: '',
            user_id: wx.getStorageSync('openId'),
            goods_id: that.data.GoodsMsg.id,
            quantity: "1",
            address: that.data.area + that.data.address,
            user: String(wx.getStorageSync('userId'))
        }, res => {
            const { resp_data, msg } = res.data.data
            console.log(msg);
            console.log(resp_data);
            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(res) {
                        that.queryPay()
                    },
                    fail(fal) {
                        console.log(fal);
                    }
                })
            }

        })
    },
    queryPay() {
        let that = this
        util.postUrl2(PayJs.HsqueryPayByWechat, {
            out_trade_no: that.data.GoodsMsg.order_no
            // 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.requestSubscribeMessage({
                //     tmplIds:['pUkdPwh7jWLjCWWv2zyz7I086xNO_GoaJQ6A-cYuGVg'],
                //     success(res){
                //         console.log(res);
                //     },
                //     fail(err){
                //         console.log(err);
                //     }
                // })

                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() {

    }
})