befly-admin 3.4.5 → 3.4.7

package/src/views/internal/login/index_1.vue

@@ -1,189 +0,0 @@
-<template>
-    <div class="auth-container" :class="{ 'sign-up-mode': $Data.isSignUp }">
-        <!-- 左侧欢迎区域 -->
-        <div class="left-panel">
-            <WelcomePanel :is-sign-up="$Data.isSignUp" @toggle="$Method.toggleMode" />
-        </div>
-
-        <!-- 右侧表单区域 -->
-        <div class="right-panel">
-            <!-- 登录表单 -->
-            <div class="form-container sign-in-form" :class="{ active: !$Data.isSignUp }">
-                <h2 class="form-title">登录到 Befly</h2>
-
-                <!-- 邮箱登录 -->
-                <EmailLoginForm />
-            </div>
-
-            <!-- 注册表单 -->
-            <div class="form-container sign-up-form" :class="{ active: $Data.isSignUp }">
-                <h2 class="form-title">注册账号</h2>
-
-                <RegisterForm @success="$Method.handleRegisterSuccess" />
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-import WelcomePanel from './components/welcomePanel.vue';
-import EmailLoginForm from './components/emailLoginForm.vue';
-import RegisterForm from './components/registerForm.vue';
-
-// 数据定义
-const $Data = $ref({
-    isSignUp: false
-});
-
-// 方法定义
-const $Method = {
-    // 切换登录/注册模式
-    toggleMode() {
-        $Data.isSignUp = !$Data.isSignUp;
-    },
-
-    // 注册成功后切换到登录模式
-    handleRegisterSuccess() {
-        $Data.isSignUp = false;
-    }
-};
-</script>
-
-<style scoped lang="scss">
-.auth-container {
-    display: flex;
-    width: 100%;
-    min-height: 100vh;
-    overflow: hidden;
-    position: relative;
-    background: #fff;
-}
-
-// 青色滑动背景块
-.left-panel {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 50%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(135deg, #48b19f 0%, #3a9d8f 100%);
-    color: #fff;
-    z-index: 5;
-    transition: transform 0.5s ease-in-out;
-}
-
-// 表单区域容器（全屏背景）
-.right-panel {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    z-index: 1;
-}
-
-// 注册模式下青色块移动到右侧
-.auth-container.sign-up-mode {
-    .left-panel {
-        transform: translateX(100%);
-    }
-}
-
-// 表单容器（跟随颜色区域滑动）
-.form-container {
-    position: absolute;
-    width: 50%;
-    height: 100%;
-    top: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 3rem 2rem;
-    opacity: 0;
-    pointer-events: none;
-    transition: all 0.5s ease-in-out;
-
-    &.active {
-        opacity: 1;
-        pointer-events: all;
-    }
-}
-
-// 登录模式：登录表单在右侧
-.auth-container:not(.sign-up-mode) {
-    .sign-in-form {
-        right: 0;
-    }
-
-    .sign-up-form {
-        left: 0;
-    }
-}
-
-// 注册模式：注册表单在左侧，登录表单在右侧
-.auth-container.sign-up-mode {
-    .sign-in-form {
-        right: -50%;
-    }
-
-    .sign-up-form {
-        left: 0;
-    }
-}
-
-.form-title {
-    font-size: 1.8rem;
-    color: #333;
-    margin-bottom: 1.5rem;
-    font-weight: 600;
-    text-align: center;
-    width: 100%;
-}
-
-// 响应式设计
-@media (max-width: 968px) {
-    .auth-container {
-        flex-direction: column;
-    }
-
-    .left-panel,
-    .right-panel {
-        flex: none;
-        width: 100%;
-    }
-
-    .left-panel {
-        order: 1 !important;
-        position: relative;
-        min-height: 200px;
-    }
-
-    .right-panel {
-        order: 2 !important;
-        min-height: 500px;
-    }
-
-    .form-container {
-        width: 100%;
-        padding: 2rem 1rem;
-        position: static;
-    }
-
-    .auth-container.sign-up-mode {
-        .left-panel {
-            transform: none;
-        }
-    }
-}
-
-@media (max-width: 576px) {
-    .form-title {
-        font-size: 1.5rem;
-        margin-bottom: 1.5rem;
-    }
-}
-</style>

package/src/views/internal/menu/components/edit.vue

@@ -1,150 +0,0 @@
-<template>
-    <tiny-dialog-box v-model:visible="$Data.visible" :title="$Prop.actionType === 'add' ? '添加菜单' : '编辑菜单'" width="600px" :append-to-body="true" :show-footer="true" top="10vh">
-        <tiny-form :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
-            <tiny-form-item label="菜单名称" prop="name">
-                <tiny-input v-model="$Data.formData.name" placeholder="请输入菜单名称" />
-            </tiny-form-item>
-            <tiny-form-item label="菜单路径" prop="path">
-                <tiny-input v-model="$Data.formData.path" placeholder="请输入菜单路径，如：/user" />
-            </tiny-form-item>
-            <tiny-form-item label="图标" prop="icon">
-                <tiny-input v-model="$Data.formData.icon" placeholder="请输入图标名称，如：User" />
-            </tiny-form-item>
-            <tiny-form-item label="菜单类型" prop="type">
-                <tiny-radio-group v-model="$Data.formData.type">
-                    <tiny-radio :label="0">目录</tiny-radio>
-                    <tiny-radio :label="1">菜单</tiny-radio>
-                </tiny-radio-group>
-            </tiny-form-item>
-            <tiny-form-item label="排序" prop="sort">
-                <tiny-numeric v-model="$Data.formData.sort" :min="0" :max="9999" />
-            </tiny-form-item>
-            <tiny-form-item label="状态" prop="state">
-                <tiny-radio-group v-model="$Data.formData.state">
-                    <tiny-radio :label="1">正常</tiny-radio>
-                    <tiny-radio :label="2">禁用</tiny-radio>
-                </tiny-radio-group>
-            </tiny-form-item>
-        </tiny-form>
-        <template #footer>
-            <tiny-button @click="$Method.onClose">取消</tiny-button>
-            <tiny-button type="primary" @click="$Method.onSubmit">确定</tiny-button>
-        </template>
-    </tiny-dialog-box>
-</template>
-
-<script setup>
-const $Prop = defineProps({
-    modelValue: {
-        type: Boolean,
-        default: false
-    },
-    actionType: {
-        type: String,
-        default: 'add'
-    },
-    rowData: {
-        type: Object,
-        default: {}
-    }
-});
-
-const $Emit = defineEmits(['update:modelValue', 'success']);
-
-// 表单引用
-const $From = $shallowRef({
-    form: null
-});
-
-const $Data = $ref({
-    visible: false,
-    formData: {
-        id: 0,
-        name: '',
-        path: '',
-        icon: '',
-        type: 1,
-        sort: 0,
-        state: 1
-    }
-});
-
-const $Data2 = $shallowRef({
-    formRules: {
-        name: [{ required: true, message: '请输入菜单名称', trigger: 'blur' }],
-        path: [{ required: true, message: '请输入菜单路径', trigger: 'blur' }],
-        type: [{ required: true, message: '请选择菜单类型', trigger: 'change' }]
-    }
-});
-
-// 方法集合
-const $Method = {
-    async initData() {
-        $Method.onShow();
-    },
-
-    onShow() {
-        $Data.visible = true;
-        if ($Prop.actionType === 'upd' && $Prop.rowData) {
-            $Data.formData.id = $Prop.rowData.id || 0;
-            $Data.formData.name = $Prop.rowData.name || '';
-            $Data.formData.path = $Prop.rowData.path || '';
-            $Data.formData.icon = $Prop.rowData.icon || '';
-            $Data.formData.type = $Prop.rowData.type ?? 1;
-            $Data.formData.sort = $Prop.rowData.sort || 0;
-            $Data.formData.state = $Prop.rowData.state ?? 1;
-        } else {
-            // 重置表单
-            $Data.formData.id = 0;
-            $Data.formData.name = '';
-            $Data.formData.path = '';
-            $Data.formData.icon = '';
-            $Data.formData.type = 1;
-            $Data.formData.sort = 0;
-            $Data.formData.state = 1;
-        }
-    },
-
-    onClose() {
-        $Data.visible = false;
-        setTimeout(() => {
-            $Emit('update:modelValue', false);
-        }, 300);
-    },
-
-    async onSubmit() {
-        try {
-            const valid = await $From.form.validate();
-            if (!valid) return;
-
-            const res = await $Http($Prop.actionType === 'add' ? '/addon/admin/menuIns' : '/addon/admin/menuUpd', $Data.formData);
-
-            Modal.message({
-                message: $Prop.actionType === 'add' ? '添加成功' : '编辑成功',
-                status: 'success'
-            });
-            $Method.onClose();
-            $Emit('success');
-        } catch (error) {
-            console.error('提交失败:', error);
-        }
-    }
-};
-
-// 监听 modelValue 变化
-watch(
-    () => $Prop.modelValue,
-    (val) => {
-        if (val && !$Data.visible) {
-            $Method.initData();
-        } else if (!val && $Data.visible) {
-            $Data.visible = false;
-        }
-    },
-    { immediate: true }
-);
-</script>
-
-<style scoped lang="scss">
-// 可根据需要添加样式
-</style>

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

@@ -1,168 +0,0 @@
-<template>
-    <div class="page-menu page-table">
-        <div class="main-tool">
-            <div class="left">
-                <tiny-button type="primary" @click="$Method.onAction('add', {})">
-                    <template #icon>
-                        <Icon name="Plus" :size="16" />
-                    </template>
-                    添加菜单
-                </tiny-button>
-            </div>
-            <div class="right">
-                <tiny-button @click="$Method.handleRefresh">
-                    <template #icon>
-                        <Icon name="RotateCw" :size="16" />
-                    </template>
-                    刷新
-                </tiny-button>
-            </div>
-        </div>
-        <div class="main-table">
-            <tiny-grid :data="$Data.menuList" 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="path" title="路径" :width="200" />
-                <tiny-grid-column field="icon" title="图标" :width="100">
-                    <template #default="{ row }">
-                        <Icon v-if="row.icon" :name="row.icon" :size="16" />
-                        <span v-else>-</span>
-                    </template>
-                </tiny-grid-column>
-                <tiny-grid-column field="type" title="类型" :width="100">
-                    <template #default="{ row }">
-                        <tiny-tag v-if="row.type === 0" type="info">目录</tiny-tag>
-                        <tiny-tag v-else type="success">菜单</tiny-tag>
-                    </template>
-                </tiny-grid-column>
-                <tiny-grid-column field="sort" title="排序" :width="80" />
-                <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' }">
-                                        <Icon name="Edit" />
-                                        编辑
-                                    </tiny-dropdown-item>
-                                    <tiny-dropdown-item :item-data="{ command: 'del' }" divided>
-                                        <Icon name="Trash2" />
-                                        删除
-                                    </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.apiMenuList" />
-    </div>
-</template>
-
-<script setup>
-import EditDialog from './components/edit.vue';
-
-// 响应式数据
-const $Data = $ref({
-    menuList: [],
-    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.apiMenuList();
-    },
-
-    // 加载菜单列表
-    async apiMenuList() {
-        try {
-            const res = await $Http('/addon/admin/menu/list', {
-                page: $Data.pagerConfig.currentPage,
-                limit: $Data.pagerConfig.pageSize
-            });
-            $Data.menuList = res.data.lists || [];
-            $Data.pagerConfig.total = res.data.total || 0;
-        } catch (error) {
-            console.error('加载菜单列表失败:', error);
-            Modal.message({
-                message: '加载数据失败',
-                status: 'error'
-            });
-        }
-    },
-
-    // 删除菜单
-    async apiMenuDel(row) {
-        Modal.confirm({
-            header: '确认删除',
-            body: `确定要删除菜单"${row.name}" 吗？`,
-            status: 'warning'
-        }).then(async () => {
-            try {
-                const res = await $Http('/addon/admin/menu/del', { id: row.id });
-                if (res.code === 0) {
-                    Modal.message({ message: '删除成功', status: 'success' });
-                    $Method.apiMenuList();
-                } else {
-                    Modal.message({ message: res.msg || '删除失败', status: 'error' });
-                }
-            } catch (error) {
-                console.error('删除失败:', error);
-                Modal.message({ message: '删除失败', status: 'error' });
-            }
-        });
-    },
-
-    // 刷新
-    handleRefresh() {
-        $Method.apiMenuList();
-    },
-
-    // 分页改变
-    onPageChange({ currentPage }) {
-        $Data.pagerConfig.currentPage = currentPage;
-        $Method.apiMenuList();
-    },
-
-    // 操作菜单点击
-    onAction(command, rowData) {
-        $Data.actionType = command;
-        $Data.rowData = rowData;
-        if (command === 'add' || command === 'upd') {
-            $Data.editVisible = true;
-        } else if (command === 'del') {
-            $Method.apiMenuDel(rowData);
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-// 样式继承自全局 page-table
-</style>

package/src/views/internal/news/detail/detail_2.vue

@@ -1,26 +0,0 @@
-<template>
-    <div class="news-page">
-        <h1>新闻页面2</h1>
-        <p>这个页面使用布局 1.vue</p>
-        <div class="news-content">
-            <p>这里是新闻内容...</p>
-        </div>
-    </div>
-</template>
-
-<script setup>
-// 新闻页面逻辑
-</script>
-
-<style scoped>
-.news-page {
-    padding: 20px;
-}
-
-.news-content {
-    margin-top: 20px;
-    padding: 20px;
-    background: #f5f5f5;
-    border-radius: 8px;
-}
-</style>

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

@@ -1,26 +0,0 @@
-<template>
-    <div class="news-page">
-        <h1>新闻页面 index</h1>
-        <p>这个页面使用布局 1.vue</p>
-        <div class="news-content">
-            <p>这里是新闻内容...</p>
-        </div>
-    </div>
-</template>
-
-<script setup>
-// 新闻页面逻辑
-</script>
-
-<style scoped>
-.news-page {
-    padding: 20px;
-}
-
-.news-content {
-    margin-top: 20px;
-    padding: 20px;
-    background: #f5f5f5;
-    border-radius: 8px;
-}
-</style>

package/src/views/internal/news/news.vue

@@ -1,26 +0,0 @@
-<template>
-    <div class="news-page">
-        <h1>新闻页面</h1>
-        <p>这个页面使用布局 1.vue</p>
-        <div class="news-content">
-            <p>这里是新闻内容...</p>
-        </div>
-    </div>
-</template>
-
-<script setup>
-// 新闻页面逻辑
-</script>
-
-<style scoped>
-.news-page {
-    padding: 20px;
-}
-
-.news-content {
-    margin-top: 20px;
-    padding: 20px;
-    background: #f5f5f5;
-    border-radius: 8px;
-}
-</style>