新增播放列表API接口

+/*
+ * @Date: 2023-07-07 10:51:11
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-10-12 15:24:37
+ * @FilePath: /map-demo/src/api/map.js
+ * @Description: 文件描述
+ */
 import { fn, fetch } from '@/api/fn';
 
 const Api = {
   MAP: '/srv/?a=map',
+  MAP_AUDIO: '/srv/?a=map_audio',
 };
 
 export const mapAPI = (params) => fn(fetch.get(Api.MAP, params));
+export const mapAudioAPI = (params) => fn(fetch.get(Api.MAP_AUDIO, params));

@@ -37,6 +37,7 @@ import { useRoute, useRouter } from 'vue-router';
 import $ from 'jquery';
 import { storeToRefs } from 'pinia'
 import { mainStore } from '@/store';
+import { mapAudioAPI } from '@/api/map.js'
 
 const store = mainStore();
 const { audio_status, audio_entity, audio_list_status, audio_list_entity } = storeToRefs(store);
@@ -98,19 +99,17 @@ const audio_index = ref();
 
 const audio_list = ref([]);
 
-onMounted(() => {
-  audio_list.value = [
-    {
-      title: '甘露别院服务中心',
-      src: 'https://cdn.ipadbiz.cn/bieyuan/map/audio/01%E7%94%98%E9%9C%B2%E5%88%AB%E9%99%A2%E6%9C%8D%E5%8A%A1%E4%B8%AD%E5%BF%83.m4a',
-      play: false
-    },
-    {
-      title: '红枫大道介绍',
-      src: 'https://cdn.ipadbiz.cn/bieyuan/map/audio/02%E7%BA%A2%E6%9E%AB%E5%A4%A7%E9%81%93%E4%BB%8B%E7%BB%8D.m4a',
-      play: false
-    },
-  ];
+onMounted(async () => {
+  const { id, marker_id } = useRoute().query;
+  const { data, code } = await mapAudioAPI({ mid: id, bid: marker_id });
+  if (code) {
+    data.forEach((item) => {
+      item.title = item.name;
+      item.src = item.audio_val;
+      item.play = false;
+    });
+    audio_list.value = data;
+  }
 });
 
 /**