图片模版输入加限制

src/components/Adult/preview/ArticleViewChs/NormalModelChs.vue

@@ -261,7 +261,7 @@ import { timeStrToSen } from "../../../../utils/index";
 import AudioLine from "../AudioLine.vue";
 export default {
   name: "NormalModelChs",
-  props: ["curQue", "noFont", "config"],
+  props: ["curQue", "noFont", "config", "TaskModel"],
   components: {
     AudioLine,
   },

src/components/Adult/preview/ArticleViewChs/index.vue

@@ -61,6 +61,7 @@
         :currentTreeID="currentTreeID"
         :config="config"
         @changeConfig="changeConfig"
+        :TaskModel="TaskModel"
       />
       <PhraseModel
         :curQue="curQue"
@@ -74,6 +75,7 @@
         v-if="showPhrases"
         :config="config"
         @changeConfig="changeConfig"
+        :TaskModel="TaskModel"
       />
       <Practice
         :curQue="curQue"
@@ -86,6 +88,7 @@
         v-if="showPractice"
         :config="config"
         @changeConfig="changeConfig"
+        :TaskModel="TaskModel"
       />
       <WordModel
         :curQue="curQue"
@@ -100,6 +103,7 @@
         v-if="showWord"
         :config="config"
         @changeConfig="changeConfig"
+        :TaskModel="TaskModel"
       />
     </div>
   </div>
@@ -113,7 +117,13 @@ import WordModel from "./WordModelChs.vue"; // 语音练习模式
 
 export default {
   name: "ArticleViewChs",
-  props: ["curQue", "NNPENewWordList", "themeColor", "currentTreeID"],
+  props: [
+    "curQue",
+    "NNPENewWordList",
+    "themeColor",
+    "currentTreeID",
+    "TaskModel",
+  ],
   components: { NormalModelChs, Practice, WordModel, PhraseModel },
   data() {
     return {
@@ -133,15 +143,12 @@ export default {
         isShowPY: false,
         isHasPY: false,
       },
-      answer: {
+      userAnswer: {
         normalModel: {
           recordList: [],
         },
-        phraseModel: {}, //生词模式
-        practiceModel: {
-          sentencesRecordList: {}, //句子模式
-          fullRecordList: {}, //全屏录音
-        }, //练习模式
+        writeModel: {}, //生词/取词模式
+        practiceModel: {}, //练习模式
       },
     };
   },
@@ -207,8 +214,13 @@ export default {
   created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
+    let _this = this;
     console.log("我是文章预览");
     console.log(this.curQue);
+    if (!this.curQue.Bookanswer) {
+      let userAnswer = JSON.parse(JSON.stringify(_this.userAnswer));
+      _this.$set(this.curQue, "Bookanswer", userAnswer);
+    }
     this.$nextTick(() => {
       this.bodyLeft = this.$refs.ArticleViewbody.getBoundingClientRect().left;
     });

src/components/Adult/preview/Picture.vue

@@ -110,6 +110,7 @@
           <a
             :class="[
               'right-btn',
+              TaskModel != 'ANSWER' ? 'right-btn-hover' : '',
               curQue.Bookanswer[0].judge == 'right' ? 'active' : '',
             ]"
             @click="handleSelectJudge('right')"
@@ -117,6 +118,7 @@
           <a
             :class="[
               'error-btn',
+              TaskModel != 'ANSWER' ? 'error-btn-hover' : '',
               curQue.Bookanswer[0].judge == 'error' ? 'active' : '',
             ]"
             @click="handleSelectJudge('error')"
@@ -479,7 +481,7 @@ export default {
         background-size: 24px;
         border-radius: 4px;
         border: 1px solid #f7f7f7;
-        &:hover,
+        &.right-btn-hover:hover,
         &.active {
           background-color: #e5fff0;
           border-color: #00c850;
@@ -490,7 +492,7 @@ export default {
           center no-repeat;
         background-size: 24px;
         margin-left: 4px;
-        &:hover,
+        &.error-btn-hover:hover,
         &.active {
           background-color: #ffe5e5;
           border-color: #de4444;