befly-admin 3.4.6 → 3.4.8

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

@@ -1,280 +0,0 @@
-<template>
-    <tiny-dialog-box v-model:visible="$Data.visible" title="接口权限" width="900px" :append-to-body="true" :show-footer="true" top="5vh" @close="$Method.onClose">
-        <div class="comp-role-api">
-            <!-- 搜索框 -->
-            <div class="search-box">
-                <tiny-search v-model="$Data.searchText" placeholder="搜索接口名称或路径" clearable @update:modelValue="$Method.onSearch" />
-            </div>
-
-            <!-- 接口分组列表 -->
-            <div class="api-container">
-                <div v-for="group in $Data.filteredApiData" :key="group.name" class="api-group">
-                    <div class="group-header">{{ group.title }}</div>
-                    <div class="api-checkbox-list">
-                        <tiny-checkbox-group v-model="$Data.checkedApiIds">
-                            <tiny-checkbox v-for="api in group.apis" :key="api.id" :label="api.id"> {{ api.label }} </tiny-checkbox>
-                        </tiny-checkbox-group>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <template #footer>
-            <div class="footer-left">
-                <tiny-button size="small" @click="$Method.onCheckAll">全选</tiny-button>
-                <tiny-button size="small" @click="$Method.onUncheckAll">取消全选</tiny-button>
-            </div>
-            <div class="footer-right">
-                <tiny-button @click="$Method.onClose">取消</tiny-button>
-                <tiny-button type="primary" @click="$Method.onSubmit">保存</tiny-button>
-            </div>
-        </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,
-    apiData: [],
-    filteredApiData: [],
-    searchText: '',
-    checkedApiIds: []
-});
-
-// 方法集合
-const $Method = {
-    async initData() {
-        $Method.onShow();
-        await Promise.all([$Method.apiApiAll(), $Method.apiRoleApiDetail()]);
-        $Data.filteredApiData = $Data.apiData;
-    },
-
-    onShow() {
-        setTimeout(() => {
-            $Data.visible = $Prop.modelValue;
-        }, 100);
-    },
-
-    onClose() {
-        $Data.visible = false;
-        setTimeout(() => {
-            $Emit('update:modelValue', false);
-        }, 300);
-    },
-
-    // 加载所有接口
-    async apiApiAll() {
-        try {
-            const res = await $Http('/addon/admin/api/all');
-
-            // 将接口列表按 addonTitle 分组
-            const apiMap = new Map();
-
-            res.data.lists.forEach((api) => {
-                const addonTitle = api.addonTitle || api.addonName || '项目接口';
-                const addonName = api.addonName || 'project';
-
-                if (!apiMap.has(addonName)) {
-                    apiMap.set(addonName, {
-                        name: addonName,
-                        title: addonTitle,
-                        apis: []
-                    });
-                }
-
-                apiMap.get(addonName).apis.push({
-                    id: api.id,
-                    label: `${api.name}`,
-                    description: api.description
-                });
-            });
-
-            $Data.apiData = Array.from(apiMap.values());
-        } catch (error) {
-            console.error('加载接口失败:', error);
-            Modal.message({ message: '加载接口失败', status: 'error' });
-        }
-    },
-
-    // 加载该角色已分配的接口
-    async apiRoleApiDetail() {
-        if (!$Prop.rowData.id) return;
-
-        try {
-            const res = await $Http('/addon/admin/role/apiDetail', {
-                roleId: $Prop.rowData.id
-            });
-
-            $Data.checkedApiIds = res.data.apiIds || [];
-        } catch (error) {
-            console.error('加载角色接口失败:', error);
-        }
-    },
-
-    // 搜索过滤
-    onSearch() {
-        if (!$Data.searchText) {
-            $Data.filteredApiData = $Data.apiData;
-            return;
-        }
-
-        const searchLower = $Data.searchText.toLowerCase();
-        $Data.filteredApiData = $Data.apiData
-            .map((group) => ({
-                ...group,
-                apis: group.apis.filter((api) => api.label.toLowerCase().includes(searchLower))
-            }))
-            .filter((group) => group.apis.length > 0);
-    },
-
-    // 全选
-    onCheckAll() {
-        const allApiIds = [];
-        $Data.apiData.forEach((group) => {
-            group.apis.forEach((api) => {
-                allApiIds.push(api.id);
-            });
-        });
-        $Data.checkedApiIds = allApiIds;
-    },
-
-    // 取消全选
-    onUncheckAll() {
-        $Data.checkedApiIds = [];
-    },
-
-    // 提交表单
-    async onSubmit() {
-        try {
-            const res = await $Http('/addon/admin/role/apiSave', {
-                roleId: $Prop.rowData.id,
-                apiIds: $Data.checkedApiIds
-            });
-
-            if (res.code === 0) {
-                Modal.message({
-                    message: '保存成功',
-                    status: 'success'
-                });
-                $Data.visible = false;
-                $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">
-.comp-role-api {
-    height: 60vh;
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-
-    .search-box {
-    }
-
-    .api-container {
-        flex: 1;
-        overflow-y: auto;
-
-        .api-group {
-            margin-bottom: 16px;
-            border: 1px solid $border-color;
-            border-radius: $border-radius-small;
-            overflow: hidden;
-
-            &:last-child {
-                margin-bottom: 0;
-            }
-
-            .group-header {
-                padding: 12px 16px;
-                background-color: $bg-color-hover;
-                font-weight: 500;
-                font-size: $font-size-sm;
-                color: $text-primary;
-                display: flex;
-                align-items: center;
-                gap: 8px;
-
-                &::before {
-                    content: '';
-                    width: 8px;
-                    height: 8px;
-                    border-radius: 50%;
-                    background-color: $primary-color;
-                    opacity: 0.3;
-                    flex-shrink: 0;
-                }
-            }
-
-            .api-checkbox-list {
-                padding: 16px;
-                background-color: $bg-color-container;
-
-                :deep(.tiny-checkbox-group) {
-                    display: flex;
-                    flex-wrap: wrap;
-                    gap: 12px;
-                    width: 100%;
-                }
-
-                :deep(.tiny-checkbox) {
-                    flex: 0 0 calc(33.333% - 8px);
-                    margin: 0;
-
-                    .tiny-checkbox__label {
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                    }
-                }
-            }
-        }
-    }
-}
-
-// 底部操作栏布局
-:deep(.tiny-dialog-box__footer) {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .footer-left {
-        display: flex;
-        gap: 8px;
-    }
-
-    .footer-right {
-        display: flex;
-        gap: 8px;
-    }
-}
-</style>

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

@@ -1,129 +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">
-        <div class="comp-role-edit">
-            <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="请输入角色代码，如：admin" />
-                </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="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>
-        </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
-    },
-    actionType: {
-        type: String,
-        default: 'add'
-    },
-    rowData: {
-        type: Object,
-        default: {}
-    }
-});
-
-const $Emit = defineEmits(['update:modelValue', 'success']);
-
-// 表单引用
-const $From = $shallowRef({
-    form: null
-});
-
-const $Computed = {};
-
-const $Data = $ref({
-    visible: false,
-    formData: {
-        id: 0,
-        name: '',
-        code: '',
-        description: '',
-        sort: 0,
-        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' }
-        ],
-        sort: [{ type: 'number', message: '排序必须是数字', trigger: 'blur' }]
-    }
-});
-
-// 方法集合
-const $Method = {
-    async initData() {
-        if ($Prop.actionType === 'upd' && $Prop.rowData.id) {
-            $Data.formData = Object.assign({}, $Prop.rowData);
-        }
-        $Method.onShow();
-    },
-    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/roleUpd' : '/addon/admin/roleIns', $Data.formData);
-
-            Modal.message({
-                message: $Prop.actionType === 'upd' ? '更新成功' : '添加成功',
-                status: 'success'
-            });
-            $Data.visible = false;
-            $Emit('success');
-        } catch (error) {
-            console.error('提交失败:', error);
-            Modal.message({
-                message: '提交失败',
-                status: 'error'
-            });
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-.comp-role-edit {
-}
-</style>

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

@@ -1,143 +0,0 @@
-<template>
-    <tiny-dialog-box v-model:visible="$Data.visible" title="菜单权限" width="600px" :append-to-body="true" :show-footer="true" top="10vh" @close="$Method.onClose">
-        <div class="comp-role-menu">
-            <tiny-tree :data="$Data.menuTreeData" node-key="id" show-checkbox default-expand-all :props="{ label: 'name' }" :ref="(el) => ($From.tree = el)" />
-        </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>
-import { arrayToTree } from '@/utils';
-
-const $Prop = defineProps({
-    modelValue: {
-        type: Boolean,
-        default: false
-    },
-    rowData: {
-        type: Object,
-        default: () => ({})
-    }
-});
-
-const $Emit = defineEmits(['update:modelValue', 'success']);
-
-// 表单引用
-const $From = $shallowRef({
-    tree: null
-});
-
-const $Data = $ref({
-    visible: false,
-    menuTreeData: [],
-    menuTreeCheckedKeys: []
-});
-
-// 方法集合
-const $Method = {
-    async initData() {
-        await Promise.all([$Method.apiMenuAll(), $Method.apiRoleMenuDetail()]);
-        $Method.onShow();
-    },
-
-    onShow() {
-        setTimeout(() => {
-            $Data.visible = $Prop.modelValue;
-        }, 100);
-    },
-
-    onClose() {
-        $Data.visible = false;
-        setTimeout(() => {
-            $Emit('update:modelValue', false);
-        }, 300);
-    },
-
-    // 加载菜单树（用于配置权限）
-    async apiMenuAll() {
-        try {
-            const res = await $Http('/addon/admin/menu/all');
-            // menuAll 返回的 data 直接就是菜单数组
-            const menuList = Array.isArray(res.data) ? res.data : [];
-            $Data.menuTreeData = arrayToTree(menuList);
-        } catch (error) {
-            console.error('加载菜单失败:', error);
-            Modal.message({ message: '加载菜单失败', status: 'error' });
-        }
-    },
-
-    // 加载该角色已分配的菜单
-    async apiRoleMenuDetail() {
-        if (!$Prop.rowData.id) return;
-
-        try {
-            const res = await $Http('/addon/admin/role/menuDetail', {
-                roleId: $Prop.rowData.id
-            });
-
-            // roleMenuDetail 返回的 data 直接就是菜单 ID 数组
-            $Data.menuTreeCheckedKeys = Array.isArray(res.data) ? res.data : [];
-
-            // 等待树渲染完成后设置选中状态
-            nextTick(() => {
-                if ($From.tree && $Data.menuTreeCheckedKeys.length > 0) {
-                    $From.tree.setCheckedKeys($Data.menuTreeCheckedKeys);
-                }
-            });
-        } catch (error) {
-            console.error('加载角色菜单失败:', error);
-        }
-    },
-
-    // 提交表单
-    async onSubmit() {
-        try {
-            if (!$From.tree) {
-                Modal.message({ message: '菜单树未初始化', status: 'error' });
-                return;
-            }
-
-            // 获取选中的节点（包括半选中的父节点）
-            const checkedKeys = $From.tree.getCheckedKeys();
-            const halfCheckedKeys = $From.tree.getHalfCheckedKeys();
-            const menuIds = [...checkedKeys, ...halfCheckedKeys];
-
-            const res = await $Http('/addon/admin/role/menuSave', {
-                roleId: $Prop.rowData.id,
-                menuIds
-            });
-
-            if (res.code === 0) {
-                Modal.message({
-                    message: '保存成功',
-                    status: 'success'
-                });
-                $Data.visible = false;
-                $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">
-.comp-role-menu {
-}
-</style>