@befly-addon/admin 1.0.55 → 1.0.56

package/tables/sysConfig.json

@@ -0,0 +1,53 @@
+{
+    "name": {
+        "name": "配置名称",
+        "type": "string",
+        "min": 2,
+        "max": 50
+    },
+    "code": {
+        "name": "配置代码",
+        "type": "string",
+        "min": 2,
+        "max": 100,
+        "unique": true,
+        "regexp": "@alphanumeric_"
+    },
+    "value": {
+        "name": "配置值",
+        "type": "text"
+    },
+    "valueType": {
+        "name": "值类型",
+        "type": "string",
+        "max": 20,
+        "default": "string",
+        "comment": "string number boolean json"
+    },
+    "group": {
+        "name": "配置分组",
+        "type": "string",
+        "max": 50,
+        "index": true
+    },
+    "sort": {
+        "name": "排序",
+        "type": "number",
+        "min": 0,
+        "max": 9999,
+        "default": 0
+    },
+    "isSystem": {
+        "name": "是否系统配置",
+        "type": "number",
+        "min": 0,
+        "max": 1,
+        "default": 0,
+        "comment": "1是 0否"
+    },
+    "description": {
+        "name": "描述说明",
+        "type": "string",
+        "max": 500
+    }
+}

package/views/403_1/meta.json

@@ -0,0 +1,4 @@
+{
+    "name": "403",
+    "order": 101
+}

package/views/{dict → config/dict}/index.vue

@@ -9,7 +9,7 @@
                 </TButton>
             </div>
             <div class="right">
-                <TButton @click="$Method.handleRefresh">
+                <TButton shape="circle" @click="$Method.handleRefresh">
                     <template #icon>
                         <ILucideRotateCw />
                     </template>
@@ -18,15 +18,18 @@
         </div>
         <div class="main-content">
             <div class="main-table">
-                <TTable v-bind="withTableProps()" :data="$Data.dictList" :columns="$Data.columns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" @active-change="$Method.onActiveChange">
+                <TTable :data="$Data.dictList" :columns="$Data.columns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" row-key="id" height="calc(100vh - 94px)" active-row-type="single" @active-change="$Method.onActiveChange">
                     <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>
+                        <TTag v-if="row.state === 1" shape="round" theme="success" variant="light-outline">正常</TTag>
+                        <TTag v-else-if="row.state === 2" shape="round" theme="warning" variant="light-outline">禁用</TTag>
+                        <TTag v-else shape="round" theme="danger" variant="light-outline">已删除</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>
+                        <TDropdown trigger="click" placement="bottom-right" @click="(data) => $Method.onAction(data.value, row)">
+                            <TButton theme="primary" size="small">
+                                操作
+                                <template #suffix> <t-icon name="chevron-down" size="16" /></template>
+                            </TButton>
                             <TDropdownMenu slot="dropdown">
                                 <TDropdownItem value="upd">
                                     <ILucidePencil />
@@ -43,19 +46,7 @@
             </div>
 
             <div class="main-detail">
-                <DetailPanel
-                    :data="$Data.currentRow"
-                    :fields="[
-                        { key: 'id', label: 'ID' },
-                        { key: 'name', label: '字典名称' },
-                        { key: 'code', label: '字典代码' },
-                        { key: 'value', label: '字典值' },
-                        { key: 'pid', label: '父级ID', default: '顶级' },
-                        { key: 'sort', label: '排序' },
-                        { key: 'description', label: '描述' },
-                        { key: 'state', label: '状态' }
-                    ]"
-                />
+                <DetailPanel :data="$Data.currentRow" :fields="$Data.columns" />
             </div>
         </div>
 
@@ -77,7 +68,7 @@ import ILucideTrash2 from '~icons/lucide/trash-2';
 import EditDialog from './components/edit.vue';
 import DetailPanel from '@/components/DetailPanel.vue';
 import { $Http } from '@/plugins/http';
