const app = getApp();
import { isEmptyCheck } from "../../utils/commonUtil.js";
import { customRequest } from '../../utils/request.js';
var QQMapWX = require("../../utils/qqmap-wx-jssdk.min.js");
var qqmapsdk;
// pages/addAddress/index.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    multiSelected: false,
    multiIndex: [0, 0, 0],
    multiIndexTemp: [0, 0, 0],
    // multiArray: [['无脊柱动物', '脊柱动物'], ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'], ['猪肉绦虫', '吸血虫']],
    multiArray: [[], [], []],
    multiArrayTemp: [[], [], []],
    multiArrayRecord: [[], [], []],
    title: "添加地址",
    btnLoading: false,
    address: {
      contacts: "",
      contactsTel: "",
    },
    addressClassify: "",
    addressStr: "",
    recordId: "",
    locationObj: {
      provinceName: "",
      cityName: "",
      districtName: "",
    },
    // provinceId: '',
    // cityId: '',
    // districtId: '',
  },

  delAddress: function (e) {
    var that = this;
    // var record = e.currentTarget.dataset.record;
    // console.log(record);

    wx.showModal({
      title: '提示',
      content: `确定要删除该地址吗？`,
      cancelColor: "#666666",
      confirmColor: "#1890ff",
      success (res) {
        if (res.confirm) {
          console.log('用户点击确定')
          customRequest("/user/address/deleteUserAddress", { header: 'headers', method: 'POST', data: { id: that.data.recordId } }).then((res) => {
            wx.showToast({
              title: '删除成功',
              icon: 'success',
              duration: 2000,

            })
            setTimeout(() => {
              wx.navigateBack({
                delta: -1,
              })
            }, 2000)

          })
          // wx.request({
          //   url: app.globalData.ip + "/user/address/deleteUserAddress",
          //   method: "POST",
          //   header: app.globalData.headers,
          //   data: {
          //     id: that.data.recordId
          //   },
          //   success: function (res) {
          //     console.log(res);

          //   }

          // });

        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },
  getProvinceByPid: function () {
    var that = this;
    customRequest("/city/getProvince", { header: 'headers', method: 'POST', data: {} }).then((res) => {
      console.log(res);
      if (res.data.status == 200) {
        that.data.multiArrayRecord[0] = [{ id: -1, name: "请选择" }].concat(res.data.data);

        var nameArray = ["请选择"];
        res.data.data.forEach((item, index) => {
          nameArray.push(item.name);
        });
        that.data.multiArrayTemp[0] = nameArray;
        that.setData({
          multiArrayTemp: that.data.multiArrayTemp,
        });

        //如果有省市回显处理
        if (app.isNotEmptyCheck(that.data.address.provinceId) && app.isNotEmptyCheck(that.data.address.cityId) && app.isNotEmptyCheck(that.data.address.districtId)) {
          that.data.multiArrayRecord[0].forEach((item, index) => {
            if (item.id == that.data.address.provinceId) {
              that.data.multiIndex[0] = index;
            }
          });

          that.setData({
            multiArray: that.data.multiArrayTemp,
            multiIndex: that.data.multiIndex,
            multiIndexTemp: that.data.multiIndex,
          });

          that.getCityByPid2(1, that.data.address.provinceId);
        }
      } else {
        app.showTips(that, res.data.msg);
      }
    })
    // wx.request({
    //   url: app.globalData.ip + "/city/getProvince",
    //   data: {},
    //   header: app.globalData.headers,
    //   method: "POST",
    //   success: function (res) {

    //   },
    // });
  },
  bindMultiPickerChange: function (e) {
    console.log("picker发送选择改变，携带值为", e.detail.value);
    var that = this;
    var multiSelected = false;
    if (e.detail.value[0] > 0 && e.detail.value[1] > 0 && e.detail.value[2] > 0) {
      multiSelected = true;
    }

    this.setData({
      multiIndex: e.detail.value,
      multiSelected: multiSelected,
      multiArray: that.data.multiArrayTemp,
    });
  },
  bindMultiPickerColumnChange: function (e) {
    console.log("修改的列为", e.detail.column, "，值为", e.detail.value);
    var that = this;
    if (e.detail.column == 0) {
      that.data.multiIndexTemp[0] = e.detail.value;
      that.data.multiIndexTemp[1] = 0;
      that.data.multiIndexTemp[2] = 0;
      that.data.multiArrayTemp[1] = [];
      that.data.multiArrayTemp[2] = [];
      this.setData({
        multiIndexTemp: that.data.multiIndexTemp,
        multiArrayTemp: that.data.multiArrayTemp,
      });
    }
    if (e.detail.column < 2) {
      this.getCityByPid(e.detail.column, e.detail.value);
    }
  },

  getCityByPid: function (column, value) {
    var that = this;
    // var pid = that.data.userDetails.bankProvinceCode;
    console.log(that.data.multiArrayRecord[column][value]);
    var pid = that.data.multiArrayRecord[column][value].id;
    customRequest("/city/getCityByPid", { header: 'headers', method: 'POST', data: { pid: pid } }).then((res) => {
      if (res.data.status == 200) {
        that.data.multiArrayRecord[column + 1] = [{ id: -1, name: "请选择" }].concat(res.data.data);

        var nameArray = ["请选择"];
        res.data.data.forEach((item, index) => {
          nameArray.push(item.name);
        });
        that.data.multiArrayTemp[column + 1] = nameArray;

        that.setData({
          multiArrayTemp: that.data.multiArrayTemp,
        });
      } else {
        app.showTips(that, res.data.msg);
      }
    })
    // wx.request({
    //   url: app.globalData.ip + "/city/getCityByPid",
    //   data: {
    //     pid: pid,
    //   },
    //   header: app.globalData.headers,
    //   method: "POST",
    //   success: function (res) {
    //     console.log(res);

    //   },
    // });
  },

  getCityByPid2: function (column, pid) {
    var that = this;
    customRequest("/city/getCityByPid", { header: 'headers', method: 'POST', data: { pid: pid, } }).then((res) => {
      if (res.data.status == 200) {
        that.data.multiArrayRecord[column] = [{ id: -1, name: "请选择" }].concat(res.data.data);

        var nameArray = ["请选择"];
        res.data.data.forEach((item, index) => {
          nameArray.push(item.name);
        });
        that.data.multiArrayTemp[column] = nameArray;

        that.data.multiArrayRecord[column].forEach((item, index) => {
          if (column == 1 && item.id == that.data.address.cityId) {
            that.data.multiIndex[column] = index;
          } else if (column == 2 && item.id == that.data.address.districtId) {
            that.data.multiIndex[column] = index;
          }
        });

        that.setData({
          multiArray: that.data.multiArrayTemp,
          multiArrayTemp: that.data.multiArrayTemp,
          multiIndex: that.data.multiIndex,
          multiIndexTemp: that.data.multiIndex,
        });

        if (column == 1) {
          that.getCityByPid2(2, that.data.address.cityId);
        }
      } else {
        app.showTips(that, res.data.msg);
      }
    })
    // wx.request({
    //   url: app.globalData.ip + "/city/getCityByPid",
    //   data: {
    //     pid: pid,
    //   },
    //   header: app.globalData.headers,
    //   method: "POST",
    //   success: function (res) {
    //     console.log(res);

    //   },
    // });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options);
    if (!isEmptyCheck(options.id)) {
      this.data.recordId = options.id;
      this.data.title = "修改地址";
      this.setData({
        recordId: options.id
      })

      this.getDetail();
    } else {
      this.getProvinceByPid();
    }

    wx.setNavigationBarTitle({
      title: this.data.title,
    });
    qqmapsdk = new QQMapWX({
      key: "MHZBZ-4KG34-Y4QUC-KBVUJ-CEKEV-ZOFFU",
    });
    console.log(123);
  },
  selectAddressClassify: function (e) {
    var that = this;

    var classify = e.currentTarget.dataset.classify;
    console.log(classify);

    that.setData({
      addressClassify: classify,
    });
  },
  getDetail () {
    var that = this;
    customRequest("/user/address/getUserAddressDetail?id=" + that.data.recordId, { header: 'headers', method: 'GET', data: {} }).then((res) => {
      if (app.isNotEmptyCheck(res.data.data)) {
        that.setData({
          address: res.data.data,
          addressClassify: res.data.data.classify,
          addressStr: res.data.data.address,
        });
        if (app.isNotEmptyCheck(res.data.data.provinceId) && app.isNotEmptyCheck(res.data.data.cityId) && app.isNotEmptyCheck(res.data.data.districtId)) {
          that.setData({
            multiSelected: true,
          });
        }
        that.getProvinceByPid();
      }
    })
    // wx.request({
    //   url: app.globalData.ip + "/user/address/getUserAddressDetail?id=" + that.data.recordId,
    //   method: "GET",
    //   header: app.globalData.headers,
    //   data: {},
    //   success: function (res) {
    //     console.log(res);


    //   },
    // });
  },
  onSubmit (e) {
    console.log(e);

    var that = this;

    that.setData({
      btnLoading: true,
    });

    if (app.isEmptyCheck(e.detail.value.contacts)) {
      wx.showToast({
        icon: "none",
        title: "请输入姓名",
        duration: 3000,
      });

      that.setData({
        btnLoading: false,
      });
      return;
    }

    var myreg = /^[1][3456789][0-9]{9}$/;
    if (!myreg.test(e.detail.value.contactsTel) || e.detail.value.contactsTel == "") {
      wx.showToast({
        icon: "none",
        title: "请输入正确手机号",
        duration: 3000,
      });

      that.setData({
        btnLoading: false,
      });
      return;
    }
    // if (that.data.multiIndex[0] == 0 || that.data.multiIndex[1] == 0 || that.data.multiIndex[2] == 0) {
    // 	wx.showToast({
    // 		icon: "none",
    // 		title: "请选择详细地区",
    // 		duration: 3000,
    // 	});

    // 	that.setData({
    // 		btnLoading: false,
    // 	});
    // 	return;
    // }

    if (!e.detail.value.address) {
      wx.showToast({
        icon: "none",
        title: "请输入详细地址",
        duration: 3000,
      });

      that.setData({
        btnLoading: false,
      });
      return;
    }
    if (app.isEmptyCheck(that.data.addressClassify)) {
      wx.showToast({
        icon: "none",
        title: "请选择标签",
        duration: 3000,
      });

      that.setData({
        btnLoading: false,
      });
      return;
    }

    var formData = e.detail.value;
    formData["id"] = that.data.recordId;
    formData["classify"] = that.data.addressClassify;

    if (that.data.locationObj.provinceName) {
      // formData["provinceId"] = that.data.multiArrayRecord[0][that.data.multiIndex[0]].id;
      // formData["cityId"] = that.data.multiArrayRecord[1][that.data.multiIndex[1]].id;
      // formData["districtId"] = that.data.multiArrayRecord[2][that.data.multiIndex[2]].id;
      formData["provinceName"] = that.data.locationObj.provinceName;
      formData["cityName"] = that.data.locationObj.cityName;
      formData["districtName"] = that.data.locationObj.districtName;
    } else {
      wx.showToast({
        icon: "none",
        title: "请选择地区",
        duration: 3000,
      });
    }

    console.log(formData);

    that.setData({
      btnLoading: false,
    });
    customRequest("/user/address/addOrUpdateUserAddress", { header: 'headers', method: 'POST', data: formData }).then((res) => {
      if (res.data.status == 200) {
        wx.navigateBack({
          delta: 1,
        });
      } else {
        wx.showToast({
          icon: "none",
          title: res.data.msg,
          duration: 2000,
        });

        that.setData({
          btnLoading: false,
        });
      }
    })
    // wx.request({
    //   url: app.globalData.ip + "/user/address/addOrUpdateUserAddress",
    //   method: "POST",
    //   header: app.globalData.headers,
    //   data: formData,
    //   success: function (res) {
    //     console.log(res);


    //   },
    // });
  },

  chooseMap: function () {
    var that = this;
    console.log("1111111");
    // wx.chooseLocation({
    wx.chooseLocation({
      success: function (res) {
        console.log("res", res);
        that.data.addressStr = res.name;
        console.log("that.data.addressStr", that.data.addressStr);
        qqmapsdk.reverseGeocoder({
          location: `${res.latitude},${res.longitude}`,
          success: function (res) {
            console.log(res.result);
            let address = res.result.address_component;
            that.data.addressStr = `${address.province} ${address.city} ${address.district} ` + that.data.addressStr;
            that.setData({
              addressStr: that.data.addressStr,
              locationObj: {
                provinceName: res.result.address_component.province,
                cityName: res.result.address_component.city,
                districtName: res.result.address_component.district,
              },
            });
          },
          fail: function (res) {
            console.log(res);
          },
        });
      },
      fail: function (e) {
        console.log(e);
      },
    });
  },
  goAddAddress: function () {
    wx.navigateTo({
      url: "/pages/addressBook/index",
    });
  },

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

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

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

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

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

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

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    return app.sharePageImage()
  },
});