befly-admin 3.4.6 → 3.4.7

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

@@ -1,202 +0,0 @@
-<template>
-    <div class="section-block user-info-card">
-        <div class="user-header">
-            <div class="user-avatar">
-                <i-lucide:user style="width: 32px; height: 32px" />
-            </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>
-        </div>
-        <div class="user-details">
-            <div class="detail-item">
-                <i-lucide:mail style="width: 14px; height: 14px" />
-                <span>{{ $Data.userInfo.email || '未设置' }}</span>
-            </div>
-            <div v-if="$Data.userInfo.phone" class="detail-item">
-                <i-lucide:phone style="width: 14px; height: 14px" />
-                <span>{{ $Data.userInfo.phone }}</span>
-            </div>
-            <div v-if="$Data.userInfo.lastLoginTime" class="detail-item">
-                <i-lucide:clock style="width: 14px; height: 14px" />
-                <span>{{ $Method.formatTime($Data.userInfo.lastLoginTime) }}</span>
-            </div>
-        </div>
-
-        <!-- 仅 dev 角色显示刷新缓存按钮 -->
-        <div v-if="$Data.userInfo.roleCode === 'dev'" class="user-actions">
-            <tiny-button type="primary" size="mini" :loading="$Data.refreshing" @click="$Method.handleRefreshCache">
-                <template #icon>
-                    <i-lucide:rotate-cw style="width: 14px; height: 14px" />
-                </template>
-                刷新缓存
-            </tiny-button>
-        </div>
-    </div>
-</template>
-
-<script setup>
-// 响应式数据
-const $Data = $ref({
-    userInfo: {},
-    refreshing: false
-});
-
-// 方法集合
-const $Method = {
-    // 获取数据
-    async fetchData() {
-        try {
-            const { data } = await $Http('/addon/admin/admin/info');
-            Object.assign($Data.userInfo, data);
-        } catch (error) {
-            console.error('获取用户信息失败:', error);
-        }
-    },
-
-    // 刷新缓存
-    async handleRefreshCache() {
-        try {
-            $Data.refreshing = true;
-            const result = await $Http('/addon/admin/admin/cacheRefresh');
-
-            if (result.code === 0) {
-                const { apis, menus, roles } = result.data;
-                const messages = [];
-
-                if (apis.success) {
-                    messages.push(`接口缓存: ${apis.count} 个`);
-                }
-                if (menus.success) {
-                    messages.push(`菜单缓存: ${menus.count} 个`);
-                }
-                if (roles.success) {
-                    messages.push(`角色缓存: ${roles.count} 个`);
-                }
-
-                TinyMessage.success({
-                    message: `缓存刷新成功！${messages.join('，')}`,
-                    duration: 3000
-                });
-            } else {
-                TinyMessage.warning({
-                    message: result.msg || '部分缓存刷新失败',
-                    duration: 3000
-                });
-            }
-        } catch (error) {
-            console.error('刷新缓存失败:', error);
-            TinyMessage.error({
-                message: '刷新缓存失败，请稍后重试',
-                duration: 3000
-            });
-        } finally {
-            $Data.refreshing = false;
-        }
-    },
-
-    // 格式化时间
-    formatTime(timestamp) {
-        if (!timestamp) return '';
-        const date = new Date(Number(timestamp));
-        const now = new Date();
-        const diff = now - date;
-
-        // 小于1分钟
-        if (diff < 60000) {
-            return '刚刚';
-        }
-        // 小于1小时
-        if (diff < 3600000) {
-            return `${Math.floor(diff / 60000)}分钟前`;
-        }
-        // 小于24小时
-        if (diff < 86400000) {
-            return `${Math.floor(diff / 3600000)}小时前`;
-        }
-        // 小于7天
-        if (diff < 604800000) {
-            return `${Math.floor(diff / 86400000)}天前`;
-        }
-        // 超过7天显示具体日期
-        return `${date.getMonth() + 1}月${date.getDate()}日`;
-    }
-};
-
-// 初始化
-$Method.fetchData();
-</script>
-
-<style scoped lang="scss">
-.user-info-card {
-    .user-header {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-        padding-bottom: 12px;
-        border-bottom: 1px solid $border-color;
-
-        .user-avatar {
-            width: 48px;
-            height: 48px;
-            background: linear-gradient(135deg, $primary-color, #764ba2);
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-            flex-shrink: 0;
-        }
-
-        .user-basic {
-            flex: 1;
-            min-width: 0;
-
-            .user-name {
-                font-size: 16px;
-                font-weight: 600;
-                color: $text-primary;
-                margin-bottom: 4px;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-            }
-
-            .user-role {
-                font-size: 12px;
-                color: $text-secondary;
-            }
-        }
-    }
-
-    .user-details {
-        display: flex;
-        flex-direction: column;
-        gap: 8px;
-        margin-top: 12px;
-
-        .detail-item {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            font-size: 12px;
-            color: $text-secondary;
-
-            span {
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-            }
-        }
-    }
-
-    .user-actions {
-        margin-top: 16px;
-        padding-top: 12px;
-        border-top: 1px solid $border-color;
-        display: flex;
-        justify-content: center;
-    }
-}
-</style>

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

@@ -1,62 +0,0 @@
-<template>
-    <div class="dashboard-container">
-        <div class="dashboard-left">
-            <SystemOverview />
-            <ServiceStatus />
-            <SystemResources />
-            <PerformanceMetrics />
-            <EnvironmentInfo />
-        </div>
-        <div class="dashboard-right">
-            <UserInfo />
-            <AddonList />
-        </div>
-    </div>
-</template>
-
-<script setup>
-import SystemOverview from './components/systemOverview.vue';
-import ServiceStatus from './components/serviceStatus.vue';
-import UserInfo from './components/userInfo.vue';
-import AddonList from './components/addonList.vue';
-import SystemResources from './components/systemResources.vue';
-import PerformanceMetrics from './components/performanceMetrics.vue';
-import EnvironmentInfo from './components/environmentInfo.vue';
-</script>
-
-<style scoped lang="scss">
-.dashboard-container {
-    display: flex;
-    gap: 12px;
-    overflow: hidden;
-    height: 100%;
-
-    .dashboard-left {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        gap: 12px;
-        overflow-y: auto;
-        min-width: 0;
-    }
-
-    .dashboard-right {
-        width: 400px;
-        display: flex;
-        flex-direction: column;
-        gap: 12px;
-        overflow-y: auto;
-        flex-shrink: 0;
-    }
-
-    @media (max-width: 768px) {
-        flex-direction: column;
-        padding: 10px;
-        gap: 10px;
-
-        .dashboard-right {
-            width: 100%;
-        }
-    }
-}
-</style>

package/src/views/internal/login/components/emailLoginForm.vue

@@ -1,163 +0,0 @@
-<template>
-    <tiny-form :model="$Data.formData" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)" class="login-form" label-width="90px" label-position="left" :show-message="false">
-        <tiny-form-item prop="account" label="账号">
-            <tiny-input v-model="$Data.formData.account" placeholder="请输入用户名或邮箱" size="large" clearable>
-                <template #prefix-icon>
-                    <i-lucide:user style="width: 18px; height: 18px" />
-                </template>
-            </tiny-input>
-        </tiny-form-item>
-
-        <tiny-form-item prop="password" label="密码">
-            <tiny-input v-model="$Data.formData.password" type="password" placeholder="请输入密码" size="large" clearable>
-                <template #prefix-icon>
-                    <i-lucide:lock style="width: 18px; height: 18px" />
-                </template>
-            </tiny-input>
-        </tiny-form-item>
-
-        <div class="form-footer">
-            <a href="#" class="forgot-password">忘记密码？</a>
-        </div>
-
-        <tiny-button theme="primary" class="auth-btn" size="large" :loading="$Data.loading" @click="$Method.apiLogin"> 登录 </tiny-button>
-    </tiny-form>
-</template>
-
-<script setup>
-const router = useRouter();
-
-// 表单引用
-const $From = $shallowRef({
-    form: null
-});
-
-// 数据定义
-const $Data = $ref({
-    loading: false,
-    formData: {
-        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;
-
-            const res = await $Http('/addon/admin/auth/login', {
-                account: $Data.formData.account,
-                password: $Data.formData.password
-            });
-
-            // 先保存 token
-            $Storage.local.set('token', res.data.token);
-
-            // 如果返回用户信息,也可以存储
-            if (res.data.userInfo) {
-                $Storage.local.set('userInfo', res.data.userInfo);
-            }
-
-            Modal.message({
-                message: '登录成功',
-                status: 'success'
-            });
-
-            // 跳转到首页，路由守卫会自动加载菜单
-            await router.push('/');
-        } catch (error) {
-            console.log('🔥[ error ]-77', error);
-        } finally {
-            $Data.loading = false;
-        }
-    }
-};
-</script>
-
-<style scoped lang="scss">
-.login-form {
-    width: 100%;
-    max-width: 450px;
-}
-
-.tiny-form-item {
-    width: 100%;
-    margin-bottom: 1.2rem;
-
-    :deep(.tiny-form__controls) {
-        width: 100%;
-    }
-
-    :deep(.tiny-input) {
-        width: 100%;
-        background: #f8f9fa;
-        border: 1px solid #e0e0e0;
-        border-radius: 6px;
-        transition: all 0.3s;
-
-        &:hover {
-            border-color: #48b19f;
-        }
-
-        &:focus-within {
-            border-color: #48b19f;
-            background: #fff;
-        }
-
-        input {
-            padding: 0.75rem 1rem;
-        }
-    }
-}
-
-.form-footer {
-    width: 100%;
-    display: flex;
-    justify-content: flex-end;
-    margin-bottom: 1rem;
-}
-
-.forgot-password {
-    font-size: 0.8rem;
-    color: #888;
-    text-decoration: none;
-
-    &:hover {
-        color: #48b19f;
-    }
-}
-
-.auth-btn {
-    width: 100% !important;
-    max-width: 100%;
-    height: 44px;
-    border-radius: 6px;
-    background: #48b19f;
-    border: none;
-    font-size: 0.95rem;
-    font-weight: 600;
-    margin-top: 0.5rem;
-    transition: all 0.3s;
-
-    &:hover {
-        background: #3a9d8f;
-        transform: translateY(-1px);
-        box-shadow: 0 3px 10px rgba(72, 177, 159, 0.3);
-    }
-
-    :deep(.tiny-button__text) {
-        color: #fff;
-    }
-}
-</style>

