对话文章的保存答案

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

@@ -281,7 +281,13 @@
           <div class="empty-right"></div>
         </div>
         <div class="dia-article-record">
-          <Soundrecord @handleWav="handleWav" type="promax" class="luyin-box" />
+          <Soundrecord
+            type="promax"
+            class="luyin-box"
+            :TaskModel="TaskModel"
+            :answerRecordList="curQue.Bookanswer.normalModel.recordList"
+            @handleWav="handleWav"
+          />
         </div>
       </div>
     </template>
@@ -314,6 +320,7 @@ export default {
     "bodyWidth",
     "noFont",
     "config",
+    "TaskModel",
   ],
   components: {
     AudioLine,
@@ -443,7 +450,10 @@ export default {
         this.$emit("changeConfig", "isShowEN");
       }
     },
-    handleWav() {},
+    handleWav(list, tmIndex) {
+      tmIndex = tmIndex ? tmIndex : 0;
+      this.$set(this.curQue.Bookanswer.normalModel, "recordList", list);
+    },
     getCurTime(curTime) {
       this.curTime = curTime * 1000;
     },

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

@@ -214,7 +214,7 @@
           <div :class="['empty-left', isHasRemark ? 'hasRemark' : '']"></div>
           <div class="empty-right"></div>
         </div>
-        <div class="dia-article-record">
+        <div class="dia-article-record" v-if="1 == 2">
           <Soundrecord @handleWav="handleWav" type="promax" class="luyin-box" />
         </div>
       </div>
@@ -230,6 +230,9 @@
           :changeWordCard="changeWordCard"
           :themeColor="themeColor"
           :currentTreeID="currentTreeID"
+          :TaskModel="TaskModel"
+          :writeList="curQue.Bookanswer.writeModel"
+          @changeCurQue="changeCurQue"
         />
       </div>
     </template>
