xiaoe_mp_npm 1.0.22-test07 → 1.0.22

package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.js

@@ -1,132 +1,132 @@
-const computedBehavior = require('miniprogram-computed').behavior
-Component({
-  behaviors: [computedBehavior],
-
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    // 展示的题目内容对象
-    questionContent: {
-      type: Object,
-      value: {},
-      observer(val){
-        // 获取正确答案和用户作答的选项
-        if (val?.id) {
-          // 获取富文本的内容操作
-          // this.getRichTextContent(val)
-          const correctAnswer = this.getAnswerMap(val, val.correct_answer)
-          const userAnswer = this.getAnswerMap(val, val.user_answer)
-          this.setData({
-            correctAnswer,
-            userAnswer
-          })
-        }
-      }
-    },
-    // 是否是结果解析
-    showAnalysis: {
-      type: Boolean,
-      value: false,
-    },
-    // 题目序号
-    quizIndex: {
-      type: Number,
-      value: 1,
-    },
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-    // 答案选项映射
-    optionIndexMap: [
-      'A',
-      'B',
-      'C',
-      'D',
-      'E',
-      'F',
-      'G',
-      'H',
-      'I',
-      'J',
-      'K',
-      'L',
-      'M',
-      'N',
-      'O',
-      'P',
-      'Q',
-      'R',
-      'S',
-      'T',
-      'U',
-      'V',
-      'W',
-      'X',
-      'Y',
-      'Z',
-    ],
-    correctAnswer: '', // 正确答案
-    userAnswer: '', // 用户作答选项
-  },
-  computed: {
-    // 单选题/多选题/判断题才会显示答案
-    isShowOptionList({ questionContent }) {
-      return [0, 1, 3].includes(questionContent?.qs_type)
-    },
-    // 用户是否回答正确
-    isSuccess({ questionContent }) {
-      let correctAnswer = questionContent?.correct_answer
-      let userAnswer = questionContent?.user_answer
-      return (
-        correctAnswer &&
-        userAnswer &&
-        userAnswer.length === correctAnswer.length &&
-        userAnswer.every((val) => correctAnswer.includes(val))
-      )
-    },
-  },
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    // 选择答案操作
-    clickOption(e) {
-      // 查看解析情况下，不能选择
-      if (this.data.showAnalysis) return
-      this.triggerEvent('clickOption', e.currentTarget.dataset.index)
-    },  
-    /**
-     * 获取答案对应的结果
-     * @param questionContent 题目内容
-     * @param answerList 需要操作的答案列表
-     * @returns 
-     */
-    getAnswerMap(questionContent, answerList) {
-      if (!this.data.showAnalysis) return ''
-      let letters = []
-      let temp = JSON.parse(JSON.stringify(answerList))
-      if (typeof temp === 'number') {
-        temp = [temp]
-      }
-      questionContent.options.forEach((item, index) => {
-        if (temp.indexOf(String(item.op_id)) >= 0) {
-          // 如果是判断题写入的是正确，错误
-          if (questionContent.qs_type === 3) {
-            letters.push(
-              this.data.optionIndexMap[index] === 'A'
-                ? '正确'
-                : '错误'
-            )
-          } else {
-            letters.push(this.data.optionIndexMap[index])
-          }
-        }
-      })
-      return letters.join(' ')
-    },
-  }
+const computedBehavior = require('miniprogram-computed').behavior
+Component({
+  behaviors: [computedBehavior],
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    // 展示的题目内容对象
+    questionContent: {
+      type: Object,
+      value: {},
+      observer(val){
+        // 获取正确答案和用户作答的选项
+        if (val?.id) {
+          // 获取富文本的内容操作
+          // this.getRichTextContent(val)
+          const correctAnswer = this.getAnswerMap(val, val.correct_answer)
+          const userAnswer = this.getAnswerMap(val, val.user_answer)
+          this.setData({
+            correctAnswer,
+            userAnswer
+          })
+        }
+      }
+    },
+    // 是否是结果解析
+    showAnalysis: {
+      type: Boolean,
+      value: false,
+    },
+    // 题目序号
+    quizIndex: {
+      type: Number,
+      value: 1,
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    // 答案选项映射
+    optionIndexMap: [
+      'A',
+      'B',
+      'C',
+      'D',
+      'E',
+      'F',
+      'G',
+      'H',
+      'I',
+      'J',
+      'K',
+      'L',
+      'M',
+      'N',
+      'O',
+      'P',
+      'Q',
+      'R',
+      'S',
+      'T',
+      'U',
+      'V',
+      'W',
+      'X',
+      'Y',
+      'Z',
+    ],
+    correctAnswer: '', // 正确答案
+    userAnswer: '', // 用户作答选项
+  },
+  computed: {
+    // 单选题/多选题/判断题才会显示答案
+    isShowOptionList({ questionContent }) {
+      return [0, 1, 3].includes(questionContent?.qs_type)
+    },
+    // 用户是否回答正确
+    isSuccess({ questionContent }) {
+      let correctAnswer = questionContent?.correct_answer
+      let userAnswer = questionContent?.user_answer
+      return (
+        correctAnswer &&
+        userAnswer &&
+        userAnswer.length === correctAnswer.length &&
+        userAnswer.every((val) => correctAnswer.includes(val))
+      )
+    },
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 选择答案操作
+    clickOption(e) {
+      // 查看解析情况下，不能选择
+      if (this.data.showAnalysis) return
+      this.triggerEvent('clickOption', e.currentTarget.dataset.index)
+    },  
+    /**
+     * 获取答案对应的结果
+     * @param questionContent 题目内容
+     * @param answerList 需要操作的答案列表
+     * @returns 
+     */
+    getAnswerMap(questionContent, answerList) {
+      if (!this.data.showAnalysis) return ''
+      let letters = []
+      let temp = JSON.parse(JSON.stringify(answerList))
+      if (typeof temp === 'number') {
+        temp = [temp]
+      }
+      questionContent.options.forEach((item, index) => {
+        if (temp.indexOf(String(item.op_id)) >= 0) {
+          // 如果是判断题写入的是正确，错误
+          if (questionContent.qs_type === 3) {
+            letters.push(
+              this.data.optionIndexMap[index] === 'A'
+                ? '正确'
+                : '错误'
+            )
+          } else {
+            letters.push(this.data.optionIndexMap[index])
+          }
+        }
+      })
+      return letters.join(' ')
+    },
+  }
 })

