@befly-addon/admin 1.1.30 → 1.1.32

package/views/index/components/addonList.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script setup>
-import { $Http } from '@/plugins/http';
+import { $Http } from "@/plugins/http";
 
 // 组件内部数据
 const addonList = $ref([]);
@@ -32,10 +32,10 @@ const addonList = $ref([]);
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboard/addonList');
+        const { data } = await $Http("/addon/admin/dashboard/addonList");
         addonList.splice(0, addonList.length, ...data);
     } catch (error) {
-        console.error('获取插件列表失败:', error);
+        // 静默失败：不阻断页面展示
     }
 };
 

package/views/index/components/environmentInfo.vue

@@ -36,26 +36,26 @@
 </template>
 
 <script setup>
-import ILucideServer from '~icons/lucide/server';
-import { $Http } from '@/plugins/http';
+import ILucideServer from "~icons/lucide/server";
+import { $Http } from "@/plugins/http";
 
 // 组件内部数据
 const environmentInfo = $ref({
-    os: '',
-    server: '',
-    nodeVersion: '',
-    database: '',
-    cache: '',
-    timezone: ''
+    os: "",
+    server: "",
+    nodeVersion: "",
+    database: "",
+    cache: "",
+    timezone: ""
 });
 
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboard/environmentInfo');
+        const { data } = await $Http("/addon/admin/dashboard/environmentInfo");
         Object.assign(environmentInfo, data);
     } catch (error) {
-        console.error('获取运行环境信息失败:', error);
+        // 静默失败：不阻断页面展示
     }
 };
 

package/views/index/components/operationLogs.vue

@@ -23,7 +23,7 @@
                         <span class="col-ip">{{ log.ip }}</span>
                         <span class="col-status">
                             <t-tag :type="log.status === 'success' ? 'success' : 'danger'" size="small">
-                                {{ log.status === 'success' ? '成功' : '失败' }}
+                                {{ log.status === "success" ? "成功" : "失败" }}
                             </t-tag>
                         </span>
                     </div>
@@ -36,19 +36,19 @@
 <script setup>
 // 组件内部数据
 const operationLogs = $ref([
-    { id: 1, userName: '管理员', action: '创建角色', module: '权限管理', ip: '192.168.1.100', status: 'success', createdAt: Date.now() - 120000 },
-    { id: 2, userName: '张三', action: '修改菜单', module: '系统设置', ip: '192.168.1.101', status: 'success', createdAt: Date.now() - 900000 },
-    { id: 3, userName: '李四', action: '删除接口', module: '接口管理', ip: '192.168.1.102', status: 'failed', createdAt: Date.now() - 3600000 },
-    { id: 4, userName: '管理员', action: '同步数据库', module: '数据库', ip: '192.168.1.100', status: 'success', createdAt: Date.now() - 7200000 },
-    { id: 5, userName: '王五', action: '登录系统', module: '系统', ip: '192.168.1.103', status: 'success', createdAt: Date.now() - 10800000 }
+    { id: 1, userName: "管理员", action: "创建角色", module: "权限管理", ip: "192.168.1.100", status: "success", createdAt: Date.now() - 120000 },
+    { id: 2, userName: "张三", action: "修改菜单", module: "系统设置", ip: "192.168.1.101", status: "success", createdAt: Date.now() - 900000 },
+    { id: 3, userName: "李四", action: "删除接口", module: "接口管理", ip: "192.168.1.102", status: "failed", createdAt: Date.now() - 3600000 },
+    { id: 4, userName: "管理员", action: "同步数据库", module: "数据库", ip: "192.168.1.100", status: "success", createdAt: Date.now() - 7200000 },
+    { id: 5, userName: "王五", action: "登录系统", module: "系统", ip: "192.168.1.103", status: "success", createdAt: Date.now() - 10800000 }
 ]);
 
 const formatTime = (timestamp) => {
     const date = new Date(timestamp);
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const day = String(date.getDate()).padStart(2, '0');
-    const hours = String(date.getHours()).padStart(2, '0');
-    const minutes = String(date.getMinutes()).padStart(2, '0');
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
+    const hours = String(date.getHours()).padStart(2, "0");
+    const minutes = String(date.getMinutes()).padStart(2, "0");
     return `${month}-${day} ${hours}:${minutes}`;
 };
 </script>

package/views/index/components/performanceMetrics.vue

