@befly-addon/admin 1.0.55 → 1.0.57

package/views/config/system/index.vue

@@ -0,0 +1,256 @@
+<template>
+    <div class="page-sys-config page-table">
+        <div class="main-tool">
+            <div class="left">
+                <TButton theme="primary" @click="$Method.onAction('add', {})">
+                    <template #icon>
+                        <ILucidePlus />
+                    </template>
+                    新增配置
+                </TButton>
+                <TSelect v-model="$Data.filter.group" placeholder="配置分组" clearable style="width: 150px" @change="$Method.handleFilter">
+                    <TOption v-for="item in $Data.groupOptions" :key="item" :label="item" :value="item" />
+                </TSelect>
+            </div>
+            <div class="right">
+                <TButton shape="circle" @click="$Method.handleRefresh">
+                    <template #icon>
+                        <ILucideRotateCw />
+                    </template>
+                </TButton>
+            </div>
+        </div>
+
+        <div class="main-content">
+            <div class="main-table">
+                <TTable :data="$Data.tableData" :columns="$Data.columns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" row-key="id" height="100%" active-row-type="single" @active-change="$Method.onActiveChange">
+                    <template #isSystem="{ row }">
+                        <TTag v-if="row.isSystem === 1" shape="round" theme="warning" variant="light-outline">系统</TTag>
+                        <TTag v-else shape="round" variant="light-outline">自定义</TTag>
+                    </template>
+                    <template #valueType="{ row }">
+                        <TTag shape="round" variant="light-outline">{{ row.valueType }}</TTag>
+                    </template>
+                    <template #state="{ row }">
+                        <TTag v-if="row.state === 1" shape="round" theme="success" variant="light-outline">正常</TTag>
+                        <TTag v-else-if="row.state === 2" shape="round" theme="warning" variant="light-outline">禁用</TTag>
+                    </template>
+                    <template #operation="{ row }">
+                        <TDropdown trigger="click" placement="bottom-right" @click="(data) => $Method.onAction(data.value, row)">
+                            <TButton theme="primary" size="small">
+                                操作
+                                <template #suffix><t-icon name="chevron-down" size="16" /></template>
+                            </TButton>
+                            <TDropdownMenu slot="dropdown">
+                                <TDropdownItem value="upd">
+                                    <ILucidePencil />
+                                    编辑
+                                </TDropdownItem>
+                                <TDropdownItem v-if="row.isSystem !== 1" value="del" :divider="true">
+                                    <ILucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
+                                    删除
+                                </TDropdownItem>
+                            </TDropdownMenu>
+                        </TDropdown>
+                    </template>
+                </TTable>
+            </div>
+
+            <div class="main-detail">
+                <DetailPanel :data="$Data.currentRow" :fields="$Data.detailFields">
+                    <template #isSystem="{ value }">
+                        <TTag v-if="value === 1" shape="round" theme="warning" variant="light-outline">系统配置</TTag>
+                        <TTag v-else shape="round" variant="light-outline">自定义配置</TTag>
+                    </template>
+                    <template #valueType="{ value }">
+                        <TTag shape="round" variant="light-outline">{{ value }}</TTag>
+                    </template>
+                    <template #value="{ value }">
+                        <pre class="config-value">{{ value }}</pre>
+                    </template>
+                </DetailPanel>
+            </div>
+        </div>
+
+        <div class="main-page">
+            <TPagination :current-page="$Data.pagerConfig.currentPage" :page-size="$Data.pagerConfig.limit" :total="$Data.pagerConfig.total" @current-change="$Method.onPageChange" @page-size-change="$Method.handleSizeChange" />
+        </div>
+
+        <!-- 编辑对话框 -->
+        <EditDialog v-if="$Data.editVisible" v-model="$Data.editVisible" :action-type="$Data.actionType" :row-data="$Data.rowData" @success="$Method.apiConfigList" />
+    </div>
+</template>
+
+<script setup>
+import { Button as TButton, Table as TTable, Tag as TTag, Select as TSelect, Option as TOption, Dropdown as TDropdown, DropdownMenu as TDropdownMenu, DropdownItem as TDropdownItem, Pagination as TPagination, MessagePlugin, DialogPlugin } from 'tdesign-vue-next';
+import ILucidePlus from '~icons/lucide/plus';
+import ILucideRotateCw from '~icons/lucide/rotate-cw';
+import ILucidePencil from '~icons/lucide/pencil';
+import ILucideTrash2 from '~icons/lucide/trash-2';
+import EditDialog from './components/edit.vue';
+import DetailPanel from '@/components/DetailPanel.vue';
+import { $Http } from '@/plugins/http';
+import { withDefaultColumns } from '@/utils';
+
+// 响应式数据
+const $Data = $ref({
+    tableData: [],
+    loading: false,
+    columns: withDefaultColumns([
+        { colKey: 'name', title: '配置名称', fixed: 'left', width: 150 },
+        { colKey: 'id', title: '序号', width: 80 },
+        { colKey: 'code', title: '配置代码', ellipsis: true },
+        { colKey: 'value', title: '配置值', ellipsis: true, width: 200 },
+        { colKey: 'valueType', title: '值类型', width: 100 },
+        { colKey: 'group', title: '分组', width: 100 },
+        { colKey: 'sort', title: '排序', width: 80 },
+        { colKey: 'isSystem', title: '类型', width: 80 },
+        { colKey: 'state', title: '状态', width: 80 },
+        { colKey: 'operation', title: '操作', width: 100 }
+    ]),
+    detailFields: [
+        { colKey: 'name', title: '配置名称' },
+        { colKey: 'code', title: '配置代码' },
+        { colKey: 'value', title: '配置值' },
+        { colKey: 'valueType', title: '值类型' },
+        { colKey: 'group', title: '配置分组' },
+        { colKey: 'sort', title: '排序' },
+        { colKey: 'isSystem', title: '配置类型' },
+        { colKey: 'description', title: '描述说明' }
+    ],
+    pagerConfig: {
+        currentPage: 1,
+        limit: 30,
+        total: 0
+    },
+    currentRow: null,
+    activeRowKeys: [],
+    editVisible: false,
+    actionType: 'add',
+    rowData: {},
+    filter: {
+        group: ''
+    },
+    groupOptions: ['基础配置', '邮件配置', '存储配置', '安全配置', '其他']
+});
+
+// 方法
+const $Method = {
+    async initData() {
+        await $Method.apiConfigList();
+    },
+
+    // 加载配置列表
+    async apiConfigList() {
+        $Data.loading = true;
+        try {
+            const res = await $Http('/addon/admin/sysConfig/list', {
+                page: $Data.pagerConfig.currentPage,
+                limit: $Data.pagerConfig.limit
+            });
+            $Data.tableData = res.data.lists || [];
+            $Data.pagerConfig.total = res.data.total || 0;
+
+            if ($Data.tableData.length > 0) {
+                $Data.currentRow = $Data.tableData[0];
+                $Data.activeRowKeys = [$Data.tableData[0].id];
+            } else {
+                $Data.currentRow = null;
+                $Data.activeRowKeys = [];
+            }
+        } catch (error) {
+            MessagePlugin.error('加载数据失败');
+        } finally {
+            $Data.loading = false;
+        }
+    },
+
+    // 删除配置
+    async apiConfigDel(row) {
+        if (row.isSystem === 1) {
+            MessagePlugin.warning('系统配置不允许删除');
+            return;
+        }
+
+        DialogPlugin.confirm({
+            header: '确认删除',
+            body: `确定要删除配置"${row.name}"吗？`,
+            status: 'warning'
+        }).then(async () => {
+            try {
+                const res = await $Http('/addon/admin/sysConfig/del', { id: row.id });
+                if (res.code === 0) {
+                    MessagePlugin.success('删除成功');
+                    $Method.apiConfigList();
+                } else {
+                    MessagePlugin.error(res.msg || '删除失败');
+                }
+            } catch (error) {
+                MessagePlugin.error('删除失败');
+            }
+        });
+    },
+
+    // 筛选
+    handleFilter() {
+        $Data.pagerConfig.currentPage = 1;
+        $Method.apiConfigList();
+    },
+
+    // 刷新
+    handleRefresh() {
+        $Method.apiConfigList();
+    },
+
+    // 分页改变
+    onPageChange(currentPage) {
+        $Data.pagerConfig.currentPage = currentPage;
+        $Method.apiConfigList();
+    },
+
+    // 每页条数改变
+    handleSizeChange(pageSize) {
+        $Data.pagerConfig.limit = pageSize;
+        $Data.pagerConfig.currentPage = 1;
+        $Method.apiConfigList();
+    },
+
+    // 高亮行变化
+    onActiveChange(value, context) {
+        if (value.length === 0 && $Data.activeRowKeys.length > 0) {
+            return;
+        }
+        $Data.activeRowKeys = value;
+        if (context.activeRowList && context.activeRowList.length > 0) {
+            $Data.currentRow = context.activeRowList[0].row;
+        }
+    },
+
+    // 操作菜单点击
+    onAction(command, rowData) {
+        $Data.actionType = command;
+        $Data.rowData = rowData;
+        if (command === 'add' || command === 'upd') {
+            $Data.editVisible = true;
+        } else if (command === 'del') {
+            $Method.apiConfigDel(rowData);
+        }
+    }
+};
+
+$Method.initData();
+</script>
+
+<style scoped lang="scss">
+.config-value {
+    margin: 0;
+    padding: 8px;
+    background: var(--td-bg-color-container);
+    border-radius: 4px;
+    font-size: 12px;
+    max-height: 150px;
+    overflow: auto;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+</style>

package/views/config/system/meta.json

@@ -0,0 +1,4 @@
+{
+    "name": "系统配置",
+    "order": 2
+}

package/views/index/index.vue

@@ -1,10 +1,21 @@
 <template>
     <div class="dashboard-container">
-        <SystemOverview />
-        <ServiceStatus />
-        <SystemResources />
-        <PerformanceMetrics />
-        <EnvironmentInfo />
+        <!-- 第一行：系统概览（全宽） -->
+        <div class="dashboard-row full-width">
+            <SystemOverview />
+        </div>
+
+        <!-- 第二行：服务状态 + 系统资源 -->
+        <div class="dashboard-row two-columns">
+            <ServiceStatus />
+            <SystemResources />
+        </div>
+
+        <!-- 第三行：性能指标 + 环境信息 -->
+        <div class="dashboard-row two-columns">
+            <PerformanceMetrics />
+            <EnvironmentInfo />
+        </div>
     </div>
 </template>
 
@@ -20,11 +31,37 @@ import EnvironmentInfo from './components/environmentInfo.vue';
 .dashboard-container {
     display: flex;
     flex-direction: column;
-    gap: 12px;
+    gap: var(--layout-gap);
     overflow-y: auto;
     height: 100%;
-    background-color: #fff;
-    padding: 15px;
-    border: 1px solid #e8eaed;
+    padding: 0;
+
+    .dashboard-row {
+        display: flex;
+        gap: var(--layout-gap);
+
+        &.full-width {
+            > * {
+                flex: 1;
+            }
+        }
+
+        &.two-columns {
+            > * {
+                flex: 1;
+                min-width: 0;
+            }
+        }
+    }
+
+    // 每个组件都是独立的卡片
+    :deep(.section-block) {
+        background: var(--bg-color-container);
+        border-radius: var(--card-radius);
+        box-shadow: var(--shadow-1);
+        padding: var(--spacing-md);
+        border: none;
+        height: 100%;
+    }
 }
 </style>

package/views/index/meta.json

@@ -0,0 +1,4 @@
+{
+    "name": "首页",
+    "order": 1
+}

package/views/log/email/index.vue

@@ -0,0 +1,285 @@
+<template>
+    <div class="page-email page-table">
+        <div class="main-tool">
+            <div class="left">
+                <TButton theme="primary" @click="$Method.openSendDialog">
+                    <template #icon>
+                        <ILucideSend />
+                    </template>
+                    发送邮件
+                </TButton>
+                <TButton variant="outline" @click="$Method.onVerify">
+                    <template #icon>
+                        <ILucideCheckCircle />
+                    </template>
+                    验证配置
+                </TButton>
+            </div>
+            <div class="right">
+                <TButton shape="circle" @click="$Method.handleRefresh">
+                    <template #icon>
+                        <ILucideRotateCw />
+                    </template>
+                </TButton>
+            </div>
+        </div>
+
+        <div class="main-content">
+            <div class="main-table">
+                <TTable :data="$Data.tableData" :columns="$Data.columns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" row-key="id" height="100%" active-row-type="single" @active-change="$Method.onActiveChange">
+                    <template #sendResult="{ row }">
+                        <TTag v-if="row.sendResult === 1" shape="round" theme="success" variant="light-outline">成功</TTag>
+                        <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
+                    </template>
+                    <template #sendTime="{ row }">
+                        {{ $Method.formatTime(row.sendTime) }}
+                    </template>
+                </TTable>
+            </div>
+
+            <div class="main-detail">
+                <DetailPanel :data="$Data.currentRow" :fields="$Data.detailFields">
+                    <template #sendResult="{ value }">
+                        <TTag v-if="value === 1" shape="round" theme="success" variant="light-outline">成功</TTag>
+                        <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
+                    </template>
+                    <template #sendTime="{ value }">
+                        {{ $Method.formatTime(value) }}
+                    </template>
+                    <template #content="{ value }">
+                        <div class="email-content" v-html="value"></div>
+                    </template>
+                </DetailPanel>
+            </div>
+        </div>
+
+        <div class="main-page">
+            <TPagination :current-page="$Data.pagerConfig.currentPage" :page-size="$Data.pagerConfig.limit" :total="$Data.pagerConfig.total" @current-change="$Method.onPageChange" @page-size-change="$Method.handleSizeChange" />
+        </div>
+
+        <!-- 发送邮件弹框 -->
+        <TDialog v-model:visible="$Data.sendDialogVisible" header="发送邮件" :footer="false" width="600px">
+            <TForm ref="sendFormRef" :data="$Data.sendForm" :rules="$Data.sendRules" label-width="80px">
+                <TFormItem label="收件人" name="to">
+                    <TInput v-model="$Data.sendForm.to" placeholder="请输入收件人邮箱" />
+                </TFormItem>
+                <TFormItem label="抄送" name="cc">
+                    <TInput v-model="$Data.sendForm.cc" placeholder="多个邮箱用逗号分隔（可选）" />
+                </TFormItem>
+                <TFormItem label="主题" name="subject">
+                    <TInput v-model="$Data.sendForm.subject" placeholder="请输入邮件主题" />
+                </TFormItem>
+                <TFormItem label="内容" name="content">
+                    <TTextarea v-model="$Data.sendForm.content" placeholder="请输入邮件内容（支持HTML）" :autosize="{ minRows: 6, maxRows: 12 }" />
+                </TFormItem>
+                <TFormItem>
+                    <TSpace>
+                        <TButton theme="primary" :loading="$Data.sending" @click="$Method.onSend">发送</TButton>
+                        <TButton variant="outline" @click="$Data.sendDialogVisible = false">取消</TButton>
+                    </TSpace>
+                </TFormItem>
+            </TForm>
+        </TDialog>
+    </div>
+</template>
+
+<script setup>
+import { Button as TButton, Table as TTable, Tag as TTag, Pagination as TPagination, Dialog as TDialog, Form as TForm, FormItem as TFormItem, Input as TInput, Textarea as TTextarea, Space as TSpace, MessagePlugin } from 'tdesign-vue-next';
+import ILucideRotateCw from '~icons/lucide/rotate-cw';
+import ILucideSend from '~icons/lucide/send';
+import ILucideCheckCircle from '~icons/lucide/check-circle';
+import DetailPanel from '@/components/DetailPanel.vue';
+import { $Http } from '@/plugins/http';
+import { withDefaultColumns } from '@/utils';
+
+const sendFormRef = $ref(null);
+
+// 响应式数据
+const $Data = $ref({
+    tableData: [],
+    loading: false,
+    columns: withDefaultColumns([
+        { colKey: 'username', title: '发送人', fixed: 'left' },
+        { colKey: 'id', title: '序号' },
+        { colKey: 'toEmail', title: '收件人' },
+        { colKey: 'subject', title: '主题' },
+        { colKey: 'sendTime', title: '发送时间' },
+        { colKey: 'sendResult', title: '发送结果' }
+    ]),
+    detailFields: [
+        { colKey: 'username', title: '发送人账号' },
+        { colKey: 'nickname', title: '发送人昵称' },
+        { colKey: 'toEmail', title: '收件人' },
+        { colKey: 'ccEmail', title: '抄送' },
+        { colKey: 'bccEmail', title: '密送' },
+        { colKey: 'subject', title: '主题' },
+        { colKey: 'content', title: '内容' },
+        { colKey: 'sendTime', title: '发送时间' },
+        { colKey: 'sendResult', title: '发送结果' },
+        { colKey: 'messageId', title: '消息ID' },
+        { colKey: 'failReason', title: '失败原因' }
+    ],
+    pagerConfig: {
+        currentPage: 1,
+        limit: 30,
+        total: 0
+    },
+    currentRow: null,
+    activeRowKeys: [],
+    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' }]
+    }
+});
+
+// 方法
+const $Method = {
+    async initData() {
+        await $Method.apiEmailLogList();
+    },
+
+    // 加载邮件日志列表
+    async apiEmailLogList() {
+        $Data.loading = true;
+        try {
+            const res = await $Http('/addon/admin/email/logList', {
+                page: $Data.pagerConfig.currentPage,
+                limit: $Data.pagerConfig.limit
+            });
+            $Data.tableData = res.data.lists || [];
+            $Data.pagerConfig.total = res.data.total || 0;
+
+            if ($Data.tableData.length > 0) {
+                $Data.currentRow = $Data.tableData[0];
+                $Data.activeRowKeys = [$Data.tableData[0].id];
+            } else {
+                $Data.currentRow = null;
+                $Data.activeRowKeys = [];
+            }
+        } catch (error) {
+            MessagePlugin.error('加载数据失败');
+        } finally {
+            $Data.loading = false;
+        }
+    },
+
+    // 打开发送弹框
+    openSendDialog() {
+        $Data.sendForm = {
+            to: '',
+            cc: '',
+            subject: '',
+            content: ''
+        };
+        $Data.sendDialogVisible = true;
+    },
+
+    // 发送邮件
+    async onSend() {
+        const valid = await sendFormRef?.validate();
+        if (valid !== true) return;
+
+        $Data.sending = true;
+        try {
+            const res = await $Http('/addon/admin/email/send', {
+                to: $Data.sendForm.to,
+                subject: $Data.sendForm.subject,
+                content: $Data.sendForm.content,
+                cc: $Data.sendForm.cc || undefined,
+                isHtml: true
+            });
+
+            if (res.code === 0) {
+                MessagePlugin.success('发送成功');
+                $Data.sendDialogVisible = false;
+                $Method.apiEmailLogList();
+            } else {
+                MessagePlugin.error(res.msg || '发送失败');
+            }
+        } catch (error) {
+            MessagePlugin.error('发送失败');
+        } finally {
+            $Data.sending = false;
+        }
+    },
+
+    // 验证配置
+    async onVerify() {
+        try {
+            const res = await $Http('/addon/admin/email/verify');
+            if (res.code === 0) {
+                MessagePlugin.success('邮件服务配置正常');
+            } else {
+                MessagePlugin.error(res.msg || '配置异常');
+            }
+        } catch (error) {
+            MessagePlugin.error('验证失败');
+        }
+    },
+
+    // 刷新
+    handleRefresh() {
+        $Method.apiEmailLogList();
+    },
+
+    // 分页改变
+    onPageChange(currentPage) {
+        $Data.pagerConfig.currentPage = currentPage;
+        $Method.apiEmailLogList();
+    },
+
+    // 每页条数改变
+    handleSizeChange(pageSize) {
+        $Data.pagerConfig.limit = pageSize;
+        $Data.pagerConfig.currentPage = 1;
+        $Method.apiEmailLogList();
+    },
+
+    // 高亮行变化
+    onActiveChange(value, context) {
+        if (value.length === 0 && $Data.activeRowKeys.length > 0) {
+            return;
+        }
+        $Data.activeRowKeys = value;
+        if (context.activeRowList && context.activeRowList.length > 0) {
+            $Data.currentRow = context.activeRowList[0].row;
+        }
+    },
+
+    // 格式化时间
+    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}`;
+    }
+};
+
+$Method.initData();
+</script>
+
+<style scoped lang="scss">
+.email-content {
+    max-height: 300px;
+    overflow-y: auto;
+    padding: 8px;
+    background: #f5f5f5;
+    border-radius: 4px;
+    font-size: 13px;
+    line-height: 1.6;
+}
+</style>

package/views/log/email/meta.json

@@ -0,0 +1,4 @@
+{
+    "name": "邮件日志",
+    "order": 2
+}