package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "quizRichText": "../quizRichText/index"
-  }
+{
+  "component": true,
+  "usingComponents": {
+    "quizRichText": "../quizRichText/index"
+  }
 }

package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.wxml

@@ -1,65 +1,65 @@
-<wxs src="./index.wxs" module="quizTools" />
-<view
-  wx:if="{{ questionContent }}"
-  class="question-cover {{ showAnalysis && 'card-margin-bottom' }}"
->
-  <!-- 题目类型 -->
-  <view class="question-type">{{ quizTools.typeText(questionContent.qs_type) }}</view>
-  <!-- 题目 -->
-  <view class="question-content-cover">
-    <view class="question-order">{{ quizIndex }}.</view>
-    <quizRichText wx:if="{{ questionContent.qs_content }}" richTextContent="{{ questionContent.qs_content }}" />
-  </view>
-  <!-- 选项 -->
-  <view class="question-option-list">
-    <view
-      class="question-option"
-      wx:for="{{ questionContent.options }}"
-    >
-      <!-- 单选题/多选题/判断题 -->
-      <block wx:if="{{ isShowOptionList }}">
-        <view class="img-cover" data-index="{{ index }}" catchtap="clickOption">
-          <image
-            src="{{ quizTools.getChoiceIcon(item, questionContent.qs_type, questionContent.correct_answer, questionContent.user_answer, showAnalysis) }}"
-            class="check-icon"
-          />
-        </view>
-        <!-- 判断题答案选项无需使用富文本 -->
-        <block wx:if="{{ questionContent.qs_type === 3 }}">
-          <view class="judge-item" data-index="{{ index }}" catchtap="clickOption">
-            {{ item.op_content }}
-          </view>
-        </block>
-        <!-- 单选题/多选题答案选项使用富文本 -->
-        <block wx:else>
-          <view class="index">{{ optionIndexMap[index] }}.</view>
-          <view class="title" data-index="{{ index }}" catchtap="clickOption">
-              <quizRichText wx:if="{{ item.op_content }}" richTextContent="{{ item.op_content }}" />
-          </view>
-        </block>
-      </block>
-    </view>
-  </view>
-  <!-- 解析 -->
-  <view class="question-analysis" wx:if="{{ showAnalysis }}">
-    <view class="question-analysis-top-part">
-      <view class="question-result {{ isSuccess && 'right-color' }}">
-        {{ isSuccess ? '回答正确' : '回答错误' }}
-      </view>
-      <view class="question-answer-box">
-        <view class="question-answer">
-          正确答案：{{ correctAnswer }}
-        </view>
-        <view class="question-answer">
-          我的答案：{{ userAnswer }}
-        </view>
-      </view>
-    </view>
-    <view class="question-tip" wx:if="{{ questionContent.qs_analysis }}">
-      解析
-    </view>
-    <view class="question-analysis-content">
-      <quizRichText wx:if="{{ questionContent.qs_analysis }}" richTextContent="{{ questionContent.qs_analysis }}" />
-    </view>
-  </view>
+<wxs src="./index.wxs" module="quizTools" />
+<view
+  wx:if="{{ questionContent }}"
+  class="question-cover {{ showAnalysis && 'card-margin-bottom' }}"
+>
+  <!-- 题目类型 -->
+  <view class="question-type">{{ quizTools.typeText(questionContent.qs_type) }}</view>
+  <!-- 题目 -->
+  <view class="question-content-cover">
+    <view class="question-order">{{ quizIndex }}.</view>
+    <quizRichText wx:if="{{ questionContent.qs_content }}" richTextContent="{{ questionContent.qs_content }}" />
+  </view>
+  <!-- 选项 -->
+  <view class="question-option-list">
+    <view
+      class="question-option"
+      wx:for="{{ questionContent.options }}"
+    >
+      <!-- 单选题/多选题/判断题 -->
+      <block wx:if="{{ isShowOptionList }}">
+        <view class="img-cover" data-index="{{ index }}" catchtap="clickOption">
+          <image
+            src="{{ quizTools.getChoiceIcon(item, questionContent.qs_type, questionContent.correct_answer, questionContent.user_answer, showAnalysis) }}"
+            class="check-icon"
+          />
+        </view>
+        <!-- 判断题答案选项无需使用富文本 -->
+        <block wx:if="{{ questionContent.qs_type === 3 }}">
+          <view class="judge-item" data-index="{{ index }}" catchtap="clickOption">
+            {{ item.op_content }}
+          </view>
+        </block>
+        <!-- 单选题/多选题答案选项使用富文本 -->
+        <block wx:else>
+          <view class="index">{{ optionIndexMap[index] }}.</view>
+          <view class="title" data-index="{{ index }}" catchtap="clickOption">
+              <quizRichText wx:if="{{ item.op_content }}" richTextContent="{{ item.op_content }}" />
+          </view>
+        </block>
+      </block>
+    </view>
+  </view>
+  <!-- 解析 -->
+  <view class="question-analysis" wx:if="{{ showAnalysis }}">
+    <view class="question-analysis-top-part">
+      <view class="question-result {{ isSuccess && 'right-color' }}">
+        {{ isSuccess ? '回答正确' : '回答错误' }}
+      </view>
+      <view class="question-answer-box">
+        <view class="question-answer">
+          正确答案：{{ correctAnswer }}
+        </view>
+        <view class="question-answer">
+          我的答案：{{ userAnswer }}
+        </view>
+      </view>
+    </view>
+    <view class="question-tip" wx:if="{{ questionContent.qs_analysis }}">
+      解析
+    </view>
+    <view class="question-analysis-content">
+      <quizRichText wx:if="{{ questionContent.qs_analysis }}" richTextContent="{{ questionContent.qs_analysis }}" />
+    </view>
+  </view>
 </view>

