pc端文章加录音

src/components/Adult/phonePreview/Picture.vue

@@ -1099,7 +1099,7 @@ export default {
     }
     .el-radio,
     .el-checkbox {
-      // width: 100%;
+      width: 100%;
       // margin: 8px 0 0;
       // text-align: center;
       // height: 32px;

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

@@ -1114,6 +1114,16 @@
         <Notecard :item="curNoteCon" :changeCard="changeCard" />
       </div>
     </template>
+    <div class="dia-article-record">
+      <Soundrecord
+        type="promax"
+        class="luyin-box"
+        :TaskModel="TaskModel"
+        :answerRecordList="curQue.Bookanswer.normalModel.recordList"
+        @handleWav="handleWav"
+        :baseSizePhone="baseSizePhone"
+      />
+    </div>
   </div>
 </template>
 
@@ -1121,6 +1131,8 @@
 import { timeStrToSen } from "../../../../utils/index";
 import AudioLine from "../AudioLine.vue";
 import Notecard from "../components/Notecard.vue";
+import Soundrecord from "../Soundrecord.vue";
+
 export default {
   name: "NormalModelChs",
   props: [
@@ -1134,7 +1146,8 @@ export default {
   ],
   components: {
     AudioLine,
-    Notecard
+    Notecard,
+    Soundrecord
   },
   data() {
     return {
@@ -1532,6 +1545,10 @@ export default {
       _this.isNoteShow = isShow;
       _this.oldNoteNum = "";
       _this.noteNum = "";
+    },
+    handleWav(list, tmIndex) {
+      tmIndex = tmIndex ? tmIndex : 0;
+      this.$set(this.curQue.Bookanswer.normalModel, "recordList", list);
     }
   },
   //生命周期 - 创建完成（可以访问当前this实例）
@@ -1759,6 +1776,18 @@ export default {
       background: rgba(222, 68, 68, 0.15);
     }
   }
+  .dia-article-record {
+    width: 100%;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+    .luyin-box {
+      justify-content: start;
+      padding: 8px 12px;
+      height: 40px;
+      width: 280px;
+      justify-content: flex-start;
+    }
+  }
+
   .NNPE-details {
     clear: both;
     overflow: hidden;

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

@@ -672,6 +672,16 @@
         />
       </div>
     </template>
+    <div class="dia-article-record">
+      <Soundrecord
+        @handleWav="handleWav"
+        :TaskModel="TaskModel"
+        :answerRecordList="curQue.Bookanswer.wordModel.recordList"
+        type="promax"
+        class="luyin-box"
+        :baseSizePhone="baseSizePhone"
+      />
+    </div>
   </div>
 </template>
 
@@ -679,6 +689,8 @@
 import { timeStrToSen } from "../../../../utils/index";
 import AudioLine from "../AudioLine.vue";
 import Wordcard from "../components/Wordcard.vue"; // 卡片
+import Soundrecord from "../Soundrecord.vue";
+
 export default {
   name: "WordModelChs",
   props: [
@@ -695,7 +707,8 @@ export default {
   ],
   components: {
     AudioLine,
-    Wordcard
+    Wordcard,
+    Soundrecord
   },
   data() {
     return {
@@ -1073,6 +1086,10 @@ export default {
           writeModel[hz] = [answer];
         }
       }
+    },
+    handleWav(list, tmIndex) {
+      tmIndex = tmIndex ? tmIndex : 0;
+      this.$set(this.curQue.Bookanswer.wordModel, "recordList", list);
     }
   },
   //生命周期 - 创建完成（可以访问当前this实例）
@@ -1254,6 +1271,17 @@ export default {
     }
   }
 }
+.dia-article-record {
+  width: 100%;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  .luyin-box {
+    justify-content: start;
+    padding: 8px 12px;
+    height: 40px;
+    width: 150px;
+    justify-content: flex-start;
+  }
+}
 .NNPE-wordDetail {
   position: fixed;
   z-index: 116;

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

@@ -172,8 +172,8 @@ import NormalModelChs from "./NormalModelChs.vue";
 import Practice from "./Practicechs.vue"; // 语音练习模式
 import WordModel from "./WordModelChs.vue"; // 语音练习模式
 import Voicefullscreen from "../Voicefullscreen.vue";
-import { getToken } from "@/utils/auth";
-import { analysSubmit } from "@/api/ajax";
+import { getToken } from "../../../../utils/auth";
+import { analysSubmit } from "../../../../api/ajax";
 
 export default {
   name: "ArticleViewChs",
@@ -218,7 +218,10 @@ export default {
           recordList: []
         },
         writeModel: {}, //生词/取词模式
-        practiceModel: {} //练习模式
+        practiceModel: {}, //练习模式
+        wordModel: {
+          recordList: []
+        }
       },
       tokenData: null,
       mathNum: Math.random()
@@ -598,6 +601,10 @@ export default {
     if (!this.curQue.Bookanswer) {
       let userAnswer = JSON.parse(JSON.stringify(_this.userAnswer));
       _this.$set(this.curQue, "Bookanswer", userAnswer);
+    } else {
+      if (!this.curQue.Bookanswer.hasOwnProperty("wordModel")) {
+        this.$set(this.curQue.Bookanswer, "wordModel", { recordList: [] });
+      }
     }
     _this.$nextTick(() => {
       _this.bodyLeft = _this.$refs.ArticleViewbody.getBoundingClientRect().left;