import request from '~/api/request';

let mode = ''
let modeText = ''

Page({
  data: {
    isIOS: false, // 添加 iOS 设备检测
    personInfo: {
      username: '',
      sex: 1,
      id_number: '',
      birthday: '',
      operative_date: '',
      delivery_type: '',
      prenatal_check_type: '',
      gestational_week: '',
      conception_type: '',
      birth_number: '',
      parity_number: '',
      birth_weight: '',
      prenatal_check_remark: ''
    },
    genderOptions: [{
        label: '男',
        value: 1,
      },
      {
        label: '女',
        value: 2,
      }

    ],

    birthVisible: false,
    birthStart: '2010-01-01',
    birthEnd: new Date().toISOString().split('T')[0],
    birthTime: 0,
    birthFilter: (type, options) => (type === 'year' ? options.sort((a, b) => b.value - a.value) : options),
    addressText: '',
    addressVisible: false,
    provinces: [],
    cities: [],

    gridConfig: {
      column: 3,
      width: 160,
      height: 160,
    },
    timeValue: '',
    timePicker: new Date().toISOString().split('T')[0],
    idError: false,
    numberError: false,
    weekError: false,
    numberFormat: (v) => {
      const isNumber = /^\d+(\.\d+)?$/.test(v);
      if (isNumber) {
        return parseFloat(v).toFixed(2);
      }
      return v;
    },
    // 下拉
    selectList: [],
    selectValue: '',
    selectVisible: false,
    deliveryList: [{
      label: '顺产',
      value: 1
    }, {
      label: '剖腹产',
      value: 2
    }],
    prenatal_checkList: [{
      label: '有',
      value: 1
    }, {
      label: '无',
      value: 2
    }],
    parity_numberList: [{
      label: '1胎',
      value: 1
    }, {
      label: '2胎',
      value: 2
    }, {
      label: '3胎',
      value: 3
    }, {
      label: '大于等于4胎',
      value: 4
    }],
    birth_numberList: [{
      label: '1产',
      value: 1
    }, {
      label: '2产',
      value: 2
    }, {
      label: '大于等于3产',
      value: 3
    }],
    conception_typeList: [{
      label: '自然受孕',
      value: 1
    }, {
      label: '辅助生殖技术',
      value: 2
    }],
    errorStatus: {
      name: false,
      gender: false,
      id: false,
      birthday: false,
      age: false,
      birth_weight: false,
      operative_date: false,
      parity_number: false,
      birth_number: false,
      conception_type: false,
      gestational_week: false,
      prenatal_check_type: false,
      delivery_type: false,
    },
    timePickerTitle: '选择日期',
  },

  async onLoad(options) {
    // this.getPersonalInfo()
    this.setData({
      isIOS: wx.getSystemInfoSync().platform === 'ios'
    })
    if (options.scrm_userid) {
      await wx.setStorageSync('scrm_userid', options.scrm_userid);
    }
    const token = await wx.getStorageSync('access_token')
    if (!token) {
      wx.navigateTo({
        url: '/pages/login/login',
      });
      return
    }
  },
  onShow() {
    this.getPersonalInfo()
  },
  async getPersonalInfo() {
    const info = await request('patient/basic/0')
    this.setData({
      personInfo: {
        username: info.username,
        age: info.age,
        sex: info.sex,
        id_number: info.id_number,
        birthday: info.birthday || '',
        operative_date: info.operative_date,
        delivery_type: info.delivery_type,
        prenatal_check_type: info.prenatal_check_type,
        gestational_week: info.gestational_week ? info.gestational_week : '',
        conception_type: info.conception_type,
        birth_number: info.birth_number,
        parity_number: info.parity_number,
        birth_weight: info.birth_weight ? info.birth_weight : '',
        prenatal_check_remark: info.prenatal_check_remark,
        avatar: info.avatar ? info.avatar : 'https://image-fudan.oss-cn-beijing.aliyuncs.com/mini_images/my/baby.png',
      }
    })

    if (wx.getStorageSync('scrm_userid') && info.operative_date) {
      this.scrmBindTag(wx.getStorageSync('scrm_userid'))
    }
  },


  getAreaOptions(data, filter) {
    const res = Object.keys(data).map((key) => ({
      value: key,
      label: data[key]
    }));
    return typeof filter === 'function' ? res.filter(filter) : res;
  },

  getCities(provinceValue) {
    return this.getAreaOptions(
      areaList.cities,
      (city) => `${city.value}`.slice(0, 2) === `${provinceValue}`.slice(0, 2),
    );
  },

  initAreaData() {
    const provinces = this.getAreaOptions(areaList.provinces);
    const cities = this.getCities(provinces[0].value);
    this.setData({
      provinces,
      cities
    });
  },

  onAreaPick(e) {
    const {
      column,
      index
    } = e.detail;
    const {
      provinces
    } = this.data;

    // 更改省份则更新城市列表
    if (column === 0) {
      const cities = this.getCities(provinces[index].value);
      this.setData({
        cities
      });
    }
  },

  showPicker(e) {
    mode = e.currentTarget.dataset.mode;
    if (mode == "birth") {
      this.setData({
        birthVisible: true,
        timePicker: this.data.personInfo.birthday ? this.data.personInfo.birthday : new Date().toISOString().split('T')[0]
      });
    } else {
      if (this.data.personInfo.operative_date) {
        return;
      }
      this.setData({
        birthVisible: true,
        timePicker: this.data.personInfo.operative_date ? this.data.personInfo.operative_date : new Date().toISOString().split('T')[0]
      });
    }


  },

  hidePicker(e) {
    const {
      mode
    } = e.currentTarget.dataset;
    this.setData({
      [`${mode}Visible`]: false,
    });
  },
  getAgeByBirthday(birthday) {
    if (!birthday) return '';
    const today = new Date();
    const birthDate = new Date(birthday);

    let years = today.getFullYear() - birthDate.getFullYear();
    let months = today.getMonth() - birthDate.getMonth();
    let days = today.getDate() - birthDate.getDate();

    if (days < 0) {
      months--;
      days += new Date(today.getFullYear(), today.getMonth(), 0).getDate();
    }
    if (months < 0) {
      years--;
      months += 12;
    }
    if (years <= 0 && months <= 0) {
      // 小于一个月，显示几周
      const diffTime = today - birthDate;
      const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));
      if (diffDays < 7) {
        return `${diffDays}天`;
      } else {
        const weeks = Math.floor(diffDays / 7);
        return `${weeks}周`;
      }
    }
    if (years <= 0) {
      return `${months}个月`;
    }
    return `${years}岁零${months}个月`;
  },
  onPickerChange(e) {
    const {
      value,
      label
    } = e.detail;
    console.log(mode, mode == 'birth')
    if (mode == 'birth') {
      this.setData({
        ['personInfo.birthday']: value,
        ['personInfo.age']: this.getAgeByBirthday(value),
        ['errorStatus.birthday']: false
      })
    } else {
      this.setData({
        ['personInfo.operative_date']: value,
        ['errorStatus.operative_date']: false
      })
    }

  },

  personInfoFieldChange(field, e) {
    const {
      value
    } = e.detail;
    this.setData({
      [`personInfo.${field}`]: value,
    });
  },

  onNameChange(e) {
    this.personInfoFieldChange('username', e);
    const value = e.detail.value;
    // Validate name length (2-20)
    if (value.length < 2 || value.length > 20) {
      this.setData({
        'errorStatus.name': true
      });
    } else if (this.data.errorStatus.name) {
      this.setData({
        'errorStatus.name': false
      });
    }
  },

  onGenderChange(e) {
    this.personInfoFieldChange('sex', e);
    if (this.data.errorStatus.gender) {
      this.setData({
        'errorStatus.gender': false
      });
    }
  },
  // onYearChange(e) {
  //   this.personInfoFieldChange('yearType', e);
  // },

  onIntroductionChange(e) {
    this.personInfoFieldChange('introduction', e);
  },

  onPhotosRemove(e) {
    const {
      index
    } = e.detail;
    // const { photos } = this.data.personInfo;

    // photos.splice(index, 1);
    // this.setData({
    //   'personInfo.photos': photos,
    // });
  },

  onPhotosSuccess(e) {
    const {
      files
    } = e.detail;
    // this.setData({
    //   'personInfo.photos': files,
    // });
  },

  onPhotosDrop(e) {
    const {
      files
    } = e.detail;
    // this.setData({
    //   'personInfo.photos': files,
    // });
  },

  userInfoHandler(e) {
    console.log(e.detail)

    this.uploadFileToOSS(e.detail.avatarUrl, (error, data) => {
      if (error) {
        wx.showToast({
          title: '上传失败!',
          icon: 'none'
        });
        console.error('上传失败:', error); // 输出具体的错误信息
      } else {
        wx.showToast({
          title: '上传成功!',
          icon: 'success'
        });
        this.setData({
          'personInfo.avatar': data
        })

        console.log('上传成功:', data); // 输出上传成功后的数据
      }
    });
  },

  //上传文件方法 
  async uploadFileToOSS(file, callback) {


    const policyData = await request('admin/policy_token', 'post')
    const res = JSON.parse(policyData.token)

    const fileName = file.split('/').pop(); // hello.png
    // const fileName = fileNameWithExt.split('.').slice(0, -1).join('.'); // hello

    const formData = {
      key: 'upload_file/' + fileName, //上传文件名称
      policy: res.policy, //表单域
      'x-oss-signature-version': res.x_oss_signature_version, //指定签名的版本和算法
      'x-oss-credential': res.x_oss_credential, //指明派生密钥的参数集
      'x-oss-date': res.x_oss_date, //请求的时间
      'x-oss-signature': res.signature, //签名认证描述信息
      'x-oss-security-token': res.security_token, //安全令牌
      success_action_status: "200" //上传成功后响应状态码
    };
    // console.log(filePath)
    // return
    // 发送请求上传文件 
    wx.uploadFile({
      url: 'https://image-fudan.oss-cn-beijing.aliyuncs.com/',
      method: 'put',
      filePath: file,
      name: 'file', //固定值为file
      formData: formData,
      success(res) {
        console.log('上传响应:', res);
        if (res.statusCode === 200) {
          callback(null, 'https://image-fudan.oss-cn-beijing.aliyuncs.com/upload_file/' + fileName); // 上传成功
        } else {
          console.error('上传失败，状态码:', res.statusCode);
          console.error('失败响应:', res);
          callback(res); // 上传失败，返回响应
        }
      },
      fail(err) {
        console.error('上传失败:', err); // 输出错误信息
        wx.showToast({
          title: '上传失败，请重试!',
          icon: 'none'
        });
        callback(err); // 调用回调处理错误
      }
    });

  },


  async onSaveInfo() {
    let obj = this.data.personInfo;
    let errorStatus = {};
    // Name must be 2-20 characters
    errorStatus.name = !obj.username || obj.username.length < 2 || obj.username.length > 20;
    errorStatus.gender = !obj.sex;
    errorStatus.id = obj.id_number ? !/^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/.test(obj.id_number) : false;
    errorStatus.birthday = !obj.birthday;
    errorStatus.age = !obj.age;
    errorStatus.birth_weight = !/^\d+(\.\d+)?$/.test(obj.birth_weight);
    errorStatus.operative_date = !obj.operative_date;
    errorStatus.parity_number = !obj.parity_number;
    errorStatus.birth_number = !obj.birth_number;
    errorStatus.conception_type = !obj.conception_type;
    errorStatus.gestational_week = !/^\d+(\.\d+)?$/.test(obj.gestational_week) || Number(obj.gestational_week) <= 0;
    errorStatus.prenatal_check_type = !obj.prenatal_check_type;
    errorStatus.delivery_type = !obj.delivery_type;
    if (obj.delivery_type == '1') {
      errorStatus.prenatal_check_remark = !obj.prenatal_check_remark;
    }
    if (obj.prenatal_check_type == 2) {
      obj.prenatal_check_remark = '无';
      errorStatus.prenatal_check_remark = false;
    }
    console.log(errorStatus);
    this.setData({
      errorStatus
    });
    if (Object.values(errorStatus).some(v => v)) {
      return;
    }
    obj.birth_weight = Number(obj.birth_weight);
    obj.gestational_week = Number(obj.gestational_week);

    await request('patient/set_personal_information', 'post', obj);
    if (wx.getStorageSync('scrm_userid')) {
      this.scrmBindTag(wx.getStorageSync('scrm_userid'))
    }
    wx.showToast({
      title: '提交成功',
      icon: 'success',
      duration: 2000,
      complete: () => {
        wx.switchTab({
          url: '/pages/my/index'
        })
      }
    })
    
  },
  onIdInput(e) {
    // 18位身份证正则
    const value = e.detail.value;
    const reg18 = /^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/;
    if (this.data.errorStatus.id) {
      this.setData({
        'errorStatus.id': false
      });
    }
    this.personInfoFieldChange('id_number', e);
    // 如果输入合法身份证号，自动提取出生日期
    if (reg18.test(value)) {
      const birthStr = value.substr(6, 8); // YYYYMMDD
      const birthDate = `${birthStr.substr(0, 4)}-${birthStr.substr(4, 2)}-${birthStr.substr(6, 2)}`;
      this.setData({
        'personInfo.birthday': birthDate,
        'personInfo.age': this.getAgeByBirthday(birthDate)
      });
    }
  },
  onWeightInput(e) {
    // const isNumber = /^\d+(\.\d+)?$/.test(e.detail.value);
    // if (this.data.errorStatus.birth_weight) {
    //   this.setData({ 'errorStatus.birth_weight': false });
    // }
    if (!e.detail.value || e.detail.value == 0) {
      this.setData({
        'errorStatus.birth_weight': true
      });
    } else {
      this.setData({
        'errorStatus.birth_weight': false
      });
    }
    this.personInfoFieldChange('birth_weight', e);
  },
  onWeekInput(e) {
    console.log(e.detail.value == true)
    if (!e.detail.value || e.detail.value == 0) {
      this.setData({
        'errorStatus.gestational_week': true
      });
    } else {
      this.setData({
        'errorStatus.gestational_week': false
      });
    }
    this.personInfoFieldChange('gestational_week', e);
  },
  showSelect(e) {
    const {
      mode,
      list
    } = e.currentTarget.dataset;
    modeText = mode

    // 所有设备都使用相同的处理逻辑，避免层级问题
    // 先让所有输入框失焦
    wx.hideKeyboard();

    setTimeout(() => {
      this.setData({
        selectVisible: true,
        selectValue: this.data.personInfo[mode] ? this.data.personInfo[mode] : '',
        selectList: list
      })
    }, 100)
  },
  onSelectChange(e) {
    const {
      value,
      label
    } = e.detail;
    this.setData({
      [`personInfo.${modeText}`]: value[0],
      [`errorStatus.${modeText}`]: false
    })

  },
  onPrenatalCheckRemarkChange(e) {
    this.setData({
      ['personInfo.prenatal_check_remark']: e.detail.value,
      ['errorStatus.prenatal_check_remark']: false
    })

  },
  onPickerCancel() {
    this.setData({
      selectVisible: false
    })
    // 确保键盘状态正确
    setTimeout(() => {
      wx.hideKeyboard();
    }, 50)
  },
  // 通过分享页面设置手术时间标签

  async scrmBindTag(user_id) {
    const res = await request('patient/bind_tag', 'post', {
      wx_user_id: user_id,
    })
    await wx.removeStorageSync('scrm_userid');
  },

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

  },
});