@@ -265,6 +268,7 @@ export default {
     "noFont",
     "currentTreeID",
     "config",
+    "TaskModel",
   ],
   components: {
     AudioLine,
@@ -647,6 +651,18 @@ export default {
     getScreenHeight() {
       this.screenHeight = window.innerHeight;
     },
+    changeCurQue(answer) {
+      if (answer) {
+        let writeModel = this.curQue.Bookanswer.writeModel;
+        let hz = answer.hz;
+        if (writeModel.hasOwnProperty(hz)) {
+          writeModel[hz].push(answer);
+        } else {
+          writeModel[hz] = [answer];
+        }
+        console.log(this.curQue.Bookanswer);
+      }
+    },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {},

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

@@ -338,12 +338,18 @@
           <div v-show="sentIndex == index" class="Soundrecord-content">
             <div class="Soundrecord-content-inner">
               <Soundrecord
-                @handleWav="handleWav"
                 type="promax"
                 class="luyin-box"
                 @getWavblob="getWavblob"
                 @handleParentPlay="handleParentPlay"
                 @sentPause="sentPause"
+                :TaskModel="TaskModel"
+                :answerRecordList="
+                  curQue.Bookanswer.practiceModel[index] &&
+                  curQue.Bookanswer.practiceModel[index].recordList
+                "
+                :tmIndex="index"
+                @handleWav="handleWav"
               />
               <div
                 class="compare-box"
@@ -383,6 +389,8 @@
         :currentTreeID="currentTreeID"
         :isFull="isFull"
         :config="config"
+        :TaskModel="TaskModel"
+        @handleWav="handleWav"
         @changePinyin="changePinyin"
         @changeEN="changeEN"
         @exitFullscreen="exitFullscreen"
@@ -409,6 +417,7 @@ export default {
     "config",
     "NNPENewWordList",
     "currentTreeID",
+    "TaskModel",
   ],
   components: {
     AudioLine,
@@ -727,7 +736,17 @@ export default {
     emptyEd() {
       this.ed = undefined;
     },
-    handleWav(data) {},
+    handleWav(list, tmIndex) {
+      tmIndex = tmIndex ? tmIndex : 0;
+      this.curQue.Bookanswer.practiceModel[tmIndex] = {
+        recordList: [],
+      };
+      this.$set(
+        this.curQue.Bookanswer.practiceModel[tmIndex],
+        "recordList",
+        list
+      );
+    },
     // 录音时暂停音频播放
     handleParentPlay() {
       this.stopAudio = true;

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

@@ -227,6 +227,9 @@
           :changeWordCard="changeWordCard"
           :themeColor="themeColor"
           :currentTreeID="currentTreeID"
+          :TaskModel="TaskModel"
+          :writeList="curQue.Bookanswer.writeModel"
+          @changeCurQue="changeCurQue"
         />
       </div>
     </template>
@@ -261,6 +264,7 @@ export default {
     "noFont",
     "currentTreeID",
     "config",
+    "TaskModel",
   ],
   components: {
     AudioLine,
@@ -667,6 +671,18 @@ export default {
       _this.oldNoteNum = "";
       _this.noteNum = "";
     },
+    changeCurQue(answer) {
+      if (answer) {
+        let writeModel = this.curQue.Bookanswer.writeModel;
+        let hz = answer.hz;
+        if (writeModel.hasOwnProperty(hz)) {
+          writeModel[hz].push(answer);
+        } else {
+          writeModel[hz] = [answer];
+        }
+        console.log(this.curQue.Bookanswer);
+      }
+    },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {},

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

@@ -3,7 +3,7 @@
   <div
     class="NPC-ArticleView NPC-ArticleView-container"
     id="articleBoby"
-    v-if="curQue"
+    v-if="curQue && curQue.Bookanswer"
   >
     <div class="ArticleView-header">
       <!-- <a :class="['ArticleView-full']" v-if="showPractice" @click="goFullscreen"
@@ -67,6 +67,7 @@
         :themeColor="themeColor"
         :noFont="noFont"
         :config="config"
+        :TaskModel="TaskModel"
         @changeConfig="changeConfig"
         v-if="!showPhrases && !showPractice && !showWord"
       />
@@ -82,6 +83,7 @@
         :currentTreeID="currentTreeID"
         :bodyLeft="bodyLeft"
         :config="config"
+        :TaskModel="TaskModel"
         @changeConfig="changeConfig"
         v-if="showPhrases"
       />
@@ -95,6 +97,7 @@
         :currentTreeID="currentTreeID"
         :NNPENewWordList="NNPENewWordList"
         :config="config"
+        :TaskModel="TaskModel"
         @changeConfig="changeConfig"
         v-if="showPractice"
       />
@@ -110,6 +113,7 @@
         :noFont="noFont"
         :currentTreeID="currentTreeID"
         :config="config"
+        :TaskModel="TaskModel"
         @changeConfig="changeConfig"
         v-if="showWord"
       />
@@ -132,6 +136,7 @@ export default {
     "colorBox",
     "themeColor",
     "currentTreeID",
+    "TaskModel",
   ],
   components: { NormalModelChs, Practice, WordModel, PhraseModel },
   data() {
@@ -153,6 +158,13 @@ export default {
         isShowPY: false,
         isHasPY: false,
       },
+      userAnswer: {
+        normalModel: {
+          recordList: [],
+        },
+        writeModel: {}, //生词/取词模式
+        practiceModel: {}, //练习模式
+      },
     };
   },
   computed: {
@@ -223,13 +235,20 @@ export default {
   created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
+    let _this = this;
+    console.log(_this.TaskModel);
+    if (!_this.curQue.Bookanswer) {
+      let userAnswer = JSON.parse(JSON.stringify(_this.userAnswer));
+      _this.$set(this.curQue, "Bookanswer", userAnswer);
+    }
     console.log("我是文章预览");
     console.log(this.curQue);
-    if (this.curQue) {
-      this.$nextTick(() => {
-        this.bodyLeft = this.$refs.ArticleViewbody.getBoundingClientRect().left;
+    if (_this.curQue) {
+      _this.$nextTick(() => {
+        _this.bodyLeft =
+          _this.$refs.ArticleViewbody.getBoundingClientRect().left;
       });
-      for (let i = 0; i < this.curQue.detail.length; i++) {
+      for (let i = 0; i < _this.curQue.detail.length; i++) {
         let enStr = this.curQue.detail[i].sentencesEn.join("");
         if (enStr) {
           this.config.isShowEN = true;
@@ -245,7 +264,6 @@ export default {
         }
       }
     }
-    console.log(this.NNPENewWordList);
   },
   beforeCreate() {}, //生命周期 - 创建之前
   beforeMount() {}, //生命周期 - 挂载之前

src/components/Adult/preview/Picture.vue

@@ -160,6 +160,7 @@
         <Soundrecord
           @handleWav="handleWav"
           :answerRecordList="curQue.Bookanswer[0].recordList"
+          :TaskModel="TaskModel"
           :type="items.RecordControl ? items.RecordControl : 'normal'"
           class="luyin-box"
           :class="[items.RecordControl]"

src/components/Adult/preview/Soundrecorddiff.vue

@@ -1,7 +1,10 @@
 <!--  -->
 <template>
   <div class="NNPE-Book-record">
-    <div :class="['record-main', microphoneStatus ? 'active' : '']">
+    <div
+      :class="['record-main', microphoneStatus ? 'active' : '']"
+      v-if="!TaskModel || TaskModel != 'ANSWER'"
+    >
       <div class="record-main-inner" @click="microphone">
         <div class="record" />
         <span v-if="microphoneStatus" class="record-time">{{
@@ -11,7 +14,11 @@
     </div>
     <div
       v-if="!microphoneStatus && recordList.length > 0"
-      :class="['hasRecord', bgIndex == 1 ? 'hasRecord-white' : '']"
+      :class="[
+        'hasRecord',
+        bgIndex == 1 ? 'hasRecord-white' : '',
+        TaskModel == 'ANSWER' ? 'hasRecord-answer' : '',
+      ]"
     >
       <div
         :class="[bgIndex == 1 ? 'playBack-white' : 'playBack', hasMicro]"
@@ -23,9 +30,9 @@
           )
         "
       />
-      <span
-        class="record-time"
-      >{{ isPlaying ? "-" : "" }}{{ handleDateTime(recordtime) }}</span>
+      <span class="record-time"
+        >{{ isPlaying ? "-" : "" }}{{ handleDateTime(recordtime) }}</span
+      >
       <el-select
         v-model="selectIndex"
         placeholder="无录音"
@@ -47,7 +54,16 @@
 import Recorder from "js-audio-recorder"; // 录音插件
 export default {
   components: {},
-  props: ["wavData", "type", "fileName", "selectData", "bgIndex"],
+  props: [
+    "wavData",
+    "type",
+    "fileName",
+    "selectData",
+    "bgIndex",
+    "tmIndex",
+    "answerRecordList",
+    "TaskModel",
+  ],
   data() {
     return {
       recorder: new Recorder({
@@ -84,6 +100,13 @@ export default {
   // 生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
     let _this = this;
+    _this.recordList = _this.answerRecordList
+      ? JSON.parse(JSON.stringify(_this.answerRecordList))
+      : [];
+    if (_this.recordList.length > 0) {
+      _this.selectIndex = 0;
+      _this.handleChangeRecord(0);
+    }
     _this.audio.addEventListener("play", function () {
       _this.changeStatus("active");
       _this.isPlaying = true;
@@ -112,7 +135,7 @@ export default {
     microphone() {
       let _this = this;
       if (!this.microphoneStatus) {
-        _this.hasMicro=""
+        _this.hasMicro = "";
         _this.$emit("getWavblob", null);
         this.$emit("getSelectData", { type: "" });
         // 开始录音
@@ -174,7 +197,7 @@ export default {
       _this.$emit("getMicrophoneStatus", _this.microphoneStatus);
     },
     playmicrophone(totalTimes) {
-      if(this.hasMicro){
+      if (this.hasMicro) {
         this.isPlaying = true;
         if (this.selectIndex || this.selectIndex == 0) {
           let totalTime = totalTimes;
@@ -253,31 +276,33 @@ export default {
       this.audio.pause();
       this.oldIndex = null;
       this.$emit("getWavblob", this.wavblob);
-      if (this.recordList[index].selectData) { this.$emit("getSelectData", this.recordList[index].selectData); }
+      if (this.recordList[index].selectData) {
+        this.$emit("getSelectData", this.recordList[index].selectData);
+      }
       this.$emit("sentPause", false);
     },
     handleDelete() {
-      if(this.hasMicro){
-      if (this.selectIndex || this.selectIndex == 0) {
-        this.recordList.splice(this.selectIndex, 1);
-        this.selectIndex =
-          this.recordList.length > 0 ? this.recordList.length - 1 : null;
-        this.hasMicro = this.recordList.length > 0 ? "normal" : "";
-        this.recordtime =
-          this.recordList.length > 0
-            ? this.recordList[this.selectIndex].toltime
-            : 0;
-        this.audio.pause();
-        this.audio = new window.Audio();
-        this.wavblob =
-          this.recordList.length > 0
-            ? this.recordList[this.selectIndex].wavData
-            : null;
-        this.oldIndex = null;
-        this.isPlaying = false;
-        clearInterval(this.timer);
-      }
-      this.$emit("getRerordStatus", this.recordList.length > 0);
+      if (this.hasMicro) {
+        if (this.selectIndex || this.selectIndex == 0) {
+          this.recordList.splice(this.selectIndex, 1);
+          this.selectIndex =
+            this.recordList.length > 0 ? this.recordList.length - 1 : null;
+          this.hasMicro = this.recordList.length > 0 ? "normal" : "";
+          this.recordtime =
+            this.recordList.length > 0
+              ? this.recordList[this.selectIndex].toltime
+              : 0;
+          this.audio.pause();
+          this.audio = new window.Audio();
+          this.wavblob =
+            this.recordList.length > 0
+              ? this.recordList[this.selectIndex].wavData
+              : null;
+          this.oldIndex = null;
+          this.isPlaying = false;
+          clearInterval(this.timer);
+        }
+        this.$emit("getRerordStatus", this.recordList.length > 0);
       }
     },
   }, // 如果页面有keep-alive缓存功能，这个函数会触发
@@ -419,6 +444,10 @@ export default {
         color: #fff;
       }
     }
+    &-answer {
+      padding: 16px;
+      border-radius: 40px;
+    }
   }
 }
 </style>

src/components/Adult/preview/Voicefullscreen.vue

@@ -430,6 +430,7 @@
         ></div>
       </div>
     </div>
+
     <div
       class="voicefull-bottom"
       @mouseover="setBottomShow(true)"
@@ -451,6 +452,12 @@
             @getMicrophoneStatus="getMicrophoneStatus"
             @getPlayStatus="getPlayStatus"
             :bgIndex="bgIndex"
+            :TaskModel="TaskModel"
+            :answerRecordList="
+              curQue.Bookanswer.practiceModel[sentIndex] &&
+              curQue.Bookanswer.practiceModel[sentIndex].recordList
+            "
+            :tmIndex="sentIndex"
           />
           <div
             :class="['compare-box', bgIndex == 1 ? 'compare-box-white' : '']"
@@ -544,6 +551,7 @@ export default {
     "NNPENewWordList",
     "currentTreeID",
     "config",
+    "TaskModel",
   ],
   data() {
     return {
@@ -950,7 +958,10 @@ export default {
       this.pauseAudio();
       this.$emit("changeIsFull");
     },
-    handleWav(data) {},
+    handleWav(list, tmIndex) {
+      tmIndex = tmIndex ? tmIndex : 0;
+      this.$emit("handleWav", list, tmIndex);
+    },
     // 录音时暂停音频播放
     handleParentPlay() {
       this.stopAudio = true;
@@ -984,6 +995,9 @@ export default {
     },
     showWordDetail(e, item) {
       let _this = this;
+      if (_this.TaskModel == "ANSWER") {
+        return;
+      }
       if (_this.chsFhList.indexOf(item.chs) > -1) {
         return;
       }
@@ -1717,6 +1731,9 @@ export default {
           border: 1px solid rgba(0, 0, 0, 0.1);
           border-left: 0;
         }
+        &-answer {
+          border-radius: 40px;
+        }
       }
     }
     .page-count {

src/components/Adult/preview/components/Freewrite.vue

@@ -34,7 +34,7 @@
         </div>
       </div>
 
-      <div style="display: flex">
+      <div style="display: flex" v-if="TaskModel != 'ANSWER'">
         <div
           class="xj"
           style="margin-right: 8px"
@@ -70,7 +70,15 @@ export default {
   components: {
     FreeWriteQP,
   },
-  props: ["lineColor", "lineWidth", "cur", "wordNum", "currentTreeID"],
+  props: [
+    "lineColor",
+    "lineWidth",
+    "cur",
+    "wordNum",
+    "currentTreeID",
+    "TaskModel",
+    "writeList",
+  ],
   data() {
     return {
       width: this.wordNum != "2" ? 256 : 256,
@@ -113,6 +121,18 @@ export default {
         });
       });
     },
+    getStuImgList(tabIndex) {
+      this.tabIndex = tabIndex;
+      this.imgarr = [];
+      let hz =
+        this.tabIndex == 0 ? this.cur.stem[0].con : this.cur.stem[0].TChinese;
+      debugger;
+      let imgarr = JSON.parse(JSON.stringify(this.writeList));
+      this.imgarr = imgarr[hz].map((item) => {
+        item.history = JSON.parse(item.strokes_content);
+        return item;
+      });
+    },
     removeImage() {
       if (this.hasPlay) {
         this.$message.warning("正在播放，不能删除");
@@ -168,6 +188,13 @@ export default {
         .then((res) => {
           let Book_img = res.replace("data:image/png;base64,", "");
           let write_img = "data:image/png;base64," + Book_img;
+          let answer = {};
+          answer = {
+            hz: hz,
+            strokes_content: JSON.stringify(this.$refs.esign.history),
+            strokes_image_url: write_img,
+          };
+          this.$emit("saveWriteAnswer", answer);
           let data = {
             courseware_id: this.currentTreeID,
             hz: hz,
@@ -178,6 +205,7 @@ export default {
             "teaching-practice_manager-SaveMyHZHandwrittenRecord";
           LearnWebSI(MethodName, data).then((res) => {
             this.$message.success("保存成功！");
+            // this.getImgList(this.tabIndex);
             let obj = {
               hz_handwritten_record_id: res.hz_handwritten_record_id,
               history: this.$refs.esign.history,

src/components/Adult/preview/components/Practice.vue

@@ -42,7 +42,7 @@
                 </div>
               </div>
             </div>
-            <div class="footer">
+            <div class="footer" v-if="TaskModel != 'ANSWER'">
               <div @click="handleColl" class="bg-box">
                 <template v-if="collFlag">
                   <img
@@ -94,7 +94,10 @@
                     :lineWidth="hanziweight"
                     :currentTreeID="currentTreeID"
                     :tabIndex="0"
+                    :TaskModel="TaskModel"
+                    :writeList="writeList"
                     ref="freewrite"
+                    @saveWriteAnswer="saveWriteAnswer"
                   />
                   <div class="footer">
                     <div class="pen-colors">
@@ -104,7 +107,7 @@
                 </template>
               </div>
 
-              <ul class="nav-list">
+              <ul class="nav-list" v-if="TaskModel != 'ANSWER'">
                 <li
                   :class="navIndex == 0 ? 'active' : ''"
                   @click="changeNav(0)"
@@ -132,7 +135,7 @@
               />
             </div>
             <div class="left-content-pra"></div>
-            <div class="footer">
+            <div class="footer" v-if="TaskModel != 'ANSWER'">
               <div class="bg-box" @click="handleColl">
                 <template v-if="collFlag">
                   <img
@@ -184,7 +187,10 @@
                     :lineWidth="hanziweight"
                     :currentTreeID="currentTreeID"
                     :tabIndex="1"
+                    :TaskModel="TaskModel"
+                    :writeList="writeList"
                     ref="freewrite"
+                    @saveWriteAnswer="saveWriteAnswer"
                   />
                   <div class="footer">
                     <div class="pen-colors">
@@ -194,7 +200,7 @@
                 </template>
               </div>
 
-              <ul class="nav-list">
+              <ul class="nav-list" v-if="TaskModel != 'ANSWER'">
                 <li
                   :class="navIndex == 0 ? 'active' : ''"
                   @click="changeNav(0)"
@@ -231,7 +237,15 @@ export default {
     Freewrite,
     Audio,
   },
-  props: ["cur", "changePraShow", "themeColor", "currentTreeID", "mp3Url"],
+  props: [
+    "cur",
+    "changePraShow",
+    "themeColor",
+    "currentTreeID",
+    "mp3Url",
+    "TaskModel",
+    "writeList",
+  ],
   data() {
     return {
       //   learn_mode: "",
@@ -285,7 +299,7 @@ export default {
           this.collFlag = true;
           this.$message.success("收藏成功！");
         });
-      }else{
+      } else {
         this.$message.warning("权限不足！");
       }
     },
@@ -320,11 +334,13 @@ export default {
     },
     changeNav(index) {
       let _this = this;
-      _this.navIndex = index;
-      if (index == 1) {
-        setTimeout(() => {
-          _this.$refs.freewrite[_this.isShow].getImgList(_this.isShow);
-        }, 100);
+      if (_this.TaskModel != "AMSWER") {
+        _this.navIndex = index;
+        if (index == 1) {
+          setTimeout(() => {
+            _this.$refs.freewrite[_this.isShow].getImgList(_this.isShow);
+          }, 100);
+        }
       }
     },
     changeColor(index) {
@@ -351,12 +367,36 @@ export default {
     handleClick(tab, event) {
       let _this = this;
       _this.isShow = tab.index;
-      if (_this.navIndex == 1) {
-        setTimeout(() => {
-          _this.$refs.freewrite[_this.isShow].getImgList(_this.isShow);
-        }, 100);
+      console.log(_this.isShow);
+      console.log(_this.$refs.freewrite[_this.isShow]);
+      if (_this.TaskModel == "ANSWER") {
+        _this.$refs.freewrite[_this.isShow].getStuImgList(_this.isShow);
+      } else {
+        if (_this.navIndex == 1) {
+          setTimeout(() => {
+            _this.$refs.freewrite[_this.isShow].getImgList(_this.isShow);
+          }, 100);
+        }
+      }
+    },
+    handleClick2(index) {
+      let _this = this;
+      _this.isShow = index;
+      console.log(_this.$refs.freewrite);
+      if (_this.TaskModel == "ANSWER") {
+        _this.$refs.freewrite[_this.isShow].getStuImgList(_this.isShow);
+      } else {
+        if (_this.navIndex == 1) {
+          setTimeout(() => {
+            _this.$refs.freewrite[_this.isShow].getImgList(_this.isShow);
+          }, 100);
+        }
       }
     },
+    saveWriteAnswer(data) {
+      let answer = JSON.parse(JSON.stringify(data));
+      this.$emit("changeCurQue", answer);
+    },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {
@@ -368,7 +408,17 @@ export default {
     _this.checkCollStatus();
   },
   //生命周期 - 挂载完成（可以访问DOM元素）
-  mounted() {},
+  mounted() {
+    let _this = this;
+    _this.$nextTick(() => {
+      if (_this.TaskModel == "ANSWER") {
+        _this.navIndex = 1;
+        setTimeout(() => {
+          _this.handleClick({ index: "0" });
+        }, 0);
+      }
+    });
+  },
   beforeCreate() {}, //生命周期 - 创建之前
   beforeMount() {}, //生命周期 - 挂载之前
   beforeUpdate() {}, //生命周期 - 更新之前

src/components/Adult/preview/components/Wordcard.vue

@@ -167,6 +167,9 @@
         :themeColor="themeColor"
         :currentTreeID="currentTreeID"
         :mp3Url="mp3Url"
+        :TaskModel="TaskModel"
+        :writeList="writeList"
+        @changeCurQue="changeCurQue"
       />
     </div>
     <div class="practiceBox" v-if="isIntpShow">
@@ -185,7 +188,11 @@ import Audio from "./AudioRed.vue";
 import Strockplayredline from "./Strockplayredline.vue";
 import Practice from "./Practice.vue";
 import WordPhraseDetail from "./WordPhraseDetail.vue";
-import { getContentFile, LearnWebSI, getHZChineseInfo } from "../../../../api/ajax";
+import {
+  getContentFile,
+  LearnWebSI,
+  getHZChineseInfo,
+} from "../../../../api/ajax";
 import { isChn } from "../../../../utils/index";
 
 export default {
@@ -196,7 +203,15 @@ export default {
     Practice,
     WordPhraseDetail,
   },
-  props: ["word", "changeWordCard", "themeColor", "currentTreeID"],
+  props: [
+    "word",
+    "changeWordCard",
+    "themeColor",
+    "currentTreeID",
+    "curQue",
+    "TaskModel",
+    "writeList"
+  ],
   data() {
     return {
       isPraShow: false,
@@ -224,6 +239,9 @@ export default {
   },
   //方法集合
   methods: {
+    changeCurQue(answer) {
+      this.$emit("changeCurQue", answer);
+    },
     handleColl() {
       let _this = this;
       if (_this.collFlag) {
@@ -254,7 +272,7 @@ export default {
           this.collFlag = true;
           this.$message.success("收藏成功！");
         });
-      }else{
+      } else {
         this.$message.warning("权限不足！");
       }
     },
@@ -307,8 +325,9 @@ export default {
       };
       this.isPraShow = true;
     },
-    changePraShow() {
+    changePraShow(answer) {
       this.isPraShow = false;
+      this.changeCurQue(answer);
     },
     viewIntp() {
       this.isIntpShow = true;
@@ -318,7 +337,6 @@ export default {
     },
     getChineseInfo() {
       let _this = this;
-      console.log(this.word.detail.new_word);
       let data = {
         query: this.word.detail.new_word,
       };
@@ -392,9 +410,7 @@ export default {
     },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
-  created() {
-    console.log(this.word);
-  },
+  created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
     let _this = this;

src/views/adultInput.vue

@@ -998,7 +998,7 @@ export default {
         "⑲",
         "⑳",
       ],
-      TaskModel:''
+      TaskModel: "",
     };
   },
   computed: {
@@ -1022,8 +1022,8 @@ export default {
   // 生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
     console.log(this.question_list);
-    if(localStorage.getItem("Bookanswer")){
-      this.TaskModel = 'ANSWER';
+    if (localStorage.getItem("Bookanswer")) {
+      this.TaskModel = "ANSWER";
     }
     // let question_list_str = localStorage.getItem("question_list");
     // if (question_list_str) {

src/views/courseView.vue

@@ -108,7 +108,7 @@ export default {
         },
       ],
       bookAnswerContent: "",
-      TaskModel: "ANSWER", //TEST 考试模式； PRACTICE 练习模式； ANSWER 查看答案模式； 空 预览模式 
+      TaskModel: "", //TEST 考试模式； PRACTICE 练习模式； ANSWER 查看答案模式； 空 预览模式
       category: "",
       FatherTreeData: null,
       themeColor: "",
@@ -119,6 +119,9 @@ export default {
   created() {
     const _this = this;
     _this.bookId = this.$route.query.bookId;
+    if (localStorage.getItem("Bookanswer")) {
+      this.TaskModel = "ANSWER";
+    }
   },
   methods: {
     changeTreeData(val) {