bml_travel_applets/pages/club/createClub/createClub.js

// pages/club/createClub/createClub.js
var Api = require('../../../utils/common.js');
var re = require('../../../utils/request.js');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    uploaderList: [],//logo
    showList: [],
    uploaderNum: 0,
    showUpload:true,
    uploaderListfront:[],//idcardfront
    showListfront: [],
    uploaderNumfront: 0,
    showUploadfront:true,
    uploaderListback:[],//idcardback
    showListback: [],
    uploaderNumback: 0,
    showUploadback:true,
    uploaderListcom:[],//com
    showListcom: [],
    uploaderNumcom: 0,
    showUploadcom:true,
    array:[],
    index:1,
    circleId:'',
    clubName:'',
    clubCircle:'1',
    clubIntroduction:'',
    clubPerson:'',
    clubPhone:'',
    photoConCard:'',
    photoLicense:'',
    photoProCard:'',
    tagList:['-'],
    verifyType:'1',
    addtag:'',
    hidden:true,
    people:false,
    comp:true
  },
  totag:function(){
    wx.navigateTo({
      url: '../clubTag/clubTag'
    })
  },
  toadd:function(){
    this.setData({
      hidden:false,
    })
  },
  addtag: function (e) {
    this.setData({
      addtag: e.detail.value,
    })
  },
  cancel: function(){
    this.setData({
         hidden: true
    });
},
confirm:function(){
  var that = this;
  if(that.data.addtag){
    that.setData({
      tagList:that.data.tagList.concat(that.data.addtag),
      hidden: true,
      addtag:''
    })
  }else{
    wx.showToast({
      title: '输入有误',
      icon: 'none',
      duration: 1000
    })
  }
},
radioChange: function (e) {
  this.setData({
    verifyType: e.detail.value,
  })
  if(e.detail.value==1){
    this.setData({
      people: false,
      comp: true,
    })
  }else{
    this.setData({
      comp: false,
      people: true,
    })
  }
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getclubCircle();
  },
 // 删除图片
 clearImg: function (e) {
  var nowList = []; //新数据
  var nowListshow = []; //新数据
  var uploaderList = this.data.uploaderList; //原数据
  var showList = this.data.showList; //原数据

  for (let i = 0; i < uploaderList.length; i++) {
    if (i == e.currentTarget.dataset.index) {
      continue;
    } else {
      nowList.push(uploaderList[i]);
      nowListshow.push(showList[i]);
    }
  }
  this.setData({
    uploaderNum: this.data.uploaderNum - 1,
    uploaderList: nowList,
    showUpload: true,
    showList:nowListshow
  })
},
//展示图片
showImg: function (e) {
  var that = this;
  wx.previewImage({
    urls: that.data.uploaderList,
    current: that.data.uploaderList[e.currentTarget.dataset.index]
  })
},
//上传图片
upload: function (e) {
  var that = this;
  wx.chooseImage({
    count: 1 - that.data.uploaderNum, // 默认3
    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
    success: function (res) {
      // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
      let tempFilePaths = res.tempFilePaths;
      let uploaderList = that.data.uploaderList.concat(tempFilePaths);
      if (uploaderList.length == 1) {
        that.setData({
          showUpload: false
        })
      }
      that.setData({
        uploaderList: uploaderList,
        uploaderNum: uploaderList.length,
      })
    
      for(var i=0;i<tempFilePaths.length;i++){
        wx.uploadFile({
          url: Api.uploadImg(),
          filePath: res.tempFilePaths[i],
          name: 'file',
          formData: {
          },
          success: function (res) {
            var sss = JSON.parse(res.data);
            let showList = that.data.showList.concat(sss.msg);
            that.setData({
              showList:showList
            })
          }
        })
      }
    }
  })
},
// 删除idfront图片
clearImgfront: function (e) {
  var nowList = []; //新数据
  var nowListshowfront = []; //新数据
  var uploaderListfront = this.data.uploaderListfront; //原数据
  var showListfront = this.data.showListfront; //原数据

  for (let i = 0; i < uploaderListfront.length; i++) {
    if (i == e.currentTarget.dataset.index) {
      continue;
    } else {
      nowList.push(uploaderListfront[i]);
      nowListshowfront.push(showListfront[i]);
    }
  }
  this.setData({
    uploaderNum: this.data.uploaderNum - 1,
    uploaderListfront: nowList,
    showUploadfront: true,
    showListfront:nowListshowfront
  })
},
//展示图片
showImgfront: function (e) {
  var that = this;
  wx.previewImage({
    urls: that.data.uploaderListfront,
    current: that.data.uploaderListfront[e.currentTarget.dataset.index]
  })
},
//上传图片
uploadfront: function (e) {
  var that = this;
  wx.chooseImage({
    count: 1 - that.data.uploaderNum, // 默认3
    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
    success: function (res) {
      // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
      let tempFilePaths = res.tempFilePaths;
      let uploaderListfront = that.data.uploaderListfront.concat(tempFilePaths);
      if (uploaderListfront.length == 1) {
        that.setData({
          showUploadfront: false
        })
      }
      that.setData({
        uploaderListfront: uploaderListfront,
        uploaderNum: uploaderListfront.length,
      })
    
      for(var i=0;i<tempFilePaths.length;i++){
        wx.uploadFile({
          url: Api.uploadImg(),
          filePath: res.tempFilePaths[i],
          name: 'file',
          formData: {
          },
          success: function (res) {
            var sss = JSON.parse(res.data);
            console.log(sss)
            let showListfront = that.data.showListfront.concat(sss.msg);
            that.setData({
              showListfront:showListfront
            })
          }
        })
      }
    }
  })
},
// 删除idback图片
clearImgback: function (e) {
  var nowList = []; //新数据
  var nowListshowback = []; //新数据
  var uploaderListback = this.data.uploaderListback; //原数据
  var showListback = this.data.showListback; //原数据

  for (let i = 0; i < uploaderListback.length; i++) {
    if (i == e.currentTarget.dataset.index) {
      continue;
    } else {
      nowList.push(uploaderListback[i]);
      nowListshowback.push(showListback[i]);
    }
  }
  this.setData({
    uploaderNum: this.data.uploaderNum - 1,
    uploaderListback: nowList,
    showUploadback: true,
    showListback:nowListshowback
  })
},
//展示图片
showImgback: function (e) {
  var that = this;
  wx.previewImage({
    urls: that.data.uploaderListback,
    current: that.data.uploaderListback[e.currentTarget.dataset.index]
  })
},
//上传图片
uploadback: function (e) {
  var that = this;
  wx.chooseImage({
    count: 1 - that.data.uploaderNum, // 默认3
    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
    success: function (res) {
      // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
      let tempFilePaths = res.tempFilePaths;
      let uploaderListback = that.data.uploaderListback.concat(tempFilePaths);
      if (uploaderListback.length == 1) {
        that.setData({
          showUploadback: false
        })
      }
      that.setData({
        uploaderListback: uploaderListback,
        uploaderNum: uploaderListback.length,
      })
    
      for(var i=0;i<tempFilePaths.length;i++){
        wx.uploadFile({
          url: Api.uploadImg(),
          filePath: res.tempFilePaths[i],
          name: 'file',
          formData: {
          },
          success: function (res) {
            var sss = JSON.parse(res.data);
            console.log(sss)
            let showListback = that.data.showListback.concat(sss.msg);
            that.setData({
              showListback:showListback
            })
          }
        })
      }
    }
  })
},
// 删除com图片
clearImgcom: function (e) {
  var nowList = []; //新数据
  var nowListshowcom = []; //新数据
  var uploaderListcom = this.data.uploaderListcom; //原数据
  var showListcom = this.data.showListcom; //原数据

  for (let i = 0; i < uploaderListcom.length; i++) {
    if (i == e.currentTarget.dataset.index) {
      continue;
    } else {
      nowList.push(uploaderListcom[i]);
      nowListshowcom.push(showListcom[i]);
    }
  }
  this.setData({
    uploaderNum: this.data.uploaderNum - 1,
    uploaderListcom: nowList,
    showUploadcom: true,
    showListcom:nowListshowcom
  })
},
//展示图片
showImgcom: function (e) {
  var that = this;
  wx.previewImage({
    urls: that.data.uploaderListcom,
    current: that.data.uploaderListcom[e.currentTarget.dataset.index]
  })
},
//上传图片
uploadcom: function (e) {
  var that = this;
  wx.chooseImage({
    count: 1 - that.data.uploaderNum, // 默认3
    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
    success: function (res) {
      // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
      let tempFilePaths = res.tempFilePaths;
      let uploaderListcom = that.data.uploaderListcom.concat(tempFilePaths);
      if (uploaderListcom.length == 1) {
        that.setData({
          showUploadcom: false
        })
      }
      that.setData({
        uploaderListcom: uploaderListcom,
        uploaderNum: uploaderListcom.length,
      })
    
      for(var i=0;i<tempFilePaths.length;i++){
        wx.uploadFile({
          url: Api.uploadImg(),
          filePath: res.tempFilePaths[i],
          name: 'file',
          formData: {
          },
          success: function (res) {
            var sss = JSON.parse(res.data);
            console.log(sss)
            let showListcom = that.data.showListcom.concat(sss.msg);
            that.setData({
              showListcom:showListcom
            })
          }
        })
      }
    }
  })
},
getclubCircle:function(){
  var that = this;
  var header = {};
  re.request(Api.getclubCircle(), '', header).then((res) => {
    console.log(res)
    var datas =res.data.data;
    that.setData({
      array:datas,
      circleId:datas[0].clubId
    })
  })
}, 
bindPickerChange: function(e) {
  var that = this;
  that.setData({
    index: e.detail.value,
    circleId:that.data.array[e.detail.value].typeKey
  })
},
nameInput:function (e) {
  this.setData({
    clubName: e.detail.value,
  })
},
introInput:function (e) {
  this.setData({
    clubIntroduction: e.detail.value,
  })
},
perpleInput:function (e) {
  this.setData({
    clubPerson: e.detail.value,
  })
},
telInput:function (e) {
  this.setData({
    clubPhone: e.detail.value,
  })
},
// 创建俱乐部
setclub: function () {
  var that = this;
  var postData = {
    clubName: that.data.clubName,
    clubLogo:that.data.showList[0],
    clubCircle:'1',
    clubIntroduction:that.data.clubIntroduction,
    clubPerson:that.data.clubPerson,
    clubPhone:that.data.clubPhone,
    photoConCard:that.data.showListback[0]?that.data.showListback[0]:'',
    photoLicense:that.data.showListcom[0]?that.data.showListcom[0]:'',
    photoProCard:that.data.showListfront[0]?that.data.showListfront[0]:'',
    tagList:that.data.tagList,
    verifyType:that.data.verifyType
  };
  var header = {
    token: wx.getStorageSync('token'),
    "Content-Type": "application/x-www-form-urlencoded"
  };
  if (!that.data.clubName) {
    wx.showToast({
      title: '俱乐部名称不能为空',
      icon: 'none',
      duration: 1000
    })
  }
  // else if(that.data.tagList.length==0){
  //   wx.showToast({
  //     title: '主打项目必填',
  //     icon: 'none',
  //     duration: 1000
  //   })
  // }
  else {
    re.request(Api.creatClub(),postData, header).then((res) => {
      console.log(res)
      wx.showToast({
        title: '提交成功,等待审核',
        icon: 'none',
        duration: 1000
      })
      wx.navigateBack({
        delta: 1
      })
    })
  }
},
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})