// pages/eventReport/eventReportFeedback/eventReportFeedback.ts
import { getAction, upload, putAction, postAction } from '../../../api/base';
const dayjs = require('dayjs');
var QQMapWX = require('../../../utils/qqmap-wx-jssdk.min.js');
// 实例化API核心类
var qqmapsdk = new QQMapWX({
  key: 'KDEBZ-EV5KH-XN5DU-WYZGD-SN3YK-WZBZI'
});
Page({
  /**
   * 页面的初始数据
   */
  data: {
    showSelect: {
      timeSelectShow: false
    } as any,
    requireObj: {
      // eventId: '',
      handleTime: '',
      handleResult: ''
    },
    params: {
      eventId: '',
      handleTime: '',
      handleResult: '',
      handleFile: '',
      handleFileList: [] as any
    } as any,
    handleTimestamp: new Date().getTime(),
    detailInf: {} as any,
    userInf: {} as any
  },
  pickerChange(event: any) {
    //下拉框切换是否展示
    let fieldName: any = event.currentTarget.dataset.fieldname;
    let data: any = { ...this.data };
    if (fieldName == 'yesOrNoSelectShow') {
      let { fieldindex } = event.currentTarget.dataset;
      data.changeProjectIndex = fieldindex;
    }
    data.showSelect[fieldName] = true;
    this.setData(data);
  },
  hidePicker() {
    let showSelect = this.data.showSelect;
    showSelect = {
      projectSelectShow: false,
      contractSelectShow: false,
      vehicleTypeSelectShow: false,
      templateSelectShow: false,
      yesOrNoSelectShow: false,
      timeSelectShow: false
    };
    this.setData({
      showSelect: showSelect
    });
  },
  pickerConfirm(event: any) {
    console.log(event);
    //下拉框点击确认
    let { fieldname, fieldindex } = event.currentTarget.dataset;
    let detail = event.detail;
    let data: any = { ...this.data };
    if (fieldname === 'projectId') {
      data.params[fieldname] = detail.value.value;
      data[fieldindex] = detail.index;
    }
    if (fieldname === 'checkStatus') {
      console.log(data.params.projectList);
      let index = data.changeProjectIndex;
      data.params.projectList[index][fieldname] = detail.value.value;
      // data[fieldindex] = detail.index;
      console.log(data.params.projectList);
    } else if (fieldname === 'handleTime') {
      console.log(data.params.reportTime);
      data.params[fieldname] = dayjs(new Date(detail)).format(
        'YYYY-MM-DD HH:mm'
      );
      console.log(data.params[fieldname]);
    } else {
      data.params[fieldname] = detail.value.value;
      data[fieldindex] = detail.index;
    }
    if (data.params[fieldname]) {
      // delete data.requireObj[fieldname];
      data.requireObj[fieldname] = '';
    } else {
      data.requireObj[fieldname] = '此项为必填项';
    }
    console.log(this.data);
    this.setData(data);
    this.hidePicker();
  },
  // 获取维保员
  getByRoleCode() {
    let params = {
      // roleCode: ''
    };
    getAction('api/user/getByRoleCode', params).then((res: any) => {
      if (res.code == 200) {
        // let data: any = { ...this.data };
        // data.params.userList = res.result;
        // this.setData(data);
        // console.log(this.data.params);
        let arr = [] as any;
        res.result.forEach((item: any, index: number) => {
          arr.push({
            text: item.realname,
            value: item.id
          });
          if (
            this.data.params.checkUserId != '' &&
            this.data.params.checkUserId == item.id
          ) {
            this.setData({
              checkUserPickerIndex: index
            });
          }
          if (
            this.data.params.acceptUserId != '' &&
            this.data.params.acceptUserId == item.id
          ) {
            this.setData({
              acceptUserPickerIndex: index
            });
          }
        });
        this.setData({
          userList: arr
        });
      } else {
        wx.showToast({
          title: res.message,
          icon: 'none'
        });
      }
    });
  },
  checkStatusOnChange(e: any) {
    let index = e.currentTarget.dataset.pindex;
    let data: any = { ...this.data };
    data.params.projectList[index].checkStatus = e.detail;
    this.setData(data);
  },
  getInput(e: any) {
    console.log(e);
    let { fieldname, fieldindex, fieldkey } = e.currentTarget.dataset;
    let detail = e.detail;
    let data: any = { ...this.data };
    if (fieldname == 'projectList') {
      data.params.projectList[fieldindex].remark = detail.value;
    } else if (fieldname == 'reportTime') {
      data.reportTimestamp = detail;
      data.params[fieldindex] = dayjs(detail).format('YYYY-MM-DD HH:mm');
    } else {
      data.params[fieldname] = detail.value;
    }
    if (data.params[fieldname]) {
      // delete data.requireObj[fieldname];
      data.requireObj[fieldname] = '';
    } else {
      data.requireObj[fieldname] = '此项为必填项';
    }
    this.setData(data);
  },
  clearVal(e: any) {
    let { fieldname, fieldindex, fieldkey } = e.currentTarget.dataset;
    let data: any = { ...this.data };
    if (fieldname == 'projectList') {
      data.params.projectList[fieldindex].remark = '';
    } else if (fieldname == 'vehicleList') {
      data.params[fieldname][fieldindex][fieldkey] = '';
    } else {
      data.params[fieldname] = '';
    }
    this.setData(data);
  },
  radioOnChange(e: any) {
    console.log(e);
    let { fieldname } = e.currentTarget.dataset;
    let data: any = { ...this.data };
    data.params[fieldname] = e.detail;
    this.setData(data);
  },
  // 上传
  afterRead(e: any) {
    console.log(e);
    let { fieldname } = e.currentTarget.dataset;
    const file = e.detail;
    let option = {
      name: 'file',
      filePath: e.detail.file.url
    };
    upload('api/event/info/upload', option).then((res: any) => {
      let tempData = JSON.parse(res.data);
      if (tempData.code == 200) {
        let otherPhotoFile: any = this.data.params[fieldname + 'List'];
        otherPhotoFile.push({ ...file, url: tempData.result.fileUrl });
        let data: any = this.data;
        let urls = '';
        otherPhotoFile.forEach((p: any) => {
          urls += p.url + ',';
        });
        urls = urls.slice(0, -1);
        data.params[fieldname] = urls;
        data.params[fieldname + 'List'] = otherPhotoFile;
        console.log(data.params);
        this.setData(data);
      } else {
        wx.showToast({
          title: '上传失败，请重试',
          icon: 'none'
        });
      }
    });
  },
  deletePhoto(e: any) {
    let { fieldname } = e.currentTarget.dataset;
    let otherPhotoFile = this.data.params[fieldname + 'List'];
    let index = e.detail.index;
    otherPhotoFile.splice(index, 1);
    let data: any = this.data;
    let urls = '';
    otherPhotoFile.forEach((p: any) => {
      urls += p.url + ',';
    });
    urls = urls.slice(0, -1);
    data.params[fieldname] = urls;
    data.params[fieldname + 'List'] = otherPhotoFile;
    this.setData(data);
  },
  isStepReady() {
    //校验基础信息
    let isAllReady = true;
    let temp: any = this.data.requireObj;
    let params: any = this.data.params;
    for (let key in temp) {
      if (key == 'id') {
        continue;
      }
      if (key == 'handleTime') {
        let timeRegex =
          /^(?:19|20)[0-9][0-9]-(?:(?:0[1-9])|(?:1[0-2]))-(?:(?:[0-2][1-9])|(?:[1-3][0-1])) (?:(?:[0-2][0-3])|(?:[0-1][0-9])):[0-5][0-9]$/;
        if (!timeRegex.test(params[key])) {
          isAllReady = false;
          temp[key] = '请填写正确的时间';
        }
        // temp[key] = temp[key] ? temp[key] : '请填写正确的时间';
      } else if (key == 'phoneNumber') {
        let timeRegex = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
        if (!timeRegex.test(params[key])) {
          isAllReady = false;
          temp[key] = '请填写正确的联系电话';
        }
      } else if (key == 'handleResult') {
        // 空格输入校验
        let spaceRegex = /^\S*$/;
        let regex = /[!@#$%^&*?><|\\\\]/;
        let tooLong = temp[key].length > 500;
        if (!params[key]) {
          temp[key] = '此项为必填项';
        } else if (params[key] && !spaceRegex.test(params[key])) {
          temp[key] = '不支持含有空格';
        } else if (params[key] && regex.test(params[key])) {
          temp[key] = '不支持特殊字符';
        } else if (params[key] && tooLong) {
          temp[key] = '输入长度不得超过500个字符';
        } else {
          temp[key] = '';
        }
        if (temp[key]) {
          isAllReady = false;
        }
      } else if (!params[key]) {
        isAllReady = false;
        temp[key] = temp[key] ? temp[key] : '此项为必填项';
      } else {
        temp[key] = this.checkStr(params[key]);
        if (temp[key]) {
          isAllReady = false;
        }
      }
    }
    this.setData({
      requireObj: temp
    });
    console.log(temp, isAllReady);
    return isAllReady;
  },
  checkStr(str: string) {
    let returnStr = '';
    let spaceRegex = /^\S*$/;
    let regex = /[!@#$%^&*?><|\\\\]/;
    let tooLong = str.length > 32;
    if (!spaceRegex.test(str)) {
      returnStr = '不支持含有空格';
    } else if (regex.test(str)) {
      returnStr = '不支持特殊字符';
    } else if (tooLong) {
      returnStr = '输入长度不得超过32个字符';
    } else {
      returnStr = '';
    }
    return returnStr;
  },
  formSubmit() {
    if (!this.isStepReady()) {
      wx.showToast({
        title: '请填写完整对应信息',
        icon: 'none'
      });
      // 验证是否非空
      return;
    }
    wx.showLoading({
      title: '处理中'
    });
    postAction('api/event/info/handle', this.data.params).then((res: any) => {
      wx.hideLoading();
      if (res.code == 200) {
        wx.showToast({
          title: '处理成功',
          icon: 'success'
        });
        setTimeout(() => {
          wx.navigateBack({
            delta: 2
          });
        }, 500);
      } else {
        wx.showToast({
          title: res.message,
          icon: 'none'
        });
      }
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    // this.getByRoleCode();
    let userInf = wx.getStorageSync('userInfo');
    this.setData({
      userInf: userInf
    });
    // 接收传参
    const eventChannel = this.getOpenerEventChannel();
    eventChannel &&
      eventChannel.on &&
      eventChannel.on('eventName', data => {
        console.log('接收参数', data);
        let params = this.data.params;
        params.eventId = data.id;
        this.setData({
          detailInf: data,
          params: params
        });
      });
  },

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

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

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

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

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

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

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