文章列宽 音频条宽度

src/components/Adult/Preview.vue

@@ -376,6 +376,7 @@
                         :current-tree-i-d="currentTreeID"
                         :task-model="TaskModel"
                         :judgeAnswer="itemJ"
+                        :colLength="items.length"
                       />
                     </template>
                     <!-- <template v-if="itemss.type == 'sentence_segword_chs'">
@@ -402,6 +403,7 @@
                         :current-tree-i-d="currentTreeID"
                         :task-model="TaskModel"
                         :judgeAnswer="itemJ"
+                        :colLength="items.length"
                       />
                     </template>
                     <template v-if="itemss.type == 'dialogue_answer_chs'">
@@ -1810,6 +1812,8 @@ export default {
       line-height: 28px;
       margin: 0;
       font-family: "D-DIN";
+      white-space: pre-wrap;
+      word-break: break-word;
     }
     a {
       position: absolute;

src/components/Adult/inputModules/ArticleTemChs/components/SegbywordChs.vue

@@ -76,6 +76,7 @@
             maxlength="500"
             show-word-limit
             @input="$forceUpdate()"
+            @blur="onBlur(paraCon.sentencesEn,sentIndex)"
           ></el-input>
         </div>
         <div class="NPC-words-box">
@@ -207,6 +208,7 @@ export default {
   methods: {
     onBlur(item, field) {
       item[field] = item[field] ? item[field].trim() : "";
+      this.$forceUpdate()
     },
     onBlurIndex(index, field) {
       let res = this.paraCon[field][index].sent_str.trim();

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

@@ -20,7 +20,7 @@
             :getCurTime="getCurTime"
             :duration="curQue.mp3_list[0].media_duration"
             :mp3Source="curQue.mp3_list[0].source"
-            :width="590"
+            :width="colLength==2?200:590"
             :ed="ed"
             type="audioLine"
             ref="audioLine"
@@ -405,7 +405,7 @@ import AudioLine from "../AudioLine.vue";
 import Notecard from "../components/Notecard.vue";
 export default {
   name: "NormalModelChs",
-  props: ["curQue", "noFont", "config", "TaskModel", "NNPEAnnotationList"],
+  props: ["curQue", "noFont", "config", "TaskModel", "NNPEAnnotationList", "colLength"],
   components: {
     AudioLine,
     Notecard

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

@@ -19,7 +19,7 @@
             :mp3="curQue.mp3_list[0].id"
             :getCurTime="getCurTime"
             :mp3Source="curQue.mp3_list[0].source"
-            :width="590"
+            :width="colLength==2?200:590"
             ref="audioLine"
           />
         </template>
@@ -320,6 +320,7 @@ export default {
     "config",
     "TaskModel",
     "NNPEAnnotationList",
+    "colLength"
   ],
   components: {
     AudioLine,

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

@@ -19,7 +19,7 @@
           :getCurTime="getCurTime"
           ref="audioLine"
           :stopAudio="stopAudio"
-          :width="555"
+          :width="colLength==2?175:555"
           :mp3Source="curQue.mp3_list[0].source"
           :ed="ed"
           type="audioLine"
@@ -391,6 +391,7 @@ export default {
     "currentTreeID",
     "config",
     "TaskModel",
+    "colLength"
   ],
   components: {
     AudioLine,

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

@@ -19,7 +19,7 @@
             :mp3="curQue.mp3_list[0].id"
             :getCurTime="getCurTime"
             :mp3Source="curQue.mp3_list[0].source"
-            :width="590"
+            :width="colLength==2?200:590"
             ref="audioLine"
           />
         </template>
@@ -274,6 +274,7 @@ export default {
     "currentTreeID",
     "config",
     "TaskModel",
+    "colLength"
   ],
   components: {
     AudioLine,

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

@@ -63,6 +63,7 @@
         @changeConfig="changeConfig"
         :TaskModel="TaskModel"
         :NNPEAnnotationList="NNPEAnnotationList"
+        :colLength="colLength"
       />
       <PhraseModel
         :curQue="curQue"
@@ -78,6 +79,7 @@
         @changeConfig="changeConfig"
         :TaskModel="TaskModel"
         :NNPEAnnotationList="NNPEAnnotationList"
+        :colLength="colLength"
       />
       <Practice
         :curQue="curQue"
@@ -91,6 +93,7 @@
         :config="config"
         @changeConfig="changeConfig"
         :TaskModel="TaskModel"
+        :colLength="colLength"
       />
       <WordModel
         :curQue="curQue"
@@ -106,6 +109,7 @@
         :config="config"
         @changeConfig="changeConfig"
         :TaskModel="TaskModel"
+        :colLength="colLength"
       />
     </div>
   </div>
@@ -125,7 +129,8 @@ export default {
     "themeColor",
     "currentTreeID",
     "TaskModel",
-    "NNPEAnnotationList"
+    "NNPEAnnotationList",
+    "colLength"
   ],
   components: { NormalModelChs, Practice, WordModel, PhraseModel },
   data() {

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

@@ -20,7 +20,7 @@
             :mp3="curQue.mp3_list[0].id"
             :getCurTime="getCurTime"
             :mp3Source="curQue.mp3_list[0].source"
-            :width="590"
+            :width="colLength==2?200:590"
             :ed="ed"
             type="audioLine"
             ref="audioLine"
@@ -475,6 +475,7 @@ export default {
     "noFont",
     "config",
     "TaskModel",
+    "colLength"
   ],
   components: {
     AudioLine,

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

@@ -20,7 +20,7 @@
             :mp3="curQue.mp3_list[0].id"
             :getCurTime="getCurTime"
             :mp3Source="curQue.mp3_list[0].source"
-            :width="590"
+            :width="colLength==2?200:590"
             ref="audioLine"
           />
         </template>
@@ -419,6 +419,7 @@ export default {
     "currentTreeID",
     "config",
     "TaskModel",
+    "colLength"
   ],
   components: {
     AudioLine,

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

@@ -21,7 +21,7 @@
             :getCurTime="getCurTime"
             ref="audioLine"
             :stopAudio="stopAudio"
-            :width="555"
+            :width="colLength==2?175:555"
             :isRepeat="isRepeat"
             :mp3Source="curQue.mp3_list[0].source"
             :ed="ed"
@@ -500,6 +500,7 @@ export default {
     "NNPENewWordList",
     "currentTreeID",
     "TaskModel",
+    "colLength"
   ],
   components: {
     AudioLine,

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

@@ -19,7 +19,7 @@
             :mp3="curQue.mp3_list[0].id"
             :getCurTime="getCurTime"
             :mp3Source="curQue.mp3_list[0].source"
-            :width="590"
+            :width="colLength==2?200:590"
             ref="audioLine"
           />
         </template>
@@ -337,6 +337,7 @@ export default {
     "currentTreeID",
     "config",
     "TaskModel",
+    "colLength"
   ],
   components: {
     AudioLine,

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

@@ -85,6 +85,7 @@
         :TaskModel="TaskModel"
         @changeConfig="changeConfig"
         v-if="!showPhrases && !showPractice && !showWord"
+        :colLength="colLength"
       />
       <PhraseModel
         :curQue="curQue"
@@ -101,6 +102,7 @@
         :TaskModel="TaskModel"
         @changeConfig="changeConfig"
         v-if="showPhrases"
+        :colLength="colLength"
       />
       <Practice
         :curQue="curQue"
@@ -115,6 +117,7 @@
         :TaskModel="TaskModel"
         @changeConfig="changeConfig"
         v-if="showPractice"
+        :colLength="colLength"
       />
       <WordModel
         :curQue="curQue"
@@ -131,6 +134,7 @@
         :TaskModel="TaskModel"
         @changeConfig="changeConfig"
         v-if="showWord"
+        :colLength="colLength"
       />
     </div>
   </div>
@@ -153,6 +157,7 @@ export default {
     "themeColor",
     "currentTreeID",
     "TaskModel",
+    "colLength"
   ],
   components: { NormalModelChs, Practice, WordModel, PhraseModel },
   data() {