Browse Source

Merge branch '2023-4-28_xin-ban-yun-jiao-lian'

liushengqiang 2 years ago
parent
commit
f8f40a1bf0
2 changed files with 27 additions and 2 deletions
  1. 3 2
      src/views/music/music-detail/index.tsx
  2. 24 0
      src/views/music/music.ts

+ 3 - 2
src/views/music/music-detail/index.tsx

@@ -31,7 +31,7 @@ import styles from './index.module.less'
 // import Item from '../list/item'
 import { useRect } from '@vant/use'
 import { Vue3Lottie } from 'vue3-lottie'
-import { getRandomKey, musicBuy } from '../music'
+import { getRandomKey, handleGotoMusicScore, musicBuy } from '../music'
 import { getOssUploadUrl, state } from '@/state'
 import { useEventTracking } from '@/helpers/hooks'
 import ColSticky from '@/components/col-sticky'
@@ -57,6 +57,7 @@ import firstDefault from './images/first-default.png'
 import firstActive from './images/first-active.png'
 import fixedDefault from './images/fixed-default.png'
 import fixedActive from './images/fixed-active.png'
+import qs from 'query-string'
 
 import Plyr from 'plyr'
 import 'plyr/dist/plyr.css'
@@ -542,7 +543,7 @@ export default defineComponent({
                 ),
                 title: () => (
                   <div class={styles.info}>
-                    <h4 class="van-ellipsis">
+                    <h4 class="van-ellipsis" onClick={() => handleGotoMusicScore(musicDetail.value)}>
                       {musicDetail.value?.musicSheetName}
                     </h4>
                     <p

+ 24 - 0
src/views/music/music.ts

@@ -35,3 +35,27 @@ export const musicBuy = (item: any, callBack?: any, moreQuery = {}) => {
     }
   })
 }
+
+/**
+ * 去云教练
+ * @param url 云教练地址
+ */
+export const handleGotoMusicScore = (item: any) => {
+  const query = qs.stringify({
+    ...qs.parse(location.hash.split('?')[1]),
+    id: item.id,
+  })
+  const url = location.origin + '/music-score/#/?' + query
+  console.log("🚀 ~ 云教练URL:", url)
+  postMessage({
+    api: 'openAccompanyWebView',
+    content: {
+      url,
+      orientation: 0,
+      isHideTitle: true,
+      statusBarTextColor: false,
+      isOpenLight: true
+    }
+  })
+  
+}