|
@@ -21,18 +21,18 @@
|
|
|
:themeColor="themeColor"
|
|
|
/>
|
|
|
<img
|
|
|
- :src="
|
|
|
- themeColor
|
|
|
- ? themeColor == 'green'
|
|
|
- ? require('../../../../assets/NPC/play-green.png')
|
|
|
- : themeColor == 'brown'
|
|
|
- ? require('../../../../assets/NPC/play-brown.png')
|
|
|
- : require('../../../../assets/NPC/play-red.png')
|
|
|
+ :src="
|
|
|
+ themeColor
|
|
|
+ ? themeColor == 'green'
|
|
|
+ ? require('../../../../assets/NPC/play-green.png')
|
|
|
+ : themeColor == 'brown'
|
|
|
+ ? require('../../../../assets/NPC/play-brown.png')
|
|
|
: require('../../../../assets/NPC/play-red.png')
|
|
|
- "
|
|
|
- v-if="word.detail.mp3_list.length == 0"
|
|
|
- style="width: 16px;"
|
|
|
- />
|
|
|
+ : require('../../../../assets/NPC/play-red.png')
|
|
|
+ "
|
|
|
+ v-if="word.detail.mp3_list.length == 0"
|
|
|
+ style="width: 16px"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div
|
|
|
class="bwc-Strockplay"
|
|
@@ -130,9 +130,9 @@
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="practiceBox" v-if="isIntpShow">
|
|
|
- <Wordintp
|
|
|
- :changeIntpShow="changeIntpShow"
|
|
|
- :word="word"
|
|
|
+ <WordPhraseDetail
|
|
|
+ :closeWord ="changeIntpShow"
|
|
|
+ :data="word.detail"
|
|
|
:themeColor="themeColor"
|
|
|
/>
|
|
|
</div>
|
|
@@ -143,17 +143,17 @@
|
|
|
import Audio from "./AudioRed.vue";
|
|
|
import Strockplayredline from "./Strockplayredline.vue";
|
|
|
import Practice from "./Practice.vue";
|
|
|
-import Wordintp from "./Wordintp.vue";
|
|
|
-import { getContentFile } from "@/api/ajax";
|
|
|
+import WordPhraseDetail from "./WordPhraseDetail.vue";
|
|
|
+import { getContentFile, getContent } from "@/api/ajax";
|
|
|
export default {
|
|
|
name: "Wordcard",
|
|
|
components: {
|
|
|
Strockplayredline,
|
|
|
Audio,
|
|
|
Practice,
|
|
|
- Wordintp,
|
|
|
+ WordPhraseDetail,
|
|
|
},
|
|
|
- props: ["word", "changeWordCard", "themeColor"],
|
|
|
+ props: ["word", "changeWordCard", "themeColor", "currentTreeID"],
|
|
|
data() {
|
|
|
return {
|
|
|
isPraShow: false,
|
|
@@ -182,21 +182,21 @@ export default {
|
|
|
},
|
|
|
//方法集合
|
|
|
methods: {
|
|
|
- async writeWord(words, pinyin) {
|
|
|
+ async writeWord(words, pinyin) {
|
|
|
let _this = this;
|
|
|
const MethodName = "tool-ChineseSCConvert";
|
|
|
const data = {
|
|
|
text: words,
|
|
|
- swap_mode: 'S-C'
|
|
|
+ swap_mode: "S-C",
|
|
|
};
|
|
|
- let TChinese = await getContentFile(MethodName,data)
|
|
|
+ let TChinese = await getContentFile(MethodName, data);
|
|
|
this.curData = {
|
|
|
stem: [
|
|
|
{
|
|
|
con: words ? words : "",
|
|
|
pinyin: pinyin && pinyin ? pinyin : "",
|
|
|
mp3_url: "",
|
|
|
- TChinese: TChinese.text
|
|
|
+ TChinese: TChinese.text,
|
|
|
},
|
|
|
],
|
|
|
};
|
|
@@ -206,7 +206,38 @@ export default {
|
|
|
this.isPraShow = false;
|
|
|
},
|
|
|
viewIntp() {
|
|
|
- this.isIntpShow = true;
|
|
|
+ this.isIntpShow = false;
|
|
|
+ this.word.detail.list1 = [];
|
|
|
+ this.word.detail.list2 = [];
|
|
|
+ this.word.detail.list3 = [];
|
|
|
+ let Mname =
|
|
|
+ "book-courseware_manager-GetCoursewareWordExampleSentenceList";
|
|
|
+ // 获取本课的 本教材的 本套的 的例句
|
|
|
+ getContent(Mname, {
|
|
|
+ courseware_id: this.currentTreeID, // 课件id
|
|
|
+ word: this.word.detail.new_word, //生词
|
|
|
+ search_scope: 2, //检索范围0 本课件 1本教材 2本套
|
|
|
+ is_contain_word_variants: false,
|
|
|
+ }).then((res) => {
|
|
|
+ this.word.detail.list3 = res.sentence_list;
|
|
|
+ getContent(Mname, {
|
|
|
+ courseware_id: this.currentTreeID, // 课件id
|
|
|
+ word: this.word.detail.new_word, //生词
|
|
|
+ search_scope: 1, //检索范围0 本课件 1本教材 2本套
|
|
|
+ is_contain_word_variants: false,
|
|
|
+ }).then((res) => {
|
|
|
+ this.word.detail.list2 = res.sentence_list;
|
|
|
+ getContent(Mname, {
|
|
|
+ courseware_id: this.currentTreeID, // 课件id
|
|
|
+ word: this.word.detail.new_word, //生词
|
|
|
+ search_scope: 0, //检索范围0 本课件 1本教材 2本套
|
|
|
+ is_contain_word_variants: false,
|
|
|
+ }).then((res) => {
|
|
|
+ this.$set(this.word.detail, "list1", res.sentence_list);
|
|
|
+ this.isIntpShow = true;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
},
|
|
|
changeIntpShow() {
|
|
|
this.isIntpShow = false;
|