delete

src/components/Adult/Preview.vue

@@ -25,7 +25,9 @@
               :key="indexss"
               :class="[
                 'NNPE-tableList-item',
-                items.length == 1 ? 'NNPE-tableList-item-noMargin' : 'NNPE-tableList-item' + items.length
+                items.length == 1
+                  ? 'NNPE-tableList-item-noMargin'
+                  : 'NNPE-tableList-item' + items.length,
               ]"
             >
               <template v-if="itemss.data">
@@ -67,6 +69,7 @@
                     :n-n-p-e-new-word-list="NNPENewWordList"
                     :n-n-p-e-new-phrase-list="NNPENewPhraseList"
                     :n-n-p-e-annotation-list="NNPEAnnotationList"
+                    :colorBox="colorBox"
                   />
                 </template>
                 <template v-if="itemss.type == 'input_record_chs'">
@@ -121,6 +124,12 @@
                 <template v-if="itemss.type == 'checkbox_self_assessment_chs'">
                   <Checkbox :cur-que="itemss.data" />
                 </template>
+                <template v-if="itemss.type == 'dialogue_answer_chs'">
+                  <DialogueAnswerViewChs
+                    :cur-que="itemss.data"
+                    :colorBox="colorBox"
+                  />
+                </template>
               </template>
             </div>
           </div>
@@ -154,6 +163,7 @@ import SentenceListenRead from "./preview/SentenceListenRead.vue"; // 听并朗
 import SentenceSort from "./preview/SentenceSort.vue"; // 句子拖拽排序
 import Checkbox from "./preview/CheckBoxModule.vue"; // 问卷调查-多选题
 import VoiceMatrix from "./preview/VoiceMatrix.vue"; // 语音矩阵
+import DialogueAnswerViewChs from "./preview/DialogueArticleViewChs/DialogueAnswerViewChs.vue"; //对话答题
 
 export default {
   name: "Preview",
@@ -181,6 +191,7 @@ export default {
     SentenceSort,
     Checkbox,
     VoiceMatrix,
+    DialogueAnswerViewChs,
   },
   props: [
     "context",
@@ -202,6 +213,28 @@ export default {
       NNPENewPhraseList: [], // 存放文章的短语
       NNPEAnnotationList: [], // 存放文章注释
       height: "", // 总体的高度
+      colorBox: [
+        {
+          touxiang: "#72B51D",
+          bg: "#E9F0DF",
+        },
+        {
+          touxiang: "#DE4444",
+          bg: "rgba(222, 68, 68, 0.1)",
+        },
+        {
+          touxiang: "#A7A7A7",
+          bg: "#ffffff",
+        },
+        {
+          touxiang: "#4D91F6",
+          bg: "#F1F7FF",
+        },
+        {
+          touxiang: "#FF8A00",
+          bg: "rgba(255, 138, 0, 0.1)",
+        },
+      ],
     };
   },
   computed: {},
@@ -505,7 +538,7 @@ export default {
     .NNPE-tableList {
       background: #fff;
       border-radius: 8px;
-    //   padding: 12px 8px;
+      //   padding: 12px 8px;
       &.NNPE-tableList-hasBg {
         background: #f7f7f7;
         border: 1px solid rgba(0, 0, 0, 0.1);
@@ -518,7 +551,7 @@ export default {
         // flex-flow: wrap;
         .NNPE-tableList-item {
           width: 100%;
-        //   margin: 12px 16px;
+          //   margin: 12px 16px;
           // padding: 16px;
           // background: #FFFFFF;
           // border-radius: 4px;

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

@@ -89,7 +89,7 @@ import WordModel from "./WordModelChs.vue"; // 语音练习模式
 
 export default {
   name: "ArticleView",
-  props: ["curQue", "NNPENewWordList"],
+  props: ["curQue", "NNPENewWordList", "colorBox"],
   components: { NormalModelChs, Practice, WordModel, PhraseModel },
   data() {
     return {
@@ -103,28 +103,6 @@ export default {
       bodyLeft: 0,
       bodyWidth: 0,
       resColorArr: [],
-      colorBox: [
-        {
-          touxiang: "#72B51D",
-          bg: "#E9F0DF",
-        },
-        {
-          touxiang: "#DE4444",
-          bg: "rgba(222, 68, 68, 0.1)",
-        },
-        {
-          touxiang: "#A7A7A7",
-          bg: "#ffffff",
-        },
-        {
-          touxiang: "#4D91F6",
-          bg: "#F1F7FF",
-        },
-        {
-          touxiang: "#FF8A00",
-          bg: "rgba(255, 138, 0, 0.1)",
-        },
-      ],
     };
   },
   computed: {},