befly-admin-ui 1.10.1 → 1.10.5

package/views/index/components/systemResources.vue

@@ -9,22 +9,22 @@
                 <div class="resource-compact-item">
                     <div class="resource-compact-header">
                         <span class="resource-label">CPU</span>
-                        <span class="resource-value">{{ systemResources.cpu.usage }}%</span>
-                        <span class="resource-desc">{{ systemResources.cpu.cores }}核心</span>
+                        <span class="resource-value">{{ $Data.systemResources.cpu.usage }}%</span>
+                        <span class="resource-desc">{{ $Data.systemResources.cpu.cores }}核心</span>
                     </div>
                 </div>
                 <div class="resource-compact-item">
                     <div class="resource-compact-header">
                         <span class="resource-label">内存</span>
-                        <span class="resource-value">{{ systemResources.memory.percentage }}%</span>
-                        <span class="resource-desc">{{ systemResources.memory.used }}GB / {{ systemResources.memory.total }}GB</span>
+                        <span class="resource-value">{{ $Data.systemResources.memory.percentage }}%</span>
+                        <span class="resource-desc">{{ $Data.systemResources.memory.used }}GB / {{ $Data.systemResources.memory.total }}GB</span>
                     </div>
                 </div>
                 <div class="resource-compact-item">
                     <div class="resource-compact-header">
                         <span class="resource-label">磁盘</span>
-                        <span class="resource-value">{{ systemResources.disk.percentage }}%</span>
-                        <span class="resource-desc">{{ systemResources.disk.used }}GB / {{ systemResources.disk.total }}GB</span>
+                        <span class="resource-value">{{ $Data.systemResources.disk.percentage }}%</span>
+                        <span class="resource-desc">{{ $Data.systemResources.disk.used }}GB / {{ $Data.systemResources.disk.total }}GB</span>
                     </div>
                 </div>
             </div>
@@ -35,26 +35,29 @@
 <script setup>
 import { reactive } from "vue";
 import { ChartIcon } from "tdesign-icons-vue-next";
-import { $Http } from "@/plugins/http";
+import { $Http } from "@/plugins/http.js";
 
 // 组件内部数据