package/src/views/internal/login/components/registerForm.vue

@@ -1,168 +0,0 @@
-<template>
-    <tiny-form :model="$Data.formData" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)" class="login-form" label-width="70px" label-position="left">
-        <tiny-form-item prop="username" label="用户名">
-            <tiny-input v-model="$Data.formData.username" placeholder="请输入用户名" size="large" clearable>
-                <template #prefix-icon>
-                    <i-lucide:user style="width: 18px; height: 18px" />
-                </template>
-            </tiny-input>
-        </tiny-form-item>
-
-        <tiny-form-item prop="email" label="邮箱">
-            <tiny-input v-model="$Data.formData.email" placeholder="请输入邮箱" size="large" clearable>
-                <template #prefix-icon>
-                    <i-lucide:mail style="width: 18px; height: 18px" />
-                </template>
-            </tiny-input>
-        </tiny-form-item>
-
-        <tiny-form-item prop="password" label="密码">
-            <tiny-input v-model="$Data.formData.password" type="password" placeholder="请输入密码" size="large" clearable>
-                <template #prefix-icon>
-                    <i-lucide:lock style="width: 18px; height: 18px" />
-                </template>
-            </tiny-input>
-        </tiny-form-item>
-
-        <tiny-form-item prop="nickname" label="昵称">
-            <tiny-input v-model="$Data.formData.nickname" placeholder="请输入昵称（选填）" size="large" clearable>
-                <template #prefix-icon>
-                    <i-lucide:smile style="width: 18px; height: 18px" />
-                </template>
-            </tiny-input>
-        </tiny-form-item>
-
-        <tiny-button theme="primary" class="auth-btn" size="large" :loading="$Data.loading" @click="$Method.handleSubmit"> 注册 </tiny-button>
-    </tiny-form>
-</template>
-
-<script setup>
-const emit = defineEmits(['success']);
-
-// 表单引用
-const $From = $shallowRef({
-    form: null
-});
-
-// 数据定义
-const $Data = $ref({
-    loading: false,
-    formData: {
-        username: '',
-        email: '',
-        password: '',
-        nickname: ''
-    }
-});
-
-const $Data2 = $shallowRef({
-    formRules: {
-        username: [
-            { required: true, message: '请输入用户名', trigger: 'blur' },
-            { min: 3, max: 20, message: '用户名长度为 3-20 个字符', trigger: 'blur' }
-        ],
-        email: [
-            { required: true, message: '请输入邮箱', trigger: 'blur' },
-            { type: 'email', message: '请输入正确的邮箱格式', trigger: 'blur' }
-        ],
-        password: [
-            { required: true, message: '请输入密码', trigger: 'blur' },
-            { min: 6, message: '密码长度至少 6 个字符', trigger: 'blur' }
-        ]
-        // nickname 是选填项，不需要验证规则
-    }
-});
-
-// 方法定义
-const $Method = {
-    async handleSubmit() {
-        const valid = await $From.form.validate();
-        if (!valid) return;
-
-        $Data.loading = true;
-
-        try {
-            await $Http('/addon/admin/register', $Data.formData);
-            MessagePlugin.success('注册成功，请登录');
-
-            // 清空表单
-            $Method.resetForm();
-
-            // 通知父组件注册成功，切换到登录模式
-            emit('success');
-        } catch (error) {
-            // 错误已经在 request 拦截器中处理
-        } finally {
-            $Data.loading = false;
-        }
-    },
-
-    // 清空表单
-    resetForm() {
-        $Data.formData.username = '';
-        $Data.formData.email = '';
-        $Data.formData.password = '';
-        $Data.formData.nickname = '';
-    }
-};
-</script>
-
-<style scoped lang="scss">
-.login-form {
-    width: 100%;
-    max-width: 450px;
-}
-
-.tiny-form-item {
-    width: 100%;
-    margin-bottom: 1.2rem;
-
-    :deep(.tiny-form__controls) {
-        width: 100%;
-    }
-
-    :deep(.tiny-input) {
-        width: 100%;
-        background: #f8f9fa;
-        border: 1px solid #e0e0e0;
-        border-radius: 6px;
-        transition: all 0.3s;
-
-        &:hover {
-            border-color: #48b19f;
-        }
-
-        &:focus-within {
-            border-color: #48b19f;
-            background: #fff;
-        }
-
-        input {
-            padding: 0.75rem 1rem;
-        }
-    }
-}
-
-.auth-btn {
-    width: 100% !important;
-    max-width: 100%;
-    height: 44px;
-    border-radius: 6px;
-    background: #48b19f;
-    border: none;
-    font-size: 0.95rem;
-    font-weight: 600;
-    margin-top: 0.5rem;
-    transition: all 0.3s;
-
-    &:hover {
-        background: #3a9d8f;
-        transform: translateY(-1px);
-        box-shadow: 0 3px 10px rgba(72, 177, 159, 0.3);
-    }
-
-    :deep(.tiny-button__text) {
-        color: #fff;
-    }
-}
-</style>

