epdc-resident-mp-js/subpages/heart/pages/heartDetail/heartDetail.js

const api = require("../../../../utils/api")
import {
  getTimestamp
} from "../../../../utils/common"
Page({
  data: {
    detail: {},
    actCurrentState: 0, //活动当前状态（0-报名中，1-已报满，2-未开始，3-进行中，4-已结束）
    actStartTime: "",
    actEndTime: "",
    signupEndTime: "",
    signupFlag: 0, //用户报名状态（0-未报名，1已报名）
    clocks: [], //打卡列表
    clockNum: 0, //打卡人次
    actContent: "", //富文本
    actNewsContent: "",//新闻稿
    dialogTitle: "",
    dialogContent: "",
    dialogConfirmText: "",
    dialogCancelText: "",
    uservolunteerflag: "",
    cancelSignupVisible: false,
    cancelSignupTipValue: "",
    cancelSignupTipVisible: false,
    selectedTab: "",//用来判断详情是否显示志愿者打卡
    preloadVisible: true,
    timeJudge: false,//根据当前时间比较活动结束时间，判断活动是否已经结束，用以判断显示订单多多里面的志愿者
    defaultGridId:"",//默认网格
    actType: "",
    pageIndex: 1,
    pageSize: 10,
    curSize: 0,  // 当前页码获取的活动条数
    isPreviewImage: false, //是否从图片预览返回
    showPeriodDialog: false, // 是否显示选择时间段对话框
    dialogTips: '',
    sponsor: '', // 主办方
    periodList: [], // 时间段
    actPeriodId: [], // 
    cancelPeriodList: [], // 取消报名的时间段
    textareaValue: '', // 取消原因
  },
  onLoad: function (options) {
    console.log("当前时间" + getTimestamp())
    this.setData({
      id: options.id,
      actCurrentState: options.actcurrentstate,
      signupFlag: options.signupflag,
      selectedTab: options.selectedTab,
      actType: options.selectedTab==undefined?'':options.selectedTab=='tab0'?'0':options.selectedTab=='tab2'?'1':''
    })
    // this.getDetail();//活动详情
    // this.clockList();//打卡列表
    // if (this.data.actCurrentState == 2 || this.data.actCurrentState == 3 || this.data.actCurrentState == 4){
    //   this.clockList();//打卡列表
    // }
    // 获取默认网格
    this.getDefaultGridInfo()
  },
  onReachBottom () {
    if (this.data.curSize == this.data.pageSize) {
      this.data.pageIndex++
      this.clockList()
    }
  },
  // 获取详情信息
  getDetail () {
    // let id = this.data.id
    const param = {
      id: this.data.id,
      actType: this.data.actType
    }
    api.detail(param).then(res => {
      if (res.code === 0 && res.msg === "success") {
        this.setData({
          detail: res.data,
          actContent: res.data.actContent.replace(/<img/gi, "<img style=\"max-width:100%;height:auto\""),
          actNewsContent: res.data.actNewsContent.replace(/<img/gi, "<img style=\"max-width:100%;height:auto\""),
          actStartTime: res.data.actStartTime.substring(0, 16),
          actEndTime: res.data.actEndTime.substring(0, 16),
          signupEndTime: res.data.signupEndTime.substring(0, 16),
          timeJudge: getTimestamp() > res.data.actEndTime.substring(0, 16) ? true : false,
          preloadVisible: false,
          sponsor: res.data.sponsor
        })
      }
    }).catch(err => {
      console.log(err)
    })
  },
  //打卡列表
  clockList () {
    let param = {
      actId: this.data.id,
      pageIndex: this.data.pageIndex,
      pageSize: this.data.pageSize
    }
    api.clockListV2(param).then(res => {
      // console.log("打卡列表：" + JSON.stringify(res.data))
      if (res.code === 0 && res.msg === "success") {
        this.setData({
          clockNum: res.data.clockNum,
          clocks: this.data.clocks.concat(res.data.clocks),
          curSize: res.data.clocks.length
        })
      }
    }).catch(err => {
      console.log(err)
    })
  },
  goClockIn (e) { //前往打卡页面
    const id = e.currentTarget.dataset.id
    const currentUserStatus = e.currentTarget.dataset.currentuserstatus;//4 我要打卡 5 更新打卡
    wx.navigateTo({
      url: `../clockIn/clockIn?id=${id}&currentUserStatus=${currentUserStatus}`
    })
  },
  goVolunteer (e) {
    //我要报名  用户认证志愿者标识（0-未认证，1-已认证）
    // 0-待审核  提醒用户志愿者身份认证审核中，不能报名也不用去认证
    // 1 - 认证通过  直接报名
    // 2 - 待认证   提示用户去认证
    // 3 - 黑名单   提示用户已被拉入黑名单，不能报名
    const uservolunteerflag = e.currentTarget.dataset.uservolunteerflag
    this.setData({
      uservolunteerflag: uservolunteerflag
    })
    if (uservolunteerflag == 0) {
      // this.setData({
      //   dialogVisible: !this.data.dialogVisible,
      //   dialogTitle: '正在审核',
      //   dialogContent: ['志愿者身份审核中'],
      //   dialogConfirmText: '确定',
      //   dialogCancelText: ''
      // })
      // 获取活动时间段
      this.getActPeriods()
      this.setData({
        // dialogVisible: this.data.periodList.length == 0 ? true : false,
        showPeriodDialog: !this.data.showPeriodDialog,
        dialogTips: `报名时间截止之前可取消,缺席活动扣除${this.data.detail.punishmentPoints}积分，是否确定报名`,
        dialogTitle: "报名提醒",
        dialogContent: ["报名时间截止之前可取消", `缺席活动扣除${this.data.detail.punishmentPoints}积分，是否确定报名`],
        dialogConfirmText: "是",
        dialogCancelText: "否"
      })
    } else if (uservolunteerflag == 1) {
      // 获取活动时间段
      this.getActPeriods()
      this.setData({
        // dialogVisible: this.data.periodList.length == 0 ? true : false,
        showPeriodDialog: !this.data.showPeriodDialog,
        dialogTips: `报名时间截止之前可取消,缺席活动扣除${this.data.detail.punishmentPoints}积分，是否确定报名`,
        dialogTitle: "报名提醒",
        dialogContent: ["报名时间截止之前可取消", `缺席活动扣除${this.data.detail.punishmentPoints}积分，是否确定报名`],
        dialogConfirmText: "是",
        dialogCancelText: "否"
      })

    } else if (uservolunteerflag == 2) {
      this.setData({
        dialogVisible: !this.data.dialogVisible,
        dialogTitle: "志愿者认证",
        dialogContent: ["是否认证志愿者,完成报名"],
        dialogConfirmText: "是",
        dialogCancelText: "否"
      })
    } else if (uservolunteerflag == 3) {
      this.setData({
        dialogVisible: !this.data.dialogVisible,
        dialogTitle: "已被拉入黑名单",
        dialogContent: ["您已被拉入黑名单，不能报名"],
        dialogConfirmText: "确定",
        dialogCancelText: ""
      })
    }
  },
  //已报满
  signUpFull () {
    this.setData({
      dialogVisible: !this.data.dialogVisible,
      dialogTitle: "已报满",
      dialogContent: ["活动名额报名已满", "快去“招募令”中参加其他活动吧"],
      dialogConfirmText: "确定",
      dialogCancelText: ""
    })
  },
  // 取消报名
  prompt () {
    this.getSignInActPeriods()
    const now = getTimestamp()
    if (now > this.data.detail.signupEndTime) {
      this.setData({
        cancelSignupVisible: !this.data.cancelSignupVisible,
        cancelSignupTipValue: `报名时间已结束，取消活动将扣除${this.data.detail.punishmentPoints}积分`,
        cancelSignupTipVisible: true
      })
    } else {
      this.setData({
        cancelSignupVisible: !this.data.cancelSignupVisible,
        cancelSignupTipVisible: false,
        cancelSignupTipValue: ""
      })
    }
  },
  onShow: function () {
    if (this.data.isPreviewImage) {
      this.data.isPreviewImage = false
      return
    }
    this.setData({
      pageIndex: 1,
      clocks: []
    })
    this.getDetail(); //活动详情
    this.clockList(); //打卡列表
    // if (this.data.actCurrentState == 2 || this.data.actCurrentState == 3 || this.data.actCurrentState == 4) {
    //   this.clockList();//打卡列表
    // }
  },
  // 弹框确认
  confirmDialog () {
    console.log("::::::" + this.data.uservolunteerflag.length)
    if (this.data.uservolunteerflag.length > 0) {
      if (this.data.uservolunteerflag == 0 || this.data.uservolunteerflag == 1) {
        let param = {
          actId: this.data.id,
          actPeriodId: this.data.actPeriodId
        }
        api.signup(param).then(res => {
          if (res.code == 0) {
            this.setData({
              dialogVisible: !this.data.dialogVisible,
              dialogTitle: "报名成功",
              dialogContent: ["正在审核中", "请耐心等待消息通知！"],
              dialogConfirmText: "确定",
              dialogCancelText: "",
              uservolunteerflag: ""
            })
            this.getDetail()
          } else { //点击我要报名，刚好已经报满，此时弹出已报满的提示框，点击确定后，我要报名按钮变成已报满按钮（置灰）
            this.getDetail()
          }
        })
      } else if (this.data.uservolunteerflag == 2) {
        wx.navigateTo({
          url: "/subpages/heart/pages/volunteer/volunteer"
        })
      }
    } else {
      console.log("报名成功以后不进行操作")
    }
  },
  cancelSignupCallback (e) {
    let id = this.data.id
    let actPeriodId = this.data.actPeriodId
    let reason = this.data.textareaValue
    console.log(this.data.actPeriodId)
    if (actPeriodId.length == 0) {
      wx.showToast({
        title: "请选择取消的时间段",
        icon: "none",
        duration: 2000
      })
      return
    }
    api.cancelsignup(id, reason, actPeriodId).then(() => {
      wx.showToast({
        title: "取消报名成功",
        icon: "none",
        duration: 2000
      })
      this.getDetail()
      setTimeout(() => {
        wx.navigateBack({
          delta: 1
        })
      }, 2000)
    })
  },
  preViewImage (e) {
    this.setData({
      isPreviewImage: true
    })
    wx.previewImage({
      urls: e.currentTarget.dataset.list,
      current: e.currentTarget.dataset.src
    })
  },

  // 获取默认网格
  getDefaultGridInfo (){
    let that = this
    api.getDefaultGridInfo().then(res => {
      if (res.code === 0 && res.msg === "success") {
        that.setData({
          defaultGridId:res.data
        })
      }
    }).catch(err => {
      console.log(err)
    })
  },
  /**
 * 用户点击右上角分享
 */
  onShareAppMessage: function () {
    return {
      title: "活动详情",
      path: `/pages/indexNew/indexNew?shareType=heartDetail&id=${this.data.id}&defaultGridId=${this.data.defaultGridId}`
    }
  },

  checkboxChange (e) {
    console.log(e.detail.value)
    // let actPeriodId = []
    // if (e.detail.value.length > 0) {
    //   e.detail.value.forEach(item => {
    //     let ob = {
    //       id: item
    //     }
    //     actPeriodId.push(ob)
    //   })
    // }
    this.setData({
      actPeriodId: e.detail.value
    })
  },
  onCancelPeriod () {
    this.setData({
      showPeriodDialog: false,
      actPeriodId: []
    })
  },
  onConfirmPeriod () {
    console.log("::::::" + this.data.uservolunteerflag.length)
    if (this.data.uservolunteerflag.length > 0) {
      if (this.data.uservolunteerflag == 0 || this.data.uservolunteerflag == 1) {
        let param = {
          actId: this.data.id,
          actPeriodId: this.data.actPeriodId
        }
        api.signup(param).then(res => {
          if (res.code == 0) {
            this.setData({
              showPeriodDialog: !this.data.showPeriodDialog,
              dialogVisible: !this.data.dialogVisible,
              dialogTitle: "报名成功",
              dialogContent: ["正在审核中", "请耐心等待消息通知！"],
              dialogConfirmText: "确定",
              dialogCancelText: "",
              uservolunteerflag: ""
            })
            this.getDetail()
          } else { //点击我要报名，刚好已经报满，此时弹出已报满的提示框，点击确定后，我要报名按钮变成已报满按钮（置灰）
            this.getDetail()
          }
        })
      } else if (this.data.uservolunteerflag == 2) {
        wx.navigateTo({
          url: "/subpages/heart/pages/volunteer/volunteer"
        })
      }
    } else {
      console.log("报名成功以后不进行操作")
    }
  },
  getActPeriods () {
    this.setData({
      periodList: [],
      actPeriodId: [],
    })
    api.getActPeriods(this.data.id).then(res => {
      console.log(res.data)
      this.setData({
        periodList: res.data
      })
    })
  },
  textareaInput (e) {
    this.setData({
      textareaValue: e.detail.value
    })
  },
  closeCancelDialog () {
    this.setData({
      cancelPeriodList: [],
      actPeriodId: [],
      textareaValue: '',
      cancelSignupVisible: !this.data.cancelSignupVisible,
      cancelSignupTipValue: ""
    })
  },
  getSignInActPeriods () {
    this.setData({
      cancelPeriodList: [],
      actPeriodId: [],
    })
    api.getSignInActPeriods(this.data.id).then(res => {
      console.log(res.data)
      this.setData({
        cancelPeriodList: res.data
      })
    }).catch(err => {})
  }
})