const apiArr = require("~/api/water_filter");
const { postUrl } = require("~/utils/util");
const util = require("~/utils/util");

// pages/water_filter/repair/repair.js
const app = getApp() 

Page({

  /**
   * 页面的初始数据
   */
  data: {
    s: app.system.statusBarHeight, // 状态栏高度
    n: (app.menu.top - app.system.statusBarHeight) * 2 + app.menu.height, // 导航栏高度
    t: app.menu.top, // 胶囊局顶部距离
    h: app.menu.height, // 胶囊高度
    value: '',

    name:"",
    phone:"",
    message:"",
    fileList:[],
    fileList2:[],
    time:"",

    equipmentShow: false,
    equipmentList: [],
    selectEquipment: {}, // 所选设备信息
    DoorTimeShow:false,
    sucess:false,//是否报修成功
    minDate: new Date().getTime(),
    formatter(type, value) {
        if (type === 'year') {
          return `${value}年`;
        }
        if (type === 'month') {
          return `${value}月`;
        }
        if (type === 'day') {
            return `${value}日`;
          }
        return value;
    },
  },
  deleteImg(e){
      console.log(e);
      let that = this
      let fileList = that.data.fileList
      let fileList2 = that.data.fileList2
      fileList.splice(e.detail.index,1)
      fileList2.splice(e.detail.index,1)
      that.setData({
          fileList,
          fileList2
      })
  },

  ipt1(e){
    let that = this
    that.setData({
        name:e.detail.value
    })
  },
  ipt2(e){
    let that = this
    that.setData({
        phone:e.detail.value
    })
  },
  ipt3(e){
    let that = this
    that.setData({
        message:e.detail
    })
  },

  switchShow(){
    let that = this
    that.setData({
      DoorTimeShow:!that.data.DoorTimeShow
    })
  },

  // 取消所选设备信息
  headerCancelClick(){
    this.setData({
      selectEquipment: {}, // 所选设备信息
      equipmentShow: false
    })
  },

  // 关闭弹窗
  onClose(){
    let that = this
    that.setData({
      DoorTimeShow:false
    })
  },
  headerEquipmentPopupClick() {
    this.setData({
      equipmentShow: true
    })
  },

  onClosePopup() {
    this.setData({
      equipmentShow: false
    })
  },

  onInput(event){
    let that =this
    const date = new Date(event.detail);
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份补零
    const day = String(date.getDate()).padStart(2, '0');        // 日期补零
    const hours = String(date.getHours()).padStart(2, '0');     // 小时补零
    const minutes = String(date.getMinutes()).padStart(2, '0'); // 分钟补零
    
    const time = `${year}-${month}-${day} ${hours}:${minutes}`;
    console.log(time);
    that.setData({
        time,
        DoorTimeShow:false
    })
  },

  afterRead(e){
    const { file } = e.detail;
    // 验证文件类型
    if (file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image') {
      wx.showToast({ title: '只能上传 JPG/PNG 格式的图片', icon: 'none' });
      return false;
    }
    // 验证文件大小
    if (file.size > 5 * 1024 * 1024) {
      wx.showToast({ title: '图片大小不能超过 5MB', icon: 'none' });
      return false;
    }
    return true;
  },
  beforeRead(e){
    console.log(e);
    let that = this
    wx.showLoading({
      title: '上传中',
      mask:true,
    })
    util.uploadFileUrl(e.detail.file.url,(res)=>{
        wx.hideLoading()
        let datas = JSON.parse(res)
        console.log(datas.data);
        let url = util.img_url + datas.data.path
        let fileList = that.data.fileList
        let fileList2 = that.data.fileList2
        let obj = {
            url:url,
            name:'avatar'
        }
        let obj2 = {
            url:datas.data.path,
            name:'avatar'
        }
        fileList.push(obj)
        fileList2.push(obj2)
        that.setData({
            fileList,
            fileList2
        })
    })
  },

  submit(){
    const {selectEquipment, name, phone, time, message, fileList2} = this.data;

    if (!selectEquipment.device_id) {
      wx.showToast({
        title: '请选择报修设备',
        icon:"none"
      })
      return
    }
    if(!name){
      wx.showToast({
        title: '请填写联系人姓名',
        icon:"none"
      })
      return
    }
    if(!phone){
      wx.showToast({
        title: '请填写联系人电话',
        icon:"none"
      })
      return
    }
    if(!util.isPhone(phone)){
        wx.showToast({
            title: '请填写正确电话',
            icon:"none"
          })
          return
    }
    if(!time){
      wx.showToast({
        title: '请选择上门时间',
        icon:"none"
      })
      return
    }
    if(!message){
      wx.showToast({
        title: '请填写报修内容',
        icon:"none"
      })
      return
    }
    wx.showLoading({
      title: '提交中...',
      mask: true,
    })
    let that = this
    util.postUrl(apiArr.repair,{
      appointment_time: time,
      customer_name: name,
      customer_phone: phone,
      device_id: selectEquipment.device_id,
      fault_desc: message,
      fault_imgs: fileList2.length !== 0 ? fileList2[0].url : '',
      user_id:Number(wx.getStorageSync('userId'))

    },res=>{
      wx.hideLoading();
      if (res.error) {
        wx.showToast({
          title: '提交失败',
          icon: 'none'
        })
        return;
      }
      this.setData({
        sucess: true
      })
      
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.init();
    wx.showShareMenu({
        withShareTicket: true,
        menus: ['shareAppMessage', 'shareTimeline']
    })
  },

  init() {
    wx.showLoading({
      title: '加载中...',
      mask:true
    })
    postUrl(apiArr.BXDeviceList, {
      page_num: 1,
      page_size: 50, //TODO: 临时写一次获取50个，后续优化
      user_id:Number(wx.getStorageSync('userId'))
    }, res => {
        wx.hideLoading()
      if(res.msg == '操作成功'){
          if(res.rows){
              res.rows.forEach(item=>{
                  item.product_icon = util.img_url + item.product_icon
              })
              this.setData({
                equipmentList: res.rows || []
              })
          }
      }
    })
  },


  headerSelectClick(e) {
    console.log('e',e);
    this.setData({
      selectEquipment: e.currentTarget.dataset.item,
      name:e.currentTarget.dataset.item.customer_name,
      phone:e.currentTarget.dataset.item.customer_phone,
      equipmentShow: false
    })
  },

  headerLookClick() {
    const pageUrl = getCurrentPages();
    // 获取当前页面的上一页 如果不是首页
    if (pageUrl[pageUrl.length - 2].route !== 'pages/index/newIndex/newIndex') {
      // 关闭当前页 返回上一页
      wx.navigateBack({
        delta: 1
      })
    } else {
      wx.redirectTo({
        url: '/packages/WaterPurifier/pages/Maintenance/Maintenance',
      })
    }
  },

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

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

  },

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

  },

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

  },

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

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage(){
    return {
        title: '人人爱净水',  // 分享卡片标题（必填）
        path: '/pages/water_filter/water_filter',  // 用户点击后跳转的路径（可选，默认当前页）
        imageUrl: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/share.png'  // 自定义图片（可选，比例建议 5:4）
      }
},
onShareTimeline() {
    return {
        title: '人人爱净水', // 自定义标题
        query: '', // 自定义页面路径中的参数
        imageUrl: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/share.png' // 自定义分享图片路径
    }
},
})