1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- import { defineComponent, reactive, ref } from 'vue'
- import { List } from 'vant'
- import request from '@/helpers/request'
- import Item from '../list/item'
- import { musicBuy } from '../music'
- import { useRoute } from 'vue-router'
- import ColResult from '@/components/col-result'
- import { state } from '@/state'
- import styles from './index.module.less'
- import Song from '../component/song'
- export default defineComponent({
- name: 'MusicList',
- emits: ['favorite'],
- setup(props, { expose, emit }) {
- const route = useRoute()
- const params = reactive({
- search: (route.query.search as string) || '',
- musicTagIds: route.query.tagids || '',
- page: 1
- })
- const data = ref<any>(null)
- const rows = ref<any[]>([])
- const loading = ref(false)
- const finished = ref(false)
- const isError = ref(false)
- const FetchList = async () => {
- if (loading.value) {
- return
- }
- loading.value = true
- isError.value = false
- try {
- const res = await request('/music/sheet/my', {
- prefix:
- state.platformType === 'TEACHER' ? '/api-teacher' : '/api-student',
- params
- })
- rows.value = [...rows.value, ...res.data.rows]
- data.value = res.data
- params.page = res.data.pageNo + 1
- finished.value = res.data.pageNo >= res.data.totalPage
- } catch (error) {
- isError.value = true
- }
- loading.value = false
- }
- expose({
- reset: () => {
- isError.value = false
- rows.value = []
- params.page = 1
- finished.value = false
- FetchList()
- },
- FetchList
- })
- return () => (
- <List
- loading={loading.value}
- finished={finished.value}
- finished-text={rows.value.length ? '没有更多了' : ''}
- onLoad={FetchList}
- error={isError.value}
- >
- {rows.value.length ? (
- <div class={styles.personalSong}>
- <Song
- list={rows.value}
- onDetail={(item: any) => {
- musicBuy(item)
- }}
- />
- </div>
- ) : (
- !loading.value && (
- <ColResult tips="暂无单曲" classImgSize="SMALL" btnStatus={false} />
- )
- )}
- </List>
- )
- }
- })
|