| 
					
				 | 
			
			
				@@ -32,7 +32,12 @@ import { useRoute, useRouter } from 'vue-router'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import PlayItem from './component/play-item'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import PlayLoading from './component/play-loading'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import TheNoticeBar from '/src/components/TheNoticeBar'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { api_musicSheetPage, api_subjectList } from '../xiaoku-ai/api'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  api_materialFavorite, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  api_materialFavoriteStatus, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  api_musicSheetPage, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  api_subjectList 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} from '../xiaoku-ai/api'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { useUserStore } from '/src/store/modules/users'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default defineComponent({ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -85,6 +90,9 @@ export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         data.finshed = res.data.rows.length < forms.rows; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         console.log('🚀 ~ data.finshed:', data.finshed); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (data.list[data.listActive]) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getFavitor(data.list[data.listActive]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       data.loading = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -113,6 +121,16 @@ export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         obv.observe(spinRef.value); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    /** 查看收藏状态 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    const getFavitor = async (item: any) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const res = await api_materialFavoriteStatus({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        type: 'MUSIC', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        materialId: item.id 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (res?.code === 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        item.favitor = res.data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     /** 改变模仿的曲谱 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const handleChange = (item: IMusicItem) => { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -120,15 +138,21 @@ export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       if (index > -1) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         data.listActive = index; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      getFavitor(item); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     /** 选中的item */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const activeItem = computed(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       return data.list[data.listActive] || {}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    /** 收藏 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    /** 收藏曲谱 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const handleFavitor = () => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      data.list[data.listActive].delFlag = !data.list[data.listActive].delFlag; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      data.list[data.listActive].favitor = !data.list[data.listActive].favitor; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      api_materialFavorite({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        favoriteFlag: data.list[data.listActive].favitor, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        type: 'MUSIC', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        materialId: data.list[data.listActive].id 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     /** 播放曲目 */ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -313,7 +337,7 @@ export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   class={styles.favitor} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   onClick={() => handleFavitor()}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   <Transition name="favitor" mode="out-in"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    {activeItem.value.delFlag ? ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    {activeItem.value.favitor ? ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       <img src={icon_favitorActive} key="1" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     ) : ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       <img src={icon_favitor} key="2" /> 
			 |