离线包功能提示

src/views/book/courseware/preview/components/article/components/Practice.vue

@@ -282,7 +282,14 @@ export default {
     Freewrite,
     AudioRed,
   },
-  inject: ['convertText'],
+  inject: {
+    bookStatus: {
+      default: 'online',
+    },
+    convertText: {
+      default: '',
+    },
+  },
   props: [
     'cur',
     'changePraShow',
@@ -318,6 +325,9 @@ export default {
   watch: {},
   // 生命周期 - 创建完成（可以访问当前this实例）
   created() {
+    if (this.bookStatus() === 'offline') {
+      this.$message.warning('该功能只有在线教材可以支持，请使用在线教材');
+    }
     let _this = this;
     let color = _this.colorsList[_this.colorIndex];
     _this.hanzicolor = color;

src/views/book/courseware/preview/components/article/components/WordPhraseDetail.vue

@@ -346,7 +346,20 @@ export default {
     Strockplayredline,
     Audio,
   },
-  inject: ['getSelectId', 'convertText', 'getCoursewareId'],
+  inject: {
+    bookStatus: {
+      default: 'online',
+    },
+    convertText: {
+      default: '',
+    },
+    getSelectId: {
+      default: '',
+    },
+    getCoursewareId: {
+      default: '',
+    },
+  },
   props: [
     'data',
     'changeDetailIndex',
@@ -411,6 +424,9 @@ export default {
   },
   // 生命周期 - 创建完成（可以访问当前this实例）
   created() {
+    if (this.bookStatus() === 'offline') {
+      this.$message.warning('该功能只有在线教材可以支持，请使用在线教材');
+    }
     // 去掉生词里的标点
     let new_word_str = '';
     for (let i = 0; i < this.data.new_word.length; i++) {

src/views/book/courseware/preview/components/article/components/Wordcard.vue

@@ -233,7 +233,14 @@ export default {
     Practice,
     WordPhraseDetail,
   },
-  inject: ['convertText'],
+  inject: {
+    bookStatus: {
+      default: 'online',
+    },
+    convertText: {
+      default: '',
+    },
+  },
   props: [
     'word',
     'changeWordCard',
@@ -280,6 +287,9 @@ export default {
   },
   // 生命周期 - 创建完成（可以访问当前this实例）
   created() {
+    if (this.bookStatus() === 'offline') {
+      this.$message.warning('播放笔画动画功能只有在线教材可以支持，请使用在线教材');
+    }
     let new_word_str = '';
     for (let i = 0; i < this.word.detail.new_word.length; i++) {
       if (/[\u4E00-\u9FA5\uF900-\uFA2D]/.test(this.word.detail.new_word[i])) {
@@ -585,6 +595,7 @@ export default {
         position: absolute;
         right: 4px;
         bottom: 4px;
+        z-index: 1;
         width: 16px;
         cursor: pointer;
       }

src/views/book/courseware/preview/components/character/CharacterPreview.vue

@@ -480,6 +480,11 @@ export default {
     SoundRecord,
   },
   mixins: [PreviewMixin],
+  inject: {
+    bookStatus: {
+      default: 'online',
+    },
+  },
   data() {
     return {
       data: getCharacterData(),
@@ -525,6 +530,9 @@ export default {
     },
   },
   created() {
+    if (this.bookStatus() === 'offline') {
+      this.$message.warning('播放笔画动画功能只有在线教材可以支持，请使用在线教材');
+    }
     if (
       (this.data.answer_list && this.data.answer_list.length > 0) ||
       (this.data.analysis_list && this.data.analysis_list.length > 0)

src/views/book/courseware/preview/components/character_base/CharacterBasePreview.vue

@@ -182,6 +182,11 @@ export default {
     FreewriteLettle,
   },
   mixins: [PreviewMixin],
+  inject: {
+    bookStatus: {
+      default: 'online',
+    },
+  },
   data() {
     return {
       data: getCharacterBaseData(),
@@ -220,7 +225,11 @@ export default {
       immediate: true,
     },
   },
-  created() {},
+  created() {
+    if (this.bookStatus() === 'offline') {
+      this.$message.warning('播放笔画动画功能只有在线教材可以支持，请使用在线教材');
+    }
+  },
   methods: {
     handleWav(data) {
       this.data.record_list = data;

src/views/book/courseware/preview/components/character_base/components/Strockred.vue

@@ -52,6 +52,11 @@ export default {
       default: 'tian',
     },
   },
+  inject: {
+    bookStatus: {
+      default: 'online',
+    },
+  },
   data() {
     return {
       writer: null,
@@ -73,6 +78,11 @@ export default {
       deep: true,
     },
   },
+  created() {
+    if (this.bookStatus() === 'offline') {
+      this.$message.warning('该功能只有在线教材可以支持，请使用在线教材');
+    }
+  },
   mounted() {
     this.$nextTick(() => {
       this.initHanziwrite();

src/views/book/courseware/preview/components/character_structure/CharacterStructurePreview.vue

@@ -280,6 +280,11 @@ export default {
 
   components: { draggable, Strockplay },
   mixins: [PreviewMixin],
+  inject: {
+    bookStatus: {
+      default: 'online',
+    },
+  },
   data() {
     return {
       data: getCharacterStructureData(),
@@ -307,6 +312,11 @@ export default {
       immediate: true,
     },
   },
+  created() {
+    if (this.bookStatus() === 'offline') {
+      this.$message.warning('播放笔画动画功能只有在线教材可以支持，请使用在线教材');
+    }
+  },
   methods: {
     onMove(e) {
       return false;

src/views/book/courseware/preview/components/newWord_template/NewWordTemplatePreview.vue

@@ -469,6 +469,11 @@ export default {
 
   components: { Strockplayredline, EditDiv },
   mixins: [PreviewMixin],
+  inject: {
+    bookStatus: {
+      default: 'online',
+    },
+  },
   data() {
     return {
       data: getNewWordTemplateData(),
@@ -491,6 +496,11 @@ export default {
       this.userAnswer = this.answer.answer_list;
     },
   },
+  created() {
+    if (this.bookStatus() === 'offline') {
+      this.$message.warning('播放笔画动画功能只有在线教材可以支持，请使用在线教材');
+    }
+  },
   methods: {
     // 修改数字高亮对应笔画(待优化)
     changeAnswer(items, col, row) {

src/views/book/courseware/preview/components/new_word/components/WordPhraseDetail.vue

@@ -272,7 +272,20 @@ export default {
     Strockplayredline,
     AudioRed,
   },
-  inject: ['getSelectId', 'convertText', 'getCoursewareId'],
+  inject: {
+    bookStatus: {
+      default: 'online',
+    },
+    convertText: {
+      default: '',
+    },
+    getSelectId: {
+      default: '',
+    },
+    getCoursewareId: {
+      default: '',
+    },
+  },
   props: [
     'data',
     'changeDetailIndex',
@@ -336,7 +349,11 @@ export default {
     },
   },
   // 生命周期 - 创建完成（可以访问当前this实例）
-  created() {},
+  created() {
+    if (this.bookStatus() === 'offline') {
+      this.$message.warning('该功能只有在线教材可以支持，请使用在线教材');
+    }
+  },
   // 生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
     this.initData();