package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.wxs

@@ -1,79 +1,79 @@
-
-// 题目类型
-var typeText = function(type) {
-  var text = '';
-  switch (type) {
-    // 单选
-    case 0:
-      text = '单选题';
-      break;
-    // 多选
-    case 1:
-      text = '多选题';
-      break;
-    // 判断
-    case 3:
-      text = '判断题';
-      break;
-    default:
-      break;
-  }
-  return text;
-}
-
-
-/**
- * 获取展示的勾选icon
- * @param item 当前选项的item
- * @param type 题目类型，单选/多选/判断
- * @param correct_answer 正确的答案
- * @param user_answer 用户选择的答案
- * @param showAnalysis 是否是展示题目解析情况
- * @returns 
- */
-var getChoiceIcon = function (item, type, correct_answer, user_answer, showAnalysis) {
-  var judgeAnswer = function(item) {
-    if (!showAnalysis) return '';
-    var correctAnswer = correct_answer;
-    var userAnswer = user_answer;
-    var type = '';
-    // 选项是否在用户选择内
-    for (var i = 0; i < userAnswer.length; i++) {
-      if (userAnswer[i] === item.op_id) {
-        // 判断答案正确与否
-        for (var index = 0; index < correctAnswer.length; index++) {
-          if (correctAnswer[index] === item.op_id) {
-            type = 'right';
-            break
-          } else {
-            type = 'wrong';
-          }
-        }
-        break
-      }
-    }
-    return type;
-  }
-  var iconSrc = '';
-  // 区别多选和单选、判断
-  if (item.selected) {
-    // 选中状态
-    iconSrc = type === 1 ? 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr12yki0h1u.svg' : 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr114sn0g54.svg';
-  } else if (judgeAnswer(item) === 'right') {
-    // 正确状态
-    iconSrc = type === 1 ? 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr2zyki0skx.svg' : 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr2zykn0iix.svg';
-  } else if (judgeAnswer(item) === 'wrong') {
-    // 错误状态
-    iconSrc = type === 1 ? 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr2zykm0zhs.svg' : 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr2zyko0tts.svg';
-  } else {
-    // 空状态
-    iconSrc =
-      type === 1 ? 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr0ve6b0ezt.svg' : 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr0mnyy0uwf.svg';
-  }
-  return iconSrc;
-};
-
-module.exports = {
-  typeText:typeText,
-  getChoiceIcon:getChoiceIcon
+
+// 题目类型
+var typeText = function(type) {
+  var text = '';
+  switch (type) {
+    // 单选
+    case 0:
+      text = '单选题';
+      break;
+    // 多选
+    case 1:
+      text = '多选题';
+      break;
+    // 判断
+    case 3:
+      text = '判断题';
+      break;
+    default:
+      break;
+  }
+  return text;
+}
+
+
+/**
+ * 获取展示的勾选icon
+ * @param item 当前选项的item
+ * @param type 题目类型，单选/多选/判断
+ * @param correct_answer 正确的答案
+ * @param user_answer 用户选择的答案
+ * @param showAnalysis 是否是展示题目解析情况
+ * @returns 
+ */
+var getChoiceIcon = function (item, type, correct_answer, user_answer, showAnalysis) {
+  var judgeAnswer = function(item) {
+    if (!showAnalysis) return '';
+    var correctAnswer = correct_answer;
+    var userAnswer = user_answer;
+    var type = '';
+    // 选项是否在用户选择内
+    for (var i = 0; i < userAnswer.length; i++) {
+      if (userAnswer[i] === item.op_id) {
+        // 判断答案正确与否
+        for (var index = 0; index < correctAnswer.length; index++) {
+          if (correctAnswer[index] === item.op_id) {
+            type = 'right';
+            break
+          } else {
+            type = 'wrong';
+          }
+        }
+        break
+      }
+    }
+    return type;
+  }
+  var iconSrc = '';
+  // 区别多选和单选、判断
+  if (item.selected) {
+    // 选中状态
+    iconSrc = type === 1 ? 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr12yki0h1u.svg' : 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr114sn0g54.svg';
+  } else if (judgeAnswer(item) === 'right') {
+    // 正确状态
+    iconSrc = type === 1 ? 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr2zyki0skx.svg' : 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr2zykn0iix.svg';
+  } else if (judgeAnswer(item) === 'wrong') {
+    // 错误状态
+    iconSrc = type === 1 ? 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr2zykm0zhs.svg' : 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr2zyko0tts.svg';
+  } else {
+    // 空状态
+    iconSrc =
+      type === 1 ? 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr0ve6b0ezt.svg' : 'https://commonresource-1252524126.cdn.xiaoeknow.com/image/lyr0mnyy0uwf.svg';
+  }
+  return iconSrc;
+};
+
+module.exports = {
+  typeText:typeText,
+  getChoiceIcon:getChoiceIcon
 }

package/miniprogram_dist/Task/TaskQuizPopup/components/quizRichText/index.js

@@ -1,40 +1,40 @@
-import WxParse from '../wxParse/wxParse'
-Component({
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    // 展示的内容对象
-    richTextContent: {
-      type: String,
-      value: '',
-      observer(val) {
-        // 获取富文本的内容操作
-        if (val) this.getRichTextContent(val)
-      },
-    },
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {},
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    // 获取富文本的内容
-    getRichTextContent(richContent) {
-      WxParse.wxParse('richContent', 'html', richContent, this)
-    },
-    imageInit(e) {
-      WxParse.imageLoad(e, this).then(() => {
-        // 不知道为啥不响应渲染，所以这里重新setdata一次
-        this.setData({
-          richContent: this.data.richContent,
-        })
-      })
-    },
-  },
-})
+import WxParse from '../wxParse/wxParse'
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    // 展示的内容对象
+    richTextContent: {
+      type: String,
+      value: '',
+      observer(val) {
+        // 获取富文本的内容操作
+        if (val) this.getRichTextContent(val)
+      },
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {},
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 获取富文本的内容
+    getRichTextContent(richContent) {
+      WxParse.wxParse('richContent', 'html', richContent, this)
+    },
+    imageInit(e) {
+      WxParse.imageLoad(e, this).then(() => {
+        // 不知道为啥不响应渲染，所以这里重新setdata一次
+        this.setData({
+          richContent: this.data.richContent,
+        })
+      })
+    },
+  },
+})

package/miniprogram_dist/Task/TaskQuizPopup/components/quizRichText/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "audio-player": "../../../../components/audio_player/index"
-  }
+{
+  "component": true,
+  "usingComponents": {
+    "audio-player": "../../../../components/audio_player/index"
+  }
 }