-const systemResources = reactive({
-    cpu: { usage: 0, cores: 0 },
-    memory: { used: 0, total: 0, percentage: 0 },
-    disk: { used: 0, total: 0, percentage: 0 }
+const $Data = reactive({
+    systemResources: {
+        cpu: { usage: 0, cores: 0 },
+        memory: { used: 0, total: 0, percentage: 0 },
+        disk: { used: 0, total: 0, percentage: 0 }
+    }
 });
 
-// 获取数据
-const fetchData = async () => {
-    try {
-        const res = await $Http("/core/dashboard/systemResources", {}, [""]);
-        Object.assign(systemResources, res.data);
-    } catch (_error) {
-        // 静默失败：不阻断页面展示
+const $Method = {
+    async fetchData() {
+        try {
+            const res = await $Http("/core/dashboard/systemResources", {}, [""]);
+            Object.assign($Data.systemResources, res.data);
+        } catch (_error) {
+            // 静默失败：不阻断页面展示
+        }
     }
 };
 
-fetchData();
+$Method.fetchData();
 </script>
 
 <style scoped lang="scss">

package/views/index/components/userInfo.vue

@@ -22,13 +22,13 @@
             </div>
             <div v-if="$Data.userInfo.lastLoginTime" class="detail-item">
                 <TimeIcon />
-                <span>{{ formatTime($Data.userInfo.lastLoginTime) }}</span>
+                <span>{{ $Method.formatTime($Data.userInfo.lastLoginTime) }}</span>
             </div>
         </div>
 
         <!-- 仅 dev 角色显示刷新缓存按钮 -->
         <div v-if="$Data.userInfo.roleCode === 'dev'" class="user-actions">
-            <TButton theme="primary" size="mini" :loading="$Data.refreshing" @click="handleRefreshCache">
+            <TButton theme="primary" size="mini" :loading="$Data.refreshing" @click="$Method.handleRefreshCache">
                 <template #icon>
                     <RefreshIcon />
                 </template>
@@ -42,7 +42,7 @@
 import { reactive } from "vue";
 import { Button as TButton, MessagePlugin } from "tdesign-vue-next";
 import { CallIcon, MailIcon, RefreshIcon, TimeIcon, UserIcon } from "tdesign-icons-vue-next";
-import { $Http } from "@/plugins/http";
+import { $Http } from "@/plugins/http.js";
 
 // 响应式数据
 const $Data = reactive({
@@ -50,65 +50,65 @@ const $Data = reactive({
     refreshing: false
 });
 
-async function fetchData() {
-    try {
-        const res = await $Http("/core/admin/detail", {}, [""]);
-        Object.assign($Data.userInfo, res.data);
-    } catch (error) {
-        MessagePlugin.error(error.msg || error.message || "获取用户信息失败");
-    }
-}
-
-async function handleRefreshCache() {
-    try {
-        $Data.refreshing = true;
-        const result = await $Http("/core/admin/cacheRefresh");
-
-        const apis = result.data.apis;
-        const menus = result.data.menus;
-        const roles = result.data.roles;
-        const messages = [];
+const $Method = {
+    async fetchData() {
+        try {
+            const res = await $Http("/core/admin/detail", {}, [""]);
+            Object.assign($Data.userInfo, res.data);
+        } catch (error) {
+            MessagePlugin.error(error.msg || error.message || "获取用户信息失败");
+        }
+    },
+    async handleRefreshCache() {
+        try {
+            $Data.refreshing = true;
+            const result = await $Http("/core/admin/cacheRefresh");
+
+            const apis = result.data.apis;
+            const menus = result.data.menus;
+            const roles = result.data.roles;
+            const messages = [];
+
+            if (apis && apis.success) {
+                messages.push(`接口缓存: ${apis.count} 个`);
+            }
+            if (menus && menus.success) {
+                messages.push(`菜单缓存: ${menus.count} 个`);
+            }
+            if (roles && roles.success) {
+                messages.push(`角色缓存: ${roles.count} 个`);
+            }
 
-        if (apis && apis.success) {
-            messages.push(`接口缓存: ${apis.count} 个`);
+            MessagePlugin.success(`缓存刷新成功！${messages.join("，")}`);
+        } catch (error) {
+            MessagePlugin.error(error.msg || error.message || "刷新缓存失败，请稍后重试");
+        } finally {
+            $Data.refreshing = false;
         }
-        if (menus && menus.success) {
-            messages.push(`菜单缓存: ${menus.count} 个`);
+    },
+    formatTime(timestamp) {
+        if (!timestamp) return "";
+        const date = new Date(Number(timestamp));
+        const now = new Date();
+        const diff = now.getTime() - date.getTime();
+
+        if (diff < 60000) {
+            return "刚刚";
         }
-        if (roles && roles.success) {
-            messages.push(`角色缓存: ${roles.count} 个`);
+        if (diff < 3600000) {
+            return `${Math.floor(diff / 60000)}分钟前`;
         }
-
-        MessagePlugin.success(`缓存刷新成功！${messages.join("，")}`);
-    } catch (error) {
-        MessagePlugin.error(error.msg || error.message || "刷新缓存失败，请稍后重试");
-    } finally {
-        $Data.refreshing = false;
-    }
-}
-
-function formatTime(timestamp) {
-    if (!timestamp) return "";
-    const date = new Date(Number(timestamp));
-    const now = new Date();
-    const diff = now.getTime() - date.getTime();
-
-    if (diff < 60000) {
-        return "刚刚";
-    }
-    if (diff < 3600000) {
-        return `${Math.floor(diff / 60000)}分钟前`;
-    }
-    if (diff < 86400000) {
-        return `${Math.floor(diff / 3600000)}小时前`;
-    }
-    if (diff < 604800000) {
-        return `${Math.floor(diff / 86400000)}天前`;
+        if (diff < 86400000) {
+            return `${Math.floor(diff / 3600000)}小时前`;
+        }
+        if (diff < 604800000) {
+            return `${Math.floor(diff / 86400000)}天前`;
+        }
+        return `${date.getMonth() + 1}月${date.getDate()}日`;
     }
-    return `${date.getMonth() + 1}月${date.getDate()}日`;
-}
+};
 
-fetchData();
+$Method.fetchData();
 </script>
 
 <style scoped lang="scss">

package/views/log/email/index.vue

@@ -1,13 +1,13 @@
 <template>
     <PageTableDetail class="page-email page-table" :columns="$Data.columns" :endpoints="$Data.endpoints" :table-slot-names="['sendResult', 'sendTime']">
         <template #toolLeft>
-            <TButton theme="primary" @click="openSendDialog">
+            <TButton theme="primary" @click="$Method.openSendDialog">
                 <template #icon>
                     <SendIcon />
                 </template>
                 发送邮件
             </TButton>
-            <TButton variant="outline" @click="onVerify">
+            <TButton variant="outline" @click="$Method.onVerify">
                 <template #icon>
                     <CheckCircleIcon />
                 </template>
@@ -21,7 +21,7 @@
         </template>
 
         <template #sendTime="{ row }">
-            {{ formatTime(row.sendTime) }}
+            {{ $Method.formatTime(row.sendTime) }}
         </template>
 
         <template #detail="scope">
@@ -31,7 +31,7 @@
                     <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
                 </template>
                 <template #sendTime="slotScope">
-                    {{ formatTime(slotScope.value) }}
+                    {{ $Method.formatTime(slotScope.value) }}
                 </template>
                 <template #content="slotScope">
                     <div class="email-content" v-html="slotScope.value"></div>
@@ -40,8 +40,17 @@
         </template>
 
         <template #dialogs="scope">
-            <PageDialog v-model="$Data.sendDialogVisible" title="发送邮件" :confirm-loading="$Data.sending" @confirm="(context) => onSend(scope.reload, context)" @cancel="onCancelSend" @close="onCancelSend">
-                <TForm ref="sendFormRef" :data="$Data.sendForm" :rules="$Data.sendRules" label-width="80px">
+            <PageDialog v-model="$Data.sendDialogVisible" title="发送邮件" :confirm-loading="$Data.sending" @confirm="(context) => $Method.onSend(scope.reload, context)" @cancel="$Method.onCancelSend" @close="$Method.onCancelSend">
+                <TForm
+                    :ref="
+                        (value) => {
+                            $From.sendFormRef = value;
+                        }
+                    "
+                    :data="$Data.sendForm"
+                    :rules="$Const.sendRules"
+                    label-width="80px"
+                >
                     <TFormItem label="收件人" name="to">
                         <TInput v-model="$Data.sendForm.to" placeholder="请输入收件人邮箱" />
                     </TFormItem>
@@ -61,15 +70,34 @@
 </template>
 
 <script setup>
-import { reactive, ref } from "vue";
-import { Button as TButton, Form as TForm, FormItem as TFormItem, Input as TInput, MessagePlugin, Space as TSpace, Tag as TTag, Textarea as TTextarea } from "tdesign-vue-next";
+import { reactive } from "vue";
+import { Button as TButton, Form as TForm, FormItem as TFormItem, Input as TInput, MessagePlugin, Tag as TTag, Textarea as TTextarea } from "tdesign-vue-next";
 import { CheckCircleIcon, SendIcon } from "tdesign-icons-vue-next";
 import PageDialog from "befly-admin-ui/components/pageDialog.vue";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
-import { $Http } from "@/plugins/http";
+import { $Http } from "@/plugins/http.js";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
-const sendFormRef = ref(null);
+
+const $Const = {
+    createSendForm() {
+        return {
+            to: "",
+            cc: "",
+            subject: "",
+            content: ""
+        };
+    },
+    sendRules: {
+        to: [{ required: true, message: "请输入收件人邮箱", trigger: "blur" }],
+        subject: [{ required: true, message: "请输入邮件主题", trigger: "blur" }],
+        content: [{ required: true, message: "请输入邮件内容", trigger: "blur" }]
+    }
+};
+
+const $From = {
+    sendFormRef: null
+};
 
 // 响应式数据
 const $Data = reactive({
@@ -94,89 +122,72 @@ const $Data = reactive({
     },
     sendDialogVisible: false,
     sending: false,
-    sendForm: {
-        to: "",
-        cc: "",
-        subject: "",
-        content: ""
-    },
-    sendRules: {
-        to: [{ required: true, message: "请输入收件人邮箱", trigger: "blur" }],
-        subject: [{ required: true, message: "请输入邮件主题", trigger: "blur" }],
-        content: [{ required: true, message: "请输入邮件内容", trigger: "blur" }]
-    }
+    sendForm: $Const.createSendForm()
 });
 
-function onCancelSend() {
-    $Data.sendDialogVisible = false;
-}
-
-function openSendDialog() {
-    $Data.sendForm = {
-        to: "",
-        cc: "",
-        subject: "",
-        content: ""
-    };
-    $Data.sendDialogVisible = true;
-}
-
-async function onSend(reload, context) {
-    const form = sendFormRef.value;
-    if (!form) {
-        MessagePlugin.warning("表单未就绪");
-        return;
-    }
+const $Method = {
+    onCancelSend() {
+        $Data.sendDialogVisible = false;
+    },
+    openSendDialog() {
+        $Data.sendForm = $Const.createSendForm();
+        $Data.sendDialogVisible = true;
+    },
+    async onSend(reload, context) {
+        const form = $From.sendFormRef;
+        if (!form) {
+            MessagePlugin.warning("表单未就绪");
+            return;
+        }
 
-    const valid = await form.validate();
-    if (valid !== true) return;
+        const valid = await form.validate();
+        if (valid !== true) return;
 
-    $Data.sending = true;
-    try {
-        const res = await $Http("/core/email/send", {
-            to: $Data.sendForm.to,
-            subject: $Data.sendForm.subject,
-            content: $Data.sendForm.content,
-            cc: $Data.sendForm.cc || undefined,
-            isHtml: true
-        });
+        $Data.sending = true;
+        try {
+            await $Http("/core/email/send", {
+                to: $Data.sendForm.to,
+                subject: $Data.sendForm.subject,
+                content: $Data.sendForm.content,
+                cc: $Data.sendForm.cc || undefined,
+                isHtml: true
+            });
 
-        MessagePlugin.success("发送成功");
-        if (context && typeof context.close === "function") {
-            context.close();
-        } else {
-            $Data.sendDialogVisible = false;
+            MessagePlugin.success("发送成功");
+            if (context && typeof context.close === "function") {
+                context.close();
+            } else {
+                $Data.sendDialogVisible = false;
+            }
+            if (reload) {
+                reload({ keepSelection: false, resetPage: true });
+            }
+        } catch (error) {
+            MessagePlugin.error(error.msg || error.message || "发送失败");
+        } finally {
+            $Data.sending = false;
         }
-        if (reload) {
-            reload({ keepSelection: false, resetPage: true });
+    },
+    async onVerify() {
+        try {
+            await $Http("/core/email/verify");
+            MessagePlugin.success("邮件服务配置正常");
+        } catch (error) {
+            MessagePlugin.error(error.msg || error.message || "验证失败");
         }
-    } catch (error) {
-        MessagePlugin.error(error.msg || error.message || "发送失败");
-    } finally {
-        $Data.sending = false;
-    }
-}
-
-async function onVerify() {
-    try {
-        await $Http("/core/email/verify");
-        MessagePlugin.success("邮件服务配置正常");
-    } catch (error) {
-        MessagePlugin.error(error.msg || error.message || "验证失败");
+    },
+    formatTime(timestamp) {
+        if (!timestamp) return "-";
+        const date = new Date(timestamp);
+        const year = date.getFullYear();
+        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 seconds = String(date.getSeconds()).padStart(2, "0");
+        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
     }
-}
-
-function formatTime(timestamp) {
-    if (!timestamp) return "-";
-    const date = new Date(timestamp);
-    const year = date.getFullYear();
-    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 seconds = String(date.getSeconds()).padStart(2, "0");
-    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-}
+};
 </script>
 
 <style scoped lang="scss">