add active list to song list

src/api/api-models.ts

@@ -22,6 +22,7 @@ export interface UserInfo {
   createAt: number
   biliId?: number
   biliRoomId?: number
+  canRequestSong: boolean
   extra?: {
     enableFunctions: FunctionTypes[]
     isInBlackList: boolean
@@ -41,7 +42,6 @@ export interface AccountInfo extends UserInfo {
 
   eventFetcherOnline: boolean
   eventFetcherStatus: string
-  canRequestSong: boolean
 
   nextSendEmailTime?: number
 }

src/views/open_live/MusicRequest.vue

@@ -661,6 +661,9 @@ async function updateActive() {
           if (song.status != item.status) song.status = item.status
         } else {
           originSongs.value.unshift(item)
+          if (item.from == SongRequestFrom.Web) {
+            message.success(`[${item.user?.name}] 直接从网页歌单点歌: ${item.songName}`)
+          }
         }
       })
     } else {

src/views/view/songListTemplate/DefaultSongListTemplate.vue

@@ -3,9 +3,10 @@ import { useAccount } from '@/api/account'
 import { SongsInfo, UserInfo } from '@/api/api-models'
 import SongList from '@/components/SongList.vue'
 import { CloudAdd20Filled } from '@vicons/fluent'
-import { NButton, NDivider, NIcon, NTooltip, useMessage } from 'naive-ui'
+import { NButton, NCard, NCollapse, NCollapseItem, NDivider, NIcon, NTooltip, useMessage } from 'naive-ui'
 import { h, ref } from 'vue'
 import { Setting_SongRequest, SongRequestInfo } from '@/api/api-models'
+import SongRequestOBS from '@/views/obs/SongRequestOBS.vue'
 
 const accountInfo = useAccount()
 
@@ -68,5 +69,14 @@ const buttoms = (song: SongsInfo) => [
 <template>
   <NDivider style="margin-top: 10px" />
   <SongList v-if="currentData" :songs="currentData ?? []" :is-self="accountInfo?.id == userInfo?.id" :extra-buttom="buttoms" v-bind="$attrs" />
+  <NCollapse v-if="userInfo?.canRequestSong">
+    <NCollapseItem title="点歌列表">
+      <NCard size="small" embedded>
+        <div style="height: 400px; width: 700px; max-width: 100%; position: relative; margin: 0 auto">
+          <SongRequestOBS :id="userInfo?.id" />
+        </div>
+      </NCard>
+    </NCollapseItem>
+  </NCollapse>
   <NDivider />
 </template>