befly-admin 3.4.6 → 3.4.7

package/src/views/internal/dict/index.vue

@@ -1,159 +0,0 @@
-<template>
-    <div class="page-dict page-table">
-        <div class="main-tool">
-            <div class="left">
-                <tiny-button type="primary" @click="$Method.onAction('add', {})">
-                    <template #icon>
-                        <i-lucide:plus style="width: 16px; height: 16px" />
-                    </template>
-                    添加字典
-                </tiny-button>
-            </div>
-            <div class="right">
-                <tiny-button @click="$Method.handleRefresh">
-                    <template #icon>
-                        <i-lucide:rotate-cw style="width: 16px; height: 16px" />
-                    </template>
-                    刷新
-                </tiny-button>
-            </div>
-        </div>
-        <div class="main-table">
-            <tiny-grid :data="$Data.dictList" header-cell-class-name="custom-table-cell-class" size="small" height="100%" seq-serial>
-                <tiny-grid-column type="index" title="序号" :width="60" />
-                <tiny-grid-column field="name" title="字典名称" />
-                <tiny-grid-column field="code" title="字典代码" :width="150" />
-                <tiny-grid-column field="value" title="字典值" :width="200" />
-                <tiny-grid-column field="pid" title="父级ID" :width="100" />
-                <tiny-grid-column field="sort" title="排序" :width="80" />
-                <tiny-grid-column field="description" title="描述" />
-                <tiny-grid-column field="state" title="状态" :width="100">
-                    <template #default="{ row }">
-                        <tiny-tag v-if="row.state === 1" type="success">正常</tiny-tag>
-                        <tiny-tag v-else-if="row.state === 2" type="warning">禁用</tiny-tag>
-                        <tiny-tag v-else type="danger">已删除</tiny-tag>
-                    </template>
-                </tiny-grid-column>
-                <tiny-grid-column title="操作" :width="120" align="right">
-                    <template #default="{ row }">
-                        <tiny-dropdown title="操作" trigger="click" size="small" border visible-arrow @item-click="(data) => $Method.onAction(data.itemData.command, row)">
-                            <template #dropdown>
-                                <tiny-dropdown-menu>
-                                    <tiny-dropdown-item :item-data="{ command: 'upd' }">
-                                        <i-lucide:pencil style="width: 14px; height: 14px; margin-right: 6px" />
-                                        编辑
-                                    </tiny-dropdown-item>
-                                    <tiny-dropdown-item :item-data="{ command: 'del' }" divided>
-                                        <i-lucide:trash-2 style="width: 14px; height: 14px; margin-right: 6px" />
-                                        删除
-                                    </tiny-dropdown-item>
-                                </tiny-dropdown-menu>
-                            </template>
-                        </tiny-dropdown>
-                    </template>
-                </tiny-grid-column>
-            </tiny-grid>
-        </div>
-
-        <div class="main-page">
-            <tiny-pager :current-page="$Data.pagerConfig.currentPage" :page-size="$Data.pagerConfig.pageSize" :total="$Data.pagerConfig.total" @current-change="$Method.onPageChange" @size-change="$Method.handleSizeChange" />
-        </div>
-
-        <!-- 编辑对话框组件 -->
-        <EditDialog v-if="$Data.editVisible" v-model="$Data.editVisible" :action-type="$Data.actionType" :row-data="$Data.rowData" @success="$Method.apiDictList" />
-    </div>
-</template>
-
-<script setup>
-import EditDialog from './components/edit.vue';
-
-// 响应式数据
-const $Data = $ref({
-    dictList: [],
-    pagerConfig: {
-        currentPage: 1,
-        pageSize: 30,
-        total: 0,
-        align: 'right',
-        layout: 'total, prev, pager, next, jumper'
-    },
-    editVisible: false,
-    actionType: 'add',
-    rowData: {}
-});
-
-// 方法
-const $Method = {
-    async initData() {
-        await $Method.apiDictList();
-    },
-
-    // 加载字典列表
-    async apiDictList() {
-        try {
-            const res = await $Http('/addon/admin/dict/list', {
-                page: $Data.pagerConfig.currentPage,
-                limit: $Data.pagerConfig.pageSize
-            });
-            $Data.dictList = res.data.lists || [];
-            $Data.pagerConfig.total = res.data.total || 0;
-        } catch (error) {
-            console.error('加载字典列表失败:', error);
-            Modal.message({
-                message: '加载数据失败',
-                status: 'error'
-            });
-        }
-    },
-
-    // 删除字典
-    async apiDictDel(row) {
-        Modal.confirm({
-            header: '确认删除',
-            body: `确定要删除字典"${row.name}" 吗？`,
-            status: 'warning'
-        }).then(async () => {
-            try {
-                const res = await $Http('/addon/admin/dict/del', { id: row.id });
-                if (res.code === 0) {
-                    Modal.message({ message: '删除成功', status: 'success' });
-                    $Method.apiDictList();
-                } else {
-                    Modal.message({ message: res.msg || '删除失败', status: 'error' });
-                }
-            } catch (error) {
-                console.error('删除失败:', error);
-                Modal.message({ message: '删除失败', status: 'error' });
-            }
-        });
-    },
-
-    // 刷新
-    handleRefresh() {
-        $Method.apiDictList();
-    },
-
-    // 分页改变
-    onPageChange({ currentPage }) {
-        $Data.pagerConfig.currentPage = currentPage;
-        $Method.apiDictList();
-    },
-
-    // 操作菜单点击
-    onAction(command, rowData) {
-        $Data.actionType = command;
-        $Data.rowData = rowData;
-        if (command === 'add' || command === 'upd') {
-            $Data.editVisible = true;
-        } else if (command === 'del') {
-            $Method.apiDictDel(rowData);
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-// 样式继承自全局 page-table
-</style>

package/src/views/internal/index/components/addonList.vue

@@ -1,125 +0,0 @@
-<template>
-    <div class="section-block">
-        <div class="section-header">
-            <i-lucide:package style="width: 20px; height: 20px" />
-            <h2>已安装插件</h2>
-        </div>
-        <div class="section-content">
-            <div class="addon-list">
-                <div v-for="addon in addonList" :key="addon.name" class="addon-item">
-                    <div class="addon-status-badge" :class="{ active: addon.enabled }"></div>
-                    <div class="addon-icon">
-                        <i-lucide:box style="width: 20px; height: 20px" />
-                    </div>
-                    <div class="addon-info">
-                        <div class="addon-title">
-                            <span class="addon-name">{{ addon.title }}</span>
-                            <tiny-tag type="success" size="small">{{ addon.version }}</tiny-tag>
-                        </div>
-                        <div class="addon-desc">{{ addon.description }}</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-// 组件内部数据
-const addonList = $ref([]);
-
-// 获取数据
-const fetchData = async () => {
-    try {
-        const { data } = await $Http('/addon/admin/dashboard/addonList');
-        addonList.splice(0, addonList.length, ...data);
-    } catch (error) {
-        console.error('获取插件列表失败:', error);
-    }
-};
-
-fetchData();
-</script>
-
-<style scoped lang="scss">
-.addon-list {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-
-    .addon-item {
-        position: relative;
-        background: $bg-color-container;
-        border: 1px solid $border-color;
-        border-left: 3px solid $primary-color;
-        border-radius: $border-radius-small;
-        padding: 10px 12px;
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        transition: all 0.3s;
-
-        &:hover {
-            border-left-color: $success-color;
-            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
-            transform: translateY(-2px);
-        }
-
-        .addon-status-badge {
-            position: absolute;
-            top: 8px;
-            right: 8px;
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-            background: $text-disabled;
-            transition: all 0.3s;
-
-            &.active {
-                background: $success-color;
-                box-shadow: 0 0 0 2px rgba($success-color, 0.2);
-            }
-        }
-
-        .addon-icon {
-            width: 32px;
-            height: 32px;
-            background: linear-gradient(135deg, $primary-color, #764ba2);
-            border-radius: $border-radius-small;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-            flex-shrink: 0;
-        }
-
-        .addon-info {
-            flex: 1;
-            min-width: 0;
-            padding-right: 16px;
-
-            .addon-title {
-                display: flex;
-                align-items: center;
-                gap: 6px;
-                margin-bottom: 2px;
-
-                .addon-name {
-                    font-size: 14px;
-                    font-weight: 600;
-                    color: $text-primary;
-                }
-            }
-
-            .addon-desc {
-                font-size: 14px;
-                color: $text-secondary;
-                line-height: 1.3;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-            }
-        }
-    }
-}
-</style>

package/src/views/internal/index/components/environmentInfo.vue

@@ -1,97 +0,0 @@
-<template>
-    <div class="section-block">
-        <div class="section-header">
-            <i-lucide:server style="width: 20px; height: 20px" />
-            <h2>运行环境</h2>
-        </div>
-        <div class="section-content">
-            <div class="env-grid-compact">
-                <div class="env-compact-item">
-                    <span class="env-label">操作系统</span>
-                    <span class="env-value">{{ environmentInfo.os }}</span>
-                </div>
-                <div class="env-compact-item">
-                    <span class="env-label">服务器</span>
-                    <span class="env-value">{{ environmentInfo.server }}</span>
-                </div>
-                <div class="env-compact-item">
-                    <span class="env-label">Node版本</span>
-                    <span class="env-value">{{ environmentInfo.nodeVersion }}</span>
-                </div>
-                <div class="env-compact-item">
-                    <span class="env-label">数据库</span>
-                    <span class="env-value">{{ environmentInfo.database }}</span>
-                </div>
-                <div class="env-compact-item">
-                    <span class="env-label">缓存</span>
-                    <span class="env-value">{{ environmentInfo.cache }}</span>
-                </div>
-                <div class="env-compact-item">
-                    <span class="env-label">时区</span>
-                    <span class="env-value">{{ environmentInfo.timezone }}</span>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-// 组件内部数据
-const environmentInfo = $ref({
-    os: '',
-    server: '',
-    nodeVersion: '',
-    database: '',
-    cache: '',
-    timezone: ''
-});
-
-// 获取数据
-const fetchData = async () => {
-    try {
-        const { data } = await $Http('/addon/admin/dashboard/environmentInfo');
-        Object.assign(environmentInfo, data);
-    } catch (error) {
-        console.error('获取运行环境信息失败:', error);
-    }
-};
-
-fetchData();
-</script>
-
-<style scoped lang="scss">
-.env-grid-compact {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 10px;
-
-    .env-compact-item {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 10px 12px;
-        background: $bg-color-container;
-        border-radius: 6px;
-        border: 1px solid $border-color;
-        transition: all 0.2s ease;
-
-        &:hover {
-            background: rgba($primary-color, 0.03);
-            border-color: rgba($primary-color, 0.2);
-        }
-
-        .env-label {
-            font-size: 14px;
-            color: $text-secondary;
-            font-weight: 500;
-        }
-
-        .env-value {
-            font-size: 14px;
-            color: $text-primary;
-            font-weight: 600;
-            text-align: right;
-        }
-    }
-}
-</style>

package/src/views/internal/index/components/operationLogs.vue

@@ -1,112 +0,0 @@
-<template>
-    <div class="section-block">
-        <div class="section-header">
-            <i-lucide:list style="width: 20px; height: 20px" />
-            <h2>操作日志</h2>
-        </div>
-        <div class="section-content">
-            <div class="operation-table">
-                <div class="operation-header">
-                    <span class="col-time">时间</span>
-                    <span class="col-user">操作人</span>
-                    <span class="col-action">操作</span>
-                    <span class="col-module">模块</span>
-                    <span class="col-ip">IP地址</span>
-                    <span class="col-status">状态</span>
-                </div>
-                <div class="operation-body">
-                    <div v-for="log in operationLogs" :key="log.id" class="operation-row">
-                        <span class="col-time">{{ formatTime(log.createdAt) }}</span>
-                        <span class="col-user">{{ log.userName }}</span>
-                        <span class="col-action">{{ log.action }}</span>
-                        <span class="col-module">{{ log.module }}</span>
-                        <span class="col-ip">{{ log.ip }}</span>
-                        <span class="col-status">
-                            <tiny-tag :type="log.status === 'success' ? 'success' : 'danger'" size="small">
-                                {{ log.status === 'success' ? '成功' : '失败' }}
-                            </tiny-tag>
-                        </span>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<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 }
-]);
-
-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');
-    return `${month}-${day} ${hours}:${minutes}`;
-};
-</script>
-
-<style scoped lang="scss">
-.operation-table {
-    .operation-header,
-    .operation-row {
-        display: grid;
-        grid-template-columns: 100px 100px 1fr 120px 120px 80px;
-        gap: 12px;
-        align-items: center;
-    }
-
-    .operation-header {
-        padding: 10px 12px;
-        background: linear-gradient(135deg, rgba($primary-color, 0.05) 0%, rgba($primary-color, 0.02) 100%);
-        border-radius: 6px;
-        font-size: 14px;
-        font-weight: 600;
-        color: $text-secondary;
-        margin-bottom: 6px;
-    }
-
-    .operation-body {
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-    }
-
-    .operation-row {
-        padding: 10px 12px;
-        background: $bg-color-container;
-        border-radius: 6px;
-        border: 1px solid $border-color;
-        font-size: 14px;
-        transition: all 0.2s ease;
-
-        &:hover {
-            background: rgba($primary-color, 0.02);
-            border-color: rgba($primary-color, 0.2);
-        }
-
-        .col-time {
-            color: $text-secondary;
-            font-size: 14px;
-        }
-
-        .col-user,
-        .col-action,
-        .col-module,
-        .col-ip {
-            color: $text-primary;
-        }
-
-        .col-action {
-            font-weight: 600;
-        }
-    }
-}
-</style>

