befly-admin-ui 1.10.1 → 1.10.2

package/views/index/components/serviceStatus.vue

@@ -6,11 +6,11 @@
         </div>
         <div class="section-content">
             <div class="config-grid">
-                <div v-for="service in services" :key="service.name" class="config-card" :class="`config-${service.status}`">
+                <div v-for="service in $Data.services" :key="service.name" class="config-card" :class="`config-${service.status}`">
                     <div class="config-info">
                         <div class="config-name">{{ service.name }}</div>
                         <div class="config-status">
-                            {{ getStatusText(service.status) }}
+                            {{ $Method.getStatusText(service.status) }}
                             <span v-if="service.responseTime && service.responseTime !== '-'" class="latency">{{ service.responseTime }}</span>
                         </div>
                     </div>
@@ -23,33 +23,37 @@
 <script setup>
 import { reactive } from "vue";
 import { CheckCircleIcon } from "tdesign-icons-vue-next";
-import { $Http } from "@/plugins/http";
+import { $Http } from "@/plugins/http.js";
 
 // 组件内部数据
-const services = reactive([]);
-
-// 获取数据
-const fetchData = async () => {
-    try {
-        const res = await $Http("/core/dashboard/serviceStatus", {}, [""]);
-        const nextServices = Array.isArray(res.data?.services) ? res.data.services.filter((service) => service?.name !== "OSS存储") : [];
-        services.splice(0, services.length, ...nextServices);
-    } catch (_error) {
-        // 静默失败：不阻断页面展示
-    }
-};
-
-fetchData();
+const $Data = reactive({
+    services: []
+});
 
-// 工具函数
-const getStatusText = (status) => {
-    const texts = {
+const $Const = {
+    statusTextMap: {
         running: "正常",
         stopped: "停止",
         unconfigured: "未配置"
-    };
-    return texts[status] || status;
+    }
 };
+
+const $Method = {
+    async fetchData() {
+        try {
+            const res = await $Http("/core/dashboard/serviceStatus", {}, [""]);
+            const nextServices = Array.isArray(res.data?.services) ? res.data.services.filter((service) => service?.name !== "OSS存储") : [];
+            $Data.services.splice(0, $Data.services.length, ...nextServices);
+        } catch (_error) {
+            // 静默失败：不阻断页面展示
+        }
+    },
+    getStatusText(status) {
+        return $Const.statusTextMap[status] || status;
+    }
+};
+
+$Method.fetchData();
 </script>
 
 <style scoped lang="scss">

package/views/index/components/systemNotifications.vue

@@ -6,7 +6,7 @@
         </div>
         <div class="section-content">
             <div class="notification-compact-list">
-                <div v-for="notification in notifications" :key="notification.id" class="notification-compact-item">
+                <div v-for="notification in $Const.notifications" :key="notification.id" class="notification-compact-item">
                     <div class="notification-icon" :class="`type-${notification.type}`">
                         <InfoCircleIcon v-if="notification.type === 'info'" />
                         <CheckCircleIcon v-else-if="notification.type === 'success'" />
@@ -16,7 +16,7 @@
                     </div>
                     <div class="notification-content">
                         <span class="notification-title">{{ notification.title }}</span>
-                        <span class="notification-time">{{ formatTime(notification.createdAt) }}</span>
+                        <span class="notification-time">{{ $Method.formatTime(notification.createdAt) }}</span>
                     </div>
                     <TTag v-if="!notification.isRead" type="primary" size="small">新</TTag>
                 </div>
@@ -31,23 +31,28 @@ import { Tag as TTag } from "tdesign-vue-next";
 import { CheckCircleIcon, CloseCircleIcon, ErrorTriangleIcon, InfoCircleIcon, NotificationIcon } from "tdesign-icons-vue-next";
 
 // 组件内部数据
-const notifications = reactive([
-    { id: 1, type: "warning", title: "系统更新提醒 - v1.1.0 版本已发布", isRead: false, createdAt: Date.now() - 3600000 },
-    { id: 2, type: "info", title: "数据备份完成 - 今日凌晨自动备份成功", isRead: true, createdAt: Date.now() - 21600000 },
-    { id: 3, type: "error", title: "SSL证书即将过期 - 请及时更新证书", isRead: false, createdAt: Date.now() - 86400000 },
-    { id: 4, type: "success", title: "性能优化完成 - 响应速度提升30%", isRead: true, createdAt: Date.now() - 172800000 }
-]);
-
-const formatTime = (timestamp) => {
-    const date = new Date(timestamp);
-    const now = Date.now();
-    const diff = now - timestamp;
-
-    if (diff < 3600000) {
-        return `${Math.floor(diff / 60000)}分钟前`;
-    } else if (diff < 86400000) {
-        return `${Math.floor(diff / 3600000)}小时前`;
-    } else {
+const $Const = {
+    notifications: [
+        { id: 1, type: "warning", title: "系统更新提醒 - v1.1.0 版本已发布", isRead: false, createdAt: Date.now() - 3600000 },
+        { id: 2, type: "info", title: "数据备份完成 - 今日凌晨自动备份成功", isRead: true, createdAt: Date.now() - 21600000 },
+        { id: 3, type: "error", title: "SSL证书即将过期 - 请及时更新证书", isRead: false, createdAt: Date.now() - 86400000 },
+        { id: 4, type: "success", title: "性能优化完成 - 响应速度提升30%", isRead: true, createdAt: Date.now() - 172800000 }
+    ]
+};
+
+const $Method = {
+    formatTime(timestamp) {
+        const date = new Date(timestamp);
+        const now = Date.now();
+        const diff = now - timestamp;
+
+        if (diff < 3600000) {
+            return `${Math.floor(diff / 60000)}分钟前`;
+        }
+        if (diff < 86400000) {
+            return `${Math.floor(diff / 3600000)}小时前`;
+        }
+
         const month = String(date.getMonth() + 1).padStart(2, "0");
         const day = String(date.getDate()).padStart(2, "0");
         return `${month}-${day}`;