xiaoe_mp_npm 1.1.21 → 1.1.22-test02

package/miniprogram_dist/Task/TaskQuizPopup/index.js

@@ -1,246 +1,246 @@
-const computedBehavior = require('miniprogram-computed').behavior
-import { rpxToVmin } from '../../npm-compoent/miniprogram_npm/xiaoe_mp_npm/common/utils/index.js'
-import Dialog from '@vant/weapp/dialog/dialog'
-
-// 奖励icon配置
-const reward_config = {
-  1: {
-    label: '积分',
-    icon: 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltrgz5y1064s.png',
-  },
-  2: {
-    label: '优惠券',
-    icon: 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltrgz5y00wfn.png',
-  },
-  3: {
-    label: '红包',
-    icon: 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltrgz5xy0i8g.png',
-  },
-  4: {
-    label: '课程',
-    icon: 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltrgz5xu04is.png',
-  },
-  5: {
-    label: '奖品',
-    icon: 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltrgz5xz08pf.png',
-  },
-}
-
-Component({
-  behaviors: [computedBehavior],
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    showPopup: {
-      type: Boolean,
-      value: false,
-    },
-    popPosition: {
-      type: String,
-      value: 'bottom',
-    },
-    orientation: {
-      type: String,
-      value: 'hor',
-    },
-    // 当前打开弹窗的任务
-    quiz_task_item: {
-      type: Object,
-      value: {},
-    },
-    // 当前任务的参与结果
-    join_result: {
-      type: Object,
-      value: {},
-    },
-    // 当前答题数组
-    show_quiz_list: {
-      type: Array,
-      value: [],
-    },
-    // 当前查看解析的答题数组
-    show_quiz_analysis_list: {
-      type: Array,
-      value: [],
-    },
-    // 整个任务列表数据
-    task_list: {
-      type: Array,
-      value: [],
-    },
-    // 是否是结果解析
-    showAnalysis: {
-      type: Boolean,
-      value: false,
-    },
-    // 是否全屏互动
-    isFull: {
-      type: Boolean,
-      value: false,
-    },
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-    currentIndex: 0, // 当前题目的下标
-    total: 0, // 总题目数
-    quizList: [], // 题目内容
-  },
-  computed: {
-    customStyle({ popPosition, orientation }) {
-      const position = `position: ${orientation === 'ver' ? 'fixed' : 'absolute'}; left: 0; bottom: 0`
-      return popPosition === 'bottom'
-        ? `${position}; width: ${orientation === 'ver' ? '100%' : ''}; height: calc(100% - ${rpxToVmin(422)});`
-        : 'height: 100%;width: 100vmin;border-radius: 0;'
-    },
-    // 奖励图标
-    rewardIcon({ quiz_task_item }) {
-      const { reward_type } = quiz_task_item
-      return reward_config[reward_type]?.icon
-    },
-
-    // 奖励内容
-    rewardText({ quiz_task_item }) {
-      const { reward_type, reward_value } = quiz_task_item
-      const onlyOneType = [2, 4, 5]
-      if (onlyOneType.includes(reward_type)) {
-        return `+1 ${reward_config[reward_type]?.label}`
-      } else if (reward_type === 3) {
-        return `+${(reward_value.money / 100).toFixed(2)} ${reward_config[reward_type]?.label}`
-      } else {
-        return `+${reward_value} ${reward_config[reward_type]?.label}`
-      }
-    },
-
-    // 答题正确
-    defaultRes({ join_result, quiz_task_item }) {
-      return join_result.qs_is_pass || quiz_task_item.qs_is_pass
-    },
-    taskModuleReward({ defaultRes, quiz_task_item }) {
-      return defaultRes && quiz_task_item.reward_type !== 0 && Number(quiz_task_item.reward_value) !== 0
-    },
-    ShowReward({ quiz_task_item, taskModuleReward, defaultRes }) {
-      if (!quiz_task_item.task_module) {
-        return defaultRes
-      }
-      // 组合任务需要看是否有子奖励
-      return taskModuleReward
-    },
-    // 组合任务需要判断有奖励 才展示文案
-    ShowRewardTxt({ quiz_task_item, taskModuleReward }) {
-      if (quiz_task_item && quiz_task_item.task_module) {
-        return taskModuleReward
-      }
-    },
-  },
-  observers: {
-    showPopup(val) {
-      if (val) {
-        this.setData({
-          currentIndex: 0,
-          total: this.data.show_quiz_list.length,
-          quizList: this.data[this.data.showAnalysis ? 'show_quiz_analysis_list' : 'show_quiz_list'],
-        })
-      }
-    },
-  },
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    closePop() {
-      this.triggerEvent('closePop')
-      this.setData({
-        currentIndex: 0,
-        total: 0,
-        quizList: [],
-      })
-    },
-    // 答题顺序恐惧
-    handleQuizOrder(e) {
-      let currentIndex = this.data.currentIndex
-      switch (e.currentTarget.dataset.type) {
-        case 'prev':
-          currentIndex--
-          break
-        case 'next':
-          currentIndex++
-          break
-        case 'submit':
-          Dialog.confirm({
-            context: this,
-            closeOnClickOverlay: false,
-            title: '确认提交？',
-            message: '提交后将无法修改答案，系统直接批改，确认要提交吗？',
-            confirmButtonText: '确认',
-            cancelButtonText: '取消',
-            confirmButtonColor: '#1472FF',
-            zIndex: 501,
-          })
-            .then(() => {
-              // 处理获取题目id和答案id
-              let params = this.data.quizList.map((item) => {
-                // 获取用户选择的答案
-                let userAnswer = []
-                for (let index = 0; index < item.options.length; index++) {
-                  const ele = item.options[index]
-                  if (ele.selected) {
-                    userAnswer.push(ele.op_id)
-                  }
-                }
-                return {
-                  qs_id: item.qs_id,
-                  op_id: userAnswer,
-                }
-              })
-              // 获取列表中当前任务是否结束了，兼容提交前端校验
-              const taskFindItem = this.data.task_list.find((item) => item.id === this.data.quiz_task_item.id) || {}
-              if (taskFindItem.state === 2) {
-                this.closePop()
-                wx.showToast({
-                  title: '当前答题已结束，无法继续提交',
-                  icon: 'none',
-                  duration: 1000,
-                })
-                return
-              }
-              // 存储用户答案，用于接口请求参数
-              // 调用完成任务接口
-              this.triggerEvent('commonFulfilTasks', {
-                user_answer: params,
-                ids: [this.data.quiz_task_item.id],
-                taskItem: this.data.quiz_task_item,
-              })
-            })
-            .catch((err) => {
-              // 暂无操作
-            })
-          break
-
-        default:
-          break
-      }
-      this.setData({ currentIndex })
-    },
-    // 点击选项进行操作答题
-    clickOption(e) {
-      const index = e.detail
-      const tempQuizItem = this.data.quizList[this.data.currentIndex]
-      // 多选题
-      if (tempQuizItem.qs_type === 1) {
-        tempQuizItem.options[index].selected = !tempQuizItem.options[index].selected
-      } else {
-        for (let i = 0; i < tempQuizItem.options.length; i++) {
-          tempQuizItem.options[i].selected = false
-        }
-        tempQuizItem.options[index].selected = true
-      }
-      this.setData({
-        quizList: this.data.quizList,
-      })
-    },
-  },
-})
+const computedBehavior = require('miniprogram-computed').behavior
+import { rpxToVmin } from '../../npm-compoent/miniprogram_npm/xiaoe_mp_npm/common/utils/index.js'
+import Dialog from '@vant/weapp/dialog/dialog'
+
+// 奖励icon配置
+const reward_config = {
+  1: {
+    label: '积分',
+    icon: 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltrgz5y1064s.png',
+  },
+  2: {
+    label: '优惠券',
+    icon: 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltrgz5y00wfn.png',
+  },
+  3: {
+    label: '红包',
+    icon: 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltrgz5xy0i8g.png',
+  },
+  4: {
+    label: '课程',
+    icon: 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltrgz5xu04is.png',
+  },
+  5: {
+    label: '奖品',
+    icon: 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/ltrgz5xz08pf.png',
+  },
+}
+
+Component({
+  behaviors: [computedBehavior],
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    showPopup: {
+      type: Boolean,
+      value: false,
+    },
+    popPosition: {
+      type: String,
+      value: 'bottom',
+    },
+    orientation: {
+      type: String,
+      value: 'hor',
+    },
+    // 当前打开弹窗的任务
+    quiz_task_item: {
+      type: Object,
+      value: {},
+    },
+    // 当前任务的参与结果
+    join_result: {
+      type: Object,
+      value: {},
+    },
+    // 当前答题数组
+    show_quiz_list: {
+      type: Array,
+      value: [],
+    },
+    // 当前查看解析的答题数组
+    show_quiz_analysis_list: {
+      type: Array,
+      value: [],
+    },
+    // 整个任务列表数据
+    task_list: {
+      type: Array,
+      value: [],
+    },
+    // 是否是结果解析
+    showAnalysis: {
+      type: Boolean,
+      value: false,
+    },
+    // 是否全屏互动
+    isFull: {
+      type: Boolean,
+      value: false,
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    currentIndex: 0, // 当前题目的下标
+    total: 0, // 总题目数
+    quizList: [], // 题目内容
+  },
+  computed: {
+    customStyle({ popPosition, orientation }) {
+      const position = `position: ${orientation === 'ver' ? 'fixed' : 'absolute'}; left: 0; bottom: 0`
+      return popPosition === 'bottom'
+        ? `${position}; width: ${orientation === 'ver' ? '100%' : ''}; height: calc(100% - ${rpxToVmin(422)});`
+        : 'height: 100%;width: 100vmin;border-radius: 0;'
+    },
+    // 奖励图标
+    rewardIcon({ quiz_task_item }) {
+      const { reward_type } = quiz_task_item
+      return reward_config[reward_type]?.icon
+    },
+
+    // 奖励内容
+    rewardText({ quiz_task_item }) {
+      const { reward_type, reward_value } = quiz_task_item
+      const onlyOneType = [2, 4, 5]
+      if (onlyOneType.includes(reward_type)) {
+        return `+1 ${reward_config[reward_type]?.label}`
+      } else if (reward_type === 3) {
+        return `+${(reward_value.money / 100).toFixed(2)} ${reward_config[reward_type]?.label}`
+      } else {
+        return `+${reward_value} ${reward_config[reward_type]?.label}`
+      }
+    },
+
+    // 答题正确
+    defaultRes({ join_result, quiz_task_item }) {
+      return join_result.qs_is_pass || quiz_task_item.qs_is_pass
+    },
+    taskModuleReward({ defaultRes, quiz_task_item }) {
+      return defaultRes && quiz_task_item.reward_type !== 0 && Number(quiz_task_item.reward_value) !== 0
+    },
+    ShowReward({ quiz_task_item, taskModuleReward, defaultRes }) {
+      if (!quiz_task_item.task_module) {
+        return defaultRes
+      }
+      // 组合任务需要看是否有子奖励
+      return taskModuleReward
+    },
+    // 组合任务需要判断有奖励 才展示文案
+    ShowRewardTxt({ quiz_task_item, taskModuleReward }) {
+      if (quiz_task_item && quiz_task_item.task_module) {
+        return taskModuleReward
+      }
+    },
+  },
+  observers: {
+    showPopup(val) {
+      if (val) {
+        this.setData({
+          currentIndex: 0,
+          total: this.data.show_quiz_list.length,
+          quizList: this.data[this.data.showAnalysis ? 'show_quiz_analysis_list' : 'show_quiz_list'],
+        })
+      }
+    },
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    closePop() {
+      this.triggerEvent('closePop')
+      this.setData({
+        currentIndex: 0,
+        total: 0,
+        quizList: [],
+      })
+    },
+    // 答题顺序恐惧
+    handleQuizOrder(e) {
+      let currentIndex = this.data.currentIndex
+      switch (e.currentTarget.dataset.type) {
+        case 'prev':
+          currentIndex--
+          break
+        case 'next':
+          currentIndex++
+          break
+        case 'submit':
+          Dialog.confirm({
+            context: this,
+            closeOnClickOverlay: false,
+            title: '确认提交？',
+            message: '提交后将无法修改答案，系统直接批改，确认要提交吗？',
+            confirmButtonText: '确认',
+            cancelButtonText: '取消',
+            confirmButtonColor: '#1472FF',
+            zIndex: 501,
+          })
+            .then(() => {
+              // 处理获取题目id和答案id
+              let params = this.data.quizList.map((item) => {
+                // 获取用户选择的答案
+                let userAnswer = []
+                for (let index = 0; index < item.options.length; index++) {
+                  const ele = item.options[index]
+                  if (ele.selected) {
+                    userAnswer.push(ele.op_id)
+                  }
+                }
+                return {
+                  qs_id: item.qs_id,
+                  op_id: userAnswer,
+                }
+              })
+              // 获取列表中当前任务是否结束了，兼容提交前端校验
+              const taskFindItem = this.data.task_list.find((item) => item.id === this.data.quiz_task_item.id) || {}
+              if (taskFindItem.state === 2) {
+                this.closePop()
+                wx.showToast({
+                  title: '当前答题已结束，无法继续提交',
+                  icon: 'none',
+                  duration: 1000,
+                })
+                return
+              }
+              // 存储用户答案，用于接口请求参数
+              // 调用完成任务接口
+              this.triggerEvent('commonFulfilTasks', {
+                user_answer: params,
+                ids: [this.data.quiz_task_item.id],
+                taskItem: this.data.quiz_task_item,
+              })
+            })
+            .catch((err) => {
+              // 暂无操作
+            })
+          break
+
+        default:
+          break
+      }
+      this.setData({ currentIndex })
+    },
+    // 点击选项进行操作答题
+    clickOption(e) {
+      const index = e.detail
+      const tempQuizItem = this.data.quizList[this.data.currentIndex]
+      // 多选题
+      if (tempQuizItem.qs_type === 1) {
+        tempQuizItem.options[index].selected = !tempQuizItem.options[index].selected
+      } else {
+        for (let i = 0; i < tempQuizItem.options.length; i++) {
+          tempQuizItem.options[i].selected = false
+        }
+        tempQuizItem.options[index].selected = true
+      }
+      this.setData({
+        quizList: this.data.quizList,
+      })
+    },
+  },
+})

package/miniprogram_dist/Task/TaskQuizPopup/index.json

@@ -1,8 +1,8 @@
-{
-  "component": true,
-  "usingComponents": {
-    "van-dialog": "@vant/weapp/dialog/index",
-    "van-popup": "@vant/weapp/popup/index",
-    "quizContent": "./components/quizContent/index"
-  }
+{
+  "component": true,
+  "usingComponents": {
+    "van-dialog": "@vant/weapp/dialog/index",
+    "van-popup": "@vant/weapp/popup/index",
+    "quizContent": "./components/quizContent/index"
+  }
 }