@befly-addon/admin 1.1.35 → 1.2.0

package/views/log/operate/index.vue

@@ -1,249 +0,0 @@
-<template>
-    <div class="page-operate-log page-table">
-        <div class="main-tool">
-            <div class="left">
-                <TSelect v-model="$Data.filter.module" placeholder="操作模块" clearable style="width: 150px" @change="$Method.handleFilter">
-                    <TOption v-for="item in $Data.moduleOptions" :key="item.value" :label="item.label" :value="item.value" />
-                </TSelect>
-                <TSelect v-model="$Data.filter.action" placeholder="操作类型" clearable style="width: 150px" @change="$Method.handleFilter">
-                    <TOption v-for="item in $Data.actionOptions" :key="item.value" :label="item.label" :value="item.value" />
-                </TSelect>
-                <TSelect v-model="$Data.filter.result" placeholder="操作结果" clearable style="width: 120px" @change="$Method.handleFilter">
-                    <TOption label="成功" :value="1" />
-                    <TOption label="失败" :value="0" />
-                </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 #result="{ row }">
-                        <TTag v-if="row.result === 1" shape="round" theme="success" variant="light-outline">成功</TTag>
-                        <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
-                    </template>
-                    <template #operateTime="{ row }">
-                        {{ $Method.formatTime(row.operateTime) }}
-                    </template>
-                    <template #duration="{ row }">
-                        <TTag shape="round" :theme="row.duration > 1000 ? 'warning' : 'default'" variant="light-outline">{{ row.duration }}ms</TTag>
-                    </template>
-                    <template #action="{ row }">
-                        <TTag shape="round" variant="light-outline">{{ row.action }}</TTag>
-                    </template>
-                </TTable>
-            </div>
-
-            <div class="main-detail">
-                <DetailPanel :data="$Data.currentRow" :fields="$Data.detailFields">
-                    <template #result="{ 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 #operateTime="{ value }">
-                        {{ $Method.formatTime(value) }}
-                    </template>
-                    <template #duration="{ value }">
-                        <TTag shape="round" :theme="value > 1000 ? 'warning' : 'default'" variant="light-outline">{{ value }}ms</TTag>
-                    </template>
-                    <template #params="{ value }">
-                        <pre class="json-content">{{ $Method.formatJson(value) }}</pre>
-                    </template>
-                    <template #response="{ value }">
-                        <pre class="json-content">{{ $Method.formatJson(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>
-    </div>
-</template>
-
-<script setup>
-import { Button as TButton, Table as TTable, Tag as TTag, Pagination as TPagination, Select as TSelect, Option as TOption, MessagePlugin } from "tdesign-vue-next";
-import ILucideRotateCw from "~icons/lucide/rotate-cw";
-import DetailPanel from "@/components/DetailPanel.vue";
-import { $Http } from "@/plugins/http";
-import { withDefaultColumns } from "befly-vite/utils/withDefaultColumns";
-
-definePage({
-    meta: {
-        title: "操作日志",
-        order: 3
-    }
-});
-
-// 响应式数据
-const $Data = $ref({
-    tableData: [],
-    loading: false,
-    columns: withDefaultColumns([
-        { colKey: "username", title: "操作人", fixed: "left", width: 100 },
-        { colKey: "id", title: "序号", width: 80 },
-        { colKey: "module", title: "模块", width: 100 },
-        { colKey: "action", title: "操作", width: 80 },
-        { colKey: "path", title: "请求路径", ellipsis: true },
-        { colKey: "ip", title: "IP地址", width: 130 },
-        { colKey: "duration", title: "耗时", width: 100 },
-        { colKey: "operateTime", title: "操作时间", width: 170 },
-        { colKey: "result", title: "结果", width: 80 }
-    ]),
-    detailFields: [
-        { colKey: "username", title: "操作人账号" },
-        { colKey: "nickname", title: "操作人昵称" },
-        { colKey: "module", title: "操作模块" },
-        { colKey: "action", title: "操作类型" },
-        { colKey: "method", title: "请求方法" },
-        { colKey: "path", title: "请求路径" },
-        { colKey: "ip", title: "IP地址" },
-        { colKey: "params", title: "请求参数" },
-        { colKey: "response", title: "响应内容" },
-        { colKey: "duration", title: "耗时" },
-        { colKey: "operateTime", title: "操作时间" },
-        { colKey: "result", title: "操作结果" },
-        { colKey: "remark", title: "备注" }
-    ],
-    pagerConfig: {
-        currentPage: 1,
-        limit: 30,
-        total: 0
-    },
-    currentRow: null,
-    activeRowKeys: [],
-    filter: {
-        module: "",
-        action: "",
-        result: null
-    },
-    moduleOptions: [
-        { label: "管理员", value: "管理员" },
-        { label: "角色", value: "角色" },
-        { label: "菜单", value: "菜单" },
-        { label: "接口", value: "接口" },
-        { label: "字典", value: "字典" }
-    ],
-    actionOptions: [
-        { label: "新增", value: "新增" },
-        { label: "编辑", value: "编辑" },
-        { label: "删除", value: "删除" },
-        { label: "查询", value: "查询" }
-    ]
-});
-
-// 方法
-const $Method = {
-    async initData() {
-        await $Method.apiOperateLogList();
-    },
-
-    // 加载操作日志列表
-    async apiOperateLogList() {
-        $Data.loading = true;
-        try {
-            const res = await $Http("/addon/admin/operateLog/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;
-        }
-    },
-
-    // 筛选
-    handleFilter() {
-        $Data.pagerConfig.currentPage = 1;
-        $Method.apiOperateLogList();
-    },
-
-    // 刷新
-    handleRefresh() {
-        $Method.apiOperateLogList();
-    },
-
-    // 分页改变
-    onPageChange(currentPage) {
-        $Data.pagerConfig.currentPage = currentPage;
-        $Method.apiOperateLogList();
-    },
-
-    // 每页条数改变
-    handleSizeChange(pageSize) {
-        $Data.pagerConfig.limit = pageSize;
-        $Data.pagerConfig.currentPage = 1;
-        $Method.apiOperateLogList();
-    },
-
-    // 高亮行变化
-    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}`;
-    },
-
-    // 格式化 JSON
-    formatJson(value) {
-        if (!value) return "-";
-        try {
-            const obj = typeof value === "string" ? JSON.parse(value) : value;
-            return JSON.stringify(obj, null, 2);
-        } catch {
-            return value;
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-.json-content {
-    margin: 0;
-    padding: 8px;
-    background: var(--td-bg-color-container);
-    border-radius: 4px;
-    font-size: 12px;
-    max-height: 200px;
-    overflow: auto;
-    white-space: pre-wrap;
-    word-break: break-all;
-}
-</style>

package/views/login_1/index.vue

@@ -1,415 +0,0 @@
-<template>
-    <div class="login-container">
-        <!-- 左侧装饰区域 -->
-        <div class="left-section">
-            <div class="bg-decoration">
-                <div class="circle circle-1"></div>
-                <div class="circle circle-2"></div>
-                <div class="circle circle-3"></div>
-            </div>
-            <div class="welcome-content">
-                <h1 class="brand-title">Befly</h1>
-                <p class="brand-subtitle">轻量级业务快速开发框架</p>
-            </div>
-        </div>
-
-        <!-- 右侧登录区域 -->
-        <div class="right-section">
-            <div class="login-box">
-                <div class="login-header">
-                    <h2 class="login-title">欢迎回来</h2>
-                    <p class="login-subtitle">请登录您的账户</p>
-                </div>
-
-                <TForm :model="$Data.formData" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)" class="login-form" :show-message="false" label-width="0">
-                    <TFormItem prop="account">
-                        <TInputAdornment>
-                            <template #prepend>
-                                <TSelect v-model="$Data.formData.loginType" :style="{ width: '110px' }" size="large" :popup-props="{ overlayClassName: 'login-type-select-popup' }">
-                                    <TOption value="username" label="用户名" />
-                                    <TOption value="email" label="邮箱" />
-                                    <TOption value="phone" label="手机号" />
-                                </TSelect>
-                            </template>
-                            <TInput v-model="$Data.formData.account" :placeholder="$Data.formData.loginType === 'username' ? '请输入用户名' : $Data.formData.loginType === 'email' ? '请输入邮箱' : '请输入手机号'" size="large" clearable @enter="$Method.apiLogin">
-                                <template #prefix-icon>
-                                    <ILucideUser />
-                                </template>
-                            </TInput>
-                        </TInputAdornment>
-                    </TFormItem>
-
-                    <TFormItem prop="password">
-                        <TInput v-model="$Data.formData.password" type="password" placeholder="密码" size="large" clearable @enter="$Method.apiLogin">
-                            <template #prefix-icon>
-                                <ILucideLock />
-                            </template>
-                        </TInput>
-                    </TFormItem>
-
-                    <div class="form-options">
-                        <TCheckbox v-model="$Data.rememberMe">记住我</TCheckbox>
-                        <a href="#" class="link-text">忘记密码？</a>
-                    </div>
-
-                    <TButton theme="primary" class="login-btn" size="large" block :loading="$Data.loading" @click="$Method.apiLogin"> 登录 </TButton>
-                </TForm>
-
-                <div class="login-footer">
-                    <p class="copyright">© 2024 Befly. All rights reserved.</p>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-import { useRouter } from "vue-router";
-import { Form as TForm, FormItem as TFormItem, Input as TInput, Button as TButton, Checkbox as TCheckbox, InputAdornment as TInputAdornment, Select as TSelect, Option as TOption, MessagePlugin } from "tdesign-vue-next";
-import ILucideUser from "~icons/lucide/user";
-import ILucideLock from "~icons/lucide/lock";
-import { $Http } from "@/plugins/http";
-import { $Storage } from "@/plugins/storage";
-import { hashPassword } from "befly-vite/utils/hashPassword";
-
-definePage({
-    meta: {
-        title: "登录页",
-        order: 100
-    }
-});
-
-const router = useRouter();
-
-// 表单引用
-const $From = $shallowRef({
-    form: null
-});
-
-// 数据定义
-const $Data = $ref({
-    loading: false,
-    rememberMe: false,
-    formData: {
-        loginType: "username",
-        account: "",
-        password: ""
-    }
-});
-
-const $Data2 = $shallowRef({
-    formRules: {
-        account: [{ required: true, message: "请输入账号", trigger: "blur" }],
-        password: [{ required: true, message: "请输入密码", trigger: "blur" }]
-    }
-});
-
-// 方法定义
-const $Method = {
-    async apiLogin() {
-        try {
-            const valid = await $From.form.validate();
-
-            $Data.loading = true;
-
-            // 对密码进行 SHA-256 加密
-            const hashedPassword = await hashPassword($Data.formData.password);
-
-            const res = await $Http("/addon/admin/auth/login", {
-                loginType: $Data.formData.loginType,
-                account: $Data.formData.account,
-                password: hashedPassword
-            });
-
-            // 先保存 token
-            $Storage.local.set("token", res.data.token);
-
-            // 如果返回用户信息,也可以存储
-            if (res.data.userInfo) {
-                $Storage.local.set("userInfo", res.data.userInfo);
-            }
-
-            MessagePlugin.success(res.msg || "登录成功");
-
-            // 跳转到首页，路由守卫会自动加载菜单
-            await router.push("/");
-        } catch (error) {
-            MessagePlugin.error("登录失败");
-        } finally {
-            $Data.loading = false;
-        }
-    }
-};
-</script>
-
-<style scoped lang="scss">
-.login-container {
-    display: flex;
-    width: 100%;
-    min-height: 100vh;
-    background: var(--login-bg);
-}
-
-// 左侧装饰区域
-.left-section {
-    flex: 1;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(135deg, var(--login-left-gradient-start) 0%, var(--login-left-gradient-end) 100%);
-    overflow: hidden;
-}
-
-.bg-decoration {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-
-    .circle {
-        position: absolute;
-        border-radius: 50%;
-        background: var(--login-circle-bg);
-        animation: float 20s infinite ease-in-out;
-
-        &.circle-1 {
-            width: 400px;
-            height: 400px;
-            top: -100px;
-            left: -100px;
-            animation-delay: 0s;
-        }
-
-        &.circle-2 {
-            width: 300px;
-            height: 300px;
-            bottom: -50px;
-            right: -50px;
-            animation-delay: 7s;
-        }
-
-        &.circle-3 {
-            width: 200px;
-            height: 200px;
-            top: 50%;
-            right: 10%;
-            animation-delay: 14s;
-        }
-    }
-}
-
-@keyframes float {
-    0%,
-    100% {
-        transform: translateY(0) scale(1);
-    }
-    50% {
-        transform: translateY(-20px) scale(1.05);
-    }
-}
-
-.welcome-content {
-    position: relative;
-    z-index: 1;
-    color: #fff;
-    text-align: center;
-    padding: 2rem;
-}
-
-.brand-title {
-    font-size: 4rem;
-    font-weight: 700;
-    margin-bottom: 1rem;
-    letter-spacing: 2px;
-    color: var(--login-brand-title);
-}
-
-.brand-subtitle {
-    font-size: 1.25rem;
-    margin-bottom: 3rem;
-    color: var(--login-brand-subtitle);
-}
-
-// 右侧登录区域
-.right-section {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 2rem;
-}
-
-.login-box {
-    width: 100%;
-    max-width: 440px;
-    background: var(--login-card-bg);
-    border: 1px solid var(--login-card-border);
-    border-radius: 16px;
-    box-shadow: 0 10px 40px var(--login-card-shadow);
-    padding: 3rem 2.5rem;
-}
-
-.login-header {
-    text-align: center;
-    margin-bottom: 2.5rem;
-}
-
-.login-title {
-    font-size: 2rem;
-    font-weight: 600;
-    color: var(--login-title);
-    margin-bottom: 0.5rem;
-}
-
-.login-subtitle {
-    font-size: 1rem;
-    color: var(--login-subtitle);
-}
-
-.login-footer {
-    margin-top: 2rem;
-    text-align: center;
-}
-
-.copyright {
-    font-size: 0.875rem;
-    color: var(--login-subtitle);
-}
-
-.login-form {
-    width: 100%;
-
-    :deep(.t-form__item) {
-        margin-bottom: 1.25rem;
-    }
-
-    :deep(.t-form__controls) {
-        width: 100%;
-    }
-
-    :deep(.t-input-adornment) {
-        width: 100%;
-    }
-
-    :deep(.t-input-adornment__prepend) {
-        padding: 0;
-        border-right: 1px solid var(--login-card-border);
-    }
-
-    :deep(.t-input) {
-        width: 100%;
-        border-radius: 8px;
-        transition: all 0.3s;
-
-        &:hover {
-            border-color: #667eea;
-        }
-
-        &:focus-within {
-            border-color: #667eea;
-            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
-        }
-    }
-
-    :deep(.t-input__wrap) {
-        width: 100%;
-    }
-}
-
-.form-options {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 1.5rem;
-    font-size: 0.875rem;
-
-    .link-text {
-        color: var(--login-link);
-        text-decoration: none;
-        transition: color 0.3s;
-
-        &:hover {
-            color: var(--login-link-hover);
-        }
-    }
-}
-
-.login-btn {
-    width: 100%;
-    height: 48px;
-    border-radius: 8px;
-    font-size: 1rem;
-    font-weight: 600;
-    background: linear-gradient(135deg, var(--login-btn-gradient-start) 0%, var(--login-btn-gradient-end) 100%);
-    border: none;
-    transition: all 0.3s;
-
-    &:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 8px 20px var(--login-btn-shadow);
-    }
-
-    &:active {
-        transform: translateY(0);
-    }
-
-    :deep(.t-button__text) {
-        color: #fff;
-    }
-}
-
-// 响应式设计
-@media (max-width: 1024px) {
-    .login-container {
-        flex-direction: column;
-    }
-
-    .left-section {
-        min-height: 300px;
-        flex: none;
-    }
-
-    .brand-title {
-        font-size: 3rem;
-    }
-
-    .right-section {
-        flex: 1;
-    }
-}
-
-@media (max-width: 768px) {
-    .left-section {
-        min-height: 200px;
-    }
-
-    .brand-title {
-        font-size: 2.5rem;
-    }
-
-    .brand-subtitle {
-        font-size: 1rem;
-        margin-bottom: 2rem;
-    }
-
-    .login-box {
-        padding: 2rem 1.5rem;
-    }
-
-    .login-title {
-        font-size: 1.75rem;
-    }
-}
-
-@media (max-width: 480px) {
-    .right-section {
-        padding: 1rem;
-    }
-
-    .login-box {
-        padding: 1.5rem 1rem;
-        border-radius: 12px;
-    }
-}
-</style>