zh_wx/StepPage/pages/writeVIN/writeVIN.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    show:false,
    c_show:false,
    p_show:false,
    vinText:'',
    searchValue:'',
    searchValuec:'',
    searchValuep:'',
    searchList:[],
    custom_mobile:'',
    custom_name:'',
   vinList:[],
   cusList:[],
   phoneList:[],
   canChoose:false,
   showCamera:false,
   imgList:[],
   set_status:'',
   cameraSet:'back'
  },
  handleExpand(){
if(this.data.cameraSet=='back'){
  this.setData({
    cameraSet:'front'
  })
}else{
  this.setData({
    cameraSet:'back'
  })
}
  },
  takePhoto() {
    const ctx = wx.createCameraContext()
    ctx.takePhoto({
      quality: 'high',
      success: (res) => {
        this.upRecord(res.tempImagePath);
      }
    })
  },
  upRecord(video){
    var that =this;
    let app = getApp();
    let openid = app.globalData.openID;
    let formData = { 
      openid
    };
    wx.uploadFile({
      url: `${app.globalData.url}wx/uploadConstructionFile`,//这是你自己后台的连接
      filePath: video,
      name:"file",//后台要绑定的名称
      header: {
        "Content-Type": "multipart/form-data"
      },
      //参数绑定
      formData: formData,// HTTP 请求中其他额外的 form data
      success:function(ress){
        wx.showToast({
          title: '上传成功',
        })
        let img = JSON.parse(ress.data).data.url;
        that.data.imgList[0].src = `${app.globalData.url}${img}`;
        if(that.data.set_status){
          that.data.imgList[0].show_url = `${app.globalData.url}${img}`;
        }
        that.setData({
          imgList:that.data.imgList,
          showCamera:false
        })
      },
      fail: function(ress){
        wx.showToast({
          title: '上传失败',
        })
        that.setData({
          showCamera:false
        })
      }
    })
  },
  handleOpenCamera(data){
    if(this.data.imgList[0].src){
      wx.previewImage({
   urls:[this.data.imgList[0].src]
      })
      return
    }
    if(this.data.set_status=='is_detail'){
      return
    }
    this.setData({
      showCamera:true,
    })
  },
  scanBarcode: function() {
    var that = this;
    let app = getApp();
    wx.scanCode({
      success: function(res) {
        let vin_no = res.result;
        if(that.data.vinList.find(v=>v.vin_no==vin_no)){
          app.globalData.car_file_name = that.data.vinList.find(v=>v.vin_no==vin_no).car_file_name;
          app.globalData.car_file_id = that.data.vinList.find(v=>v.vin_no==vin_no).car_file_id;
          app.globalData.car_type_name = that.data.vinList.find(v=>v.vin_no==vin_no).car_type_name;
          app.globalData.car_type = that.data.vinList.find(v=>v.vin_no==vin_no).car_type;
          app.globalData.own_id = that.data.vinList.find(v=>v.vin_no==vin_no).id;
          that.setData({
            vinText:vin_no,
  custom_mobile:'',
  custom_name:'',
  canChoose:true,
          })
        }else{
          app.globalData.car_type='';
          app.globalData.car_file_id='';
          app.globalData.car_type_name = '';
          app.globalData.car_file_name = '';
          app.globalData.own_id = 0;
          app.globalData.name_id = '';
           that.setData({
          vinText:res.result,// 输出条形码信息
          custom_name:'',
          custom_mobile:'',
          canChoose:false
        })
        }
      },
      fail: function(res) {
        console.log(res);
      }
    })
  },
  handleChooseVin(item){
    let app = getApp();
     let data = item.target.dataset.item;
     app.globalData.car_type=data.car_type;
     app.globalData.car_file_id=data.car_file_id;
     app.globalData.car_type_name = data.car_type_name;
     app.globalData.car_file_name = data.car_file_name;
     app.globalData.own_id = data.id;
     app.globalData.name_id = '';
     app.globalData.custom_name = '';
     app.globalData.custom_mobile = '';
     this.setData({
       vinText:data.vin_no,
       show:false,
       canChoose:true,
       custom_mobile:'',
       custom_name:'',
     })
  },
  handleChooseCus(item){
    let app = getApp();
     let data = item.target.dataset.item;
     app.globalData.name_id = data.id;
     app.globalData.custom_name = data.name;
     app.globalData.custom_mobile = data.phone;
     this.setData({ 
       c_show:false,
       custom_mobile:data.phone,
       custom_name:data.name
     })
  },
  handleChoosePhone(item){
    let app = getApp();
     let data = item.target.dataset.item;
     app.globalData.name_id = data.id;
     app.globalData.custom_name = data.name;
     app.globalData.custom_mobile = data.phone;
     this.setData({
       p_show:false,
       custom_mobile:data.phone,
       custom_name:data.name
     })
  },
  handleCancel(){
      this.setData({
        show:false
      })
  },
  handleCancelc(){
    this.setData({
      c_show:false
    })
},
handleCancelp(){
  this.setData({
    p_show:false
  })
},
  onSearch(event){
    let app = getApp();
    let openid = app.globalData.openID;
     wx.p.request({
      url: `${app.globalData.url}wx/ownerList`,
      method:'POST',
      data:{
    openid,
   vin_no:event.detail
    }
    }).then(res=>{
      if(res.data.code==200){
       this.setData({
         vinList:res.data.data.data,
         searchList:res.data.data.data
       })
      }
    })
    //  let arr = this.data.vinList.filter(v=>v.vin_no.indexOf(event.detail)!=-1);
    //  this.setData({
    //    searchList:arr
    //  })
  },
  handleShow(){
 this.setData({
   show:true,
  searchList:this.data.vinList
 })
  },
  handleShowCus(){
    let app = getApp();
    let openid = app.globalData.openID;
    wx.p.request({
      url: `${app.globalData.url}wx/ownerDetail`,
      method:'POST',
      data:{
    openid,
    id:app.globalData.own_id
    }
    }).then(res=>{
      if(res.data.code==200){
       this.setData({
         c_show:true,
         cusList:res.data.data.sub.filter(v=>v.use=='1')
       })
      }
    })
  },
  handleShowCusP(){
    let app = getApp();
    let openid = app.globalData.openID;
    wx.p.request({
      url: `${app.globalData.url}wx/ownerDetail`,
      method:'POST',
      data:{
    openid,
    id:app.globalData.own_id
    }
    }).then(res=>{
      if(res.data.code==200){
       this.setData({
         p_show:true,
         phoneList:res.data.data.sub.filter(v=>v.use=='1')
       })
      }
    })
  },
  onChange(event){
 let app = getApp();
 app.globalData.car_type='';
 app.globalData.car_file_id='';
 app.globalData.car_type_name = '';
 app.globalData.car_file_name = '';
 app.globalData.own_id = 0;
 app.globalData.name_id = '';
 app.globalData.custom_name = '';
 app.globalData.custom_mobile = '';
 this.setData({
   canChoose:false,
   vinText:event.detail
 })
 console.log(app.globalData)
  },
  onChangePhone(event){
    let app = getApp();
    app.globalData.name_id = '';
    app.globalData.custom_mobile = event.detail
    this.setData({
      custom_mobile:event.detail
    })
  },
  handleDelPic(e){
    console.log(e);
    let imgList = this.data.imgList;
    imgList[e.currentTarget.dataset.index].src = '';
    this.setData({
      imgList:imgList
    })
   },
  onChangeName(event){
    let app = getApp();
    app.globalData.name_id = '';
    app.globalData.custom_name = event.detail
    this.setData({
      custom_name:event.detail
    })
  },
  handleNext(){
    if(this.data.vinText){
      let app = getApp();
      app.globalData.vin_no = this.data.vinText;
      app.globalData.img = app.globalData.img.filter(v=>v.type!=2);
      app.globalData.img.push(...this.data.imgList)
     
      if(this.data.set_status){
        wx.redirectTo({
          url: '../fourth/fourth',
        })
      }else{
        let openid = app.globalData.openID;
        app.globalData.stepData = app.globalData.stepData.filter(v=>v.sort!=4);
        app.globalData.stepData.push({
          sort:4,
          data:{
            vinText:this.data.vinText,
        custom_mobile:this.data.custom_mobile,
        custom_name:this.data.custom_name,
        canChoose:this.data.canChoose,
        imgList:this.data.imgList
          }
        })
         wx.p.request({
          url: `${app.globalData.url}wx/saveWxConstructionData`,
          method:'POST',
          data:{
        openid,
        type:1,
        data:JSON.stringify(app.globalData)
        }
        }).then(res=>{
          if(res.data.code==200){
            wx.redirectTo({
              url: '../fourth/fourth',
            })
          }
        
        })
      }
    }
   
  },
  handleReturn(){
    let app = getApp();
    let openid = app.globalData.openID;
    app.globalData.vin_no = '';
    app.globalData.img = app.globalData.img.filter(v=>v.type!=2);
      app.globalData.img.push(...this.data.imgList)
    if(this.data.set_status){
      wx.redirectTo({
        url: '../third/third',
      })
    }else{
      app.globalData.stepData.forEach((v,index)=>{
        if(v.sort == '4'){
          app.globalData.stepData.splice(index,1);
        }
      })
       wx.p.request({
        url: `${app.globalData.url}wx/saveWxConstructionData`,
        method:'POST',
        data:{
      openid,
      type:1,
      data:JSON.stringify(app.globalData)
      }
      }).then(res=>{
        if(res.data.code==200){
          wx.redirectTo({
            url: '../third/third',
          })
        }
      })
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(option) {
    // 获取车架号
    let app = getApp();
    let openid = app.globalData.openID;
     wx.p.request({
      url: `${app.globalData.url}wx/ownerList`,
      method:'POST',
      data:{
    openid,
    page_index:1,
    page_size:20
    }
    }).then(res=>{
      if(res.data.code==200){
       this.setData({
         vinList:res.data.data.data
       })
      }
      if(app.globalData.set_status){
        let vin_no = app.globalData.detailData.vin_no;
        app.globalData.car_file_name = app.globalData.detailData.car_file_title;
        app.globalData.car_file_id = app.globalData.detailData.car_file_id;
        app.globalData.car_type_name = app.globalData.detailData.car_type_title;
        app.globalData.car_type = app.globalData.detailData.car_type;
        app.globalData.own_id = app.globalData.detailData.own_id;
        app.globalData.name_id = app.globalData.detailData.own_sub_id;
        app.globalData.custom_name = app.globalData.detailData.own_name;
        app.globalData.custom_mobile = app.globalData.detailData.own_phone;
        let img_type = app.globalData.img_type.split(',');
        if(img_type.indexOf('2')!=-1){
          this.setData({
            imgList:[{
              type:'2',
              src:app.globalData.detailData.img.find(s=>s.type==2)&&app.globalData.detailData.img.find(s=>s.type==2).src?`${app.globalData.url}${app.globalData.detailData.img.find(s=>s.type==2).src}`:'',
              show_url:app.globalData.detailData.img.find(s=>s.type==2)&&app.globalData.detailData.img.find(s=>s.type==2).show_url?app.globalData.detailData.img.find(s=>s.type==2).show_url:''
            }]
          })
          console.log(this.data.imgList)
        }else{
          this.setData({
            imgList:[]
          })
        }
        this.setData({
          vinText:vin_no,
custom_mobile:app.globalData.detailData.own_phone,
custom_name:app.globalData.detailData.own_name,
canChoose:true,
set_status:app.globalData.set_status
        })
      }else{
        wx.p.request({
          url: `${app.globalData.url}wx/getWxConstructionData`,
          method:'POST',
          data:{
            type:1,
        openid
        }
        }).then(res=>{
          if(res.data.code==200){
            if(res.data.data.data){
              let data = JSON.parse(res.data.data.data);
              let box = data.stepData.find(v=>v.sort==4);
               app.globalData = data;
               app.globalData.set_status = '';
               let vin_no = app.globalData.vin_no;
               console.log(app)
               if(vin_no&&app.globalData.own_id){
                app.globalData.car_file_name = this.data.vinList.find(v=>v.vin_no==vin_no).car_file_name;
                app.globalData.car_file_id = this.data.vinList.find(v=>v.vin_no==vin_no).car_file_id;
                app.globalData.car_type_name = this.data.vinList.find(v=>v.vin_no==vin_no).car_type_name;
                app.globalData.car_type = this.data.vinList.find(v=>v.vin_no==vin_no).car_type;
               }
              if(box){
                this.setData({
                  vinText:box.data.vinText,
        custom_mobile:box.data.custom_mobile,
        custom_name:box.data.custom_name,
        canChoose:box.data.canChoose,
        set_status:''
                })
              }
          let img_type = app.globalData.img_type.split(',');
                if(img_type.indexOf('2')!=-1){
                  this.setData({
                    imgList:app.globalData.img.filter(v=>v.type=='2'),
                    set_status:''
                  })
                }else{
                  this.setData({
                    imgList:[],
                    set_status:''
                  })
                }
              }
            }
        })
      }
    })
  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})