@@ -53,12 +53,12 @@
 </template>
 
 <script setup>
-import ILucideActivity from '~icons/lucide/activity';
-import ILucideClock from '~icons/lucide/clock';
-import ILucideTrendingUp from '~icons/lucide/trending-up';
-import ILucideAlertCircle from '~icons/lucide/alert-circle';
-import ILucideAlertTriangle from '~icons/lucide/alert-triangle';
-import { $Http } from '@/plugins/http';
+import ILucideActivity from "~icons/lucide/activity";
+import ILucideClock from "~icons/lucide/clock";
+import ILucideTrendingUp from "~icons/lucide/trending-up";
+import ILucideAlertCircle from "~icons/lucide/alert-circle";
+import ILucideAlertTriangle from "~icons/lucide/alert-triangle";
+import { $Http } from "@/plugins/http";
 
 // 组件内部数据
 const performanceMetrics = $ref({
@@ -72,10 +72,10 @@ const performanceMetrics = $ref({
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboard/performanceMetrics');
+        const { data } = await $Http("/addon/admin/dashboard/performanceMetrics");
         Object.assign(performanceMetrics, data);
     } catch (error) {
-        console.error('获取性能指标失败:', error);
+        // 静默失败：不阻断页面展示
     }
 };
 

package/views/index/components/quickActions.vue

@@ -12,11 +12,11 @@
 </template>
 
 <script setup>
-import { Button as TButton } from 'tdesign-vue-next';
-import ILucideRotateCw from '~icons/lucide/rotate-cw';
+import { Button as TButton } from "tdesign-vue-next";
+import ILucideRotateCw from "~icons/lucide/rotate-cw";
 
 const handleClearCache = () => {
-    console.log('刷新缓存');
+    // TODO: 接入刷新缓存接口
 };
 </script>
 

package/views/index/components/serviceStatus.vue

@@ -35,16 +35,16 @@
 </template>
 
 <script setup>
-import ILucideCheckCircle from '~icons/lucide/check-circle';
-import ILucideDatabase from '~icons/lucide/database';
-import ILucideZap from '~icons/lucide/zap';
-import ILucideHardDrive from '~icons/lucide/hard-drive';
-import ILucideMail from '~icons/lucide/mail';
-import ILucideCloud from '~icons/lucide/cloud';
-import ILucideCircle from '~icons/lucide/circle';
-import ILucideXCircle from '~icons/lucide/x-circle';
-import ILucideAlertCircle from '~icons/lucide/alert-circle';
-import { $Http } from '@/plugins/http';
+import ILucideCheckCircle from "~icons/lucide/check-circle";
+import ILucideDatabase from "~icons/lucide/database";
+import ILucideZap from "~icons/lucide/zap";
+import ILucideHardDrive from "~icons/lucide/hard-drive";
+import ILucideMail from "~icons/lucide/mail";
+import ILucideCloud from "~icons/lucide/cloud";
+import ILucideCircle from "~icons/lucide/circle";
+import ILucideXCircle from "~icons/lucide/x-circle";
+import ILucideAlertCircle from "~icons/lucide/alert-circle";
+import { $Http } from "@/plugins/http";
 
 // 组件内部数据
 const services = $ref([]);
@@ -52,10 +52,10 @@ const services = $ref([]);
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboard/serviceStatus');
+        const { data } = await $Http("/addon/admin/dashboard/serviceStatus");
         services.splice(0, services.length, ...data.services);
     } catch (error) {
-        console.error('获取服务状态失败:', error);
+        // 静默失败：不阻断页面展示
     }
 };
 
@@ -64,18 +64,18 @@ fetchData();
 // 工具函数
 const getStatusColor = (status) => {
     const colors = {
-        running: 'success',
-        stopped: 'error',
-        unconfigured: 'warning'
+        running: "success",
+        stopped: "error",
+        unconfigured: "warning"
     };
-    return colors[status] || 'default';
+    return colors[status] || "default";
 };
 
 const getStatusText = (status) => {
     const texts = {
-        running: '正常',
-        stopped: '停止',
-        unconfigured: '未配置'
+        running: "正常",
+        stopped: "停止",
+        unconfigured: "未配置"
     };
     return texts[status] || status;
 };

package/views/index/components/systemNotifications.vue

@@ -26,19 +26,19 @@
 </template>
 
 <script setup>
