shyaf-artist-platform-miniapp/pages/user/personalInfo/personalInfo.js

// pages/user/personalInfo/personalInfo.js
const app = getApp();
const api = app.api;
import WxValidate from '../../../utils/WxValidate'
Page({

  /**
   * 页面的初始数据
   */
  data: {

    // 性别 0 - 未知的性别，1 - 男性，2 - 女性，5 - 女性改（变）为男性，6 - 男性改（变）为女性，9 - 未说明的性别

    // 最高学历 0初中,1高中/中专,2大专,3本科,4硕士,5博士
    //性别字典
    sexPickList:[
        {
          name:"男",
          value:1,
        },
        {
          name:"女",
          value:2,
        }
    ],
    sexPickListValue:'',
    //学历
    EducationPickList:[],
    EducationPickValue:null,

    //学历状态
    EducationStatePickList:[],
    EducationStatePickValue:null,

    upFileInfo:null,
    referrerFileInfo:null,

    //展览记录
    showHistory:{
      id:"",
      name:"",
      organ:"",
      time:"",
    },
    //获奖记录
    awardHistory:{
      id:"",
      organ:"",
      prize:"",
      time:"",
    },

    //缺少艺名
    formData:{
      type:0,
      photoId:"",
      name:"",
      artistName:"",
      sex:"",
      birthday:"",
      nationality:"",

      referrerName:"",
      referrerPosition:"",
      referrerFileId:"",

      mobile:"",
      email:"",
      address:"",
      weixinNo:"",

      highestDegreeOrg:"",
      highestDegreeStartTime:"",
      highestDegreeEndTime:"",
      highestDegree:"",
      highestDegreeStatus:"",
      awardHistoryList:[],
      showHistoryList:[],
    },
    rules: {
      photoId:{
        required: true,
      },
      name:{
        required: true,
        cnAndEg: true
      },
      artistName:{
        required: true,
        cnAndEg: true
      },
      sex:{
        required: true,
      },
      birthday:{
        required: true,
      },
      // nationality:{
      //   required: true,
      // },
      // referrerName:{
      //   required: true,
      // },
      // referrerPosition:{
      //   required: true,
      // },
      // referrerFileId:{
      //   required: true,
      // },

      mobile: {
        required: true,
        tel:true,
      },
      email: {
        required: true,
        email:true,
      },
/*      address:{
        required: true,
      },
      weixinNo:{
        required: true,
      },*/

      highestDegreeOrg:{
        required: true
      },
      highestDegreeStartTime:{
        required: true
      },
      highestDegreeEndTime:{
        required: true
      },
      highestDegree:{
        required: true
      },
      highestDegreeStatus:{
        required: true
      }
    },
    awardRules:{
      organ:{
        required: true,
      },
      prize:{
        required: true,
      },
      time:{
        required: true,
      },
    },
    awardMessages:{
      organ:{
        required:'请输入奖项名称'
      },
      prize:{
        required:'请输入奖项机构'
      },
      time:{
        required:'请输入获奖时间'
      }
    },
    showRules:{
      name:{
        required: true,
      },
      organ:{
        required: true,
      },
      time:{
        required: true,
      },
    },
    showMessages:{
      name:{
        required: '请输入展展览名称',
      },
      organ:{
        required: '请输入展展览机构',
      },
      time:{
        required: '请输入展览时间',
      },
    },
    messages: {
      photoId:{
        required: '请上传个人形象照',
      },
      name:{
        required: '请输入姓名',
        cnAndEg: '只能输入英文和中文'
      },
      artistName:{
        required: '请输入艺名',
        cnAndEg: '只能输入英文和中文'
      },
      sex:{
        required: '请选择性别',
      },
      birthday:{
        required: '请选择出生日期',
      },
      nationality:{
        required: '请选择国籍',
      },
      // referrerName:{
      //   required: '请输入推荐人姓名',
      // },
      // referrerPosition:{
      //   required: '请输入推荐人职业',
      // },
      // referrerFileId:{
      //   required: '请上传推荐信',
      // },
      mobile: {
        required: '请输入手机号',
        tel:"请输入正确的手机号"
      },
      email: {
        required: '请输入邮箱地址',
        tel:"请输入正确的邮箱"
      },
      address:{
        required: '请输入地址',
      },
      weixinNo:{
        required: '请输入微信号',
      },
      highestDegreeOrg:{
        required: '请输入最高学历机构'
      },
      highestDegreeStartTime:{
        required: '请输入最高学历开始时间'
      },
      highestDegreeEndTime:{
        required: '请输入最高学历结束时间'
      },
      highestDegree:{
        required: '请选择最高学历',
      },
      highestDegreeStatus:{
        required: '请选择最高学历状态'
      }
    },
    isValidate:false,
    isSubmit:false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const type=options.type||0
    const {
      formData,
      rules,
      messages,
      showHistory,
      awardHistory,
      awardRules,
      awardMessages,
      showRules,
      showMessages
    }
    = this.data;
    this.WxValidate    = new WxValidate(rules, messages);
    this.awardValidate = new WxValidate(awardRules, awardMessages);
    this.showValidate  = new WxValidate(showRules, showMessages);

    if(formData.awardHistoryList.length==0){
      this.setData({
        'formData.awardHistoryList':[{...awardHistory}]
      })
    }
    if(formData.showHistoryList.length==0){
      this.setData({
        'formData.showHistoryList':[{...showHistory}]
      })
    }
    //类型 0 个人 2策展
    formData.type=type
    Promise.all([
        this.findByCode('education'),
        this.findByCode('education_status')
    ]).then((res)=>{
     const EducationPickList=res[0].data.dicInfoList;
     const EducationStatePickList=res[1].data.dicInfoList;
     this.setData({
       EducationPickList:EducationPickList,
       EducationStatePickList:EducationStatePickList
     },()=>{
       //加载保存数据
       /** todo  更新数据 **/
       //this.getData();
     });
    });
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

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

  },
  getData(){
    const {formData}=this.data;
    app.post(api.getPersonalSettledInfo).then(res=>{
      console.log(res);
      const saveData=res.data;
      Object.keys(saveData).forEach(key=>{
        if(saveData[key]==null){
          delete  saveData[key]
        }
      })
      const formDataNew=Object.assign(formData,res.data);
      formDataNew.photoId=formDataNew.photoInfo?formDataNew.photoInfo.id:"";
      formDataNew.referrerFileId=formDataNew.referrerFile?formDataNew.referrerFile.id:"";
      this.setData({
        formData:formDataNew,
        upFileInfo:formDataNew.photoInfo,
        referrerFileInfo:formDataNew.referrerFile,
        sexPickListValue:formDataNew.sex==1?0:1,
        EducationPickValue:formDataNew.highestDegree,
        EducationStatePickValue:formDataNew.highestDegreeStatus
      },()=>{
        this.validateForm()
      });
    });

  },
  validateForm(showInfo=false){
    // 传入表单数据
    const {formData} = this.data;
    let flag=true;
    // let flagAward=false;
    // let flagShow=false;
    if (!this.WxValidate.checkForm(formData)) {
      flag=false
      if(showInfo===true) {
        const error = this.WxValidate.errorList[0];
        wx.showToast({
          title: error.msg,
          icon: 'none',
          duration: 2000
        })
      }
    }
    this.setData({
      isValidate:flag
    });
    return flag
    /*//验证获奖经历表单
    formData.awardHistoryList.forEach(item=>{
      if(flagAward){
        return
      }
      if (!this.awardValidate.checkForm(item)) {
        const error = this.awardValidate.errorList[0];
        wx.showToast({
          title: error.msg,
          icon: 'none',
          duration: 2000
        });
        flagAward=true;
        return false

      }
    });
    if(flagAward){
      return
    }
    //验证展览经历表单
    formData.showHistoryList.forEach(item=>{
      if(flagShow){
        return
      }
      if (!this.showValidate.checkForm(item)) {
        const error = this.showValidate.errorList[0];
        wx.showToast({
          title: error.msg,
          icon: 'none',
          duration: 2000
        });
        flagShow=true;
        return false

      }
    });
    if(flagShow){
      return
    }*/
  },
  saveData() {
    const {formData,isSubmit} = this.data;
    if(isSubmit){
      return
    }
    let flag=this.validateForm(true);
    if(!flag){
      return;
    }
    const submit=function(){
      this.setData({
        isSubmit:true
      })
      app.post(api.addPersonalDetails, formData).then(res => {
        console.log(res);
        this.setData({
          isSubmit:false,
        });
        wx.navigateTo({
          url:`/pages/user/success/success?type=${formData.type}`,
        })
      }).catch(()=>{
        this.setData({
          isSubmit:false
        })
      })
    }.bind(this);
    //策展入驻增加消息订阅
    if(formData.type==2){
      wx.requestSubscribeMessage({
        tmplIds: [
          'EnF59db6rv1QhwUc67GuKNQBw-R-VZNAB5xVXyP40A4',
        ],
        success: (res)=> {
          submit()
        }
      });
    }else{
      submit()
    }
  },
  changeInput(e){
    console.log(e);
    const id = e.currentTarget.id;
    const value = e.detail.value;
    this.setData({
      [id]: value
    });
  },
  changePicker(e){
    console.log(e);
    const id = e.currentTarget.id;
    const value = e.detail.value;
    this.setData({
      [id]: value
    });
  },
  /**上传形象**/
  chooseFile(){
    app.uploadFile({
      extension:['jpg','png','jpeg'],
      validate:(imgInfo)=>{
        console.log('validate',imgInfo)
        return true;
        // if(imgInfo.width&&imgInfo.height){
        //   const ratio=imgInfo.width/imgInfo.height;
        //   if(ratio>0.99&ratio<1.1){
        //     return true
        //   }else{
        //     wx.showToast({
        //       title:"请上传长宽比为1:1的图片",
        //       icon:"none",
        //       duration:2000,
        //     })
        //     return false
        //   }
        // }else{
        //   wx.showToast({
        //     title:"图片信息错误",
        //     icon:"none",
        //     duration:2000,
        //   })
        //   return false
        // }
      }
    }).then(res=>{
      console.log(res)
      const data=JSON.parse(res.data);
      this.setData({
        upFileInfo:data,
        'formData.photoId':data.id,
      })
    }).catch(error=>{
      console.log(error)
    });
  },
  /**删除形象**/
  removeChooseFile(){
    this.setData({
      upFileInfo:null,
      'formData.photoId':''
    })
  },
  /** 上传推荐信 **/
  chooseReferrerFile(){
    app.uploadFile({
      extension:['jpg','png','jpeg']
    }).then(res=>{
      console.log(res)
      const data=JSON.parse(res.data);
      this.setData({
        referrerFileInfo:data,
        'formData.referrerFileId':data.id
      })
    }).catch(error=>{
      console.log(error)
    });
  },
  /**删除推荐信**/
  removeReferrerFile(){
    this.setData({
      referrerFileInfo:null,
      'formData.referrerFileId':''
    })
  },

  findByCode(code){
    return app.post(api.findByCode,{
      "code": code
    })
  },

  /**
   * 添加奖励
   * */
  addAward() {
    const awardHistoryList=this.data.formData.awardHistoryList;
    awardHistoryList.push(this.data.awardHistory)
    this.setData({
      'formData.awardHistoryList':awardHistoryList
    })
  },
  /**
   * 删除奖励
   * */
  removeAward(e) {
    const {index}=e.currentTarget.dataset;
    const awardHistoryList=this.data.formData.awardHistoryList;
    awardHistoryList.splice(index,1);
    this.setData({
      'formData.awardHistoryList':awardHistoryList
    })
  },

  /**
   * 添加展览记录
   * */
  addShow() {
    const showHistoryList=this.data.formData.showHistoryList;
    showHistoryList.push(this.data.showHistory);
    this.setData({
      'formData.showHistoryList':showHistoryList
    })
  },

  /**
   * 删除展览记录
   * */
  removeShow(e) {
    const {index}=e.currentTarget.dataset;
    const showHistoryList=this.data.formData.showHistoryList;
    showHistoryList.splice(index,1);
    this.setData({
      'formData.showHistoryList':showHistoryList
    })
  },
  /**
   *
   * */
  sexPickHandler(e){
    const {value}=e.detail;
    const {sexPickList}=this.data;
    this.setData({
      sexPickListValue:value,
      'formData.sex':sexPickList[value].value
    },()=>{
      this.validateForm()
    });
  },

  /**
  * 学历picker 选择
  * **/
  educationPickHandler(e){
    const {value}=e.detail;
    const {EducationPickList}=this.data;
    this.setData({
      EducationPickValue:value,
      'formData.highestDegree':EducationPickList[value].code
    },()=>{
      this.validateForm()
    })
  },
  /**
   * 学历状态picker 选择
   * **/
  educationStatePickHandler(e){
    const {value}=e.detail;
    const {EducationStatePickList}=this.data;
    this.setData({
      EducationStatePickValue:value,
      'formData.highestDegreeStatus':EducationStatePickList[value].code,
    },()=>{
      this.validateForm()
    })
  },

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

  },

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

  },

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

  },

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

  },

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

  }
})