Update music-detail.tsx

src/views/accompany/music-detail.tsx

@@ -7,7 +7,7 @@ import iconBg from './images/music-img-default.png'
 import iconDownload from './images/icon-download.png'
 import iconChange from './images/icon-change.png'
 import iconMusic from './images/icon-music.png'
-import { postMessage } from '@/helpers/native-message'
+import { postMessage, promisefiyPostMessage } from '@/helpers/native-message'
 import request from '@/helpers/request'
 import { state } from '@/state'
 import { useRoute } from 'vue-router'
@@ -385,10 +385,10 @@ export default defineComponent({
                 }}
                 id="staffIframeRef"
                 // src={staffData.iframeSrc}
-                onLoad={() => {
-                  // 判断是用哪个渲染的
-                  loading.value = false
-                }}
+                  onLoad={() => {
+                    // 判断是用哪个渲染的
+                    loading.value = false
+                  }}
               ></iframe>
             ) : (
               <iframe
@@ -447,7 +447,24 @@ export default defineComponent({
                     class={styles.icon}
                     onClick={() => {
                       if (loading.value) return
-                      downloadStatus.value = true
+                      if (staffData.musicPdfUrl) {
+                        const songName =
+                          staffData.details?.musicSheetName +
+                          (staffData.details.musicSheetType === 'CONCERT' && staffData.selectedPartName
+                            ? `(${
+                              staffData.selectedPartName
+                              })`
+                            : "");
+                        promisefiyPostMessage({
+                          api: "downloadFile",
+                          content: {
+                            downloadUrl: staffData.musicPdfUrl,
+                            fileName: songName,
+                          },
+                        });
+                      } else {
+                        downloadStatus.value = true
+                      }
                     }}
                   >
                     <img src={iconDownload} />