package/src/views/internal/login/components/welcomePanel.vue

@@ -1,61 +0,0 @@
-<template>
-    <div class="panel-content" v-if="!isSignUp">
-        <h2>你好，朋友！</h2>
-        <p>填写个人信息，开始使用</p>
-        <button class="toggle-btn" @click="$emit('toggle')">注册账号</button>
-    </div>
-    <div class="panel-content" v-else>
-        <h2>欢迎回来！</h2>
-        <p>使用您的账号登录</p>
-        <button class="toggle-btn" @click="$emit('toggle')">立即登录</button>
-    </div>
-</template>
-
-<script setup>
-const props = defineProps({
-    isSignUp: {
-        type: Boolean,
-        default: false
-    }
-});
-
-defineEmits(['toggle']);
-</script>
-
-<style scoped lang="scss">
-.panel-content {
-    text-align: center;
-    padding: 2rem;
-    max-width: 400px;
-
-    h2 {
-        font-size: 2rem;
-        font-weight: 600;
-        margin-bottom: 1rem;
-    }
-
-    p {
-        font-size: 1rem;
-        line-height: 1.6;
-        margin-bottom: 2rem;
-        opacity: 0.9;
-    }
-
-    .toggle-btn {
-        padding: 0.8rem 3rem;
-        border: 2px solid #fff;
-        background: transparent;
-        color: #fff;
-        border-radius: 25px;
-        font-size: 0.9rem;
-        font-weight: 600;
-        cursor: pointer;
-        transition: all 0.3s;
-
-        &:hover {
-            background: #fff;
-            color: #48b19f;
-        }
-    }
-}
-</style>