test/pages/order/components/contact/index.js

// pages/order/components/contact/index.js
import userApi from "../../../../utils/https/user"
import commonApi from "../../../../utils/https/common"
import util from "../../../../utils/util.js"
let app = getApp()
Component({
  /**
   * 组件的属性列表
   */
  options: {
    styleIsolation: 'apply-shared',
    addGlobalClass: true
  },
  properties: {
    maxNum:{
      type:String,
      value:"-1"
    },
    type:{
      type:String,
      value:""
    },
    productNum:{
      type:Number,
      value:1,
      observer(nv, ov, path) {
        if (nv) { 
          let num = nv-this.data.selectLinkman.length
          this.setData({
            showNum:num
          })
        }
      }
    },
    is_authentication:{// 是否实名，0否1是，默认实名
      type:String,
      value:''
    },
    is_real_name:{// 是否是一证一票，0否1是，
      type:String,
      value:''
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    selectLinkman:[],
    linkmanList:[],
    showMask:false,
    editId:null,
    isGroup:null,
    showManList:[],
    showNum:0,
    showAdd:false,
    formData:{},
    types:[],
    selectIndex:0,
    person:{},
    personId:null,
    r:[],
    phone:null,//非实名时需要传的电话
  },
  lifetimes: {
    attached: function() {
      // 在组件实例进入页面节点树时执行
      console.log(this.properties.productNum);
      console.log(this.properties.is_real_name);
      // if (this.properties.is_real_name == '1') {
        this.setData({
          showNum:this.properties.productNum
        })
      // }
      // 不实名时直接获取手机号
      if (this.properties.is_authentication) {
        commonApi.user_post("uservice/user/getMyInfo",{}).then(res=>{
          if(res.code==1){
            this.setData({
              phone:res.data.mobile
            })
            this.triggerEvent("setLinkman",{phone:this.data.phone})
          }
        })
      }
      // 获取默认联系人
      commonApi.user_post("token/check").then(res=>{
        this.setData({
          isGroup:app.globalData.product.isGroup
        })
        if(res.code==1){
          userApi.user_post("user/getDefaultContact",{
            contactType:"CONTACT"
          }).then(res=>{
            if(res.data){
              let length =[res.data].length
              this.setData({
                selectLinkman:[res.data],
                showNum:this.data.showNum-length,
                showManList:[res.data]
              })
              this.triggerEvent("setLinkman",[res.data])
            }
            this.getLinkmanList()
          })
        }
      })
      // 获取证件列表
      userApi.user_post("user/getCardTypeList", {}).then(r => {
        console.log(r)
        let data = [];
        r.data.map(item=>{
          data.push(item.title)
        })
        this.setData({
          types: r.data,
          typeList:data
        })
      })
    },
    detached: function() {
      // 在组件实例被从页面节点树移除时执行
    },
  },
  pageLifetimes: {
    show: function() {
      // 页面被展示
      if(this.data.editId){
        let editId = this.data.editId;
        userApi.user_post("user/getContactInfoById",{
          id:editId
        }).then(res=>{
          let selectLinkman = this.data.selectLinkman,linkmanList = this.data.linkmanList;
          selectLinkman.map(item=>{
            if(item.id==editId){
              item.name = res.data.name;
              item.tel = res.data.tel;
              item.id_number = res.data.id_number;
              item.is_default = res.data.is_default;
              item.document_type = res.data.document_type;
              item.document_type_text = res.data.document_type_text;
            }
          })
          linkmanList.map(item=>{
            if(item.id==editId){
              item.name = res.data.name;
              item.tel = res.data.tel;
              item.id_number = res.data.id_number;
              item.is_default = res.data.is_default;
              item.document_type = res.data.document_type;
              item.document_type_text = res.data.document_type_text;
            }
            else if(res.data.is_default==1 && item.is_default==1){
              item.is_default = 0;
            }
          })
          this.setData({
            linkmanList:linkmanList,
            selectLinkman:selectLinkman
          })
        })
      }
      else {
        commonApi.user_post("token/check").then(res=>{
          if(res.code==1){
            this.getLinkmanList()
          }
        })
      }
    },
    hide: function() {
      // 页面被隐藏
    },
    resize: function(size) {
      // 页面尺寸变化
    }
  },

  /**
   * 组件的方法列表
   */
  methods: {
    delTel() {
      this.setData({
        phone: ''
      })
      this.triggerEvent("setLinkman",{phone:this.data.phone})
    },
    gotoEdit:function(e){
      userApi.user_post("user/getContactInfoById", { id: e.currentTarget.dataset.item.id }).then(res => {
        console.log(res);
        res.data.isDefault = res.data.is_default == '1' ? true : false;
        res.data.username = res.data.name;
        res.data.mobile = res.data.tel;
        res.data.idNumber = res.data.id_number;
        console.log(res.data);
        this.setData({
          showMask:!this.data.showMask,
          formData: res.data,
          idTypeId: res.data.idcard_type,
          editId:e.currentTarget.dataset.item.id,
          selectIndex:this.data.types.findIndex(item=>item.type == res.data.idcard_type && item.code == res.data.document_type)
        })
      })
      this.showAddMask()
    },
    showLinkman:function(){
      this.setData({
        showMask:!this.data.showMask
      })
    },
    showAddMask:function(){
      this.setData({
        showAdd:!this.data.showAdd,
        showMask:!this.data.showMask
      })
    },
    cancel:function(){
      let selectLinkman = this.data.selectLinkman,linkmanList = this.data.linkmanList;
      linkmanList.map(linkman=>{
        linkman.selected = 0;
        selectLinkman.map(item=>{
          if(item.id==linkman.id){
            linkman.selected = 1;
          }
        })
      })
      this.setData({
        linkmanList:linkmanList
      })
      this.showLinkman()
    },
    selectType:function(e){
      this.setData({
        selectIndex:e.detail.value
      })
    },
    // 保存
  save:function(){
    if (!this.data.formData.username){
      wx.showToast({
        title: '请输入姓名！',
        icon:"none"
      })
      return false;
    }
    if (!this.data.formData.mobile) {
      wx.showToast({
        title: '请输入手机号码！',
        icon: "none"
      })
      return false;
    }
    if (!util.isTel(this.data.formData.mobile)) {
      wx.showToast({
        title: '请输入正确的手机号码！',
        icon: "none"
      })
      return false;
    }
    // if (!this.data.idTypeId) {
    //   wx.showToast({
    //     title: '请选择证件类型！',
    //     icon: "none"
    //   })
    //   return false;
    // }
    // if (!this.data.formData.idNumber) {
    //   wx.showToast({
    //     title: '请输入证件号！',
    //     icon: "none"
    //   })
    //   return false;
    // }
    let data = this.data.formData;
    data.idcard_type = this.data.types[this.data.selectIndex].type;
    data.is_default = data.isDefault?'1':'0';
    data.document_type = this.data.types[this.data.selectIndex].code;
    data.id_number = this.data.formData.idNumber;
    let service ="addNewContact";
    if(this.data.editId){
      data.contactId = this.data.editId;
      service = "editContactById";
    }
    userApi.user_post("user/"+service,data).then(res=>{
      if(res.code==1){
        wx.showToast({
          title: '保存成功！',
          icon:"success",
          success:function(){
            // util.back();
          }
        })
        this.setData({
          showAdd:!this.data.showAdd
        })
        this.getLinkmanList()
      }
    })
  },
  //取消添加出行人
  del:function(){
    this.setData({
      formData:{},
      showAdd:!this.data.showAdd
    })
  },
    // 输入监听 不是双向绑定啊 绝望
    nameInput:function(e){
      var formData = this.data.formData;
      formData.username = e.detail.value;
      this.setData({
        formData: formData
      })
    },
    idNumberInput:function(e){
      var formData = this.data.formData;
      formData.idNumber = e.detail.value;
      this.setData({
        formData: formData
      })
    },
    telInput:function(e){
      var formData = this.data.formData;
      formData.mobile = e.detail.value;
      this.setData({
        formData: formData
      })
    },
    phoneInput:function(e){
      this.setData({
        phone: e.detail.value
      })
      this.triggerEvent("setLinkman",{phone:this.data.phone})
    },
    // 设为默认
  setAddDefault:function(e){
    var formData = this.data.formData;
    formData.isDefault = e.detail.value;
    this.setData({
      formData: formData
    })
  },
    confirm:function(){
      let linkmanList = this.data.linkmanList,selectLinkman = [];
      linkmanList.map(linkman=>{
        if(linkman.selected==1){
          selectLinkman.push(linkman);
        }
      })
      // 需要 改成 根据父组件的购买数量
      let showNum = this.properties.productNum
      // let showNum = this.data.showNum
      showNum = showNum-selectLinkman.length
      let showManList = this.data.showManList
      showManList = [...selectLinkman]
      // if(this.properties.maxNum!=-1 && selectLinkman.length>Number(this.properties.maxNum)){
      //   wx.showToast({
      //     title: '最多只能选择'+this.properties.maxNum+"个出行人",
      //     icon:'none'
      //   })
      //   return;
      // }
      this.setData({
        selectLinkman:selectLinkman,
        showManList:showManList,
        showNum:showNum
      })
      this.triggerEvent("setLinkman",selectLinkman)
      this.showLinkman()
    },
    getLinkmanList:function(){
      // 直接获取1000条出行人信息 就不要分页了
      userApi.user_post("user/getContactOrConsignee",{
        contactType:"CONTACT",
        offset:0,
        limit:1000
      }).then(res=>{
        let list = res.data;
        list.map(item=>{
          this.data.selectLinkman.map(linkman=>{
            if(linkman.id==item.id){
              item.selected = 1;
            }
          })
        })
        this.setData({
          linkmanList:list
        })
      })
    },
    setDefault:function(e){
      let item = e.currentTarget.dataset.item,linkmanList = this.data.linkmanList;
      userApi.user_post("user/setDefaultContact",{
        contactId:item.id
      }).then(res=>{
        if(res.code==1){
          wx.showToast({
            title: '设置成功',
            icon: 'success'
          })
          linkmanList.map(linkman=>{
            if(linkman.id==item.id){
              linkman.is_default=1;
            }
            else {
              linkman.is_default = 0;
            }
          })
          this.setData({
            linkmanList:linkmanList
          })
        }
      })
    },
    delLinkman:function(e){
      wx.showLoading({
        title: '加载中',
      })
      let index = e.currentTarget.dataset.index,selectLinkman = this.data.selectLinkman,showManList = this.data.showManList;
      selectLinkman.splice(index,1);
      showManList.splice(index,1);
      this.triggerEvent("setLinkman",selectLinkman)
      this.setData({
        selectLinkman:selectLinkman,
        showManList:showManList,
        showNum:selectLinkman.length>0?this.data.showNum+1:1
      })
      wx.hideLoading()
    },
    select:function(e) {
      console.log(e);
      let item = e.target.dataset.item
      if (this.properties.is_real_name == '1') { // 一证一票
        this.selectIt(item)
      } else {
        this.selectOne(item)
      }
    },
    // 一证一票不让他多选
    selectOne:function(e) {
      console.log(e);
      let item = e,linkmanList = this.data.linkmanList,num = 0
      linkmanList.map(linkman=>{
        if(linkman.selected==1){
          num++;
        }
      })
      console.log(num);
      linkmanList.map(linkman=>{
        if(item.id==linkman.id){
          // linkman.selected = linkman.selected==1?0:1;
          linkman.selected = 1
        }else {
          linkman.selected = 0
        }
      })
      console.log(linkmanList);
      this.setData({
        linkmanList
      })
    },
    // 可多选
    selectIt:function(e){
    console.log(e,app.globalData.product)
    console.log(e);
      // let item = e.currentTarget.dataset.item,linkmanList = this.data.linkmanList,num = 0,traveller_limit_num = this.properties.maxNum!=-1?this.properties.maxNum:(app.globalData.product.sku.sku_model && app.globalData.product.sku.sku_model.limit_type!=0?app.globalData.product.sku.sku_model.traveller_limit_num:-1);
      let item = e,linkmanList = this.data.linkmanList,num = 0,traveller_limit_num = this.properties.maxNum!=-1?this.properties.maxNum:(app.globalData.product.sku.sku_model && app.globalData.product.sku.sku_model.limit_type!=0?app.globalData.product.sku.sku_model.traveller_limit_num:-1);
      // 先计算出全部选中的出行人
	  console.log(111)
      linkmanList.map(linkman=>{
        if(linkman.selected==1){
          num++;
        }
      })
      console.log(traveller_limit_num,num,item)
      // 如果是要新增选中 并且当前选中数量已经超过或者等于了最大出行人限制
      if((app.globalData.kjId || this.properties.type=='activity' || app.globalData.product.isGroup==1) && num==1 && item.selected!=1){
        wx.showToast({
          title: app.globalData.product.isGroup==1?'单次只能选择一个发起人':'最多只能选择一个出行人',
          icon:'none'
        })
        return;
      }
      else if((app.globalData.gp_id || app.globalData.team_id) && num>=app.globalData.product.maxNum && item.selected!=1){
        wx.showToast({
          title: '最多只能选择'+app.globalData.product.maxNum+'个出行人',
          icon:'none'
        })
        return;
      }
      else if(this.properties.maxNum!=-1 && item.selected!=1 && num>=traveller_limit_num && traveller_limit_num!=-1){
        wx.showToast({
          title: '最多只能选择'+this.properties.maxNum+"个出行人",
          icon:'none'
        })
        return;
      }
      else if(item.selected!=1 && traveller_limit_num!=0 && num>=traveller_limit_num && traveller_limit_num!=-1){
        wx.showToast({
          title: '本产品单笔限购'+traveller_limit_num+"份",
          icon:'none'
        })
        return;
      }
      linkmanList.map(linkman=>{
        if(item.id==linkman.id){
          linkman.selected = linkman.selected==1?0:1;
        }
      })
      this.setData({
        linkmanList:linkmanList
      })
    }
  }
})