xiaoe_mp_npm 1.1.21 → 1.1.22-test02

package/src/Task/TaskPopup/component/TaskItem/index.js

@@ -1,578 +1,578 @@
-import taskBehavior from '../../../common/task'
-const computedBehavior = require('miniprogram-computed').behavior
-
-const getHoursMinutes = (minutes) => {
-  const hours = Math.floor(minutes / 60)
-  const remainingMinutes = minutes % 60
-  return `${hours > 0 ? hours + '小时' : ''}${remainingMinutes > 0 ? remainingMinutes + '分钟' : ''}`
-}
-
-const task_config = {
-  1: {
-    1: {
-      taskBelongType: 1,
-      taskBtnText: '去观看',
-      event: 'view',
-    },
-  },
-  2: {
-    1: {
-      taskBelongType: 2,
-      taskBtnText: '去评论',
-      handle: 'toComment',
-      event: 'input',
-    },
-    2: {
-      taskBelongType: 3,
-      taskBtnText: '去转发',
-      handle: 'toShare',
-      event: 'share',
-    },
-    21: {
-      taskBelongType: 22,
-      taskBtnText: '去转发',
-      handle: 'toShare',
-      event: 'share',
-    },
-    22: {
-      taskBelongType: 23,
-      taskBtnText: '去转发',
-      handle: 'toShare',
-      event: 'share',
-    },
-    3: {
-      taskBelongType: 4,
-      taskBtnText: '去点赞',
-      event: 'like',
-    },
-  },
-  3: {
-    4: {
-      taskBelongType: 5,
-      taskBtnText: '去下单',
-      handle: 'toGoods',
-      event: 'order',
-    },
-    5: {
-      taskBelongType: 6,
-      taskBtnText: '去消费',
-      handle: 'toGoods',
-      event: 'consumption',
-    },
-  },
-  4: {
-    6: {
-      taskBelongType: 7,
-      taskBtnText: '去打赏',
-      handle: 'toGive',
-      event: 'give',
-    },
-    7: {
-      taskBelongType: 8,
-      taskBtnText: '去投票',
-      event: 'vote',
-    },
-    8: {
-      taskBelongType: 9,
-      taskBtnText: '去完成',
-      event: 'questionnaire',
-    },
-    9: {
-      taskBelongType: 10,
-      taskBtnText: '去签到',
-      handle: 'toSign',
-      event: 'sign',
-    },
-    10: {
-      taskBelongType: 11,
-      taskBtnText: '去答题',
-      handle: 'toQuiz',
-      event: 'quiz',
-    },
-  },
-}
-
-const list_type_config = {
-  reward: {
-    btnText: '去使用',
-    btnClick: 'reward',
-  },
-  error: {
-    btnText: '领奖励',
-    btnClick: 'toRetry',
-  },
-}
-
-const TASK_TYPE_MAP = {
-  TASK_VIEW: 1,
-  TASK_COMMENTS: 2,
-  TASK_SHARE: 3,
-  TASK_LIKE: 4,
-  TASK_ORDER_COUNT: 5,
-  TASK_ORDER_MONEY: 6,
-  TASK_REWORD: 7,
-  TASK_VOTE: 8,
-  TASK_COMPLATE: 9,
-  TASK_SIGNIN: 10,
-  TASK_QUIZ: 11,
-  TASK_SHARE_OTHER: 22,
-  TASK_SHARE_NEW: 23,
-}
-
-Component({
-  behaviors: [computedBehavior, taskBehavior],
-  properties: {
-    // 任务详情数据
-    // id 直播间任务ID
-    // task_module 任务种类 1组合任务
-    // is_show_answer c端是否展示答案解析，0不展示，1展示
-    // task_type 任务类型：1=观看任务，2=互动任务，3=消费任务，4=活跃任务
-    // task_condition 直播任务条件：观看任务时填写具体分钟值，互动任务时：1-评论 2-分享 3-点赞，消费任务时：4-下单笔数 5-消费金额，活跃任务时：6-打赏 7-投票 8-问卷 9-签到 10-答题任务
-    // state 任务状态:1-正常，2-已停止
-    // reward_type 奖励类型：0=无奖励，1=积分，2=优惠券，3=红包，4=课程/商品，5=自定义奖品
-    // reward_type 奖励类型：1=积分，2=优惠券，3=红包，4=课程/商品，5=自定义奖品
-    // reward_frequency 满足奖励所需频次，消费任务时：满足多少笔、或多少金额 ；答题任务时，答对多少题
-    // finish_frequency 已经完成奖励频次，消费任务时：满足多少笔、多少金额单位分
-    // reward_value 奖励值：积分数值、优惠券码、红包、商品、自定义奖品等。如果奖品存在多个字段，存储成json格式）
-    // start_at 任务开始时间
-    // end_at任务结束时间
-    // join_state 参与状态：0=未参与，1=参与中，2=已完成
-    // reward_state 奖励状态：1-待发放，2-发放成功，3-发放失败
-    // qs_is_pass 答题任务时，true-满足条件，false-不满足条件
-    taskItem: {
-      type: Object,
-      value: () => {
-        return {}
-      },
-    },
-    isRadius: {
-      type: Boolean,
-      value: false,
-    },
-    listType: {
-      type: String,
-      value: 'task',
-    },
-    itemIndex: {
-      type: Number,
-      value: 0,
-    },
-    isMb: {
-      type: Boolean,
-      value: false,
-    },
-    viewingInProgress: {
-      type: Array,
-      value: () => {
-        return []
-      },
-    },
-    teamId: {
-      type: String,
-      value: '',
-    },
-    // 任务下标 组合顺序任务需要用到
-    taskIdx: {
-      type: Number,
-      value: 0,
-    },
-    // 任务长度
-    taskLength: {
-      type: Number,
-      value: 0,
-    },
-    // 顺序组合任务
-    isInOrder: {
-      type: Boolean,
-      default: false,
-    },
-    //是否新商户
-    isNewChants: {
-      type: Number,
-      value: 0,
-    },
-    roomInfo: {
-      type: Object,
-      value: () => {
-        return {}
-      },
-    },
-  },
-  data: {
-    activeNames: ['1'],
-    taskBelongType: null, // 任务类型归属 1-观看 2-评论 3-转发 4-点赞
-    ButtonText: '', //新商户提现按钮文案
-    unableBtn: false, // 新商户提现按钮是否禁用
-  },
-  watch: {
-    taskItem: function (newVal) {
-      const { task_type, task_condition } = newVal
-      const { taskBelongType } = this.getTaskConfig(task_type, task_condition)
-      this.setData({
-        taskBelongType,
-      })
-    },
-  },
-  computed: {
-    // 是否是正在开始的拉新任务
-    isSharingTaskStatus({ isInOrder, taskItem }) {
-      const { task_module, join_state, progress, state, task_condition, task_type } = taskItem
-      if (state === 2 || join_state !== 1 || task_type !== 2 || ![21, 22].includes(+task_condition)) return false
-      if ((task_module === 1 && progress === 0 && isInOrder) || join_state === 2) return false
-      return true
-    },
-
-    // 是否展示奖励
-    isShowReward(data) {
-      const { listType, taskItem, isQuizTask } = data
-      // 组合任务 判断是否有奖励 reward_type和reward_value不能为0
-      if (data.isCombination) {
-        if (taskItem.reward_type === 0 && Number(taskItem.reward_value) === 0) {
-          return false
-        }
-      }
-      return listType === 'task' || listType === 'error'
-    },
-    // 是否展示提现按钮
-    isShowButton(data) {
-      const { listType, taskItem, isNewChants } = data
-      const { reward_type } = taskItem
-      return listType === 'reward' && reward_type === 3 && isNewChants === 1
-    },
-    // 是否是答题任务
-    isQuizTask(data) {
-      const { taskItem } = data
-      return taskItem.task_type === 4 && taskItem.task_condition === '10'
-    },
-    // 未完成及已提交状态
-    getFailStatus(data) {
-      // 组合任务 子任务状态判断 progress=0未开启 join_state=0未参与
-      const { taskItem, isQuizTask, isInOrder } = data
-      return (
-        (isQuizTask && taskItem.join_state === 2 && !taskItem.qs_is_pass) ||
-        (taskItem.join_state === 0 && taskItem.state === 2) ||
-        (isInOrder && taskItem.progress === 0 && taskItem.join_state !== 0)
-      )
-    },
-    // 展示答题任务中，说明模块, 答题任务&&（任务结束||参与了）&&（任务结束&&没参与————这个有单独的提示）
-    showAnswerTaskIntroduce(data) {
-      const { taskItem, isQuizTask } = data
-      return (
-        isQuizTask &&
-        (taskItem.state === 2 || taskItem.join_state === 2) &&
-        !(taskItem.state === 2 && taskItem.join_state === 0)
-      )
-    },
-    // 组合任务
-    isCombination(data) {
-      return data.taskItem.task_module === 1
-    },
-    /**
-     * 任务标题
-     * num 需要完成的次数 如果没有reward_frequency默认就是1
-     */
-    taskTitle(data) {
-      const { taskItem, listType } = data
-      const num = data.isCombination ? taskItem.reward_frequency : 1
-      const { task_condition, reward_frequency } = taskItem
-
-      let titleObj = {
-        [TASK_TYPE_MAP.TASK_VIEW]: `观看时长${getHoursMinutes(task_condition)}`,
-        [TASK_TYPE_MAP.TASK_COMMENTS]: `评论${num}次`,
-        [TASK_TYPE_MAP.TASK_SHARE]: `转发${num}次`,
-        [TASK_TYPE_MAP.TASK_LIKE]: `点赞${num}次`,
-        [TASK_TYPE_MAP.TASK_ORDER_COUNT]: `成功消费 ${reward_frequency} 笔订单数`,
-        [TASK_TYPE_MAP.TASK_ORDER_MONEY]: `成功消费 ${(reward_frequency / 100).toFixed(2)} 元`,
-        [TASK_TYPE_MAP.TASK_REWORD]: `打赏${num}次`,
-        [TASK_TYPE_MAP.TASK_VOTE]: `投票${num}次`,
-        [TASK_TYPE_MAP.TASK_COMPLATE]: `完成问卷${num}次`,
-        [TASK_TYPE_MAP.TASK_SIGNIN]: `签到${num}次`,
-        [TASK_TYPE_MAP.TASK_QUIZ]: `完成答题，并答对${reward_frequency}题`,
-        [TASK_TYPE_MAP.TASK_SHARE_OTHER]: '转发直播间',
-        [TASK_TYPE_MAP.TASK_SHARE_NEW]: '转发直播间(新用户)',
-      }
-      let res = titleObj[data.taskBelongType]
-      if (listType === 'reward' && data.isCombination) {
-        // 主任务
-        if (taskItem.task_is_major === 0) {
-          return `完成任务 ${taskItem.task_title}`
-        } else {
-          return `${taskItem.task_major_title}-${res}`
-        }
-      }
-      return res
-    },
-
-    // 超时未完成
-    isShowTimeOver(data) {
-      const { isInOrder, taskItem } = data
-      if (isInOrder) {
-        // unDone 标志直接未完成
-        return taskItem?.unDone || (taskItem.join_state !== 2 && taskItem.state === 2)
-      } else {
-        return taskItem.join_state === 0 && taskItem.state === 2
-      }
-    },
-
-    // 组合顺序任务 展示文案 ‘需要完成上一个’
-    isShowCompletePrevious(data) {
-      const { isInOrder, taskItem } = data
-      if (!isInOrder) return
-      const { progress, state } = taskItem
-      // 如果上一个任务已经结束就无需展示
-      if (state === 2) return
-      if (data.listType === 'task' && progress === 0) {
-        return true
-      }
-      return false
-    },
-
-    // 是否展示 子任务还需要多少次才完成
-    isShowMultipleTask(data) {
-      const { reward_frequency, task_progress, finish_frequency, task_module, join_state, state } = data.taskItem
-      if (data.listType !== 'task' || task_module !== 1 || join_state === 2 || state === 2) return false
-      // 正在进行的观看任务
-      if (data.taskBelongType === 1) {
-        if (data.taskItem.progress === 1 || !data.isInOrder) return true
-      } else {
-        // 有奖励的子任务
-        if (reward_frequency !== 0 && (task_progress !== reward_frequency || Number(finish_frequency) === 0)) {
-          return true
-        }
-      }
-      return false
-    },
-    // 任务奖励异常文案
-    rewardErrorDesc(data) {
-      const REWARD_SEND_FAIL_MAP = {
-        GoodsSendErr_1: '商品已下架，无法获取奖励',
-        GoodsSendErr_2: '商品已被删除，无法获取奖励',
-        // GoodsSendErr_3: "用户在黑名单，无法获取奖励",
-        GoodsSendErr_4: '已拥有该课程权益，无需重复发放奖励',
-        // GoodsSendErr_5: "用户在圈子黑名单，无法获取奖",
-        CouponSendErr_6: '由于优惠券被删除，无法获取奖励。请联系商家处理',
-        CouponSendErr_7: '领取优惠券操作频繁，无法获取奖励',
-        CouponSendErr_101: '用户完成任务时，由于优惠券库存为0，无法获取奖励。请联系商家处理',
-        CouponSendErr_102: '该优惠券领取已达上限，具体详情请咨询商家',
-        CouponSendErr_103: '优惠券被操作作废或停止，无法获取奖励。请联系商家处理',
-        CouponSendErr_104: '优惠券已过期，无法获取奖励。请联系用户处理',
-        RedPacketErr_10230008: '红包已抢完',
-        RedPacketErr_10230011: '红包领取失败，该环境无法领取微信红包',
-        RedPacketErr_10230035: '红包过期',
-        RedPacketErr_10230040: '领取红包入账异常',
-        UnknownSendErr: '奖励发放失败',
-      }
-
-      const { reward_send_fail_reason } = data.taskItem
-      return (
-        REWARD_SEND_FAIL_MAP[reward_send_fail_reason] || reward_send_fail_reason || '奖品异常，无法领取，请联系商家处理'
-      )
-    },
-    // 组合子任务 需多少次才完成
-    childTaskContent(data) {
-      let time = data.taskItem.reward_frequency
-      let getResidueTime = ''
-
-      if (data.taskBelongType !== 1) {
-        const { reward_frequency, task_progress } = data.taskItem
-        time = reward_frequency - task_progress
-        if (time === 0) return
-      }
-
-      // 观看任务不需要判断进度 看时间即可
-      if (data.taskBelongType === 1) {
-        if (data.viewingInProgress.length) {
-          const obj = data.viewingInProgress.find((item) => item.id === data.taskItem.id)
-          if (!obj) return
-          getResidueTime =
-            obj.residue_time && obj.residue_time > 60
-              ? '再观看 ' + Math.floor(obj.residue_time / 60) + '分钟 ' + '完成任务'
-              : '即将获得奖励'
-        }
-      }
-      let titleObj = {
-        [TASK_TYPE_MAP.TASK_VIEW]: getResidueTime,
-        [TASK_TYPE_MAP.TASK_COMMENTS]: `再评论${time}次 完成任务`,
-        [TASK_TYPE_MAP.TASK_SHARE]: `再转发${time}次 完成任务`,
-        [TASK_TYPE_MAP.TASK_LIKE]: `再点赞${time}次 完成任务`,
-        [TASK_TYPE_MAP.TASK_VOTE]: `再参与投票${time}次 完成任务`,
-        [TASK_TYPE_MAP.TASK_COMPLATE]: `再参与问卷${time}次 完成任务`,
-        [TASK_TYPE_MAP.TASK_SIGNIN]: `再参与签到${time}次 完成任务`,
-      }
-      return titleObj[data.taskBelongType]
-    },
-
-    // 任务按钮
-    btnText(data) {
-      if (data.listType !== 'task') {
-        return list_type_config[data.listType]?.btnText
-      } else {
-        // 正常任务列表
-        const { join_state, state, task_type, task_condition, qs_is_pass } = data.taskItem
-        // 答题任务&&已参与&&没满足条件
-        if (data.isQuizTask && join_state === 2 && !qs_is_pass) {
-          //已提交
-          return '已提交'
-        }
-
-        // 组合顺序任务 按顺序未解锁到的任务为 待完成状态
-        if (data.isInOrder && data.taskItem.progress === 0 && join_state !== 0) {
-          if (data.taskItem?.unDone) return '未完成'
-          return '待完成'
-        }
-
-        if (join_state === 2) return '已完成'
-        if (state === 2) return '未完成'
-        if (join_state === 0) return '未开始'
-
-        return task_config[task_type][task_type === 1 ? 1 : task_condition]?.taskBtnText || '去参与'
-      }
-    },
-
-    // 任务完成剩余条件
-    residueCondition(data) {
-      const { join_state, state, task_type, task_condition, reward_value, reward_type, id, task_module } = data.taskItem
-      if (join_state !== 1 || state === 2) return ''
-
-      if (task_type === 1) {
-        if (data.isCombination) return false
-        // 观看任务
-        if (data.viewingInProgress.length) {
-          const { residue_time } = data.viewingInProgress.find((item) => item.id === id)
-          return residue_time && residue_time > 60
-            ? '再观看 ' + Math.floor(residue_time / 60) + '分钟 ' + '获得奖励'
-            : '即将获得奖励'
-        }
-      } else if (task_type === 3 && task_condition === '4') {
-        // 下单笔数
-        const { reward_frequency, finish_frequency } = data.taskItem
-        return reward_frequency && finish_frequency ? `再下${reward_frequency - finish_frequency}单 获得奖励` : ''
-      } else if (task_type === 3 && task_condition === '5') {
-        // 消费金额
-        const { reward_frequency, finish_frequency } = data.taskItem
-        return reward_frequency && finish_frequency
-          ? `再消费${((reward_frequency - finish_frequency) / 100).toFixed(2)}元 获得奖励`
-          : ''
-      } else {
-        return ''
-      }
-    },
-
-    // 红包奖励剩余个数
-    redEnvelopeNum(data) {
-      const { join_state, state, reward_value, reward_type, reward_pay_type, team_pay_config } = data.taskItem
-      if (join_state !== 1 || state === 2 || reward_type !== 3 || (join_state === 0 && state === 2)) {
-        return ''
-      }
-
-      if (reward_pay_type === 0) {
-        return reward_value.remain_nums ? `领取名额还剩 ${reward_value.remain_nums}个` : '领取名额还剩 0个，无法领取'
-      } else if (reward_pay_type === 10 && team_pay_config) {
-        const storeList = JSON.parse(team_pay_config)
-        const storeItem = storeList.find((item) => item.team_id === data.teamId)
-        if (storeItem) {
-          return storeItem.limit_person ? `领取名额还剩 ${storeItem.limit_person}个` : '领取名额还剩 0个，无法领取'
-        } else {
-          return ''
-        }
-      } else {
-        return ''
-      }
-    },
-  },
-  lifetimes: {
-    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
-    moved: function () {},
-    detached: function () {},
-  },
-  methods: {
-    // 新版商户提现按钮文案
-    withdrawBtnText(taskItem) {
-      const { reward_value } = taskItem
-      let unableBtn = true,
-        ButtonText = '超时未提现'
-      switch (reward_value.pay_state) {
-        case 0:
-        case 2:
-        case 11:
-          ButtonText = '立即领取'
-          unableBtn = false
-          break
-        case 5:
-          ButtonText = '已领取'
-          break
-        case 10:
-          ButtonText = '超时未领取'
-          break
-        default:
-          break
-      }
-      this.setData({
-        unableBtn,
-      })
-      return ButtonText
-    },
-    // 打开答题任务答案解析
-    handleAnswerAnalysis() {
-      this.triggerEvent('btnClick', {
-        type: 'quizAnalysis',
-        taskItem: this.data.taskItem,
-      })
-    },
-    getHoursMinutes(minutes) {
-      const hours = Math.floor(minutes / 60)
-      const remainingMinutes = minutes % 60
-      return `${hours > 0 ? hours + '小时' : ''}${remainingMinutes > 0 ? remainingMinutes + '分钟' : ''}`
-    },
-    btnClick() {
-      const { reward_type, task_type, task_condition, reward_value, id } = this.data.taskItem
-      if (this.data.listType === 'task') {
-        if (['已完成', '未开始', '未完成', '已提交'].includes(this.data.btnText)) return
-        if (this.data.btnText === '待完成') {
-          wx.showToast({
-            title: '需完成上一个任务后才可解锁',
-            icon: 'none',
-          })
-          return
-        }
-
-        const { handle } = this.getTaskConfig(task_type, task_condition)
-        if (handle) {
-          this.triggerEvent('btnClick', {
-            type: handle,
-            taskItem: this.data.taskItem,
-          })
-        } else {
-          this.triggerEvent('btnClick', {
-            type: 'closePopup',
-          })
-        }
-      } else {
-        const { event } = this.getTaskConfig(task_type, task_condition)
-        this.triggerEvent('btnClick', {
-          type: list_type_config[this.data.listType]?.btnClick,
-          reward_type,
-          taskBelongType: event,
-          reward_value,
-          id,
-        })
-      }
-    },
-    getTaskConfig(task_type, task_condition) {
-      if (task_type === 1) task_condition = 1
-      return task_config[task_type][task_condition]
-    },
-    successWithDraw() {
-      this.triggerEvent('successWithDraw')
-    },
-  },
-  observers: {
-    isShowButton: function (isShowButton) {
-      if (isShowButton) {
-        this.setData({
-          ButtonText: this.withdrawBtnText(this.data.taskItem),
-        })
-      }
-    },
-  },
-})
+import taskBehavior from '../../../common/task'
+const computedBehavior = require('miniprogram-computed').behavior
+
+const getHoursMinutes = (minutes) => {
+  const hours = Math.floor(minutes / 60)
+  const remainingMinutes = minutes % 60
+  return `${hours > 0 ? hours + '小时' : ''}${remainingMinutes > 0 ? remainingMinutes + '分钟' : ''}`
+}
+
+const task_config = {
+  1: {
+    1: {
+      taskBelongType: 1,
+      taskBtnText: '去观看',
+      event: 'view',
+    },
+  },
+  2: {
+    1: {
+      taskBelongType: 2,
+      taskBtnText: '去评论',
+      handle: 'toComment',
+      event: 'input',
+    },
+    2: {
+      taskBelongType: 3,
+      taskBtnText: '去转发',
+      handle: 'toShare',
+      event: 'share',
+    },
+    21: {
+      taskBelongType: 22,
+      taskBtnText: '去转发',
+      handle: 'toShare',
+      event: 'share',
+    },
+    22: {
+      taskBelongType: 23,
+      taskBtnText: '去转发',
+      handle: 'toShare',
+      event: 'share',
+    },
+    3: {
+      taskBelongType: 4,
+      taskBtnText: '去点赞',
+      event: 'like',
+    },
+  },
+  3: {
+    4: {
+      taskBelongType: 5,
+      taskBtnText: '去下单',
+      handle: 'toGoods',
+      event: 'order',
+    },
+    5: {
+      taskBelongType: 6,
+      taskBtnText: '去消费',
+      handle: 'toGoods',
+      event: 'consumption',
+    },
+  },
+  4: {
+    6: {
+      taskBelongType: 7,
+      taskBtnText: '去打赏',
+      handle: 'toGive',
+      event: 'give',
+    },
+    7: {
+      taskBelongType: 8,
+      taskBtnText: '去投票',
+      event: 'vote',
+    },
+    8: {
+      taskBelongType: 9,
+      taskBtnText: '去完成',
+      event: 'questionnaire',
+    },
+    9: {
+      taskBelongType: 10,
+      taskBtnText: '去签到',
+      handle: 'toSign',
+      event: 'sign',
+    },
+    10: {
+      taskBelongType: 11,
+      taskBtnText: '去答题',
+      handle: 'toQuiz',
+      event: 'quiz',
+    },
+  },
+}
+
+const list_type_config = {
+  reward: {
+    btnText: '去使用',
+    btnClick: 'reward',
+  },
+  error: {
+    btnText: '领奖励',
+    btnClick: 'toRetry',
+  },
+}
+
+const TASK_TYPE_MAP = {
+  TASK_VIEW: 1,
+  TASK_COMMENTS: 2,
+  TASK_SHARE: 3,
+  TASK_LIKE: 4,
+  TASK_ORDER_COUNT: 5,
+  TASK_ORDER_MONEY: 6,
+  TASK_REWORD: 7,
+  TASK_VOTE: 8,
+  TASK_COMPLATE: 9,
+  TASK_SIGNIN: 10,
+  TASK_QUIZ: 11,
+  TASK_SHARE_OTHER: 22,
+  TASK_SHARE_NEW: 23,
+}
+
+Component({
+  behaviors: [computedBehavior, taskBehavior],
+  properties: {
+    // 任务详情数据
+    // id 直播间任务ID
+    // task_module 任务种类 1组合任务
+    // is_show_answer c端是否展示答案解析，0不展示，1展示
+    // task_type 任务类型：1=观看任务，2=互动任务，3=消费任务，4=活跃任务
+    // task_condition 直播任务条件：观看任务时填写具体分钟值，互动任务时：1-评论 2-分享 3-点赞，消费任务时：4-下单笔数 5-消费金额，活跃任务时：6-打赏 7-投票 8-问卷 9-签到 10-答题任务
+    // state 任务状态:1-正常，2-已停止
+    // reward_type 奖励类型：0=无奖励，1=积分，2=优惠券，3=红包，4=课程/商品，5=自定义奖品
+    // reward_type 奖励类型：1=积分，2=优惠券，3=红包，4=课程/商品，5=自定义奖品
+    // reward_frequency 满足奖励所需频次，消费任务时：满足多少笔、或多少金额 ；答题任务时，答对多少题
+    // finish_frequency 已经完成奖励频次，消费任务时：满足多少笔、多少金额单位分
+    // reward_value 奖励值：积分数值、优惠券码、红包、商品、自定义奖品等。如果奖品存在多个字段，存储成json格式）
+    // start_at 任务开始时间
+    // end_at任务结束时间
+    // join_state 参与状态：0=未参与，1=参与中，2=已完成
+    // reward_state 奖励状态：1-待发放，2-发放成功，3-发放失败
+    // qs_is_pass 答题任务时，true-满足条件，false-不满足条件
+    taskItem: {
+      type: Object,
+      value: () => {
+        return {}
+      },
+    },
+    isRadius: {
+      type: Boolean,
+      value: false,
+    },
+    listType: {
+      type: String,
+      value: 'task',
+    },
+    itemIndex: {
+      type: Number,
+      value: 0,
+    },
+    isMb: {
+      type: Boolean,
+      value: false,
+    },
+    viewingInProgress: {
+      type: Array,
+      value: () => {
+        return []
+      },
+    },
+    teamId: {
+      type: String,
+      value: '',
+    },
+    // 任务下标 组合顺序任务需要用到
+    taskIdx: {
+      type: Number,
+      value: 0,
+    },
+    // 任务长度
+    taskLength: {
+      type: Number,
+      value: 0,
+    },
+    // 顺序组合任务
+    isInOrder: {
+      type: Boolean,
+      default: false,
+    },
+    //是否新商户
+    isNewChants: {
+      type: Number,
+      value: 0,
+    },
+    roomInfo: {
+      type: Object,
+      value: () => {
+        return {}
+      },
+    },
+  },
+  data: {
+    activeNames: ['1'],
+    taskBelongType: null, // 任务类型归属 1-观看 2-评论 3-转发 4-点赞
+    ButtonText: '', //新商户提现按钮文案
+    unableBtn: false, // 新商户提现按钮是否禁用
+  },
+  watch: {
+    taskItem: function (newVal) {
+      const { task_type, task_condition } = newVal
+      const { taskBelongType } = this.getTaskConfig(task_type, task_condition)
+      this.setData({
+        taskBelongType,
+      })
+    },
+  },
+  computed: {
+    // 是否是正在开始的拉新任务
+    isSharingTaskStatus({ isInOrder, taskItem }) {
+      const { task_module, join_state, progress, state, task_condition, task_type } = taskItem
+      if (state === 2 || join_state !== 1 || task_type !== 2 || ![21, 22].includes(+task_condition)) return false
+      if ((task_module === 1 && progress === 0 && isInOrder) || join_state === 2) return false
+      return true
+    },
+
+    // 是否展示奖励
+    isShowReward(data) {
+      const { listType, taskItem, isQuizTask } = data
+      // 组合任务 判断是否有奖励 reward_type和reward_value不能为0
+      if (data.isCombination) {
+        if (taskItem.reward_type === 0 && Number(taskItem.reward_value) === 0) {
+          return false
+        }
+      }
+      return listType === 'task' || listType === 'error'
+    },
+    // 是否展示提现按钮
+    isShowButton(data) {
+      const { listType, taskItem, isNewChants } = data
+      const { reward_type } = taskItem
+      return listType === 'reward' && reward_type === 3 && isNewChants === 1
+    },
+    // 是否是答题任务
+    isQuizTask(data) {
+      const { taskItem } = data
+      return taskItem.task_type === 4 && taskItem.task_condition === '10'
+    },
+    // 未完成及已提交状态
+    getFailStatus(data) {
+      // 组合任务 子任务状态判断 progress=0未开启 join_state=0未参与
+      const { taskItem, isQuizTask, isInOrder } = data
+      return (
+        (isQuizTask && taskItem.join_state === 2 && !taskItem.qs_is_pass) ||
+        (taskItem.join_state === 0 && taskItem.state === 2) ||
+        (isInOrder && taskItem.progress === 0 && taskItem.join_state !== 0)
+      )
+    },
+    // 展示答题任务中，说明模块, 答题任务&&（任务结束||参与了）&&（任务结束&&没参与————这个有单独的提示）
+    showAnswerTaskIntroduce(data) {
+      const { taskItem, isQuizTask } = data
+      return (
+        isQuizTask &&
+        (taskItem.state === 2 || taskItem.join_state === 2) &&
+        !(taskItem.state === 2 && taskItem.join_state === 0)
+      )
+    },
+    // 组合任务
+    isCombination(data) {
+      return data.taskItem.task_module === 1
+    },
+    /**
+     * 任务标题
+     * num 需要完成的次数 如果没有reward_frequency默认就是1
+     */
+    taskTitle(data) {
+      const { taskItem, listType } = data
+      const num = data.isCombination ? taskItem.reward_frequency : 1
+      const { task_condition, reward_frequency } = taskItem
+
+      let titleObj = {
+        [TASK_TYPE_MAP.TASK_VIEW]: `观看时长${getHoursMinutes(task_condition)}`,
+        [TASK_TYPE_MAP.TASK_COMMENTS]: `评论${num}次`,
+        [TASK_TYPE_MAP.TASK_SHARE]: `转发${num}次`,
+        [TASK_TYPE_MAP.TASK_LIKE]: `点赞${num}次`,
+        [TASK_TYPE_MAP.TASK_ORDER_COUNT]: `成功消费 ${reward_frequency} 笔订单数`,
+        [TASK_TYPE_MAP.TASK_ORDER_MONEY]: `成功消费 ${(reward_frequency / 100).toFixed(2)} 元`,
+        [TASK_TYPE_MAP.TASK_REWORD]: `打赏${num}次`,
+        [TASK_TYPE_MAP.TASK_VOTE]: `投票${num}次`,
+        [TASK_TYPE_MAP.TASK_COMPLATE]: `完成问卷${num}次`,
+        [TASK_TYPE_MAP.TASK_SIGNIN]: `签到${num}次`,
+        [TASK_TYPE_MAP.TASK_QUIZ]: `完成答题，并答对${reward_frequency}题`,
+        [TASK_TYPE_MAP.TASK_SHARE_OTHER]: '转发直播间',
+        [TASK_TYPE_MAP.TASK_SHARE_NEW]: '转发直播间(新用户)',
+      }
+      let res = titleObj[data.taskBelongType]
+      if (listType === 'reward' && data.isCombination) {
+        // 主任务
+        if (taskItem.task_is_major === 0) {
+          return `完成任务 ${taskItem.task_title}`
+        } else {
+          return `${taskItem.task_major_title}-${res}`
+        }
+      }
+      return res
+    },
+
+    // 超时未完成
+    isShowTimeOver(data) {
+      const { isInOrder, taskItem } = data
+      if (isInOrder) {
+        // unDone 标志直接未完成
+        return taskItem?.unDone || (taskItem.join_state !== 2 && taskItem.state === 2)
+      } else {
+        return taskItem.join_state === 0 && taskItem.state === 2
+      }
+    },
+
+    // 组合顺序任务 展示文案 ‘需要完成上一个’
+    isShowCompletePrevious(data) {
+      const { isInOrder, taskItem } = data
+      if (!isInOrder) return
+      const { progress, state } = taskItem
+      // 如果上一个任务已经结束就无需展示
+      if (state === 2) return
+      if (data.listType === 'task' && progress === 0) {
+        return true
+      }
+      return false
+    },
+
+    // 是否展示 子任务还需要多少次才完成
+    isShowMultipleTask(data) {
+      const { reward_frequency, task_progress, finish_frequency, task_module, join_state, state } = data.taskItem
+      if (data.listType !== 'task' || task_module !== 1 || join_state === 2 || state === 2) return false
+      // 正在进行的观看任务
+      if (data.taskBelongType === 1) {
+        if (data.taskItem.progress === 1 || !data.isInOrder) return true
+      } else {
+        // 有奖励的子任务
+        if (reward_frequency !== 0 && (task_progress !== reward_frequency || Number(finish_frequency) === 0)) {
+          return true
+        }
+      }
+      return false
+    },
+    // 任务奖励异常文案
+    rewardErrorDesc(data) {
+      const REWARD_SEND_FAIL_MAP = {
+        GoodsSendErr_1: '商品已下架，无法获取奖励',
+        GoodsSendErr_2: '商品已被删除，无法获取奖励',
+        // GoodsSendErr_3: "用户在黑名单，无法获取奖励",
+        GoodsSendErr_4: '已拥有该课程权益，无需重复发放奖励',
+        // GoodsSendErr_5: "用户在圈子黑名单，无法获取奖",
+        CouponSendErr_6: '由于优惠券被删除，无法获取奖励。请联系商家处理',
+        CouponSendErr_7: '领取优惠券操作频繁，无法获取奖励',
+        CouponSendErr_101: '用户完成任务时，由于优惠券库存为0，无法获取奖励。请联系商家处理',
+        CouponSendErr_102: '该优惠券领取已达上限，具体详情请咨询商家',
+        CouponSendErr_103: '优惠券被操作作废或停止，无法获取奖励。请联系商家处理',
+        CouponSendErr_104: '优惠券已过期，无法获取奖励。请联系用户处理',
+        RedPacketErr_10230008: '红包已抢完',
+        RedPacketErr_10230011: '红包领取失败，该环境无法领取微信红包',
+        RedPacketErr_10230035: '红包过期',
+        RedPacketErr_10230040: '领取红包入账异常',
+        UnknownSendErr: '奖励发放失败',
+      }
+
+      const { reward_send_fail_reason } = data.taskItem
+      return (
+        REWARD_SEND_FAIL_MAP[reward_send_fail_reason] || reward_send_fail_reason || '奖品异常，无法领取，请联系商家处理'
+      )
+    },
+    // 组合子任务 需多少次才完成
+    childTaskContent(data) {
+      let time = data.taskItem.reward_frequency
+      let getResidueTime = ''
+
+      if (data.taskBelongType !== 1) {
+        const { reward_frequency, task_progress } = data.taskItem
+        time = reward_frequency - task_progress
+        if (time === 0) return
+      }
+
+      // 观看任务不需要判断进度 看时间即可
+      if (data.taskBelongType === 1) {
+        if (data.viewingInProgress.length) {
+          const obj = data.viewingInProgress.find((item) => item.id === data.taskItem.id)
+          if (!obj) return
+          getResidueTime =
+            obj.residue_time && obj.residue_time > 60
+              ? '再观看 ' + Math.floor(obj.residue_time / 60) + '分钟 ' + '完成任务'
+              : '即将获得奖励'
+        }
+      }
+      let titleObj = {
+        [TASK_TYPE_MAP.TASK_VIEW]: getResidueTime,
+        [TASK_TYPE_MAP.TASK_COMMENTS]: `再评论${time}次 完成任务`,
+        [TASK_TYPE_MAP.TASK_SHARE]: `再转发${time}次 完成任务`,
+        [TASK_TYPE_MAP.TASK_LIKE]: `再点赞${time}次 完成任务`,
+        [TASK_TYPE_MAP.TASK_VOTE]: `再参与投票${time}次 完成任务`,
+        [TASK_TYPE_MAP.TASK_COMPLATE]: `再参与问卷${time}次 完成任务`,
+        [TASK_TYPE_MAP.TASK_SIGNIN]: `再参与签到${time}次 完成任务`,
+      }
+      return titleObj[data.taskBelongType]
+    },
+
+    // 任务按钮
+    btnText(data) {
+      if (data.listType !== 'task') {
+        return list_type_config[data.listType]?.btnText
+      } else {
+        // 正常任务列表
+        const { join_state, state, task_type, task_condition, qs_is_pass } = data.taskItem
+        // 答题任务&&已参与&&没满足条件
+        if (data.isQuizTask && join_state === 2 && !qs_is_pass) {
+          //已提交
+          return '已提交'
+        }
+
+        // 组合顺序任务 按顺序未解锁到的任务为 待完成状态
+        if (data.isInOrder && data.taskItem.progress === 0 && join_state !== 0) {
+          if (data.taskItem?.unDone) return '未完成'
+          return '待完成'
+        }
+
+        if (join_state === 2) return '已完成'
+        if (state === 2) return '未完成'
+        if (join_state === 0) return '未开始'
+
+        return task_config[task_type][task_type === 1 ? 1 : task_condition]?.taskBtnText || '去参与'
+      }
+    },
+
+    // 任务完成剩余条件
+    residueCondition(data) {
+      const { join_state, state, task_type, task_condition, reward_value, reward_type, id, task_module } = data.taskItem
+      if (join_state !== 1 || state === 2) return ''
+
+      if (task_type === 1) {
+        if (data.isCombination) return false
+        // 观看任务
+        if (data.viewingInProgress.length) {
+          const { residue_time } = data.viewingInProgress.find((item) => item.id === id)
+          return residue_time && residue_time > 60
+            ? '再观看 ' + Math.floor(residue_time / 60) + '分钟 ' + '获得奖励'
+            : '即将获得奖励'
+        }
+      } else if (task_type === 3 && task_condition === '4') {
+        // 下单笔数
+        const { reward_frequency, finish_frequency } = data.taskItem
+        return reward_frequency && finish_frequency ? `再下${reward_frequency - finish_frequency}单 获得奖励` : ''
+      } else if (task_type === 3 && task_condition === '5') {
+        // 消费金额
+        const { reward_frequency, finish_frequency } = data.taskItem
+        return reward_frequency && finish_frequency
+          ? `再消费${((reward_frequency - finish_frequency) / 100).toFixed(2)}元 获得奖励`
+          : ''
+      } else {
+        return ''
+      }
+    },
+
+    // 红包奖励剩余个数
+    redEnvelopeNum(data) {
+      const { join_state, state, reward_value, reward_type, reward_pay_type, team_pay_config } = data.taskItem
+      if (join_state !== 1 || state === 2 || reward_type !== 3 || (join_state === 0 && state === 2)) {
+        return ''
+      }
+
+      if (reward_pay_type === 0) {
+        return reward_value.remain_nums ? `领取名额还剩 ${reward_value.remain_nums}个` : '领取名额还剩 0个，无法领取'
+      } else if (reward_pay_type === 10 && team_pay_config) {
+        const storeList = JSON.parse(team_pay_config)
+        const storeItem = storeList.find((item) => item.team_id === data.teamId)
+        if (storeItem) {
+          return storeItem.limit_person ? `领取名额还剩 ${storeItem.limit_person}个` : '领取名额还剩 0个，无法领取'
+        } else {
+          return ''
+        }
+      } else {
+        return ''
+      }
+    },
+  },
+  lifetimes: {
+    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
+    moved: function () {},
+    detached: function () {},
+  },
+  methods: {
+    // 新版商户提现按钮文案
+    withdrawBtnText(taskItem) {
+      const { reward_value } = taskItem
+      let unableBtn = true,
+        ButtonText = '超时未提现'
+      switch (reward_value.pay_state) {
+        case 0:
+        case 2:
+        case 11:
+          ButtonText = '立即领取'
+          unableBtn = false
+          break
+        case 5:
+          ButtonText = '已领取'
+          break
+        case 10:
+          ButtonText = '超时未领取'
+          break
+        default:
+          break
+      }
+      this.setData({
+        unableBtn,
+      })
+      return ButtonText
+    },
+    // 打开答题任务答案解析
+    handleAnswerAnalysis() {
+      this.triggerEvent('btnClick', {
+        type: 'quizAnalysis',
+        taskItem: this.data.taskItem,
+      })
+    },
+    getHoursMinutes(minutes) {
+      const hours = Math.floor(minutes / 60)
+      const remainingMinutes = minutes % 60
+      return `${hours > 0 ? hours + '小时' : ''}${remainingMinutes > 0 ? remainingMinutes + '分钟' : ''}`
+    },
+    btnClick() {
+      const { reward_type, task_type, task_condition, reward_value, id } = this.data.taskItem
+      if (this.data.listType === 'task') {
+        if (['已完成', '未开始', '未完成', '已提交'].includes(this.data.btnText)) return
+        if (this.data.btnText === '待完成') {
+          wx.showToast({
+            title: '需完成上一个任务后才可解锁',
+            icon: 'none',
+          })
+          return
+        }
+
+        const { handle } = this.getTaskConfig(task_type, task_condition)
+        if (handle) {
+          this.triggerEvent('btnClick', {
+            type: handle,
+            taskItem: this.data.taskItem,
+          })
+        } else {
+          this.triggerEvent('btnClick', {
+            type: 'closePopup',
+          })
+        }
+      } else {
+        const { event } = this.getTaskConfig(task_type, task_condition)
+        this.triggerEvent('btnClick', {
+          type: list_type_config[this.data.listType]?.btnClick,
+          reward_type,
+          taskBelongType: event,
+          reward_value,
+          id,
+        })
+      }
+    },
+    getTaskConfig(task_type, task_condition) {
+      if (task_type === 1) task_condition = 1
+      return task_config[task_type][task_condition]
+    },
+    successWithDraw() {
+      this.triggerEvent('successWithDraw')
+    },
+  },
+  observers: {
+    isShowButton: function (isShowButton) {
+      if (isShowButton) {
+        this.setData({
+          ButtonText: this.withdrawBtnText(this.data.taskItem),
+        })
+      }
+    },
+  },
+})