对话填空英文位置

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

@@ -103,6 +103,13 @@
         <el-radio :label="'bottom'">字下面</el-radio>
       </el-radio-group>
     </div>
+    <div class="NPC-Book-model">
+      <span class="adult-book-input-lable">英文位置：</span>
+      <el-radio-group v-model="curQue.enPosition">
+        <el-radio :label="'top'">字上面</el-radio>
+        <el-radio :label="'bottom'">字下面</el-radio>
+      </el-radio-group>
+    </div>
     <!---上传rlc文件-->
     <!-- <div class="NPC-Book-Paragraph" v-if="isClause">
       <el-button
@@ -228,6 +235,7 @@ export default {
         name: "课文",
         model: 1,
         pyPosition: "top", //top 拼音在上面；bottom 拼音在下面
+        enPosition: "bottom", 
         mp3_list: [],
         img_list: [],
         article: "",
@@ -603,6 +611,9 @@ export default {
             })
         })
       }
+      if (!this.curQue.hasOwnProperty("enPosition")) {
+        this.$set(this.curQue, "enPosition", 'bottom');
+      }
     } else {
       this.initCurQueData();
     }

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

@@ -41,6 +41,13 @@
         <el-radio :label="'bottom'">字下面</el-radio>
       </el-radio-group>
     </div>
+    <div class="NPC-Book-model">
+      <span class="adult-book-input-lable">英文位置：</span>
+      <el-radio-group v-model="curQue.enPosition">
+        <el-radio :label="'top'">字上面</el-radio>
+        <el-radio :label="'bottom'">字下面</el-radio>
+      </el-radio-group>
+    </div>
     <div class="adult-book-input">
       <div
         class="dialogue-list"
@@ -163,6 +170,7 @@ export default {
         name: "对话题",
         model: 1,
         pyPosition: "top", //top 拼音在上面；bottom 拼音在下面
+        enPosition: "bottom",
         segModel: "words",
         list: [
           {
@@ -289,6 +297,9 @@ export default {
           JSON.parse(JSON.stringify(this.data_structure.wordcard))
         );
       }
+      if (!this.curQue.hasOwnProperty("enPosition")) {
+        this.$set(this.curQue, "enPosition", 'bottom');
+      }
     } else {
       this.initCurQueData();
     }

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

@@ -53,6 +53,10 @@
                 class="para-con"
                 :style="{ background: item.roleDetail.color.bg }"
               >
+                <div v-if="item.enwords && enPosition && enPosition == 'top'" class="enwords">
+                  {{ item.enwords }}
+                </div>
+                <div class="clearFix"></div>
                 <div
                   class="NNPE-words"
                   v-for="(pItem, pIndex) in item.wordsList"
@@ -455,7 +459,8 @@
                     ></span>
                   </template>
                 </div>
-                <div v-if="item.enwords" class="enwords">
+                <div class="clearFix"></div>
+                <div v-if="item.enwords && (!enPosition || enPosition && enPosition == 'bottom')" class="enwords">
                   {{ item.enwords }}
                 </div>
               </div>
@@ -546,6 +551,10 @@
                 class="para-con"
                 :style="{ background: item.roleDetail.color.bg }"
               >
+                <div v-if="item.enwords && enPosition && enPosition == 'top'" class="enwords">
+                  {{ item.enwords }}
+                </div>
+                <div class="clearFix"></div>
                 <div
                   class="NNPE-words"
                   v-for="(pItem, pIndex) in item.wordsList"
@@ -604,7 +613,8 @@
                     </template>
                   </template>
                 </div>
-                <div v-if="item.enwords" class="enwords">
+                <div class="clearFix"></div>
+                <div v-if="item.enwords && (!enPosition || enPosition && enPosition == 'bottom')" class="enwords">
                   {{ item.enwords }}
                 </div>
               </div>
@@ -689,7 +699,8 @@ export default {
     "Bookanswer",
     "TaskModel",
     "judgeAnswer",
-    "audioWidth"
+    "audioWidth",
+    "enPosition"
   ],
   components: {
     AudioLine,
@@ -956,7 +967,6 @@ export default {
         }
       });
       this.resArr = resArr;
-      console.log(resArr)
       // 循环文章图片
       if (curQue.img_list) {
         curQue.img_list.forEach((item) => {
@@ -1274,6 +1284,7 @@ export default {
       font-size: 14px;
       line-height: 22px;
       color: rgba(0, 0, 0, 0.85);
+      word-break: break-word;
     }
     &.NNPE-detail-title {
       .wordsList-box {
@@ -1367,6 +1378,22 @@ export default {
     color: #000000;
     height: 28px;
   }
+    .answer-input {
+        min-height: 28px;
+        box-sizing: border-box;
+        border: 0;
+        border-bottom: 1px #000 solid;
+        background: 0 0;
+        min-width: 100px;
+        outline: 0;
+        text-align: left;
+        font-family: "FZJCGFKTK";
+        font-size: 20px;
+        padding: 0 10px;
+        box-sizing: border-box;
+        color: #000000;
+        line-height: 26px;
+    }
 }
 .NPC-ArticleAnswerView {
   &-userAnswer,
@@ -1449,6 +1476,7 @@ export default {
   align-items: center;
   margin-top: 8px;
 }
+
 .NPC-sentences-list{
     .notice{
         word-break: break-word;

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

@@ -2,7 +2,6 @@
 <template>
   <div class="dialogue-answer-view NPC-zhedie" v-if="isShowTemp">
     <!-- 标题 -->
-
     <template v-if="curQue.title">
       <div class="topTitle">
         <div class="NPC-top-left">
@@ -56,6 +55,7 @@
                 :curQue="item"
                 :Bookanswer="curQue.Bookanswer[index]"
                 :pyPosition="curQue.pyPosition"
+                :enPosition="curQue.enPosition"
                 :colorBox="colorBox"
                 :TaskModel="TaskModel"
                 :listIndex="index"
@@ -103,6 +103,7 @@
                 :curQue="item"
                 :Bookanswer="curQue.Bookanswer[index]"
                 :pyPosition="curQue.pyPosition"
+                :enPosition="curQue.enPosition"
                 :colorBox="colorBox"
                 :listIndex="index"
                 :TaskModel="TaskModel"
@@ -267,7 +268,6 @@ export default {
         }
 
         if (item.checkList && item.checkList.indexOf("judge") > -1) {
-          console.log(item.judge);
           for (let i = 0; i < paraLeg; i++) {
             let judge_obj = {
               value: "",