修改teambition中的问题

src/components/Adult/common/SentenceModule.vue

@@ -20,8 +20,18 @@
         />
       </div>
     </div>
+
     <div class="NPC-sentence-Segword" v-if="type != 'recordHZ_inputPY_chs'">
       <SentenceSegwordChs :curQue="curQueItem.detail" />
+      <div class="adult-book-input-item">
+        <span class="adult-book-lable"></span>
+        <span v-if="curQue.wordTime.length > 0" class="lrc">
+          <el-input v-model="curQue.wordTime[index].begin_time" size="small" />
+          <span> ~ </span>
+          <el-input v-model="curQue.wordTime[index].end_time" size="small" />
+          {{ curQue.wordTime[index].text }}
+        </span>
+      </div>
     </div>
     <div class="adult-book-input-item" v-if="type != 'recordHZ_inputPY_chs'">
       <span class="adult-book-lable">英文：</span>
@@ -310,6 +320,10 @@ export default {
   width: 24px;
   cursor: pointer;
 }
+.lrc {
+  display: flex;
+  align-items: center;
+}
 </style>
 <style lang="scss">
 .NPC-sentence-input-box {

src/components/Adult/inputModules/PurePreview.vue

@@ -83,6 +83,17 @@
               />
             </div>
             <div class="adult-book-input-item">
+              <span class="adult-book-lable">英文：</span>
+              <el-input
+                class="adult-book-input"
+                type="textarea"
+                :autosize="{ minRows: 2 }"
+                placeholder="请输入英文"
+                v-model="item.en"
+                @blur="onBlur(item, 'en')"
+              ></el-input>
+            </div>
+            <div class="adult-book-input-item">
               <span class="adult-book-lable">展示方式：</span>
               <el-radio-group v-model="item.imgOrText">
                 <el-radio label="image">图片</el-radio>
@@ -249,6 +260,7 @@ export default {
             mp3_list: [],
             img_list: [],
             con: "", //生字
+            en:"",
             pinyin: "", //拼音
           },
         ],

src/components/Adult/inputModules/Sentence.vue

@@ -169,7 +169,7 @@ export default {
         title: "",
         mp3_list: [],
         lrc_list: [],
-        lrc_arr: [],
+        wordTime: [],
         taskId: "",
         wordTime: [],
         detail: [],
@@ -332,6 +332,7 @@ export default {
       });
       this.curQue.lrc_list = lrc_list;
     },
+    // 根据lrc文件id 获取内容和起始和结束时间
     parseLrcFile() {
       let lrcList = this.curQue.lrc_list;
       if (lrcList.length === 0) {
@@ -341,7 +342,7 @@ export default {
         content_type: "FILE",
         file_id: this.curQue.lrc_list[0].file_id,
       }).then(({ lrc_list }) => {
-        this.curQue.lrc_arr = lrc_list;
+        this.curQue.wordTime = lrc_list;
       });
     },
     getBase64(file) {

src/components/Adult/preview/NewWordShow.vue

@@ -4,7 +4,12 @@
     <h2 v-if="curQue.title">{{ curQue.title }}</h2>
     <div class="item-box">
       <div class="item" v-for="(item, index) in curQue.option" :key="index">
-        <p v-if="item.pinyin">{{ item.pinyin }}</p>
+        <p v-if="item.pinyin">
+          <span>
+            {{ item.pinyin }}
+          </span>
+          <span>{{ item.en }}</span>
+        </p>
         <div class="con-box">
           <template v-if="item.imgOrText == 'text'">
             <template v-if="item.con">
@@ -158,13 +163,19 @@ export default {
       flex-flow: wrap;
       margin: 9px 20px;
       box-sizing: border-box;
-      width: 66px;
+      // width: 66px;
       cursor: pointer;
       > p {
+        white-space: nowrap;
+        :nth-child(1) {
+          font-family: "GB-PINYINOK-B";
+        }
+        :nth-child(2) {
+          font-family: "robot";
+        }
         color: #2c2c2c;
         font-size: 14px;
         line-height: 130%;
-        font-family: "GB-PINYINOK-B";
         width: 100%;
         text-align: center;
         margin: 0 0 8px 0;
@@ -188,6 +199,7 @@ export default {
       }
     }
     .con-box {
+      width: 66px;
       display: flex;
       border: 1px solid #de4444;
       border-radius: 8px;
@@ -287,8 +299,8 @@ export default {
 .NNPE-Big-Book-preview-red {
   .NewWordShow {
     .strock-play-box {
-      width: 22px;
-      height: 22px;
+      width: 16px;
+      height: 16px;
       right: -2px;
       top: 0;
       background: url("../../../assets/NPC/strock-play-red-click.png") center
@@ -303,8 +315,8 @@ export default {
 .NNPE-Big-Book-preview-green {
   .NewWordShow {
     .strock-play-box {
-      width: 22px;
-      height: 22px;
+      width: 16px;
+      height: 16px;
       right: -2px;
       top: 0;
       background: url("../../../assets/NPC/strock-play-green-click.png") center
@@ -319,8 +331,8 @@ export default {
 .NNPE-Big-Book-preview-brown {
   .NewWordShow {
     .strock-play-box {
-      width: 22px;
-      height: 22px;
+      width: 16px;
+      height: 16px;
       right: -2px;
       top: 0;
       background: url("../../../assets/NPC/strock-play-yellow-click.png") center

src/components/Adult/preview/components/Strockplayredline.vue

@@ -113,11 +113,11 @@ export default {
 }
 .strock-play-box {
   position: absolute;
-  right: -2px;
-  top: 0px;
+  // right: -2px;
+  // top: 0px;
   z-index: 999;
-  width: 24px;
-  height: 24px;
+  width: 16px;
+  height: 16px;
   display: flex;
   justify-content: center;
   align-items: center;

src/views/bookView.vue

@@ -19,7 +19,7 @@
             :src="fullTree?require('../assets/common/icon-treelist-gray.png'):require('../assets/common/icon-treelist.png')"
             @click="chooseCourseware"
           >
-          <h2 class="title">{{ chapterName }}</h2>
+          <!-- <h2 class="title">{{ chapterName }}</h2> -->
           <!-- <el-switch
             v-if="!treeFlag"
             v-model="switchvalue"