我还不太

src/views/user-info/music-operation/index.module.less

@@ -201,4 +201,5 @@
 
 .messageDialog3 {
   width: 383px;
+  border-radius: 24px;
 }

src/views/user-info/music-operation/index.tsx

@@ -493,6 +493,11 @@ export default defineComponent({
                           所属轨道：{mp3.trackName}
                         </div>
                         <ColUpload
+                          isPreview={mp3.url ? true : false}
+                          onPreview={(fileInfo: any) => {
+                            this.visibleAudio = true;
+                            this.fileInfo = fileInfo
+                          }}
                           v-model:modelValue={mp3.url}
                           bucket={'cloud-coach'}
                           accept={'.mp3'}
@@ -775,6 +780,7 @@ export default defineComponent({
           onUpdate:modelValue={val => (this.visibleAudio = val)}
           destroyOnClose={true}
           customClass={styles.messageDialog3}
+          appendToBody
         >
           {this.visibleAudio && <ListenAudio fileInfo={this.fileInfo} />}
         </ElDialog>

src/views/user-info/music-operation/listen-audio/index.module.less

@@ -110,6 +110,8 @@
           visibility: hidden;
           position: absolute;
           z-index: -2;
+          height: 0;
+          overflow: hidden;
         }
       }
     }