befly-admin 3.4.5 → 3.4.7

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

@@ -1,147 +0,0 @@
-<template>
-    <tiny-dialog-box v-model:visible="$Data.visible" :title="$Prop.actionType === 'upd' ? '编辑管理员' : '添加管理员'" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="10vh" @close="$Method.onClose">
-        <tiny-form :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
-            <tiny-form-item label="用户名" prop="username">
-                <tiny-input v-model="$Data.formData.username" placeholder="请输入用户名" :disabled="$Prop.actionType === 'upd'" />
-            </tiny-form-item>
-            <tiny-form-item label="邮箱" prop="email">
-                <tiny-input v-model="$Data.formData.email" placeholder="请输入邮箱" />
-            </tiny-form-item>
-            <tiny-form-item v-if="$Prop.actionType === 'add'" label="密码" prop="password">
-                <tiny-input v-model="$Data.formData.password" type="password" placeholder="请输入密码，至少6位" />
-            </tiny-form-item>
-            <tiny-form-item label="姓名" prop="name">
-                <tiny-input v-model="$Data.formData.name" placeholder="请输入姓名" />
-            </tiny-form-item>
-            <tiny-form-item label="昵称" prop="nickname">
-                <tiny-input v-model="$Data.formData.nickname" placeholder="请输入昵称" />
-            </tiny-form-item>
-            <tiny-form-item label="手机号" prop="phone">
-                <tiny-input v-model="$Data.formData.phone" placeholder="请输入手机号" />
-            </tiny-form-item>
-            <tiny-form-item v-if="$Prop.actionType === 'upd'" 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,
-        username: '',
-        email: '',
-        password: '',
-        name: '',
-        nickname: '',
-        phone: '',
-        state: 1
-    }
-});
-
-const $Data2 = $shallowRef({
-    formRules: {
-        username: [{ required: true, message: '请输入用户名', 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' }
-        ],
-        name: [{ min: 2, max: 50, message: '姓名长度在 2 到 50 个字符', trigger: 'blur' }],
-        nickname: [{ min: 2, max: 50, message: '昵称长度在 2 到 50 个字符', trigger: 'blur' }],
-        phone: [{ pattern: /^1[3-9]\d{9}$/, message: '手机号格式不正确', trigger: 'blur' }]
-    }
-});
-
-// 方法集合
-const $Method = {
-    async initData() {
-        $Method.onShow();
-        if ($Prop.actionType === 'upd' && $Prop.rowData.id) {
-            // 编辑模式：复制数据
-            $Data.formData.id = $Prop.rowData.id || 0;
-            $Data.formData.username = $Prop.rowData.username || '';
-            $Data.formData.email = $Prop.rowData.email || '';
-            $Data.formData.name = $Prop.rowData.name || '';
-            $Data.formData.nickname = $Prop.rowData.nickname || '';
-            $Data.formData.phone = $Prop.rowData.phone || '';
-            $Data.formData.state = $Prop.rowData.state ?? 1;
-        }
-    },
-
-    onShow() {
-        setTimeout(() => {
-            $Data.visible = $Prop.modelValue;
-        }, 100);
-    },
-
-    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 === 'upd' ? '/addon/admin/adminUpd' : '/addon/admin/adminIns', $Data.formData);
-
-            Modal.message({
-                message: $Prop.actionType === 'upd' ? '编辑成功' : '添加成功',
-                status: 'success'
-            });
-            $Emit('success');
-            $Method.onClose();
-        } catch (error) {
-            console.error('提交失败:', error);
-            Modal.message({
-                message: '提交失败',
-                status: 'error'
-            });
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-// 可根据需要添加样式
-</style>

package/src/views/internal/admin/components/role.vue

@@ -1,135 +0,0 @@
-<template>
-    <tiny-dialog-box v-model:visible="$Data.visible" title="分配角色" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="20vh" @close="$Method.onClose">
-        <div class="role-dialog">
-            <div class="user-info">
-                <tiny-tag type="info">{{ $Prop.rowData.username }}</tiny-tag>
-                <span class="user-email">{{ $Prop.rowData.email }}</span>
-            </div>
-            <tiny-divider />
-            <tiny-select v-model="$Data.checkedRoleCode" :options="$Data.roleOptions" placeholder="请选择角色" />
-        </div>
-        <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
-    },
-    rowData: {
-        type: Object,
-        default: {}
-    }
-});
-
-const $Emit = defineEmits(['update:modelValue', 'success']);
-
-const $Data = $ref({
-    visible: false,
-    roleOptions: [],
-    checkedRoleCode: ''
-});
-
-// 方法集合
-const $Method = {
-    async initData() {
-        $Method.onShow();
-        await Promise.all([$Method.apiRoleList(), $Method.apiAdminRoleDetail()]);
-    },
-
-    onShow() {
-        setTimeout(() => {
-            $Data.visible = $Prop.modelValue;
-        }, 100);
-    },
-
-    onClose() {
-        $Data.visible = false;
-        setTimeout(() => {
-            $Emit('update:modelValue', false);
-        }, 300);
-    },
-
-    // 加载角色列表
-    async apiRoleList() {
-        try {
-            const res = await $Http('/addon/admin/role/list', {
-                page: 1,
-                limit: 1000
-            });
-            const roleList = res.data.lists || [];
-            $Data.roleOptions = roleList
-                .filter((role) => role.state === 1)
-                .map((role) => ({
-                    label: role.name,
-                    value: role.code
-                }));
-        } catch (error) {
-            console.error('加载角色列表失败:', error);
-            Modal.message({ message: '加载角色列表失败', status: 'error' });
-        }
-    },
-
-    // 加载管理员角色
-    async apiAdminRoleDetail() {
-        if (!$Prop.rowData.id) return;
-
-        try {
-            const res = await $Http('/addon/admin/roleDetail', {
-                adminId: $Prop.rowData.id
-            });
-            $Data.checkedRoleCode = res.data.roleCode || '';
-        } catch (error) {
-            console.error('加载用户角色失败:', error);
-        }
-    },
-
-    // 提交角色分配
-    async onSubmit() {
-        if (!$Data.checkedRoleCode) {
-            Modal.message({ message: '请选择角色', status: 'warning' });
-            return;
-        }
-
-        try {
-            const res = await $Http('/addon/admin/roleSave', {
-                adminId: $Prop.rowData.id,
-                roleCode: $Data.checkedRoleCode
-            });
-
-            if (res.code === 0) {
-                Modal.message({ message: '角色分配成功', status: 'success' });
-                $Method.onClose();
-                $Emit('success');
-            } else {
-                Modal.message({ message: res.msg || '分配失败', status: 'error' });
-            }
-        } catch (error) {
-            console.error('分配失败:', error);
-            Modal.message({ message: '分配失败', status: 'error' });
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-.role-dialog {
-    .user-info {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-        margin-bottom: 16px;
-
-        .user-email {
-            color: $text-secondary;
-        }
-    }
-}
-</style>

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

@@ -1,169 +0,0 @@
-<template>
-    <div class="page-admin 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.tableData" 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="username" title="用户名" />
-                <tiny-grid-column field="email" title="邮箱" :width="200" />
-                <tiny-grid-column field="nickname" title="昵称" :width="150" />
-                <tiny-grid-column field="roleCode" title="角色" :width="120" />
-                <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: 'role' }">
-                                        <Icon name="User" />
-                                        分配角色
-                                    </tiny-dropdown-item>
-                                    <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.apiAdminList" />
-
-        <!-- 角色分配对话框组件 -->
-        <RoleDialog v-if="$Data.roleVisible" v-model="$Data.roleVisible" :row-data="$Data.rowData" @success="$Method.apiAdminList" />
-    </div>
-</template>
-
-<script setup>
-import EditDialog from './components/edit.vue';
-import RoleDialog from './components/role.vue';
-
-// 响应式数据
-const $Data = $ref({
-    tableData: [],
-    pagerConfig: {
-        currentPage: 1,
-        pageSize: 30,
-        total: 0,
-        align: 'right',
-        layout: 'total, prev, pager, next, jumper'
-    },
-    editVisible: false,
-    roleVisible: false,
-    actionType: 'add',
-    rowData: {}
-});
-
-// 方法
-const $Method = {
-    async initData() {
-        await $Method.apiAdminList();
-    },
-
-    // 加载管理员列表
-    async apiAdminList() {
-        try {
-            const res = await $Http('/addon/admin/list', {
-                page: $Data.pagerConfig.currentPage,
-                limit: $Data.pagerConfig.pageSize
-            });
-            $Data.tableData = res.data.lists || [];
-            $Data.pagerConfig.total = res.data.total || 0;
-        } catch (error) {
-            console.error('加载管理员列表失败:', error);
-            Modal.message({
-                message: '加载数据失败',
-                status: 'error'
-            });
-        }
-    },
-
-    // 删除管理员
-    async apiAdminDel(row) {
-        Modal.confirm({
-            header: '确认删除',
-            body: `确定要删除管理员"${row.username}" 吗？`,
-            status: 'warning'
-        }).then(async () => {
-            try {
-                const res = await $Http('/addon/admin/del', { id: row.id });
-                if (res.code === 0) {
-                    Modal.message({ message: '删除成功', status: 'success' });
-                    $Method.apiAdminList();
-                } else {
-                    Modal.message({ message: res.msg || '删除失败', status: 'error' });
-                }
-            } catch (error) {
-                console.error('删除失败:', error);
-                Modal.message({ message: '删除失败', status: 'error' });
-            }
-        });
-    },
-
-    // 刷新
-    handleRefresh() {
-        $Method.apiAdminList();
-    },
-
-    // 分页改变
-    onPageChange({ currentPage }) {
-        $Data.pagerConfig.currentPage = currentPage;
-        $Method.apiAdminList();
-    },
-
-    // 操作菜单点击
-    onAction(command, rowData) {
-        $Data.actionType = command;
-        $Data.rowData = rowData;
-        if (command === 'add' || command === 'upd') {
-            $Data.editVisible = true;
-        } else if (command === 'role') {
-            $Data.roleVisible = true;
-        } else if (command === 'del') {
-            $Method.apiAdminDel(rowData);
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-// 样式继承自全局 page-table
-</style>

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

@@ -1,156 +0,0 @@
-<template>
-    <tiny-dialog-box v-model:visible="$Data.visible" :title="$Prop.actionType === 'upd' ? '编辑字典' : '添加字典'" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="10vh" @close="$Method.onClose">
-        <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="code">
-                <tiny-input v-model="$Data.formData.code" placeholder="请输入字典代码，如：gender" />
-            </tiny-form-item>
-            <tiny-form-item label="字典值" prop="value">
-                <tiny-input v-model="$Data.formData.value" placeholder="请输入字典值" />
-            </tiny-form-item>
-            <tiny-form-item label="父级ID" prop="pid">
-                <tiny-numeric v-model="$Data.formData.pid" :min="0" :max="999999999999999" />
-            </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="description">
-                <tiny-input v-model="$Data.formData.description" type="textarea" placeholder="请输入描述" :rows="3" />
-            </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: '',
-        code: '',
-        value: '',
-        pid: 0,
-        sort: 0,
-        description: '',
-        state: 1
-    }
-});
-
-const $Data2 = $shallowRef({
-    formRules: {
-        name: [{ required: true, message: '请输入字典名称', trigger: 'blur' }],
-        code: [
-            { required: true, message: '请输入字典代码', trigger: 'blur' },
-            { pattern: /^[a-zA-Z0-9_]+$/, message: '字典代码只能包含字母、数字和下划线', trigger: 'blur' }
-        ],
-        value: [{ required: true, message: '请输入字典值', trigger: 'blur' }]
-    }
-});
-
-// 方法集合
-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.code = $Prop.rowData.code || '';
-            $Data.formData.value = $Prop.rowData.value || '';
-            $Data.formData.pid = $Prop.rowData.pid || 0;
-            $Data.formData.sort = $Prop.rowData.sort || 0;
-            $Data.formData.description = $Prop.rowData.description || '';
-            $Data.formData.state = $Prop.rowData.state ?? 1;
-        } else {
-            // 重置表单
-            $Data.formData.id = 0;
-            $Data.formData.name = '';
-            $Data.formData.code = '';
-            $Data.formData.value = '';
-            $Data.formData.pid = 0;
-            $Data.formData.sort = 0;
-            $Data.formData.description = '';
-            $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/dictIns' : '/addon/admin/dictUpd', $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>