From f92429a9c61a31df443225f85a10f9d4ae0bdf61 Mon Sep 17 00:00:00 2001
From: Rogee <rogeecn@qq.com>
Date: Thu, 8 May 2025 11:46:57 +0800
Subject: [PATCH] feat: update

---
 backend/frpc.toml                           |  3 ++-
 frontend/admin/src/pages/PostCreatePage.vue | 12 +++++++++---
 frontend/admin/src/pages/PostEditPage.vue   | 11 +++++++++--
 frontend/admin/src/router.js                |  6 +++---
 frontend/admin/src/utils/date.js            | 21 +++++++++++++++++++++
 frontend/admin/vite.config.js               |  4 +++-
 6 files changed, 47 insertions(+), 10 deletions(-)

diff --git a/backend/frpc.toml b/backend/frpc.toml
index 3c9646b..f1d6f67 100644
--- a/backend/frpc.toml
+++ b/backend/frpc.toml
@@ -5,5 +5,6 @@ serverPort = 1422
 name = "test-http"
 type = "tcp"
 localIP = "127.0.0.1"
-localPort = 8088
+#localPort = 8088
+localPort = 3000
 remotePort = 1423
diff --git a/frontend/admin/src/pages/PostCreatePage.vue b/frontend/admin/src/pages/PostCreatePage.vue
index 956b47c..1ca5938 100644
--- a/frontend/admin/src/pages/PostCreatePage.vue
+++ b/frontend/admin/src/pages/PostCreatePage.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { mediaService } from '@/api/mediaService';
 import { postService } from '@/api/postService';
-import { formatDate } from "@/utils/date";
+import { formatDate, formatDuration } from "@/utils/date";
 import { formatFileSize } from "@/utils/filesize";
 import { getFileIcon, getFileTypeByMimeCN } from "@/utils/filetype";
 import { useToast } from 'primevue/usetoast';
@@ -373,10 +373,16 @@ const loadHeadImagePreviews = async () => {
                                     </div>
 
                                     <div class="flex-1 overflow-hidden">
-                                        <div class="text-sm font-medium text-gray-900 truncate">{{ media.name }}
+                                        <div class="text-sm font-medium text-gray-900 truncate">
+                                            {{ media.name }}
                                         </div>
 
-                                        <Badge :value="getFileTypeByMimeCN(media.mime_type)" />
+                                        <div class="flex gap-2">
+                                            <Badge :value="getFileTypeByMimeCN(media.mime_type)" />
+                                            <Badge v-if="media.metas?.short" severity="warn" value="试听" />
+                                            <Badge v-if="media.metas?.duration" severity="secondary"
+                                                :value="'时长：' + formatDuration(media.metas?.duration)" />
+                                        </div>
                                     </div>
                                     <Button icon="pi pi-times" class="p-button-rounded p-button-text p-button-sm"
                                         @click="removeMedia(media)" aria-label="移除" />
diff --git a/frontend/admin/src/pages/PostEditPage.vue b/frontend/admin/src/pages/PostEditPage.vue
index 839661c..edc2c36 100644
--- a/frontend/admin/src/pages/PostEditPage.vue
+++ b/frontend/admin/src/pages/PostEditPage.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { mediaService } from '@/api/mediaService';
 import { postService } from '@/api/postService';
-import { formatDate } from "@/utils/date";
+import { formatDate, formatDuration } from "@/utils/date";
 import { formatFileSize } from "@/utils/filesize";
 import { getFileIcon, getFileTypeByMimeCN } from "@/utils/filetype";
 import { useToast } from 'primevue/usetoast';
@@ -425,7 +425,14 @@ onMounted(() => {
                                         <div class="text-sm font-medium text-gray-900 truncate">{{ media.name }}
                                         </div>
 
-                                        <Badge :value="getFileTypeByMimeCN(media.mime_type)" />
+                                        <!-- <Badge :value="getFileTypeByMimeCN(media.mime_type)" /> -->
+
+                                        <div class="flex gap-2">
+                                            <Badge :value="getFileTypeByMimeCN(media.mime_type)" />
+                                            <Badge v-if="media.metas?.short" severity="warn" value="试听" />
+                                            <Badge v-if="media.metas?.duration" severity="secondary"
+                                                :value="'时长：' + formatDuration(media.metas?.duration)" />
+                                        </div>
                                     </div>
                                     <Button icon="pi pi-times" class="p-button-rounded p-button-text p-button-sm"
                                         @click="removeMedia(media)" aria-label="移除" />
diff --git a/frontend/admin/src/router.js b/frontend/admin/src/router.js
index 7df8623..8ea8d36 100644
--- a/frontend/admin/src/router.js
+++ b/frontend/admin/src/router.js
@@ -1,4 +1,4 @@
-import { createRouter, createWebHashHistory } from 'vue-router';
+import { createRouter, createWebHistory } from 'vue-router';
 import { useAuthStore } from './stores/auth';
 
 // Define your routes here
@@ -62,8 +62,8 @@ const routes = [
 
 // Create the router instance
 export const router = createRouter({
-    // history: createWebHistory(),
-    history: createWebHashHistory(),
+    history: createWebHistory("/admin/"), // Use createWebHashHistory() if you want hash-based routing
+    // history: createWebHashHistory(),
     routes
 });
 
diff --git a/frontend/admin/src/utils/date.js b/frontend/admin/src/utils/date.js
index 7f00d4f..d879934 100644
--- a/frontend/admin/src/utils/date.js
+++ b/frontend/admin/src/utils/date.js
@@ -14,3 +14,24 @@ dayjs.extend(timezone);
 export function formatDate(date) {
     return dayjs.tz(date, 'Asia/Shanghai').format('YYYY-MM-DD HH:mm:ss');
 }
+
+/**
+ * Format seconds to readable duration string
+ * @param {number} seconds - Number of seconds
+ * @returns {string} Formatted duration string (e.g., "2h 30m 15s")
+ */
+export function formatDuration(seconds) {
+    if (!seconds || seconds < 0) return '0 秒';
+
+    const hours = Math.floor(seconds / 3600);
+    const minutes = Math.floor((seconds % 3600) / 60);
+    const remainingSeconds = Math.floor(seconds % 60);
+
+    const parts = [];
+    if (hours > 0) parts.push(`${hours} 时`);
+    if (minutes > 0) parts.push(`${minutes} 分`);
+    if (remainingSeconds > 0 || parts.length === 0) parts.push(`${remainingSeconds} 秒`);
+
+    return parts.join(' ');
+}
+
diff --git a/frontend/admin/vite.config.js b/frontend/admin/vite.config.js
index 64644c0..bc0f015 100644
--- a/frontend/admin/vite.config.js
+++ b/frontend/admin/vite.config.js
@@ -13,7 +13,7 @@ export default defineConfig({
             }
         }
     },
-    base: "./",
+    base: "/admin",
     minify: true,
     sourceMap: true,
     plugins: [
@@ -26,6 +26,8 @@ export default defineConfig({
         }
     },
     server: {
+        host: '0.0.0.0',
+	allowedHosts: ['mp.jdwan.com'],
         port: 3000,
         open: true,
         proxy: {