Browse Source

音频上传fix

jwyu 2 years ago
parent
commit
447130ba79

+ 1 - 1
src/views/report/chapter/Detail.vue

@@ -475,7 +475,7 @@ async function handleReportOpt(type){
     >
     >
         <div class="upload-audio-wrap" v-if="showUploadAudio">
         <div class="upload-audio-wrap" v-if="showUploadAudio">
             <template v-if="temAudioData.url">
             <template v-if="temAudioData.url">
-                <h2>音频名称</h2>
+                <h2>音频链接</h2>
                 <p>{{temAudioData.url}}</p>
                 <p>{{temAudioData.url}}</p>
                 <AudioBox :url="temAudioData.url" />
                 <AudioBox :url="temAudioData.url" />
             </template>
             </template>

+ 6 - 0
src/views/report/chapter/List.vue

@@ -479,6 +479,12 @@ async function handleShowPoster(item){
                 padding-left: 10px;
                 padding-left: 10px;
                 .title{
                 .title{
                     font-size: 16px;
                     font-size: 16px;
+                    padding-right: 100px;
+                }
+                .audio-icon{
+                    width: 18px;
+                    height: 18px;
+                    right: 60px;
                 }
                 }
 
 
                 .icon{
                 .icon{

+ 10 - 1
src/views/report/components/AudioBox.vue

@@ -1,5 +1,5 @@
 <script setup>
 <script setup>
-import {ref} from 'vue'
+import {ref,watch} from 'vue'
 const props=defineProps({
 const props=defineProps({
     url:{
     url:{
         type:String,
         type:String,
@@ -7,6 +7,15 @@ const props=defineProps({
     }
     }
 })
 })
 
 
+watch(
+    ()=>props.url,
+    ()=>{
+        if(audioIns.value){
+            audioIns.value.src=props.url
+        }
+    }
+)
+
 // 格式化音频时间
 // 格式化音频时间
 function formatDuration(e){
 function formatDuration(e){
     let minus = parseInt(e / 60);
     let minus = parseInt(e / 60);