课文

src/views/book/courseware/preview/components/article/PhraseModelChs.vue

@@ -270,6 +270,9 @@
               <img v-if="articleImg[index + 1]" :src="articleImg[index + 1]" />
             </div>
           </div>
+          <div class="multilingual" v-for="(items, indexs) in multilingualTextList" :key="indexs">
+            {{ items }}
+          </div>
         </div>
       </template>
     </template>
@@ -548,6 +551,9 @@
               </div>
             </div>
           </div>
+          <div class="multilingual" v-for="(items, indexs) in multilingualTextList" :key="indexs">
+            {{ items }}
+          </div>
         </div>
       </template>
     </template>
@@ -1230,6 +1236,11 @@ export default {
     padding: 24px 0;
   }
 
+  .multilingual {
+    padding: 6px 24px 12px;
+    word-break: break-word;
+  }
+
   .NNPE-detail {
     overflow: hidden;
     clear: both;

src/views/book/courseware/preview/components/article/Practicechs.vue

@@ -392,6 +392,9 @@
             <span class="full-screen-icon" @click="fullScreen"> </span>
           </div>
         </div>
+        <div class="multilingual" v-for="(items, indexs) in multilingualTextList" :key="indexs">
+          {{ items }}
+        </div>
       </div>
     </template>
     <div :id="'screen-' + mathNum" class="voice-full-screen">
@@ -818,6 +821,11 @@ export default {
     padding: 16px 0;
   }
 
+  .multilingual {
+    padding: 6px 24px 12px;
+    word-break: break-word;
+  }
+
   .aduioLine-content {
     flex: 1;
   }

src/views/book/courseware/preview/components/article/WordModelChs.vue

@@ -269,6 +269,9 @@
               <img v-if="articleImg[index + 1]" :src="articleImg[index + 1]" />
             </div>
           </div>
+          <div class="multilingual" v-for="(items, indexs) in multilingualTextList" :key="indexs">
+            {{ items }}
+          </div>
         </div>
       </template>
     </template>
@@ -520,6 +523,9 @@
               </div>
             </div>
           </div>
+          <div class="multilingual" v-for="(items, indexs) in multilingualTextList" :key="indexs">
+            {{ items }}
+          </div>
         </div>
       </template>
     </template>
@@ -996,6 +1002,11 @@ export default {
     padding: 24px 0;
   }
 
+  .multilingual {
+    padding: 6px 24px 12px;
+    word-break: break-word;
+  }
+
   .NNPE-detail {
     overflow: hidden;
     clear: both;

src/views/book/courseware/preview/components/dialogue_article/NormalModelChs.vue

@@ -552,6 +552,15 @@ export default {
     },
   },
   watch: {
+    'curQue.detail.length': {
+      handler(val) {
+        if (val) {
+          this.handleData();
+        }
+      },
+      deep: true,
+      immediate: true,
+    },
     noteNum: {
       handler: function (val, oldVal) {
         let _this = this;

src/views/book/courseware/preview/components/dialogue_article/PhraseModelChs.vue

@@ -293,6 +293,9 @@
           <div :class="['empty-left', isHasRemark ? 'hasRemark' : '']"></div>
           <div class="empty-right"></div>
         </div>
+        <div class="multilingual" v-for="(items, indexs) in multilingualTextList" :key="indexs">
+          {{ items }}
+        </div>
         <div class="dia-article-record" v-if="1 == 2">
           <Soundrecord @handleWav="handleWav" type="promax" class="luyin-box" />
         </div>
@@ -969,6 +972,11 @@ export default {
     }
   }
 
+  .multilingual {
+    padding: 6px 24px 12px;
+    word-break: break-word;
+  }
+
   .NNPE-detail {
     // overflow: hidden; // 为了不遮挡备注内容
     display: flex;

src/views/book/courseware/preview/components/dialogue_article/Practicechs.vue

@@ -430,6 +430,9 @@
             <span class="full-screen-icon" @click="fullScreen"> </span>
           </div>
         </div>
+        <div class="multilingual" v-for="(items, indexs) in multilingualTextList" :key="indexs">
+          {{ items }}
+        </div>
       </div>
     </template>
     <div class="voice-full-screen" :id="'screen-' + mathNum">
@@ -944,6 +947,11 @@ export default {
     padding: 0 0 24px;
   }
 
+  .multilingual {
+    padding: 6px 24px 12px;
+    word-break: break-word;
+  }
+
   .aduioLine-content {
     flex: 1;
   }

src/views/book/courseware/preview/components/dialogue_article/WordModelChs.vue

@@ -269,6 +269,9 @@
           <div :class="['empty-left', isHasRemark ? 'hasRemark' : '']"></div>
           <div class="empty-right"></div>
         </div>
+        <div class="multilingual" v-for="(items, indexs) in multilingualTextList" :key="indexs">
+          {{ items }}
+        </div>
         <div class="dia-article-record" v-if="curQue.Bookanswer">
           <Soundrecord
             @handleWav="handleWav"
@@ -861,6 +864,11 @@ export default {
     }
   }
 
+  .multilingual {
+    padding: 6px 24px 12px;
+    word-break: break-word;
+  }
+
   .NNPE-detail {
     display: flex;
     align-items: flex-start;