| 
					
				 | 
			
			
				@@ -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) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                      }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 |