文章翻译

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

@@ -36,6 +36,7 @@ export default {
         wordsList: [],
         timeList: [],
         isTitle: false,
+        sentencesEn: [],
       },
       CreadMp3loading: false,
     };

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

@@ -67,6 +67,18 @@
           ></el-input>
         </div>
         <div class="NPC-words-box">
+          <span class="Big-Book-left-text">翻译：</span>
+          <el-input
+            type="textarea"
+            :autosize="{ minRows: 1 }"
+            placeholder="请输入翻译"
+            v-model="paraCon.sentencesEn[sentIndex]"
+            maxlength="500"
+            show-word-limit
+            @input="$forceUpdate()"
+          ></el-input>
+        </div>
+        <div class="NPC-words-box">
           <span class="Big-Book-left-text">分词：</span>
           <el-input
             type="textarea"

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

@@ -417,6 +417,9 @@ export default {
           let result = res.data.result;
           result.forEach((item, index) => {
             this.$set(this.curQue.detail[index], "sentences", item);
+            for (let i = 0; i < item.length; i++) {
+              this.curQue.detail[index].sentencesEn.push("");
+            }
           });
           this.isClause = true;
         });
@@ -591,6 +594,15 @@ export default {
       this.fileCon.img_list = JSON.parse(JSON.stringify(this.curQue.img_list));
       let mp3_list = JSON.parse(JSON.stringify(this.curQue.mp3_list));
       this.fileCon.mp3_list = mp3_list.filter((item) => item.source !== "tts");
+      if (!this.curQue.sentencesEn) {
+        this.curQue.sentencesEn = [];
+        this.curQue.detail.forEach(item=>{
+            item.sentencesEn = []
+            item.sentences.forEach(items=>{
+                item.sentencesEn.push("")
+            })
+        })
+      }
     } else {
       this.initCurQueData();
     }

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

@@ -1176,6 +1176,7 @@ export default {
             line-height: 22px;
             color: #000000;
             height: 21px;
+            display: block;
             &.noFont {
               font-family: initial;
             }
@@ -1230,6 +1231,7 @@ export default {
           line-height: 22px;
           color: #000000;
           height: 21px;
+          display: block;
           &.noFont {
             font-family: initial;
           }
@@ -1447,4 +1449,9 @@ export default {
   align-items: center;
   margin-top: 8px;
 }
+.NPC-sentences-list{
+    .notice{
+        word-break: break-word;
+    }
+}
 </style>

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

@@ -72,6 +72,7 @@ export default {
     line-height: 22px;
     color: #000000;
     border-radius: 0px 0px 8px 8px;
+    word-break: break-word;
   }
 }
 </style>

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

@@ -429,6 +429,7 @@ export default {
     color: #000000;
     padding: 0 24px 8px;
     margin: 0;
+    word-break: break-word;
     &.hasRemark {
       width: 553px;
       box-sizing: border-box;