epdc-volunteer-mp-js/subpages/heart/pages/clockIn/clockIn.js

import {
  BASEURL
} from "../../../../utils/config";
var QQMapWX = require("../../utils/qqmap-wx-jssdk.js");
const api = require("../../../../utils/api")
Page({

  /**
   * 页面的初始数据
   */
  data: {
    BASEURL: BASEURL(),
    qqmapsdk: "",
    signin: {}, //活动打卡地点详情
    actId: "", //活动ID
    operationDesc: "", //打卡描述
    operationDesc_: "",
    locationLongitude: Number, //打卡位置经度
    locationLatitude: Number, // 打卡位置纬度
    operationAddress: "", //打卡地址
    images: [], //图片
    clockType: Number, //打卡类型（0-打卡，1-更新打卡）
    effectiveFlag: Number, //打卡是否有效（0-否，1-是）
    phraseList: [], //常用于列表
    phraseId: "", //常用语id
    ldata: false,
    violationsCount: 0, //违规次数
    isConReview: false,
    submissionDisabled: false
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this;
    const qqmapsdk = new QQMapWX({
      key: "CMJBZ-4DECI-JXGGN-5B4WU-QLV2H-B5BEJ"
    })

    if (options.currentUserStatus == "4") { //0-打卡
      that.setData({
        clockType: 0
      })
    } else { //更新打卡
      that.setData({
        clockType: 1
      })
    }
    that.setData({
      qqmapsdk,
      id: options.id,
      effectiveFlag: 1
    })
    that.getPhraseList(); //常用语列表
    that.clockAddressDetail();
    that.getPosition()
  },
  //获取经纬度
  getPosition () {
    var that = this;
    wx.showLoading({
      title: "正在获取位置",
    })
    wx.getLocation({
      type: "gcj02",
      success: (res) => {
        that.reverseGeocoder(res)
        that.setData({
          ldata: false,
          locationLongitude: res.longitude,
          locationLatitude: res.latitude
        })
      },
      fail: (res) => {
        wx.hideLoading();
        that.setData({
          ldata: true
        })
        wx.showToast({
          title: "位置获取失败，请开启手机GPS定位或重新授权获取位置信息",
          icon: "none",
          duration: 3000
        })
        console.log(res);
      }
    })
  },
  handler: function (e) {
    var that = this;
    if (!e.detail.authSetting["scope.userLocation"]) {
      that.setData({
        ldata: true
      })
    } else {
      that.setData({
        ldata: false,
      })
      wx.getLocation({
        type: "gcj02",
        success: function (res) {
          var latitude = res.latitude
          var longitude = res.longitude

          that.setData({
            locationLongitude: longitude,
            locationLatitude: latitude
          })
        }
      })
    }
  },
  // 逆地址解析
  reverseGeocoder ({
    latitude,
    longitude
  }) {
    var that = this;
    that.data.qqmapsdk.reverseGeocoder({
      location: {
        latitude,
        longitude
      },
      success: (res) => {
        wx.hideLoading();
        if (res.message === "query ok") {
          that.setData({
            operationAddress: res.result.address
          })
        }
      }
    })
  },
  getPhraseList () {
    let that = this;
    api.getPhraseList().then(function (res) { //常用语列表
      // console.log('常用语列表:' + JSON.stringify(res.data))
      that.setData({
        phraseList: res.data,
      })
    })
  },
  toOperationDesc (phrase) { //常用于点击事件
    // console.log(phrase.currentTarget.dataset.phrase)
    this.setData({
      operationDesc: this.data.operationDesc + phrase.currentTarget.dataset.phrase,
      phraseId: phrase.currentTarget.dataset.id
    })
    // console.log(phrase.currentTarget.dataset.phrase)
  },
  // 上传图片
  onChange (e) {
    // console.log('onChange', e)
    const {
      file
    } = e.detail
    if (file.status === "uploading") {
      this.setData({
        progress: 0,
      })
      wx.showLoading()
    } else if (file.status === "done") {
      this.setData({
        imageUrl: file.url,
      })
    }

    let images = []
    e.detail.fileList.forEach((item, index) => {
      if (item.res !== undefined) {
        const imageUrl = JSON.parse(e.detail.fileList[index].res.data).data
        images.push(imageUrl)
      }
    })
    this.setData({
      images: images
    })
  },
  onSuccess () {

  },
  onFail () {

  },
  // 上传完成
  onComplete () {
    wx.hideLoading()
  },
  // 点击图片放大
  onPreview (e) {
    const {
      file,
      fileList
    } = e.detail
    wx.previewImage({
      current: file.url,
      urls: fileList.map((n) => n.url),
    })
  },
  // 填写意见
  // bindInput: function (e) {
  //   this.setData({
  //     operationDesc: e.detail.value + this.data.operationDesc,
  //     operationDesc_: e.detail.value
  //   })
  //   if (this.data.operationDesc_.length == 0){
  //     this.setData({
  //       operationDesc: e.detail.value,
  //       operationDesc_: e.detail.value
  //     })
  //   }
  //   console.log(this.data.operationDesc_)
  // },
  getbindinput (e) {
    this.setData({
      operationDesc: e.detail.value,
    })
  },
  /**
   * 数据提交方法
   */
  submission () {
    if (this.data.submissionDisabled) {
      wx.showToast({
        title: "正在提交打卡，请耐心等待...",
        icon: "none",
        duration: 3000
      })
      return false
    }
    if (this.data.operationDesc === "") {
      wx.showToast({
        title: "请先输入打卡描述",
        icon: "none",
        duration: 3000
      })
      return false
    }

    if (this.data.images.length == 0) {
      wx.showToast({
        title: "请上传打卡图片",
        icon: "none",
        duration: 3000
      })
      return false
    }

    this.setData({
      submissionDisabled: true
    })
    if (this.data.phraseId) {
      api.sagenumAddOne(this.data.phraseId).then(function () {
        // console.log('常用语言：' + res)
      })
    }

    const signinLongitude = this.data.signin.signinLongitude; //经度
    const signinLatitude = this.data.signin.signinLatitude; //纬度
    var clockLongitudeMy = 0;
    var clockLatitudeMy = 0;

    // console.log(this.data.locationLatitude + '::::::::::::::' + this.data.locationLongitude)
    if (this.data.locationLatitude > 0 && this.data.locationLongitude > 0) {
      clockLongitudeMy = this.data.locationLongitude; //经度 
      clockLatitudeMy = this.data.locationLatitude; //纬度 

      // Lat1 Lung1 表示A点纬度和经度，Lat2 Lung2 表示B点纬度和经度；
      // a = Lat1 – Lat2 为两点纬度之差  b = Lung1 - Lung2 为两点经度之差；
      // 6378.137为地球半径，单位为公里；计算出来的结果单位为公里；
      var radLat1 = this.Rad(signinLatitude);
      var radLat2 = this.Rad(clockLatitudeMy);
      var a = radLat1 - radLat2;
      var b = this.Rad(signinLongitude) - this.Rad(clockLongitudeMy);
      var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
      s = s * 6378.137; // EARTH_RADIUS;
      s = Math.round(s * 10000) / 10000;
      s = s.toFixed(4);
      // console.log(s + "::::::::::::::::::" + this.data.signin.clockRadius)
      if (s * 1000 > this.data.signin.clockRadius) {
        this.setData({
          effectiveFlag: 0
        })
      } else {
        this.setData({
          effectiveFlag: 1
        })
      }
    } else {
      this.setData({
        clockLongitudeMy: 0,
        clockLatitudeMy: 0,
        effectiveFlag: 0
      })
    }




    const params = {
      actId: this.data.id,
      clockDesc: this.data.operationDesc.substring(0, 500),
      clockLongitude: clockLongitudeMy, //打卡位置经度
      clockLatitude: clockLatitudeMy, //打卡位置纬度
      clockAddress: this.data.operationAddress,
      images: this.data.images,
      clockType: this.data.clockType, //打卡类型（0-打卡，1-更新打卡）
      effectiveFlag: this.data.effectiveFlag, //打卡是否有效（0-否，1-是）
      isConReview: this.data.isConReview
    }
    // console.log('~~~~~~~":::::' + JSON.stringify(params))
    let that = this
    api.clock(params).then(function (res) {
      that.setData({
        submissionDisabled: false
      })
      if (res.code == 0) {
        that.setData({
          operationDesc: ''
        })
        wx.showToast({
          title: "打卡成功",
          icon: "none",
          duration: 3000,
          complete: function () {
            setTimeout(function () {
              wx.navigateBack()
            }, 1000);
          }
        })
      } else if (res.code == 533) {
        that.data.violationsCount++
        if (that.data.violationsCount == 1){
          wx.showToast({
            title: res.msg,
            icon: "none",
            duration: 2000
          })          
        } else if (that.data.violationsCount == 2) {
          wx.showModal({
            title: '提示',
            content: '您提交的内容再次被判定为违规，您确定是否要提交？',
            success (res) {
              if (res.confirm) {
                console.log('用户点击确定')
                that.data.isConReview = true
                that.submission()
              } else if (res.cancel) {
                console.log('用户点击取消')
                that.setData({
                  violationsCount: 0,
                  isConReview: false
                })
              }
            }
          })
        }
      }
    }).catch(err => {
      console.log(err)
      that.setData({
        submissionDisabled: false
      })
    })
  },
  Rad (d) { //经纬度转换成三角函数中度分表形式。
    return d * Math.PI / 180.0;
  },
  clockAddressDetail () { //活动打卡地点详情
    let that = this;
    const id = that.data.id;

    api.clockAddressDetail(id).then(function (res) {
      if (res.code == 0) {
        that.setData({
          signin: res.data
        })
      }
    })
  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})