读拼音写汉字字体，上传控件的预览

src/components/Adult/Preview.vue

@@ -25,7 +25,9 @@
               :key="indexss"
               :class="[
                 'NNPE-tableList-item',
-                items.length == 1 ? 'NNPE-tableList-item-noMargin' : 'NNPE-tableList-item' + items.length
+                items.length == 1
+                  ? 'NNPE-tableList-item-noMargin'
+                  : 'NNPE-tableList-item' + items.length,
               ]"
             >
               <template v-if="itemss.data">
@@ -121,9 +123,24 @@
                 <template v-if="itemss.type == 'checkbox_self_assessment_chs'">
                   <Checkbox :cur-que="itemss.data" />
                 </template>
-                <template v-if="itemss.type == 'record_control_mini'||itemss.type == 'record_control_normal'||itemss.type == 'record_control_pro'||itemss.type == 'record_control_promax'">
+                <template
+                  v-if="
+                    itemss.type == 'record_control_mini' ||
+                    itemss.type == 'record_control_normal' ||
+                    itemss.type == 'record_control_pro' ||
+                    itemss.type == 'record_control_promax'
+                  "
+                >
                   <RecordModule :cur-que="itemss.data" />
                 </template>
+                <template
+                  v-if="
+                    itemss.type == 'upload_control_chs' ||
+                    itemss.type == 'upload_control_preview_chs'
+                  "
+                >
+                  <UploadControlView :cur-que="itemss.data" :type="itemss.type" />
+                </template>
               </template>
             </div>
           </div>
@@ -140,7 +157,7 @@ import Soundrecord from "./preview/Soundrecord.vue"; // 录音模板
 import ArticleTemChs from "./preview/ArticleViewChs/index.vue"; // 文章模板
 import DialogueArticleViewChs from "./preview/DialogueArticleViewChs/index.vue"; // 文章模板
 import SentenceSegWordViewChs from "./preview/SentenceSegWordViewChs.vue"; // 句子分词
-import WordPhrase from "./preview/WordPhrase.vue"; // 生词 短语
+import WordPhrase from "./preview/WordPhrase.vue"; // 生词短语
 import Notes from "./preview/Notes.vue"; // 注释
 import Ligature from "./preview/Ligature.vue";
 import InputHasRecord from "./preview/InputHasRecord.vue"; // 输入加录音
@@ -157,7 +174,8 @@ import SentenceListenRead from "./preview/SentenceListenRead.vue"; // 听并朗
 import SentenceSort from "./preview/SentenceSort.vue"; // 句子拖拽排序
 import Checkbox from "./preview/CheckBoxModule.vue"; // 问卷调查-多选题
 import VoiceMatrix from "./preview/VoiceMatrix.vue"; // 语音矩阵
-import RecordModule from "./preview/RecordModule.vue" // 录音组件
+import RecordModule from "./preview/RecordModule.vue"; // 录音组件
+import UploadControlView from "./preview/UploadControlView.vue";//预览控件
 
 export default {
   name: "Preview",
@@ -186,6 +204,7 @@ export default {
     Checkbox,
     VoiceMatrix,
     RecordModule,
+    UploadControlView,
   },
   props: [
     "context",
@@ -526,7 +545,7 @@ export default {
     .NNPE-tableList {
       background: #fff;
       border-radius: 8px;
-    //   padding: 12px 8px;
+      //   padding: 12px 8px;
       &.NNPE-tableList-hasBg {
         background: #f7f7f7;
         border: 1px solid rgba(0, 0, 0, 0.1);
@@ -539,7 +558,7 @@ export default {
         // flex-flow: wrap;
         .NNPE-tableList-item {
           width: 100%;
-        //   margin: 12px 16px;
+          //   margin: 12px 16px;
           // padding: 16px;
           // background: #FFFFFF;
           // border-radius: 4px;

src/components/Adult/common/InputRecordModule.vue

@@ -32,7 +32,14 @@
             v-model="curQueItem.answer"
           ></el-input>
         </div>
-
+        <div class="adult-book-input-item">
+          <span class="adult-book-lable">字体：</span>
+          <el-radio-group v-model="curQueItem.font">
+            <el-radio label="cn">中文</el-radio>
+            <el-radio label="en">英文</el-radio>
+            <el-radio label="pinyin">拼音</el-radio>
+          </el-radio-group>
+        </div>
         <div class="adult-book-input-item">
           <span class="adult-book-lable">录音：</span>
           <el-radio v-model="curQueItem.record" :label="true">需要</el-radio>

src/components/Adult/common/SentenceModule.vue

@@ -55,9 +55,11 @@
     </div>
     <div
       class="adult-book-input-item"
-      v-if="type == 'sentence_listen_read_chs'"
+      v-if="
+        type == 'sentence_listen_read_chs' || type == 'recordHZ_inputPY_chs'
+      "
     >
-      <span class="adult-book-lable">选项字体：</span>
+      <span class="adult-book-lable">字体：</span>
       <el-radio-group v-model="curQueItem.font">
         <el-radio label="cn">中文字体</el-radio>
         <el-radio label="en">英文字体</el-radio>

src/components/Adult/inputModules/InputRecord.vue

@@ -58,6 +58,7 @@ export default {
               seg_words: "",
               wordsList: [],
             },
+            font:"",
             answer: "", //答案
             record: false, //需要录音
             number: "",

src/components/Adult/inputModules/Sentence.vue

@@ -109,6 +109,7 @@ export default {
             answer: "",
             IsRecord: false,
             mp3_url: [],
+            font:"",
           },
         ],
       },