package/src/views/internal/index/components/performanceMetrics.vue

@@ -1,148 +0,0 @@
-<template>
-    <div class="section-block">
-        <div class="section-header">
-            <i-lucide:zap style="width: 20px; height: 20px" />
-            <h2>性能指标</h2>
-        </div>
-        <div class="section-content">
-            <div class="performance-grid">
-                <div class="perf-metric">
-                    <div class="perf-icon">
-                        <i-lucide:clock style="width: 18px; height: 18px" />
-                    </div>
-                    <div class="perf-info">
-                        <div class="perf-label">平均响应</div>
-                        <div class="perf-value">{{ performanceMetrics.avgResponseTime }}ms</div>
-                    </div>
-                </div>
-                <div class="perf-metric">
-                    <div class="perf-icon">
-                        <i-lucide:trending-up style="width: 18px; height: 18px" />
-                    </div>
-                    <div class="perf-info">
-                        <div class="perf-label">QPS</div>
-                        <div class="perf-value">{{ performanceMetrics.qps }}/s</div>
-                    </div>
-                </div>
-                <div class="perf-metric">
-                    <div class="perf-icon">
-                        <i-lucide:alert-circle style="width: 18px; height: 18px" />
-                    </div>
-                    <div class="perf-info">
-                        <div class="perf-label">错误率</div>
-                        <div class="perf-value">{{ performanceMetrics.errorRate }}%</div>
-                    </div>
-                </div>
-                <div class="perf-metric">
-                    <div class="perf-icon">
-                        <i-lucide:activity style="width: 18px; height: 18px" />
-                    </div>
-                    <div class="perf-info">
-                        <div class="perf-label">活跃连接</div>
-                        <div class="perf-value">{{ performanceMetrics.activeConnections }}</div>
-                    </div>
-                </div>
-            </div>
-            <!-- 最慢接口提示 -->
-            <div v-if="performanceMetrics.slowestApi" class="perf-slowest">
-                <i-lucide:alert-triangle style="width: 14px; height: 14px" />
-                <span>最慢接口: {{ performanceMetrics.slowestApi.path }} ({{ performanceMetrics.slowestApi.time }}ms)</span>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-// 组件内部数据
-const performanceMetrics = $ref({
-    avgResponseTime: 0,
-    qps: 0,
-    errorRate: 0,
-    activeConnections: 0,
-    slowestApi: null
-});
-
-// 获取数据
-const fetchData = async () => {
-    try {
-        const { data } = await $Http('/addon/admin/dashboard/performanceMetrics');
-        Object.assign(performanceMetrics, data);
-    } catch (error) {
-        console.error('获取性能指标失败:', error);
-    }
-};
-
-fetchData();
-</script>
-
-<style scoped lang="scss">
-.performance-grid {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: $spacing-sm;
-    margin-bottom: $spacing-sm;
-
-    .perf-metric {
-        display: flex;
-        align-items: center;
-        gap: $spacing-sm;
-        padding: $spacing-sm $spacing-md;
-        background: rgba($primary-color, 0.02);
-        border-radius: $border-radius;
-        border: 1px solid $border-color;
-        transition: all 0.2s ease;
-
-        &:hover {
-            background: rgba($primary-color, 0.05);
-            border-color: $primary-color;
-        }
-
-        .perf-icon {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 36px;
-            height: 36px;
-            border-radius: $border-radius-small;
-            background: linear-gradient(135deg, rgba($success-color, 0.1) 0%, rgba($success-color, 0.05) 100%);
-            color: $success-color;
-            flex-shrink: 0;
-        }
-
-        .perf-info {
-            flex: 1;
-
-            .perf-label {
-                font-size: 14px;
-                color: $text-secondary;
-                margin-bottom: 2px;
-            }
-
-            .perf-value {
-                font-size: 16px;
-                font-weight: 700;
-                color: $primary-color;
-            }
-        }
-    }
-}
-
-.perf-slowest {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    padding: $spacing-sm $spacing-md;
-    background: rgba($warning-color, 0.05);
-    border-radius: $border-radius-small;
-    border: 1px solid rgba($warning-color, 0.2);
-    font-size: 14px;
-    color: $warning-color;
-
-    span {
-        flex: 1;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-}
-</style>

package/src/views/internal/index/components/quickActions.vue

@@ -1,27 +0,0 @@
-<template>
-    <div class="section-block">
-        <div class="section-content">
-            <tiny-button type="primary" size="large" @click="handleClearCache">
-                <template #prefix>
-                    <i-lucide:rotate-cw style="width: 18px; height: 18px" />
-                </template>
-                刷新缓存
-            </tiny-button>
-        </div>
-    </div>
-</template>
-
-<script setup>
-const handleClearCache = () => {
-    console.log('刷新缓存');
-};
-</script>
-
-<style scoped lang="scss">
-.section-block {
-    .section-content {
-        display: flex;
-        justify-content: center;
-    }
-}
-</style>