预览显示隐藏组件拼音

src/views/book/courseware/preview/components/common/PreviewMixin.js

@@ -30,7 +30,7 @@ const mixin = {
       openAnswerCorrect: () => this.openAnswerCorrect(),
     };
   },
-  inject: ['getLang', 'getChinese', 'convertText', 'getTitleList', 'getPermissionControl'],
+  inject: ['getLang', 'getChinese', 'convertText', 'getTitleList', 'getPermissionControl', 'getShowPinYin'],
   props: {
     id: {
       type: String,

src/views/book/courseware/preview/components/fill/FillPreview.vue

@@ -14,7 +14,7 @@
           <template v-for="(li, j) in item">
             <template v-if="li.type === 'text'">
               <PinyinText
-                v-if="isEnable(data.property.view_pinyin)"
+                v-if="isEnable(data.property.view_pinyin) && getShowPinYin()"
                 :key="`${i}-${j}`"
                 class="content"
                 :paragraph-list="li.paragraph_list"
@@ -115,7 +115,7 @@
           <template v-for="(li, j) in item">
             <template v-if="li.type === 'text'">
               <PinyinText
-                v-if="isEnable(data.property.view_pinyin)"
+                v-if="isEnable(data.property.view_pinyin) && getShowPinYin()"
                 :key="`${i}-${j}`"
                 class="content"
                 :paragraph-list="li.paragraph_list"

src/views/book/courseware/preview/components/rich_text/RichTextPreview.vue

@@ -6,7 +6,7 @@
     <div class="main">
       <div ref="leftDiv" :style="{ width: data.note_list?.length > 0 ? '' : '100%' }">
         <PinyinText
-          v-if="isEnable(data.property.view_pinyin)"
+          v-if="isEnable(data.property.view_pinyin) && getShowPinYin()"
           :paragraph-list="data.paragraph_list"
           :pinyin-position="data.property.pinyin_position"
           :pinyin-overall-position="data.property.pinyin_overall_position"

src/web_preview/index.vue

@@ -21,6 +21,9 @@
         <span class="link">
           <el-checkbox v-model="chinese" true-label="zh-Hant" false-label="zh-Hans">繁体</el-checkbox>
         </span>
+        <span class="link">
+          <el-checkbox v-model="showPinYin" :true-label="true" :false-label="false">拼音</el-checkbox>
+        </span>
         <div class="operator">
           <slot name="operator" :courseware="courseware_info"></slot>
         </div>
@@ -386,6 +389,7 @@ export default {
     return {
       getLang: () => this.lang,
       getChinese: () => this.chinese,
+      getShowPinYin: () => this.showPinYin,
       getLangList: () => this.langList,
       convertText: this.convertText,
       getProjectId: () => this.projectId,
@@ -485,6 +489,7 @@ export default {
       langList: [],
       lang: 'ZH',
       chinese: 'zh-Hans',
+      showPinYin: false,
       isJudgeCorrect: false,
       unified_attrib: {},
       curSelectId: this.id,