审核批注列表音频播放调整

src/components/AuditRemark.vue

@@ -24,7 +24,8 @@
           <div v-for="(item, index) in file_list" :key="index" class="file-item">
             <SvgIcon :icon-class="item.icon_type" />
             <span class="file-item-name">{{ item.file_name }}</span>
-            <SvgIcon icon-class="uploadPreview" @click="viewDialog(item)" />
+            <AudioPlay v-if="item.icon_type === 'mp3'" :file-id="item.file_url" />
+            <SvgIcon icon-class="uploadPreview" @click="viewDialog(item)" v-else />
             <SvgIcon icon-class="download" @click="downLoad(item)" />
           </div>
         </template>
@@ -62,9 +63,16 @@
 <script>
 import { getToken, getConfig } from '@/utils/auth';
 import { Base64 } from 'js-base64';
+import AudioPlay from '@/views/book/courseware/preview/components/character_base/components/AudioPlay.vue';
 
 export default {
   name: 'AuditRemark',
+  components: { AudioPlay },
+  provide() {
+    return {
+      bookInfo: { theme_color: '' },
+    };
+  },
   props: {
     isAudit: {
       type: Boolean,
@@ -211,5 +219,25 @@ export default {
       cursor: pointer;
     }
   }
+
+  .audio-wrapper-nobg {
+    height: 16px;
+
+    :deep .audio-play {
+      width: 16px;
+      height: 16px;
+      color: #000;
+      background-color: initial;
+    }
+
+    :deep .audio-play.not-url {
+      color: #a1a1a1;
+    }
+
+    :deep .voice-play {
+      width: 16px;
+      height: 16px;
+    }
+  }
 }
 </style>