let Date = require('../../utils/date.js');
let Utils = require('../../utils/util.js');

// import {getObjByListKeyValue} from '..';

let app = getApp();
Page({
  data: {
    authorizeVisible: false,
    userInfo: {},
    // form start
    name: "",
    shopName: "",
    mobile: "",
    verifyCode: "",
    imageUrl: "",
    auth_time: 0,
    sendAuthCode: true,
    membersShipIndex: 0,
    membersShipList: [],
    maxImg: 1, // 上传数量
    files: [], // 上传文件列表
    provinceId: "",
    cityId: "",
    provinceList: [],
    cityList: [],
    province: "",
    city: "",
    memberTypeName: "", // label
    memberTypeCode: "", // 码
    // form end
    isModify: false,
  },
  onShareAppMessage() {},
  showAuth() {
    this.setData({
      authorizeVisible: true
    })
  },
  onLoad(options) {
    this.setData({
      isModify: options && options.type == "modify"
    })
    this.initData();
  },
  initData() {
    this.queryMember().then((result) => {
      let auditStatus = this.data.userInfo && this.data.userInfo.auditStatus || "";
      // console.log("viplogin - auditStatus:", auditStatus);
      let isModify = this.data.isModify;
      // console.log("isModify:", isModify)
      if ((auditStatus == "authorization" || auditStatus == "unauthorized") && !isModify) {
        // 未验证和待验证
        app.router.push({
          openType: "redirect",
          path: "vipVerify"
        })
      } else {
        this.getProvince();
        this.getMemberType().then((result) => {
          app.post({
            url: app.api.memberIdQuery,
            data: {},
          }).then((result) => {
            let verifyInfo = result;
            this.setData({
              name: verifyInfo.realName,
              mobile: verifyInfo.phone,
              province: verifyInfo.province,
              city: verifyInfo.city,
              memberTypeCode: verifyInfo.memberTypeCode,
              memberTypeName: verifyInfo.memberTypeName,
              files: [{
                path: verifyInfo.images
              }]
            })
          })
        })
      }



    })

  },

  /**
   * 获取会员信息
   */
  queryMember() {
    return new Promise((resolve, reject) => {
      app.post({
        url: app.api.member,
        data: {}
      }).then((result) => {
        this.setData({
          userInfo: result
        })
        resolve(result);
      })
    });
  },

  /**
   * 获取用户类型
   */
  getMemberType() {
    return new Promise((resolve, reject) => {
      app.post({
        url: app.api.memberType,
        data: {}
      }).then((result) => {
        let membersShipList = result;
        // membersShipList.forEach(element => {
        //   element.label = element.memberTypeName
        // });
        membersShipList.unshift({
          memberTypeName: "请选择"
        })
        this.setData({
          membersShipList
        })
        resolve();
      })
    });
  },

  getProvince() {
    return new Promise((resolve, reject) => {
      app.post({
        mode: "custom",
        url: app.api.areaQuery,
        data: {
          parentId: ""
        }
      }).then((result) => {
        let provinceList = result;
        // ---- start 把广东移动到第一条
        for (var i = 0; i < provinceList.length; i++) {
          let key = provinceList[i].areaName.indexOf('广东');
          if (key != -1) {
            let target = provinceList[i];
            provinceList.unshift(target);
            provinceList.splice(i + 1, 1);
            break;
          }
        }
        // ---- end 把广东移动到第一条

        this.setData({
          provinceList: provinceList
        })
        console.log("provinceList:", result);
      })
    });
  },

  getCity() {
    return new Promise((resolve, reject) => {
      app.post({
        mode: "custom",
        url: app.api.areaQuery,
        data: {
          parentId: this.data.provinceId
        }
      }).then((result) => {
        this.setData({
          cityList: result
        })
        console.log("city:", result);
      })
    });
  },



  // 显示提示
  showTips(tips) {
    wx.showToast({
      title: tips,
      icon: "none"
    })
  },

  /**
   * 表单提交验证
   */
  checkSubmit() {
    return new Promise((resolve, reject) => {
      let {
        name,
        shopName,
        memberTypeCode,
        province,
        city,
        mobile,
        verifyCode,
        files
      } = this.data;
      let pics = [];
      files.forEach(element => {
        if (element.path) {
          pics.push(element.path)
        }
      });
      console.log("files:", files);
      console.log("pics:", pics);
      console.log("pics.lenght:", pics.length);
      console.log("pics.length <= 0:", pics.length <= 0);

      if (!name) {
        this.showTips("请输入真实姓名");
        reject();
      } else if (!memberTypeCode) {
        this.showTips("请选择会员身份");
        reject();
      } else if (!province) {
        this.showTips("请选择省");
        reject();
      } else if (!city) {
        this.showTips("请选择市");
        reject();
      } else if (!mobile) {
        this.showTips("请输入手机号码");
        reject();
      } else if (!Utils.checkMobile(mobile)) {
        this.showTips("请输入正确手机号码");
        reject();
      } else if (!verifyCode) {
        this.showTips("请输入验证码");
        reject();
      // } else if (pics.length <= 0) {
      //   this.showTips("请上传身份证或电工证");
      //   reject();
      } else {
        resolve();
      }
    });
  },

  /**
   * 参考 contact-table同名方法
   * 提交表单
   *
   */
  onSubmitHandler() {
    let {
      name,
      shopName,
      memberTypeCode,
      province,
      city,
      mobile,
      verifyCode,
      files
    } = this.data;
    let pics = [];
    files.forEach(element => {
      pics.push(element.path)
    });

    this.checkSubmit().then((result) => {
      // 先上传图片到服务器
      this.uploadToCustomService(pics).then((result) => {
        let verifyInfo = {
          realName: name,
          storeName: shopName,
          province: province,
          city: city,
          phone: mobile,
          verifyCode: verifyCode,
          memberTypeCode: memberTypeCode,
          images: result[0]
        }

        app.post({
          url: app.api.memberIdCommit,
          data: verifyInfo
        }).then((result2) => {
          app.router.push({
            path: "vipVerify"
          })
        });
      })
    })

  },

  /**
   * 调起微信图片上传
   */
  onUploadHandler() {
    console.log("this.options.type:", this.options.type);
    if (this.options.type == "modify") return; //修改模式不让改图片
    let _this = this;
    let count = _this.data.maxImg - _this.data.length;
    wx.chooseImage({
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      count: 1,
      success(res) {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFiles = res.tempFiles
        let maxImg = _this.data.maxImg;
        let files = _this.data.files;
        files = files.concat(tempFiles);
        if (files.length > maxImg) {
          files.splice(0, maxImg);
        }
        _this.setData({
          files
        });
      }
    })
  },

  /**
   * 上传到自定义服务器
   * urlList 需要上传的图片地址
   */
  uploadToCustomService(urlList) {
    let _this = this;
    return new Promise((resolve, reject) => {
      // promise列表
      let p = [];
      // 用promise上传音频
      urlList.forEach(element => {
        let myPromise = new Promise((resolve2, reject2) => {
          _this.uploadfileMultiple(element).then((result2) => {
            resolve2(result2)
          }).catch((err) => {
            // _this.tip("声音上传失败")
            reject2();
          });
        });
        p.push(myPromise);
      });
      Promise.all(p).then(uploadFiles => {
        resolve(uploadFiles)
      }, reason => {
        reject();
      });
    });
  },
  /**
   * 多文件上传
   * @param {*} filePath
   */
  uploadfileMultiple(filePath) {
    let _this = this;
    return new Promise((resolve, reject) => {
      wx.uploadFile({
        url: app.config.NET_CONFIG.commonApi + app.api.uploadFile,
        filePath: filePath,
        name: 'file',
        // header: {}, // 设置请求的 header
        header: {
          'content-type': 'multipart/form-data'
        },
        formData: {
          path: '/weapp/zhiliang-light-upload/'
        },
        // HTTP 请求中其他额外的 form data
        success(res) {
          let result = JSON.parse(res.data).content;
          resolve(result);
        },
        fail() {
          reject()
        },
        complete: function () {}
      })
    });
  },

  // 获取验证码
  reqGetSmsRequest() {
    if (!this.data.sendAuthCode) return;
    let mobile = this.data.mobile
    if (!mobile || !Utils.checkMobile(mobile)) {
      this.showLog("请输入正确的手机号码");
      return
    }
    this.getAuthCode();
    app.post({
      url: app.api.memberPhone,
      data: {
        phone: mobile,
      }
    }).then((result) => {
      wx.showToast({
        title: "短信发送成功",
        icon: "none"
      })
    });
  },
  // 倒数
  getAuthCode() {
    let _this = this;
    _this.setData({
      sendAuthCode: false,
      auth_time: 60
    })
    var auth_timetimer = setInterval(() => {
      _this.setData({
        auth_time: _this.data.auth_time - 1
      })
      if (_this.data.auth_time <= 0) {
        _this.setData({
          sendAuthCode: true
        });
        clearInterval(auth_timetimer)
      }
    }, 1000)
  },

  bindPickerChangeProvince(e) {
    let index = e.detail.value;
    this.setData({
      provinceIndex: index,
      provinceId: this.data.provinceList[index].areaId,
      province: this.data.provinceList[index].areaName,
      cityList: [],
      cityIndex: -1,
    })
    this.getCity();
  },

  bindPickerChangeCity(e) {
    let index = e.detail.value;
    this.setData({
      cityIndex: index,
      cityId: this.data.cityList[index].areaId,
      city: this.data.cityList[index].areaName,
    })
  },

  bindMembersShipChange(e) {
    let index = e.detail.value;
    this.setData({
      membersShipIndex: index,
      memberTypeName: this.data.membersShipList[index].memberTypeName,
      memberTypeCode: this.data.membersShipList[index].memberTypeCode,
    })
  },

  bindMobileInput(e) {
    this.setData({
      "mobile": e.detail.value
    })
  },
  bindNameInput(e) {
    this.setData({
      name: e.detail.value
    })
  },
  bindShopNameInput(e) {
    this.setData({
      shopName: e.detail.value
    })
  },
  bindVerifyCodeInput(e) {
    this.setData({
      verifyCode: e.detail.value
    })
  },


  hideMask() {
    this.setData({
      authorizeVisible: false
    })
  },
  // 子组件事件
  evtcomp(evt) {
    let {
      name,
      data
    } = evt.detail;
    switch (name) {

      case "_evt_hide_mask":
        this.hideMask();
        break;

      default:
        break;
    }
  },
})