|
|
@@ -4,7 +4,8 @@ import {
|
|
|
nextTick,
|
|
|
onMounted,
|
|
|
reactive,
|
|
|
- ref
|
|
|
+ ref,
|
|
|
+ watch
|
|
|
} from 'vue'
|
|
|
import umiRequest from 'umi-request'
|
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
|
@@ -83,6 +84,9 @@ export default defineComponent({
|
|
|
const musicDetail = ref<any>(null)
|
|
|
const audioFileUrl = ref('')
|
|
|
const showImg = ref<Array<any>>([])
|
|
|
+ const firstList = ref<Array<any>>([])
|
|
|
+ const fixedList = ref<Array<any>>([])
|
|
|
+ const staffList = ref<Array<any>>([])
|
|
|
const accompanyUrl = ref<string>('')
|
|
|
const downloadStatus = ref<boolean>(false)
|
|
|
const staff = reactive({
|
|
|
@@ -110,7 +114,18 @@ export default defineComponent({
|
|
|
staff.radio = type
|
|
|
staff.status = false
|
|
|
}
|
|
|
-
|
|
|
+ watch(
|
|
|
+ () => staff.radio,
|
|
|
+ (val: string) => {
|
|
|
+ if (val == 'first') {
|
|
|
+ showImg.value = firstList.value
|
|
|
+ } else if (val == 'fixed') {
|
|
|
+ showImg.value = fixedList.value
|
|
|
+ } else {
|
|
|
+ showImg.value = staffList.value
|
|
|
+ }
|
|
|
+ }
|
|
|
+ )
|
|
|
const FetchList = async (id?: any) => {
|
|
|
if (loading.value) {
|
|
|
return
|
|
|
@@ -130,7 +145,13 @@ export default defineComponent({
|
|
|
background && background.length > 0 ? background[0].audioFileUrl : ''
|
|
|
// const arrImgs = res.data.musicImg ? res.data.musicImg.split(',') : []
|
|
|
showImg.value = res.data.musicImg ? res.data.musicImg.split(',') : []
|
|
|
-
|
|
|
+ firstList.value = res.data.firstTone
|
|
|
+ ? res.data.firstTone.split(',')
|
|
|
+ : []
|
|
|
+ fixedList.value = res.data.fixedTone
|
|
|
+ ? res.data.fixedTone.split(',')
|
|
|
+ : []
|
|
|
+ staffList.value = res.data.musicImg ? res.data.musicImg.split(',') : []
|
|
|
// if (!showImg.value) {
|
|
|
// setAccompanyUrl()
|
|
|
// window.addEventListener(
|
mo