用云开发快速制作客户业务需求收集小程序丨实战

<form bindsubmit="formSubmit">
    <view class="form">
      <view class="section">
        <picker bindchange="bindPickerGsd" mode="selector" value="{{indexGsd}}" range="{{arrayGsd}}">
          <view class="picker">归属县市</view>
          <view class="picker-content" >{{arrayGsd[indexGsd]?arrayGsd[indexGsd]:"(必填项) 请下拉选择归属地"}}</view> 
        </picker>
      </view>    
      <!---中间部分详见代码--->
    </view>
 
    <view class="footer">
      <button class="dz-btn" formType="submit" loading="{{formStatus.submitting}}" disabled="{{formStatus.submitting}}" bindtap="openSuccess">提交</button>
    </view>
  </form>

bindPickerGsd: function (e) {    
  console.log('归属地已选择，携带值为', e.detail.value)
  console.log('归属地选择:', this.data.arrayGsd[e.detail.value])    
  this.setData({
     indexGsd: e.detail.value     
   })   
   this.data.formData.home_county = this.data.arrayGsd[e.detail.value]
},

  // 表单提交
  formSubmit: function (e) {
    var minlength = '';
    var maxlength = '';
    console.log("表单内容",e)
    var that = this;
    var formData = e.detail.value;
    var result = this.wxValidate.formCheckAll(formData);
    
    console.log("表单提交formData", formData);
    console.log("表单提交result", result)
    wx.showLoading({
      title: '发布中...',
    })
    const db = wx.cloud.database()
    db.collection('groupdata').add({
      data: {
        time: getApp().getNowFormatDate(),
        home_county: this.data.formData.home_county,
        group_name: formData.group_name,
        contact_name: formData.contact_name,
        msisdn: formData.msisdn,
        product_name: this.data.formData.product_name,
        word: formData.word,
      },
      success: res => {
        wx.hideLoading()
        console.log('发布成功', res)
 
      },
      fail: err => {
        wx.hideLoading()
        wx.showToast({
          icon: 'none',
          title: '网络不给力....'
        })
        console.error('发布失败', err)
      }
    })
  },

    promiseArr.push(new Promise((reslove,reject)=>{
        wx.cloud.uploadFile({
            cloudPath: "groupdata/" + group_name + "/" + app.getNowFormatDate() +suffix,
            filePath:filePath
        }).then(res=>{
            console.log("授权文件上传成功")          
            })
            reslove()
            }).catch(err=>{
            console.log("授权文件上传失败",err)
    })
 
    因为涉及到不同页面的数据传递，即将表单页面的group_name作为云存储的文件夹用于存储该客户在表单中上传的图片，因此还需要用到getCurrentPages()来进行页面间的数据传递 
 
    var pages = getCurrentPages();
    var prePage = pages[pages.length - 2];//pages.length就是该集合长度 -2就是上一个活动的页面，也即是跳过来的页面
    var group_name = prePage.data.formData.group_name.value//取上页data里的group_name数据用于标识授权文件所存储文件夹的名称