@befly-addon/admin 1.0.54 → 1.0.56

package/views/dict/index.vue

@@ -1,162 +0,0 @@
-<template>
-    <div class="page-dict page-table">
-        <div class="main-tool">
-            <div class="left">
-                <TButton theme="primary" @click="$Method.onAction('add', {})">
-                    <template #icon>
-                        <ILucidePlus />
-                    </template>
-                </TButton>
-            </div>
-            <div class="right">
-                <TButton @click="$Method.handleRefresh">
-                    <template #icon>
-                        <ILucideRotateCw />
-                    </template>
-                </TButton>
-            </div>
-        </div>
-        <div class="main-table">
-            <TTable :data="$Data.dictList" :columns="$Data.columns" header-cell-class-name="custom-table-cell-class" size="small" height="100%" row-key="id">
-                <template #state="{ row }">
-                    <TTag v-if="row.state === 1" theme="success">正常</TTag>
-                    <TTag v-else-if="row.state === 2" theme="warning">禁用</TTag>
-                    <TTag v-else theme="danger">已删除</TTag>
-                </template>
-                <template #operation="{ row }">
-                    <TDropdown trigger="click" min-column-width="120" @click="(data) => $Method.onAction(data.value, row)">
-                        <TButton variant="text" size="small">操作</TButton>
-                        <TDropdownMenu slot="dropdown">
-                            <TDropdownItem value="upd">
-                                <ILucidePencil />
-                                编辑
-                            </TDropdownItem>
-                            <TDropdownItem value="del" :divider="true">
-                                <ILucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
-                                删除
-                            </TDropdownItem>
-                        </TDropdownMenu>
-                    </TDropdown>
-                </template>
-            </TTable>
-        </div>
-
-        <div class="main-page">
-            <TPagination :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 { Button as TButton, Table as TTable, Tag as TTag, Dropdown as TDropdown, DropdownMenu as TDropdownMenu, DropdownItem as TDropdownItem, Pagination as TPagination, MessagePlugin, DialogPlugin } from 'tdesign-vue-next';
-import ILucidePlus from '~icons/lucide/plus';
-import ILucideRotateCw from '~icons/lucide/rotate-cw';
-import ILucidePencil from '~icons/lucide/pencil';
-import ILucideTrash2 from '~icons/lucide/trash-2';
-import EditDialog from './components/edit.vue';
-import { $Http } from '@/plugins/http';
-
-// 响应式数据
-const $Data = $ref({
-    dictList: [],
-    columns: [
-        { colKey: 'index', title: '序号', width: 60, align: 'center' },
-        { colKey: 'name', title: '字典名称' },
-        { colKey: 'code', title: '字典代码', width: 150 },
-        { colKey: 'value', title: '字典值', width: 200 },
-        { colKey: 'pid', title: '父级ID', width: 100 },
-        { colKey: 'sort', title: '排序', width: 80 },
-        { colKey: 'description', title: '描述', ellipsis: true },
-        { colKey: 'state', title: '状态', width: 100 },
-        { colKey: 'operation', title: '操作', width: 120, align: 'right' }
-    ],
-    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);
-            MessagePlugin.info({
-                message: '加载数据失败',
-                status: 'error'
-            });
-        }
-    },
-
-    // 删除字典
-    async apiDictDel(row) {
-        DialogPlugin.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) {
-                    MessagePlugin.info({ message: '删除成功', status: 'success' });
-                    $Method.apiDictList();
-                } else {
-                    MessagePlugin.info({ message: res.msg || '删除失败', status: 'error' });
-                }
-            } catch (error) {
-                console.error('删除失败:', error);
-                MessagePlugin.info({ 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/views/menu/components/edit.vue

@@ -1,145 +0,0 @@
-<template>
-    <TDialog v-model:visible="$Data.visible" :title="$Prop.actionType === 'add' ? '添加菜单' : '编辑菜单'" width="600px" :append-to-body="true" :show-footer="true" top="10vh">
-        <TForm :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
-            <TFormItem label="菜单名称" prop="name">
-                <TInput v-model="$Data.formData.name" placeholder="请输入菜单名称" />
-            </TFormItem>
-            <TFormItem label="菜单路径" prop="path">
-                <TInput v-model="$Data.formData.path" placeholder="请输入菜单路径，如：/user" />
-            </TFormItem>
-            <TFormItem label="图标" prop="icon">
-                <TInput v-model="$Data.formData.icon" placeholder="请输入图标名称，如：User" />
-            </TFormItem>
-            <TFormItem label="排序" prop="sort">
-                <TInputNumber v-model="$Data.formData.sort" :min="0" :max="9999" />
-            </TFormItem>
-            <TFormItem label="状态" prop="state">
-                <TRadioGroup v-model="$Data.formData.state">
-                    <TRadio :label="1">正常</TRadio>
-                    <TRadio :label="2">禁用</TRadio>
-                </TRadioGroup>
-            </TFormItem>
-        </TForm>
-        <template #footer>
-            <TButton @click="$Method.onClose">取消</TButton>
-            <TButton theme="primary" @click="$Method.onSubmit">确定</TButton>
-        </template>
-    </TDialog>
-</template>
-
-<script setup>
-import { watch } from 'vue';
-import { Dialog as TDialog, Form as TForm, FormItem as TFormItem, Input as TInput, InputNumber as TInputNumber, RadioGroup as TRadioGroup, Radio as TRadio, Button as TButton, MessagePlugin } from 'tdesign-vue-next';
-import { $Http } from '@/plugins/http';
-
-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: '',
-        sort: 0,
-        pid: 0,
-        state: 1
-    }
-});
-
-const $Data2 = $shallowRef({
-    formRules: {
-        name: [{ required: true, message: '请输入菜单名称', trigger: 'blur' }],
-        path: [{ 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.path = $Prop.rowData.path ?? '';
-            $Data.formData.icon = $Prop.rowData.icon ?? '';
-            $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.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);
-
-            MessagePlugin.info({
-                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/views/menu/index.vue

@@ -1,173 +0,0 @@
-<template>
-    <div class="page-menu page-table">
-        <div class="main-tool">
-            <div class="left">
-                <TButton theme="primary" @click="$Method.onAction('add', {})">
-                    <template #icon>
-                        <ILucidePlus />
-                    </template>
-                    添加菜单
-                </TButton>
-            </div>
-            <div class="right">
-                <TButton @click="$Method.handleRefresh">
-                    <template #icon>
-                        <ILucideRotateCw />
-                    </template>
-                    刷新
-                </TButton>
-            </div>
-        </div>
-        <div class="main-table">
-            <TTable :data="$Data.menuList" :columns="$Data.columns" header-cell-class-name="custom-table-cell-class" size="small" height="100%" row-key="id">
-                <template #icon="{ row }">
-                    <ILucideSquare v-if="row.icon" />
-                    <span v-else>-</span>
-                </template>
-                <template #state="{ row }">
-                    <TTag v-if="row.state === 1" theme="success">正常</TTag>
-                    <TTag v-else-if="row.state === 2" theme="warning">禁用</TTag>
-                    <TTag v-else theme="danger">已删除</TTag>
-                </template>
-                <template #operation="{ row }">
-                    <TDropdown trigger="click" min-column-width="120" @click="(data) => $Method.onAction(data.value, row)">
-                        <TButton variant="text" size="small">操作</TButton>
-                        <TDropdownMenu slot="dropdown">
-                            <TDropdownItem value="upd">
-                                <ILucidePencil />
-                                编辑
-                            </TDropdownItem>
-                            <TDropdownItem value="del" :divider="true">
-                                <ILucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
-                                删除
-                            </TDropdownItem>
-                        </TDropdownMenu>
-                    </TDropdown>
-                </template>
-            </TTable>
-        </div>
-
-        <div class="main-page">
-            <TPagination :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 { Button as TButton, Table as TTable, Tag as TTag, Dropdown as TDropdown, DropdownMenu as TDropdownMenu, DropdownItem as TDropdownItem, Pagination as TPagination, MessagePlugin, DialogPlugin } from 'tdesign-vue-next';
-import ILucidePlus from '~icons/lucide/plus';
-import ILucideRotateCw from '~icons/lucide/rotate-cw';
-import ILucideSquare from '~icons/lucide/square';
-import ILucidePencil from '~icons/lucide/pencil';
-import ILucideTrash2 from '~icons/lucide/trash-2';
-import EditDialog from './components/edit.vue';
-import { $Http } from '@/plugins/http';
-
-// 响应式数据
-const $Data = $ref({
-    menuList: [],
-    columns: [
-        { colKey: 'index', title: '序号', width: 60, align: 'center' },
-        { colKey: 'name', title: '菜单名称' },
-        { colKey: 'path', title: '路径', width: 200 },
-        { colKey: 'icon', title: '图标', width: 100 },
-        { colKey: 'sort', title: '排序', width: 80 },
-        { colKey: 'state', title: '状态', width: 100 },
-        { colKey: 'operation', title: '操作', width: 120, align: 'right' }
-    ],
-    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);
-            MessagePlugin.info({
-                message: '加载数据失败',
-                status: 'error'
-            });
-        }
-    },
-
-    // 删除菜单
-    async apiMenuDel(row) {
-        DialogPlugin.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) {
-                    MessagePlugin.info({ message: '删除成功', status: 'success' });
-                    $Method.apiMenuList();
-                } else {
-                    MessagePlugin.info({ message: res.msg || '删除失败', status: 'error' });
-                }
-            } catch (error) {
-                console.error('删除失败:', error);
-                MessagePlugin.info({ 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>
-
-<route lang="yaml">
-meta:
-    layout: default
-    title: 菜单管理
-</route>
-
-<style scoped lang="scss">
-// 样式继承自全局 page-table
-</style>

package/views/role/index.vue

@@ -1,184 +0,0 @@
-<template>
-    <div class="page-role page-table">
-        <div class="main-tool">
-            <div class="left">
-                <TButton theme="primary" @click="$Method.onAction('add', {})">
-                    <template #icon>
-                        <ILucidePlus />
-                    </template>
-                </TButton>
-            </div>
-            <div class="right">
-                <TButton @click="$Method.handleRefresh">
-                    <template #icon>
-                        <ILucideRotateCw />
-                    </template>
-                </TButton>
-            </div>
-        </div>
-        <div class="main-table">
-            <TTable :data="$Data.tableData" :columns="$Data.columns" header-cell-class-name="custom-table-cell-class" size="small" height="100%" row-key="id" bordered>
-                <template #state="{ row }">
-                    <TTag v-if="row.state === 1" theme="success">正常</TTag>
-                    <TTag v-else-if="row.state === 2" theme="warning">禁用</TTag>
-                    <TTag v-else theme="danger">已删除</TTag>
-                </template>
-                <template #operation="{ row }">
-                    <TDropdown trigger="click" min-column-width="120" @click="(data) => $Method.onAction(data.value, row)">
-                        <TButton variant="text" size="small">操作</TButton>
-                        <TDropdownMenu slot="dropdown">
-                            <TDropdownItem value="upd">
-                                <ILucidePencil />
-                                编辑
-                            </TDropdownItem>
-                            <TDropdownItem value="menu">
-                                <ILucideSettings />
-                                菜单权限
-                            </TDropdownItem>
-                            <TDropdownItem value="api">
-                                <ILucideCode />
-                                接口权限
-                            </TDropdownItem>
-                            <TDropdownItem value="del" :divider="true">
-                                <ILucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
-                                删除
-                            </TDropdownItem>
-                        </TDropdownMenu>
-                    </TDropdown>
-                </template>
-            </TTable>
-        </div>
-
-        <div class="main-page">
-            <TPagination :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.apiRoleList" />
-
-        <!-- 菜单权限对话框组件 -->
-        <MenuDialog v-if="$Data.menuVisible" v-model="$Data.menuVisible" :row-data="$Data.rowData" @success="$Method.apiRoleList" />
-
-        <!-- 接口权限对话框组件 -->
-        <ApiDialog v-if="$Data.apiVisible" v-model="$Data.apiVisible" :row-data="$Data.rowData" @success="$Method.apiRoleList" />
-    </div>
-</template>
-
-<script setup>
-import { Button as TButton, Table as TTable, Tag as TTag, Dropdown as TDropdown, DropdownMenu as TDropdownMenu, DropdownItem as TDropdownItem, Pagination as TPagination, MessagePlugin, DialogPlugin } from 'tdesign-vue-next';
-import ILucidePlus from '~icons/lucide/plus';
-import ILucideRotateCw from '~icons/lucide/rotate-cw';
-import ILucidePencil from '~icons/lucide/pencil';
-import ILucideSettings from '~icons/lucide/settings';
-import ILucideCode from '~icons/lucide/code';
-import ILucideTrash2 from '~icons/lucide/trash-2';
-import EditDialog from './components/edit.vue';
-import MenuDialog from './components/menu.vue';
-import ApiDialog from './components/api.vue';
-import { $Http } from '@/plugins/http';
-
-// 响应式数据
-const $Data = $ref({
-    tableData: [],
-    columns: [
-        { colKey: 'index', title: '序号', width: 100, align: 'center' },
-        { colKey: 'name', title: '角色名称', width: 150 },
-        { colKey: 'code', title: '角色代码', width: 150 },
-        { colKey: 'description', title: '描述', minWidth: 150, ellipsis: true },
-        { colKey: 'sort', title: '排序', width: 80, align: 'center' },
-        { colKey: 'state', title: '状态', width: 100, align: 'center' },
-        { colKey: 'operation', title: '操作', width: 120, align: 'center', fixed: 'right' }
-    ],
-    pagerConfig: {
-        currentPage: 1,
-        pageSize: 30,
-        total: 0,
-        align: 'right',
-        layout: 'total, prev, pager, next, jumper'
-    },
-    editVisible: false,
-    menuVisible: false,
-    apiVisible: false,
-    actionType: 'add',
-    rowData: {}
-});
-
-// 方法
-const $Method = {
-    async initData() {
-        await $Method.apiRoleList();
-    },
-    // 加载角色列表
-    async apiRoleList() {
-        try {
-            const res = await $Http('/addon/admin/role/list', {
-                page: $Data.pagerConfig.currentPage,
-                limit: $Data.pagerConfig.limit
-            });
-            $Data.tableData = res.data.lists || [];
-            $Data.pagerConfig.total = res.data.total || 0;
-        } catch (error) {
-            console.error('加载角色列表失败:', error);
-            MessagePlugin.info({
-                message: '加载数据失败',
-                status: 'error'
-            });
-        }
-    },
-
-    // 删除角色
-    async apiRoleDel(row) {
-        DialogPlugin.confirm({
-            header: '确认删除',
-            body: `确定要删除角色"${row.name}" 吗？`,
-            status: 'warning'
-        }).then(async () => {
-            try {
-                const res = await $Http('/addon/admin/role/del', { id: row.id });
-                if (res.code === 0) {
-                    MessagePlugin.info({ message: '删除成功', status: 'success' });
-                    $Method.apiRoleList();
-                } else {
-                    MessagePlugin.info({ message: res.msg || '删除失败', status: 'error' });
-                }
-            } catch (error) {
-                console.error('删除失败:', error);
-                MessagePlugin.info({ message: '删除失败', status: 'error' });
-            }
-        });
-    },
-
-    // 刷新
-    handleRefresh() {
-        $Method.apiRoleList();
-    },
-
-    // 分页改变
-    onPageChange({ currentPage }) {
-        $Data.pagerConfig.currentPage = currentPage;
-        $Method.apiRoleList();
-    },
-
-    // 操作菜单点击
-    onAction(command, rowData) {
-        $Data.actionType = command;
-        $Data.rowData = rowData;
-        if (command === 'add' || command === 'upd') {
-            $Data.editVisible = true;
-        } else if (command === 'menu') {
-            $Data.menuVisible = true;
-        } else if (command === 'api') {
-            $Data.apiVisible = true;
-        } else if (command === 'del') {
-            $Method.apiRoleDel(rowData);
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-.page-role {
-}
-</style>