|  | @@ -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;
 |