From 5ded7c7e19c8815d9f84b04ed3dad878857036c6 Mon Sep 17 00:00:00 2001
From: QiuLiang-99 <1297829693@qq.com>
Date: Sat, 3 May 2025 17:31:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BD=93=E6=92=AD=E6=94=BE=E9=A1=BA=E5=BA=8F?=
 =?UTF-8?q?=E6=94=B9=E5=8F=98=EF=BC=8C=E6=92=AD=E6=94=BE=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E4=B9=9F=E4=BC=9A=E6=94=B9=E5=8F=98=EF=BC=88=E8=BF=99=E4=B8=AA?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E5=81=9A=E6=88=90ui=E9=80=89=E9=A1=B9?=
 =?UTF-8?q?=E8=80=8C=E4=B8=8D=E6=98=AF=E5=9B=BA=E5=AE=9A=E8=BF=99=E6=A0=B7?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/PlayListWindow/index.vue           | 31 ++++++++++---------
 .../utils/compositions/useNextTogglePlay.ts   |  1 +
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/renderer/components/layout/PlayListWindow/index.vue b/src/renderer/components/layout/PlayListWindow/index.vue
index 067205ad..dc44ad46 100644
--- a/src/renderer/components/layout/PlayListWindow/index.vue
+++ b/src/renderer/components/layout/PlayListWindow/index.vue
@@ -16,25 +16,26 @@
 
 <script setup>
 import { ref, computed } from 'vue'
-import {
-  // musicInfo,
-  // isPlay,
-  // playMusicInfo, playInfo,
-  tempPlayList,
-} from '@renderer/store/player/state'
-// import { togglePlay, playNext, playPrev } from '@renderer/core/player'
+import { tempPlayList, currentPlaybackOrder } from '@renderer/store/player/state'
+
 const emit = defineEmits(['close'])
 // todo 点击item切换歌曲
 // todo 当前播放歌曲的item高亮
 const playlist = ref(tempPlayList)
-const songs = computed(() =>
-  playlist.value.map(music => ({
-    title: music.musicInfo.name,
-    artist: music.musicInfo.singer,
-    album: music.musicInfo.meta.albumName,
-  })),
-)
 
+const songs = computed(() => {
+  let showlist = []
+  for (const index of currentPlaybackOrder.value) {
+    const playMusicInfo = playlist.value[index]
+    showlist.push({
+      title: playMusicInfo.musicInfo.name,
+      artist: playMusicInfo.musicInfo.singer,
+      album: playMusicInfo.musicInfo.meta.albumName,
+    })
+  }
+  return showlist
+},
+)
 const emitClose = () => {
   emit('close')
 }
@@ -60,7 +61,7 @@ const emitClose = () => {
   font-size: 18px;
   font-weight: bold;
   text-align: center;
-}
+}p
 
 .close-button {
   position: absolute;
diff --git a/src/renderer/utils/compositions/useNextTogglePlay.ts b/src/renderer/utils/compositions/useNextTogglePlay.ts
index 00803316..72d44f6f 100644
--- a/src/renderer/utils/compositions/useNextTogglePlay.ts
+++ b/src/renderer/utils/compositions/useNextTogglePlay.ts
@@ -32,6 +32,7 @@ export default () => {
     const N = tempPlayList.length
     const prevPlayIndex = currentPlaybackOrder.value[currentPlayIndex.value]
     if (mode === 'random') {
+      currentPlayIndex.value = 0
       const allIndexes = Array.from({ length: N }, (_, i) => i).filter(i => i !== prevPlayIndex)
       for (let i = allIndexes.length - 1; i > 0; i--) {
         const j = Math.floor(Math.random() * (i + 1))