-import { withDefaultColumns, withTableProps } from '@/utils';
+import { withDefaultColumns } from '@/utils';
 
 // 响应式数据
 const $Data = $ref({
@@ -86,15 +77,15 @@ const $Data = $ref({
     activeRowKeys: [],
     currentRow: null,
     columns: withDefaultColumns([
-        { colKey: 'index', title: '序号', width: 60, align: 'center' },
+        { colKey: 'index', title: '序号' },
         { 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: 'code', title: '字典代码' },
+        { colKey: 'value', title: '字典值' },
+        { colKey: 'pid', title: '父级ID' },
+        { colKey: 'sort', title: '排序' },
         { colKey: 'description', title: '描述' },
-        { colKey: 'state', title: '状态', width: 100, ellipsis: false },
-        { colKey: 'operation', title: '操作', width: 120, align: 'right', ellipsis: false }
+        { colKey: 'state', title: '状态' },
+        { colKey: 'operation', title: '操作' }
     ]),
     pagerConfig: {
         currentPage: 1,
@@ -181,18 +172,16 @@ const $Method = {
         $Method.apiDictList();
     },
 
-    // 高亮行变化（点击行选中）
-    onActiveChange(value, { activeRowData }) {
+    // 高亮行变化
+    onActiveChange(value, context) {
+        // 禁止取消高亮：如果新值为空，保持当前选中
+        if (value.length === 0 && $Data.activeRowKeys.length > 0) {
+            return;
+        }
         $Data.activeRowKeys = value;
         // 更新当前高亮的行数据
-        if (activeRowData && activeRowData.length > 0) {
-            $Data.currentRow = activeRowData[0];
-        } else if ($Data.dictList.length > 0) {
-            // 如果取消高亮，默认显示第一行
-            $Data.currentRow = $Data.dictList[0];
-            $Data.activeRowKeys = [$Data.dictList[0].id];
-        } else {
-            $Data.currentRow = null;
+        if (context.activeRowList && context.activeRowList.length > 0) {
+            $Data.currentRow = context.activeRowList[0].row;
         }
     },
 

package/views/config/dict/meta.json

@@ -0,0 +1,4 @@
+{
+    "name": "字典配置",
+    "order": 1
+}

package/views/config/meta.json

@@ -0,0 +1,4 @@
+{
+    "name": "配置管理",
+    "order": 30
+}

package/views/config/system/components/edit.vue

@@ -0,0 +1,179 @@
+<template>
+    <TDialog 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">
+        <TForm :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($Form.form = el)">
+            <TFormItem label="配置名称" prop="name">
+                <TInput v-model="$Data.formData.name" placeholder="请输入配置名称" :disabled="$Data.isSystem" />
+            </TFormItem>
+            <TFormItem label="配置代码" prop="code">
+                <TInput v-model="$Data.formData.code" placeholder="请输入配置代码，如：site_name" :disabled="$Prop.actionType === 'upd'" />
+            </TFormItem>
+            <TFormItem label="配置值" prop="value">
+                <TTextarea v-if="$Data.formData.valueType === 'json' || $Data.formData.valueType === 'text'" v-model="$Data.formData.value" placeholder="请输入配置值" :autosize="{ minRows: 3, maxRows: 8 }" />
+                <TInput v-else v-model="$Data.formData.value" placeholder="请输入配置值" />
+            </TFormItem>
+            <TFormItem label="值类型" prop="valueType">
+                <TSelect v-model="$Data.formData.valueType" :disabled="$Data.isSystem">
+                    <TOption label="字符串" value="string" />
+                    <TOption label="数字" value="number" />
+                    <TOption label="布尔" value="boolean" />
+                    <TOption label="JSON" value="json" />
+                </TSelect>
+            </TFormItem>
+            <TFormItem label="配置分组" prop="group">
+                <TSelect v-model="$Data.formData.group" placeholder="请选择分组" clearable :disabled="$Data.isSystem">
+                    <TOption v-for="item in $Data2.groupOptions" :key="item" :label="item" :value="item" />
+                </TSelect>
+            </TFormItem>
+            <TFormItem label="排序" prop="sort">
+                <TInputNumber v-model="$Data.formData.sort" :min="0" :max="9999" :disabled="$Data.isSystem" />
+            </TFormItem>
+            <TFormItem label="描述说明" prop="description">
+                <TTextarea v-model="$Data.formData.description" placeholder="请输入描述说明" :autosize="{ minRows: 2, maxRows: 4 }" :disabled="$Data.isSystem" />
+            </TFormItem>
+            <TFormItem v-if="$Prop.actionType === 'upd' && !$Data.isSystem" label="状态" prop="state">
+                <TRadioGroup v-model="$Data.formData.state">
+                    <TRadio :value="1">正常</TRadio>
+                    <TRadio :value="2">禁用</TRadio>
+                </TRadioGroup>
+            </TFormItem>
+        </TForm>
+        <template #footer>
+            <TButton @click="$Method.onClose">取消</TButton>
+            <TButton theme="primary" :loading="$Data.submitting" @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, Textarea as TTextarea, InputNumber as TInputNumber, Select as TSelect, Option as TOption, 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 $Form = $shallowRef({
+    form: null
+});
+
+const $Data = $ref({
+    visible: false,
+    submitting: false,
+    isSystem: false,
+    formData: {
+        id: 0,
+        name: '',
+        code: '',
+        value: '',
+        valueType: 'string',
+        group: '',
+        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' }],
+        valueType: [{ required: true, message: '请选择值类型', trigger: 'change' }]
+    },
+    groupOptions: ['基础配置', '邮件配置', '存储配置', '安全配置', '其他']
+});
+
+// 方法集合
+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.valueType = $Prop.rowData.valueType || 'string';
+            $Data.formData.group = $Prop.rowData.group || '';
+            $Data.formData.sort = $Prop.rowData.sort || 0;
+            $Data.formData.description = $Prop.rowData.description || '';
+            $Data.formData.state = $Prop.rowData.state || 1;
+            $Data.isSystem = $Prop.rowData.isSystem === 1;
+        } else {
+            $Data.formData = {
+                id: 0,
+                name: '',
+                code: '',
+                value: '',
+                valueType: 'string',
+                group: '',
+                sort: 0,
+                description: '',
+                state: 1
+            };
+            $Data.isSystem = false;
+        }
+    },
+
+    onClose() {
+        $Data.visible = false;
+        $Emit('update:modelValue', false);
+    },
+
+    async onSubmit() {
+        const valid = await $Form.form?.validate();
+        if (valid !== true) return;
+
+        $Data.submitting = true;
+        try {
+            const api = $Prop.actionType === 'upd' ? '/addon/admin/sysConfig/upd' : '/addon/admin/sysConfig/ins';
+            const res = await $Http(api, $Data.formData);
+
+            if (res.code === 0) {
+                MessagePlugin.success($Prop.actionType === 'upd' ? '编辑成功' : '添加成功');
+                $Emit('success');
+                $Method.onClose();
+            } else {
+                MessagePlugin.error(res.msg || '操作失败');
+            }
+        } catch (error) {
+            MessagePlugin.error('操作失败');
+        } finally {
+            $Data.submitting = false;
+        }
+    }
+};
+
+watch(
+    () => $Prop.modelValue,
+    (val) => {
+        if (val) {
+            $Method.initData();
+        }
+    },
+    { immediate: true }
+);
+</script>
+
+<style scoped lang="scss"></style>

package/views/config/system/index.vue

@@ -0,0 +1,256 @@
+<template>
+    <div class="page-sys-config page-table">
+        <div class="main-tool">
+            <div class="left">
+                <TButton theme="primary" @click="$Method.onAction('add', {})">
+                    <template #icon>
+                        <ILucidePlus />
+                    </template>
+                    新增配置
+                </TButton>
+                <TSelect v-model="$Data.filter.group" placeholder="配置分组" clearable style="width: 150px" @change="$Method.handleFilter">
+                    <TOption v-for="item in $Data.groupOptions" :key="item" :label="item" :value="item" />
+                </TSelect>
+            </div>
+            <div class="right">
+                <TButton shape="circle" @click="$Method.handleRefresh">
+                    <template #icon>
+                        <ILucideRotateCw />
+                    </template>
+                </TButton>
+            </div>
+        </div>
+
+        <div class="main-content">
+            <div class="main-table">
+                <TTable :data="$Data.tableData" :columns="$Data.columns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" row-key="id" height="100%" active-row-type="single" @active-change="$Method.onActiveChange">
+                    <template #isSystem="{ row }">
+                        <TTag v-if="row.isSystem === 1" shape="round" theme="warning" variant="light-outline">系统</TTag>
+                        <TTag v-else shape="round" variant="light-outline">自定义</TTag>
+                    </template>
+                    <template #valueType="{ row }">
+                        <TTag shape="round" variant="light-outline">{{ row.valueType }}</TTag>
+                    </template>
+                    <template #state="{ row }">
+                        <TTag v-if="row.state === 1" shape="round" theme="success" variant="light-outline">正常</TTag>
+                        <TTag v-else-if="row.state === 2" shape="round" theme="warning" variant="light-outline">禁用</TTag>
+                    </template>
+                    <template #operation="{ row }">
+                        <TDropdown trigger="click" placement="bottom-right" @click="(data) => $Method.onAction(data.value, row)">
+                            <TButton theme="primary" size="small">
+                                操作
+                                <template #suffix><t-icon name="chevron-down" size="16" /></template>
+                            </TButton>
+                            <TDropdownMenu slot="dropdown">
+                                <TDropdownItem value="upd">
+                                    <ILucidePencil />
+                                    编辑
+                                </TDropdownItem>
+                                <TDropdownItem v-if="row.isSystem !== 1" value="del" :divider="true">
+                                    <ILucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
+                                    删除
+                                </TDropdownItem>
+                            </TDropdownMenu>
+                        </TDropdown>
+                    </template>
+                </TTable>
+            </div>
+
+            <div class="main-detail">
+                <DetailPanel :data="$Data.currentRow" :fields="$Data.detailFields">
+                    <template #isSystem="{ value }">
+                        <TTag v-if="value === 1" shape="round" theme="warning" variant="light-outline">系统配置</TTag>
+                        <TTag v-else shape="round" variant="light-outline">自定义配置</TTag>
+                    </template>
+                    <template #valueType="{ value }">
+                        <TTag shape="round" variant="light-outline">{{ value }}</TTag>
+                    </template>
+                    <template #value="{ value }">
+                        <pre class="config-value">{{ value }}</pre>
+                    </template>
+                </DetailPanel>
+            </div>
+        </div>
+
+        <div class="main-page">
+            <TPagination :current-page="$Data.pagerConfig.currentPage" :page-size="$Data.pagerConfig.limit" :total="$Data.pagerConfig.total" @current-change="$Method.onPageChange" @page-size-change="$Method.handleSizeChange" />
+        </div>
+
+        <!-- 编辑对话框 -->
+        <EditDialog v-if="$Data.editVisible" v-model="$Data.editVisible" :action-type="$Data.actionType" :row-data="$Data.rowData" @success="$Method.apiConfigList" />
+    </div>
+</template>
+
+<script setup>
+import { Button as TButton, Table as TTable, Tag as TTag, Select as TSelect, Option as TOption, 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 DetailPanel from '@/components/DetailPanel.vue';
+import { $Http } from '@/plugins/http';
+import { withDefaultColumns } from '@/utils';
+
+// 响应式数据
+const $Data = $ref({
+    tableData: [],
+    loading: false,
+    columns: withDefaultColumns([
+        { colKey: 'name', title: '配置名称', fixed: 'left', width: 150 },
+        { colKey: 'id', title: '序号', width: 80 },
+        { colKey: 'code', title: '配置代码', ellipsis: true },
+        { colKey: 'value', title: '配置值', ellipsis: true, width: 200 },
+        { colKey: 'valueType', title: '值类型', width: 100 },
+        { colKey: 'group', title: '分组', width: 100 },
+        { colKey: 'sort', title: '排序', width: 80 },
+        { colKey: 'isSystem', title: '类型', width: 80 },
+        { colKey: 'state', title: '状态', width: 80 },
+        { colKey: 'operation', title: '操作', width: 100 }
+    ]),
+    detailFields: [
+        { colKey: 'name', title: '配置名称' },
+        { colKey: 'code', title: '配置代码' },
+        { colKey: 'value', title: '配置值' },
+        { colKey: 'valueType', title: '值类型' },
+        { colKey: 'group', title: '配置分组' },
+        { colKey: 'sort', title: '排序' },
+        { colKey: 'isSystem', title: '配置类型' },
+        { colKey: 'description', title: '描述说明' }
+    ],
+    pagerConfig: {
+        currentPage: 1,
+        limit: 30,
+        total: 0
+    },
+    currentRow: null,
+    activeRowKeys: [],
+    editVisible: false,
+    actionType: 'add',
+    rowData: {},
+    filter: {
+        group: ''
+    },
+    groupOptions: ['基础配置', '邮件配置', '存储配置', '安全配置', '其他']
+});
+
+// 方法
+const $Method = {
+    async initData() {
+        await $Method.apiConfigList();
+    },
+
+    // 加载配置列表
+    async apiConfigList() {
+        $Data.loading = true;
+        try {
+            const res = await $Http('/addon/admin/sysConfig/list', {
+                page: $Data.pagerConfig.currentPage,
+                limit: $Data.pagerConfig.limit
+            });
+            $Data.tableData = res.data.lists || [];
+            $Data.pagerConfig.total = res.data.total || 0;
+
+            if ($Data.tableData.length > 0) {
+                $Data.currentRow = $Data.tableData[0];
+                $Data.activeRowKeys = [$Data.tableData[0].id];
+            } else {
+                $Data.currentRow = null;
+                $Data.activeRowKeys = [];
+            }
+        } catch (error) {
+            MessagePlugin.error('加载数据失败');
+        } finally {
+            $Data.loading = false;
+        }
+    },
+
+    // 删除配置
+    async apiConfigDel(row) {
+        if (row.isSystem === 1) {
+            MessagePlugin.warning('系统配置不允许删除');
+            return;
+        }
+
+        DialogPlugin.confirm({
+            header: '确认删除',
+            body: `确定要删除配置"${row.name}"吗？`,
+            status: 'warning'
+        }).then(async () => {
+            try {
+                const res = await $Http('/addon/admin/sysConfig/del', { id: row.id });
+                if (res.code === 0) {
+                    MessagePlugin.success('删除成功');
+                    $Method.apiConfigList();
+                } else {
+                    MessagePlugin.error(res.msg || '删除失败');
+                }
+            } catch (error) {
+                MessagePlugin.error('删除失败');
+            }
+        });
+    },
+
+    // 筛选
+    handleFilter() {
+        $Data.pagerConfig.currentPage = 1;
+        $Method.apiConfigList();
+    },
+
+    // 刷新
+    handleRefresh() {
+        $Method.apiConfigList();
+    },
+
+    // 分页改变
+    onPageChange(currentPage) {
+        $Data.pagerConfig.currentPage = currentPage;
+        $Method.apiConfigList();
+    },
+
+    // 每页条数改变
+    handleSizeChange(pageSize) {
+        $Data.pagerConfig.limit = pageSize;
+        $Data.pagerConfig.currentPage = 1;
+        $Method.apiConfigList();
+    },
+
+    // 高亮行变化
+    onActiveChange(value, context) {
+        if (value.length === 0 && $Data.activeRowKeys.length > 0) {
+            return;
+        }
+        $Data.activeRowKeys = value;
+        if (context.activeRowList && context.activeRowList.length > 0) {
+            $Data.currentRow = context.activeRowList[0].row;
+        }
+    },
+
+    // 操作菜单点击
+    onAction(command, rowData) {
+        $Data.actionType = command;
+        $Data.rowData = rowData;
+        if (command === 'add' || command === 'upd') {
+            $Data.editVisible = true;
+        } else if (command === 'del') {
+            $Method.apiConfigDel(rowData);
+        }
+    }
+};
+
+$Method.initData();
+</script>
+
+<style scoped lang="scss">
+.config-value {
+    margin: 0;
+    padding: 8px;
+    background: var(--td-bg-color-container);
+    border-radius: 4px;
+    font-size: 12px;
+    max-height: 150px;
+    overflow: auto;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+</style>

package/views/config/system/meta.json

@@ -0,0 +1,4 @@
+{
+    "name": "系统配置",
+    "order": 2
+}