|  | @@ -766,7 +766,7 @@ export default defineComponent({
 | 
	
		
			
				|  |  |           await handleAllGetList()
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -      const toDetailGYM = async () => {
 | 
	
		
			
				|  |  | +      const toDetailGYM = () => {
 | 
	
		
			
				|  |  |           // const row: any = activeItem.value
 | 
	
		
			
				|  |  |           const details: any = state.details
 | 
	
		
			
				|  |  |           state.imgs = []
 | 
	
	
		
			
				|  | @@ -846,7 +846,7 @@ export default defineComponent({
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |        const toDetail = async () => {
 | 
	
		
			
				|  |  |           if (userStoreHook.roles === "GYM") {
 | 
	
		
			
				|  |  | -            await toDetailGYM()
 | 
	
		
			
				|  |  | +            toDetailGYM()
 | 
	
		
			
				|  |  |              return
 | 
	
		
			
				|  |  |           }
 | 
	
		
			
				|  |  |           const row: any = activeItem.value
 | 
	
	
		
			
				|  | @@ -854,18 +854,6 @@ export default defineComponent({
 | 
	
		
			
				|  |  |           if (row.musicSheetType === "SINGLE") {
 | 
	
		
			
				|  |  |              loading.value = false
 | 
	
		
			
				|  |  |              state.musicPdfUrl = row.musicPdfUrl
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -            // if (userStoreHook.roles === "GYM") {
 | 
	
		
			
				|  |  | -            //    const imgs = row.musicImg ? row.musicImg.split(",") : []
 | 
	
		
			
				|  |  | -            //    imgs.forEach(async (item: string, index: number) => {
 | 
	
		
			
				|  |  | -            //       const imgCanvas = await imgToCanvas(item)
 | 
	
		
			
				|  |  | -            //       const img = await canvasAddTitle(imgCanvas, row.name)
 | 
	
		
			
				|  |  | -            //       state.imgs.push({
 | 
	
		
			
				|  |  | -            //          name: index + 1 + ".png",
 | 
	
		
			
				|  |  | -            //          url: img
 | 
	
		
			
				|  |  | -            //       })
 | 
	
		
			
				|  |  | -            //    })
 | 
	
		
			
				|  |  | -            // }
 | 
	
		
			
				|  |  |           }
 | 
	
		
			
				|  |  |           state.partNames = await getPartNames(row.xmlUrl)
 | 
	
		
			
				|  |  |           let partList = row.background || []
 | 
	
	
		
			
				|  | @@ -993,8 +981,14 @@ export default defineComponent({
 | 
	
		
			
				|  |  |                 // https://cdn.oss.dayaedu.com/daya202409/UODQffO.pdf
 | 
	
		
			
				|  |  |              } else {
 | 
	
		
			
				|  |  |                 if (userStoreHook.roles === "GYM") {
 | 
	
		
			
				|  |  | -                  console.log(state.partXmlIndex, state.selectedTrack, "----------")
 | 
	
		
			
				|  |  | -                  state.iframeSrc = getPreViewCloud(activeItem.value.id, state.partXmlIndex, state.selectedTrack)
 | 
	
		
			
				|  |  | +                  nextTick(() => {
 | 
	
		
			
				|  |  | +                     const iframeRef: any = document.getElementById("staffIframeRef")
 | 
	
		
			
				|  |  | +                     if (iframeRef) {
 | 
	
		
			
				|  |  | +                        iframeRef.contentWindow.location.replace(getPreViewCloud(activeItem.value.id, state.partXmlIndex, state.selectedTrack))
 | 
	
		
			
				|  |  | +                     } else {
 | 
	
		
			
				|  |  | +                        state.iframeSrc = getPreViewCloud(activeItem.value.id, state.partXmlIndex, state.selectedTrack)
 | 
	
		
			
				|  |  | +                     }
 | 
	
		
			
				|  |  | +                  })
 | 
	
		
			
				|  |  |                 } else {
 | 
	
		
			
				|  |  |                    state.iframeSrc = `/osmd/index.html`
 | 
	
		
			
				|  |  |                 }
 | 
	
	
		
			
				|  | @@ -1347,12 +1341,14 @@ export default defineComponent({
 | 
	
		
			
				|  |  |                                   <div class={styles.btnSection}>
 | 
	
		
			
				|  |  |                                      <div
 | 
	
		
			
				|  |  |                                         class={styles.btn}
 | 
	
		
			
				|  |  | -                                       onClick={(e: any) => {
 | 
	
		
			
				|  |  | +                                       onClick={async (e: any) => {
 | 
	
		
			
				|  |  |                                            e.stopPropagation()
 | 
	
		
			
				|  |  | -                                          handlePlay(item)
 | 
	
		
			
				|  |  |                                            if (state.listActive !== index) {
 | 
	
		
			
				|  |  | -                                             resetRender()
 | 
	
		
			
				|  |  | +                                             state.listActive = index
 | 
	
		
			
				|  |  | +                                             await handleGetDetail()
 | 
	
		
			
				|  |  | +                                             searchContent()
 | 
	
		
			
				|  |  |                                            }
 | 
	
		
			
				|  |  | +                                          handlePlay(item)
 | 
	
		
			
				|  |  |                                         }}
 | 
	
		
			
				|  |  |                                      >
 | 
	
		
			
				|  |  |                                         {state.listActive === index && (
 | 
	
	
		
			
				|  | @@ -1442,7 +1438,7 @@ export default defineComponent({
 | 
	
		
			
				|  |  |                       src={btnSubmit as any}
 | 
	
		
			
				|  |  |                       onClick={() => {
 | 
	
		
			
				|  |  |                          handleChangeAudio("pause")
 | 
	
		
			
				|  |  | -                        goToCloud(activeItem.value.id, state.partXmlIndex)
 | 
	
		
			
				|  |  | +                        goToCloud(activeItem.value.id, state.partXmlIndex, state.selectedTrack)
 | 
	
		
			
				|  |  |                       }}
 | 
	
		
			
				|  |  |                    />
 | 
	
		
			
				|  |  |  
 |