From 58729a296058810aa66c50975083dbad4f629ef3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=81=8C=E7=B3=96=E5=8C=85=E5=AD=90?=
 <colorfulsweet@icloud.com>
Date: Wed, 1 Apr 2026 10:46:34 +0800
Subject: [PATCH] =?UTF-8?q?feat(Music.vue):=20=E6=96=B0=E5=A2=9E=E2=80=9C?=
 =?UTF-8?q?=E6=97=B6=E9=95=BF=E2=80=9D=E5=88=97=EF=BC=8C=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E6=A0=BC=E5=BC=8F=E4=B8=BAmm:ss=EF=BC=8C=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E9=9F=B3=E4=B9=90=E6=97=B6=E9=95=BF=EF=BC=88time=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5=EF=BC=89=E5=B9=B6=E6=A0=BC=E5=BC=8F=E5=8C=96=E4=B8=BA?=
 =?UTF-8?q?=E4=B8=A4=E4=BD=8D=E6=95=B0=E5=88=86=E9=92=9F=E5=92=8C=E7=A7=92?=
 =?UTF-8?q?=E6=95=B0=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/api/Music.vue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/views/api/Music.vue b/src/views/api/Music.vue
index 593c535..3f10ff7 100644
--- a/src/views/api/Music.vue
+++ b/src/views/api/Music.vue
@@ -34,12 +34,17 @@
     <el-table :data="musicData" v-loading="loading" stripe @selection-change="dataSelect">
       <el-table-column type="selection" width="55" />
       <el-table-column prop="name" label="名称" show-overflow-tooltip role=""/>
-      <el-table-column prop="ext" label="类型" width="100" />
-      <el-table-column prop="size" label="文件大小" width="150">
+      <el-table-column prop="ext" label="类型" width="80" />
+      <el-table-column prop="size" label="文件大小" width="110">
         <template #default="scope">
           {{ prettyBytes(scope.row.size) }}
         </template>
       </el-table-column>
+      <el-table-column prop="time" label="时长" width="110">
+        <template #default="scope">
+          {{ formatDuration(scope.row.time) }}
+        </template>
+      </el-table-column>
       <el-table-column prop="title" label="标题" show-overflow-tooltip />
       <el-table-column prop="album" label="唱片集" />
       <el-table-column prop="artist" label="艺术家" />
@@ -58,7 +63,7 @@
           </template>
         </template>
       </el-table-column>
-      <el-table-column prop="lyricId" label="歌词" width="120" >
+      <el-table-column prop="lyricId" label="歌词" width="80" >
         <template #default="scope">
           <div style="width: 18px">
             <Check v-if="scope.row.lyricId" />
@@ -66,7 +71,7 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="操作" width="230" >
+      <el-table-column label="操作" width="150" >
         <template #default="scope">
           <el-button link icon="Document" @click="updateLyric(scope.row)" title="歌词"></el-button>
           <el-button link icon="Download" @click="download(scope.row)" title="下载"></el-button>
@@ -180,6 +185,13 @@ import { UploadInstance, ElMessage, ElMessageBox } from 'element-plus'
 import { MusicModel, MusicLibModel, MusicLyricModel, MusicPlayerItem } from '@/model/api/music'
 import APlayer from './aplayer/vue-aplayer.vue'
 import prettyBytes from 'pretty-bytes'
+// 格式化秒为 mm:ss
+function formatDuration(seconds?: number): string {
+  if (!seconds || isNaN(seconds)) return '00:00'
+  const m = Math.floor(seconds / 60)
+  const s = Math.floor(seconds % 60)
+  return `${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`
+}
 import type { VForm } from '@/types'
 import http from '@/utils/http'