-import { Tag as TTag } from 'tdesign-vue-next';
-import ILucideBell from '~icons/lucide/bell';
-import ILucideInfo from '~icons/lucide/info';
-import ILucideCheckCircle from '~icons/lucide/check-circle';
-import ILucideAlertTriangle from '~icons/lucide/alert-triangle';
-import ILucideXCircle from '~icons/lucide/x-circle';
+import { Tag as TTag } from "tdesign-vue-next";
+import ILucideBell from "~icons/lucide/bell";
+import ILucideInfo from "~icons/lucide/info";
+import ILucideCheckCircle from "~icons/lucide/check-circle";
+import ILucideAlertTriangle from "~icons/lucide/alert-triangle";
+import ILucideXCircle from "~icons/lucide/x-circle";
 
 // 组件内部数据
 const notifications = $ref([
-    { 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 }
+    { 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) => {
@@ -51,8 +51,8 @@ const formatTime = (timestamp) => {
     } else if (diff < 86400000) {
         return `${Math.floor(diff / 3600000)}小时前`;
     } else {
-        const month = String(date.getMonth() + 1).padStart(2, '0');
-        const day = String(date.getDate()).padStart(2, '0');
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
         return `${month}-${day}`;
     }
 };

package/views/index/components/systemOverview.vue

@@ -35,11 +35,11 @@
 </template>
 
 <script setup>
-import ILucideInfo from '~icons/lucide/info';
-import ILucideMenu from '~icons/lucide/menu';
-import ILucideWebhook from '~icons/lucide/webhook';
-import ILucideUsers from '~icons/lucide/users';
-import { $Http } from '@/plugins/http';
+import ILucideInfo from "~icons/lucide/info";
+import ILucideMenu from "~icons/lucide/menu";
+import ILucideWebhook from "~icons/lucide/webhook";
+import ILucideUsers from "~icons/lucide/users";
+import { $Http } from "@/plugins/http";
 
 // 组件内部数据
 const permissionStats = $ref({
@@ -51,10 +51,10 @@ const permissionStats = $ref({
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboard/systemOverview');
+        const { data } = await $Http("/addon/admin/dashboard/systemOverview");
         Object.assign(permissionStats, data);
     } catch (error) {
-        console.error('获取系统概览失败:', error);
+        // 静默失败：不阻断页面展示
     }
 };
 

package/views/index/components/systemResources.vue

@@ -39,12 +39,12 @@
 </template>
 
 <script setup>
-import { Progress as TProgress } from 'tdesign-vue-next';
-import ILucideActivity from '~icons/lucide/activity';
-import ILucideCpu from '~icons/lucide/cpu';
-import ILucideHardDrive from '~icons/lucide/hard-drive';
-import ILucideDisc from '~icons/lucide/disc';
-import { $Http } from '@/plugins/http';
+import { Progress as TProgress } from "tdesign-vue-next";
+import ILucideActivity from "~icons/lucide/activity";
+import ILucideCpu from "~icons/lucide/cpu";
+import ILucideHardDrive from "~icons/lucide/hard-drive";
+import ILucideDisc from "~icons/lucide/disc";
+import { $Http } from "@/plugins/http";
 
 // 组件内部数据
 const systemResources = $ref({
@@ -56,10 +56,10 @@ const systemResources = $ref({
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboard/systemResources');
+        const { data } = await $Http("/addon/admin/dashboard/systemResources");
         Object.assign(systemResources, data);
     } catch (error) {
-        console.error('获取系统资源失败:', error);
+        // 静默失败：不阻断页面展示
     }
 };
 
@@ -67,9 +67,9 @@ fetchData();
 
 // 工具函数
 const getProgressColor = (percentage) => {
-    if (percentage < 50) return 'success';
-    if (percentage < 80) return 'warning';
-    return 'danger';
+    if (percentage < 50) return "success";
+    if (percentage < 80) return "warning";
+    return "danger";
 };
 </script>
 

package/views/index/components/userInfo.vue

@@ -5,14 +5,16 @@
                 <ILucideUser />
             </div>
             <div class="user-basic">
-                <div class="user-name">{{ $Data.userInfo.nickname || $Data.userInfo.name || $Data.userInfo.username || '未设置' }}</div>
-                <div class="user-role">{{ $Data.userInfo.role?.name || '普通用户' }}</div>
+                <div class="user-name">
+                    {{ $Data.userInfo.nickname || $Data.userInfo.name || $Data.userInfo.username || "未设置" }}
+                </div>
+                <div class="user-role">{{ $Data.userInfo.role?.name || "普通用户" }}</div>
             </div>
         </div>
         <div class="user-details">
             <div class="detail-item">
                 <ILucideMail />
-                <span>{{ $Data.userInfo.email || '未设置' }}</span>
+                <span>{{ $Data.userInfo.email || "未设置" }}</span>
             </div>
             <div v-if="$Data.userInfo.phone" class="detail-item">
                 <ILucidePhone />
@@ -37,13 +39,13 @@
 </template>
 
 <script setup>
-import { Button as TButton, MessagePlugin } from 'tdesign-vue-next';
-import ILucideUser from '~icons/lucide/user';
-import ILucideMail from '~icons/lucide/mail';
-import ILucidePhone from '~icons/lucide/phone';
-import ILucideClock from '~icons/lucide/clock';
-import ILucideRotateCw from '~icons/lucide/rotate-cw';
-import { $Http } from '@/plugins/http';
+import { Button as TButton, MessagePlugin } from "tdesign-vue-next";
+import ILucideUser from "~icons/lucide/user";
+import ILucideMail from "~icons/lucide/mail";
+import ILucidePhone from "~icons/lucide/phone";
+import ILucideClock from "~icons/lucide/clock";
+import ILucideRotateCw from "~icons/lucide/rotate-cw";
+import { $Http } from "@/plugins/http";
 
 // 响应式数据
 const $Data = $ref({
@@ -56,10 +58,10 @@ const $Method = {
     // 获取数据
     async fetchData() {
         try {
-            const { data } = await $Http('/addon/admin/admin/detail');
+            const { data } = await $Http("/addon/admin/admin/detail");
             Object.assign($Data.userInfo, data);
         } catch (error) {
-            console.error('获取用户信息失败:', error);
+            MessagePlugin.error("获取用户信息失败");
         }
     },
 
@@ -67,7 +69,7 @@ const $Method = {
     async handleRefreshCache() {
         try {
             $Data.refreshing = true;
-            const result = await $Http('/addon/admin/admin/cacheRefresh');
+            const result = await $Http("/addon/admin/admin/cacheRefresh");
 
             if (result.code === 0) {
                 const { apis, menus, roles } = result.data;
@@ -83,13 +85,12 @@ const $Method = {
                     messages.push(`角色缓存: ${roles.count} 个`);
                 }
 
-                MessagePlugin.success(`缓存刷新成功！${messages.join('，')}`);
+                MessagePlugin.success(`缓存刷新成功！${messages.join("，")}`);
             } else {
-                MessagePlugin.warning(result.msg || '部分缓存刷新失败');
+                MessagePlugin.warning(result.msg || "部分缓存刷新失败");
             }
         } catch (error) {
-            console.error('刷新缓存失败:', error);
-            MessagePlugin.error('刷新缓存失败，请稍后重试');
+            MessagePlugin.error("刷新缓存失败，请稍后重试");
         } finally {
             $Data.refreshing = false;
         }
@@ -97,14 +98,14 @@ const $Method = {
 
     // 格式化时间
     formatTime(timestamp) {
-        if (!timestamp) return '';
+        if (!timestamp) return "";
         const date = new Date(Number(timestamp));
         const now = new Date();
         const diff = now - date;
 
         // 小于1分钟
         if (diff < 60000) {
-            return '刚刚';
+            return "刚刚";
         }
         // 小于1小时
         if (diff < 3600000) {

package/views/index/index.vue

@@ -20,11 +20,18 @@
 </template>
 
 <script setup>
-import SystemOverview from './components/systemOverview.vue';
-import ServiceStatus from './components/serviceStatus.vue';
-import SystemResources from './components/systemResources.vue';
-import PerformanceMetrics from './components/performanceMetrics.vue';
-import EnvironmentInfo from './components/environmentInfo.vue';
+import SystemOverview from "./components/systemOverview.vue";
+import ServiceStatus from "./components/serviceStatus.vue";
+import SystemResources from "./components/systemResources.vue";
+import PerformanceMetrics from "./components/performanceMetrics.vue";
+import EnvironmentInfo from "./components/environmentInfo.vue";
+
+definePage({
+    meta: {
+        title: "首页",
+        order: 0
+    }
+});
 </script>
 
 <style scoped lang="scss">