|  | @@ -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" />
 |