// pages/register/index.js
const $$ = require('../../utils/util');
const app = getApp();
import Toast from '../../components/vant/toast/toast';

// 获取个人信息
function getUserInfoApi() {
  return $$.request({
    url: 'paUser/getUserInfo',
    type: 'get',
    service: 'cust'
  });
}

function caseRegisterSaveApi(submitData) {
  return $$.request({
    url: 'caseInfo/caseRegister',
    type: 'post',
    submitData,
    service: 'mediate'
  });
}

Page({
  /**
   * 页面的初始数据
   */
  userInfo: {},
  location: [], // 省市区等地理资源
  select: {}, // 下拉框数据
  goToMaterialSave: false, // 避免跳转到材料上传页面重复保存草稿
  agreementMsg: '', // 服务协议
  data: {
    stepText: 5, //用户须知倒计时5秒
    timer: null, // 用于存储定时器的引用
    popupVisibleText: false, //是否滚动到底部
    imgUrl: $$.url.img,
    steps: [{
        title: '填写人员',
        number: '1',
        activeIcon: 'steps-register-1-active.png'
      },
      {
        title: '描述纠纷',
        number: '2',
        activeIcon: 'steps-register-2-active.png'
      },
      {
        title: '提交申请',
        number: '3',
        activeIcon: 'steps-register-3-active.png'
      },
    ],
    saveStatus: false, //未提交，已提交
    oneList: [],
    titleShow: {
      '09_01001-1': ['自然人', '姓名', '真实姓名'],
      '09_01001-2': ['法人', '企业名称', '企业全名', '法定代表人姓名'],
      '09_01001-3': ['机构代表人', '机构名称', '机构全名', '机构代表人姓名'],
    }, // 用于判断显示的输入框标题
    stepsActive: 0, // 步骤条当前下标
    submitData: {
      occurTime: new Date().getTime(),
      occurTimeName: $$.moment(new Date().getTime()).format('YYYY-MM-DD'),
      caseType: '',
      caseTypeName: '',
      addr: '',
      lat: '',
      lng: '',
      peopleNum: '',
      amount: '',
      caseDes: '',
      caseClaim: '',
      plaintiffList: [],
      defendantList: [],
    }, // 表单数据
    addPersonData: {}, //添加的当事人
    materialNum: 0, // 纠纷材料总数量
    userInfoVisible: false, // 是否采用个人信息更新申请人信息
    timePicker: false, //时间选择展示
    maxDate: new Date().getTime(),
    popup: {
      formtype: '', // 控制在纠纷信息 or 申请人信息 or 被申请人添加数据
      index: 0, // 如为申请人信息 or 被申请人确认下拉选择此参数为下标
    }, // 下拉弹出框数据
    changeVisible: false, // 是否是修改
    recordingVisible: false, // 录音界面是否显示
    popupMsg: {
      show: false,
      title: '',
      type: 1,
      editType: 'add',
      buttonText: ''
    }, // 弹窗, type: 1'恢复草稿',2'申请人',3'被申请人', editType: 'add'新增,'edit'修改
    tipData: {
      caseList: [].join("\n"),
      guideList: [],
    },
    caseText: '',
    caseTitle: '',
    similarity: '',
    showCase: false,
    popupSelect: {
      show: false,
      data: [],
      activeIndex: null
    }, // 选择人员
    threeAvtice: '1',
    caseDesNum: 0, //事项概况字数
    caseClaimNum: 0, //事项申请字数
  },

  // 获取服务协议
  async getAgreement() {
    var that = this;
    const res = await $$.commonRequest({
      url: `${$$.url.txt}agree.txt`,
      type: 'get'
    });
    if (res) {
      that.data.popupVisible = true;
      that.setData({
        popupVisible: true,
      });
      this.startCountdown(); // 启动倒计时
    }
  },

  //须知弹窗倒计时
  startCountdown: function () {
    let that = this;
    that.setData({
      timer: setInterval(function () {
        if (that.data.stepText > 0) {
          that.data.stepText--;
          that.setData({
            stepText: that.data.stepText
          });
        } else {
          clearInterval(that.data.timer); // 倒计时结束，清除定时器
          // 在这里执行销毁操作，比如隐藏或删除倒计时组件
        }
      }, 1000)
    })
  },



  // 表单修改
  handleChange(e) {
    let key = e.currentTarget.dataset.key,
      value = e.detail;
    this.data.submitData[key] = value;
    this.setData({
      submitData: this.data.submitData
    });
    if (key === 'caseDes' || key === 'caseClaim') {
      this.setData({
        [key + 'Num']: value.length
      });
    }
  },

  threeTagChange(e) {
    value = e.detail;
    this.setData({
      threeAvtice: value
    });
  },
  // 下拉框选择确认
  handleConfirmPicker({
    detail
  }) {
    let type = this.data.popup.type,
      value = detail.detail.value,
      arr = [];
    this.data.popup.visible = false;
    if (type === 'caseCause') {
      arr = ['caseType', 'caseTypeName'];
      arr.forEach((x, t) => {
        this.data.submitData[x] = value[0][t === 0 ? 'value' : 'label'];
      });
    } else if (type === 'location') {
      arr = [
        ['city', 'cityName'],
        ['area', 'areaName'],
        ['road', 'roadName']
      ];
      arr.forEach((x, t) => {
        this.data.submitData[x[0]] = value[t]?.value || '';
        this.data.submitData[x[1]] = value[t]?.label || '';
      });
    }
    this.setData({
      popup: this.data.popup,
      submitData: this.data.submitData
    });
  },


  // 下拉框选择开启
  handleShowPopup(e) {
    let type = e.currentTarget.dataset.type;
    let selectData = [];
    if (type === 'location') {
      if (this.location.length === 0) {
        return false;
      }
      let selectOption = JSON.parse(JSON.stringify(this.location));
      let arr = $$.getLocationIndex(this.location, this.data.submitData); // 计算默认的市区县下标
      selectData = [{
          values: selectOption,
          defaultIndex: arr[0]
        },
        {
          values: selectOption[arr[0]].children,
          defaultIndex: arr[1]
        },
        {
          values: selectOption[arr[0]].children[arr[1]].children || [],
          defaultIndex: arr[2]
        },
      ];
      selectData.forEach((x) => {
        x.values.forEach((y) => {
          delete y.children;
        });
      });
    } else if (type === 'occurTime') {
      this.setData({
        timePicker: true
      })
      return;
    } else {
      let selectOption = this.select[type];
      selectData = [{
        values: selectOption,
        defaultIndex: 0
      }];
    }
    this.setData({
      popup: {
        formtype: e.currentTarget.dataset.formtype,
        index: e.currentTarget.dataset.index,
        visible: true,
        title: e.currentTarget.dataset.title,
        type: type,
        selectData: selectData,
      },
    });
  },
  // 关闭下拉框选择
  handleClosePopup() {
    this.data.popup.visible = false;
    this.setData({
      popup: this.data.popup
    });
  },



  // 滚动到底部事件
  handlescrolltolower() {
    this.setData({
      popupVisibleText: true
    })
  },

  // 用户须知
  handleAgree(e) {
    let type = e.currentTarget.dataset.type;
    if (!this.data.popupVisibleText) {
      Toast('请阅读完整的用户须知');
      return;
    }
    if (type === 'agree') {
      // 同意协议之后退出登录后不重复弹出
      wx.setStorage({
        key: 'agreement',
        data: 1
      });
    }
    this.setData({
      popupVisible: false
    });
  },

  // 下一步 or 上一步
  handleNext(e) {
    let type = e.currentTarget.dataset.type;
    if (type === 'next' && this.data.stepsActive === 0) {
      this.setData({
        stepsActive: 1
      });
      return;
    }
    if (type === 'back' && this.data.stepsActive === 1) {
      this.setData({
        stepsActive: 0
      });
      return;
    }
    if (type === 'next' && this.data.stepsActive === 1) {
      this.setData({
        stepsActive: 2
      });
      return;
    }

    if (type === 'back' && this.data.stepsActive === 2) {
      this.setData({
        stepsActive: 1
      });
      return;
    }
    // 申请提交
    if (type === 'next' && this.data.stepsActive === 2) {
      let data = this.data.submitData;
      let list = this.data.oneList;
      let personList = []; //"15_020008-1" 申请方当事人 ,"15_020008-2" 被申请方当事人
      let agentList = []; //"24_00006-1" 申请方代理人 ,"24_00006-2" 被申请方代理人
      personList = list.filter(item => item.perType === '15_020008-1' || item.perType === '15_020008-2');
      agentList = list.filter(item => item.perType === '24_00006-1' || item.perType === '24_00006-2');
      this.caseRegisterSave({
        ...data,
        personList,
        agentList
      });
    }
  },

  async caseRegisterSave(params) {
    $$.showLoading();
    const res = await caseRegisterSaveApi(params);
    $$.hideLoading();
    if (res.type) {
      Toast('提交成功');
    }
  },

  //选择纠纷类型 、跳转事项概况语音描述，跳转事项申请语音描述
  caseTypeGoPage(e) {
    let url = e.currentTarget.dataset.url;
    wx.navigateTo({
      url: url,
    });
  },

  //选择地址
  openmap: function (e) {
    var that = this;
    console.log('latitude')
    wx.getLocation({
      type: 'gcj02', //返回可以用于wx.openLocation的经纬度
      success: function (res) {
        wx.chooseLocation({
          success: function (res) {
            that.setData({
              submitData: {
                ...that.data.submitData,
                addr: res.address,
                lng: res.longitude,
                lat: res.latitude,
              }
            })
          },
          fail: function (res) {

          },

        })
      }
    })
  },

  delAddress() {
    this.setData({
      submitData: {
        ...this.data.submitData,
        addr: '',
        lng: '',
        lat: ''
      }
    })
  },

  // 获取省市区等地理资源
  async getLocationData() {
    $$.showLoading();
    const res = await $$.commonRequest({
      url: `${$$.url.assets}locationSelect.json`,
      type: 'get'
    });
    $$.hideLoading();
    if (res) {
      let location = [];
      $$.province.forEach((x) => {
        location.push(res[x][0]);
      });
      this.location = location;
    }
  },

  // 请求下拉框资源
  async getSelectOptionData() {
    const res = await $$.commonRequest({
      url: `${$$.url.assets}selectOption.json`,
      type: 'get'
    });
    if (res) {
      this.select.cardType = res.data.cardType || [];
      this.select.caseCause = this.data.caseCause || [];
      this.select.personClass = res.data.personClass || [];
    }
  },


  // 获取个人信息
  async getUserInfo() {
    $$.showLoading();
    const res = await getUserInfoApi();
    $$.hideLoading();
    if (res.type) {
      let data = res.data || {}
      this.setData({
        oneList: [{
          ...data,
          perType: '15_020008-1',
          perTypeName: '申请方当事人',
          perClass: '09_01001-1',
          perClassName: '自然人',
          certiNo: data.idcard || ''
        }]
      })
    };
  },

  // 自动添加申请人提醒
  oneAddMe(e) {
    let formtype = e.currentTarget.dataset.formtype;
    if (formtype === 'yes') {
      this.getUserInfo()
    }
    this.setData({
      addMePlaintiff: false
    })
  },

  // 填写人员
  oneDelPerson(e) {
    console.log('e', e);
    let index = e.currentTarget.dataset.index;
    let item = e.currentTarget.dataset.item;

    $$.showModal({
      title: '删除人员确认',
      content: '确定删除当事人' + item.trueName + '吗？',
      cancelText: '我再想想',
      confirmText: '确定删除',
      success: (res) => {
        if (res.confirm) {
          this.setData({
            oneList: this.data.oneList.filter((i, idx) => idx !== index)
          })
        }
      },
    });
  },

  // 添加当事人
  oneAddPerson(e) {
    let perType = e.currentTarget.dataset.pertype;
    let perTypeName = e.currentTarget.dataset.pertypename;
    if (!perType) {
      this.setData({
        addPerson: true
      })
    } else {
      this.setData({
        addPerson: false
      })
      wx.navigateTo({
        url: `../../pages/addPerson/index?perType=${perType}&perTypeName=${perTypeName}`,
      });
    }
  },

  // 修改当事人
  oneEditPerson(e) {
    let item = e.currentTarget.dataset.item;
    let index = e.currentTarget.dataset.index;
    wx.navigateTo({
      url: `../../pages/addPerson/index?data=${JSON.stringify(item)}&index=${index}`,
    });
  },

  // 关闭自定义弹窗
  addClosePopup(e) {
    let key = e.currentTarget.dataset.key;
    this.setData({
      [key]: false
    })
  },

  // 选择发生事件确定
  onInput(e) {
    let key = e.currentTarget.dataset.key;
    let value = e.detail;
    this.setData({
      [key]: false,
      submitData: {
        ...this.data.submitData,
        occurTime: value,
        occurTimeName: $$.moment(value).format('YYYY-MM-DD'),
      }
    })
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function () {
    this.getLocationData();
    let agreement = wx.getStorageSync('agreement');
    if (!agreement) {
      this.getAgreement();
    } else {
      if (this.data.oneList?.length === 0) {
        this.setData({
          addMePlaintiff: true
        })
      }
    }

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    if (this.data.oneData?.trueName) {
      let list = this.data.oneList;
      console.log('list', list);
      console.log('this.data.editIndex', this.data.editIndex);
      console.log('this.data.oneData', this.data.oneData);
      if (this.data.editIndex) {
        list[this.data.editIndex] = this.data.oneData;
      } else {
        list = list.concat(this.data.oneData)
      }
      this.setData({
        oneList: list,
        oneData: {},
        editIndex: false,
      })
    }

    if (this.data.twoData?.title) {
      this.setData({
        submitData: {
          ...this.data.submitData,
          caseType: this.data.twoData.value,
          caseTypeName: this.data.twoData.title,
        },
        twoData: {}
      })
    }
    if (this.data.twoValue) {
      console.log('this.data.twoValue', this.data.twoValue);
      console.log('this.data.twoKey', this.data.twoKey);
      this.setData({
        submitData: {
          ...this.data.submitData,
          [this.data.twoKey]: this.data.twoValue
        },
        twoValue: '',
        twoKey: ''
      })
    }
  },

  onHide: function () {
    // this.handleCheckSave();
  },

  onUnload: function () {
    // this.handleCheckSave();
  },
});