@befly-addon/admin 1.1.29 → 1.1.31

package/views/config/dictType/index.vue

@@ -0,0 +1,242 @@
+<template>
+    <div class="page-dict-type 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">
+                <TInput v-model="$Data.searchKeyword" placeholder="搜索类型名称" clearable @enter="$Method.handleSearch" @clear="$Method.handleSearch">
+                    <template #suffix-icon>
+                        <ILucideSearch />
+                    </template>
+                </TInput>
+                <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="calc(100vh - var(--search-height) - var(--pagination-height) - var(--layout-gap) * 4)"
+                    active-row-type="single"
+                    @active-change="$Method.onActiveChange"
+                >
+                    <template #operation="{ row }">
+                        <TDropdown trigger="click" placement="bottom-right" @click="(data) => $Method.onAction(data.value, row)">
+                            <TButton theme="primary" size="small">
+                                操作
+                                <template #suffix> <ILucideChevronDown /></template>
+                            </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-detail">
+                <DetailPanel :data="$Data.currentRow" :fields="$Data.columns" />
+            </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.apiDictTypeList" />
+    </div>
+</template>
+
+<script setup>
+import { Button as TButton, Table as TTable, Input as TInput, 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 ILucideSearch from "~icons/lucide/search";
+import ILucidePencil from "~icons/lucide/pencil";
+import ILucideTrash2 from "~icons/lucide/trash-2";
+import ILucideChevronDown from "~icons/lucide/chevron-down";
+import EditDialog from "./components/edit.vue";
+import DetailPanel from "@/components/DetailPanel.vue";
+import { $Http } from "@/plugins/http";
+import { withDefaultColumns } from "befly-vite/utils/withDefaultColumns";
+
+definePage({
+    meta: {
+        title: "字典类型",
+        order: 0
+    }
+});
+
+const $Data = $ref({
+    tableData: [],
+    loading: false,
+    activeRowKeys: [],
+    currentRow: null,
+    searchKeyword: "",
+    columns: withDefaultColumns([
+        { colKey: "id", title: "ID" },
+        { colKey: "code", title: "类型代码" },
+        { colKey: "name", title: "类型名称" },
+        { colKey: "description", title: "描述" },
+        { colKey: "sort", title: "排序" },
+        { colKey: "operation", title: "操作" }
+    ]),
+    pagerConfig: {
+        currentPage: 1,
+        limit: 30,
+        total: 0,
+        align: "right",
+        layout: "total, prev, pager, next, jumper"
+    },
+    editVisible: false,
+    actionType: "add",
+    rowData: {}
+});
+
+const $Method = {
+    async initData() {
+        await $Method.apiDictTypeList();
+    },
+    async apiDictTypeList() {
+        $Data.loading = true;
+        try {
+            const res = await $Http("/addon/admin/dictType/list", {
+                page: $Data.pagerConfig.currentPage,
+                limit: $Data.pagerConfig.limit,
+                keyword: $Data.searchKeyword
+            });
+            $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 apiDictTypeDel(row) {
+        let dialog = null;
+        let destroyed = false;
+
+        const destroy = () => {
+            if (destroyed) return;
+            destroyed = true;
+            if (dialog && typeof dialog.destroy === "function") {
+                dialog.destroy();
+            }
+        };
+
+        dialog = DialogPlugin.confirm({
+            header: "确认删除",
+            body: `确认删除类型“${row.name}”吗？`,
+            status: "warning",
+            confirmBtn: "删除",
+            cancelBtn: "取消",
+            onConfirm: async () => {
+                if (dialog && typeof dialog.setConfirmLoading === "function") {
+                    dialog.setConfirmLoading(true);
+                }
+
+                try {
+                    await $Http("/addon/admin/dictType/del", { id: row.id });
+                    MessagePlugin.success("删除成功");
+                    destroy();
+                    await $Method.apiDictTypeList();
+                } catch (error) {
+                    MessagePlugin.error("删除失败");
+                } finally {
+                    if (dialog && typeof dialog.setConfirmLoading === "function") {
+                        dialog.setConfirmLoading(false);
+                    }
+                }
+            },
+            onClose: () => {
+                destroy();
+            }
+        });
+    },
+    handleSearch() {
+        $Data.pagerConfig.currentPage = 1;
+        $Method.apiDictTypeList();
+    },
+    handleRefresh() {
+        $Data.searchKeyword = "";
+        $Data.pagerConfig.currentPage = 1;
+        $Method.apiDictTypeList();
+    },
+    onPageChange({ currentPage }) {
+        $Data.pagerConfig.currentPage = currentPage;
+        $Method.apiDictTypeList();
+    },
+    handleSizeChange({ pageSize }) {
+        $Data.pagerConfig.limit = pageSize;
+        $Data.pagerConfig.currentPage = 1;
+        $Method.apiDictTypeList();
+    },
+    onActiveChange(value, context) {
+        if (value.length === 0 && $Data.activeRowKeys.length > 0) {
+            return;
+        }
+        $Data.activeRowKeys = value;
+        $Data.currentRow = context.currentRowData;
+    },
+    onAction(type, row) {
+        if (type === "add") {
+            $Data.actionType = "add";
+            $Data.rowData = {};
+            $Data.editVisible = true;
+        } else if (type === "upd") {
+            $Data.actionType = "upd";
+            $Data.rowData = { ...row };
+            $Data.editVisible = true;
+        } else if (type === "del") {
+            $Method.apiDictTypeDel(row);
+        }
+    }
+};
+
+onMounted(() => {
+    $Method.initData();
+});
+</script>
+
+<style scoped lang="scss">
+.page-dict-type {
+    .main-tool .right {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+
+        .t-input {
+            width: 240px;
+        }
+    }
+}
+</style>

package/views/config/index.vue

@@ -0,0 +1,12 @@
+<template>
+    <RouterView />
+</template>
+
+<script setup>
+definePage({
+    meta: {
+        title: "配置管理",
+        order: 30
+    }
+});
+</script>

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

@@ -45,9 +45,9 @@
 </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';
+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: {
@@ -56,7 +56,7 @@ const $Prop = defineProps({
     },
     actionType: {
         type: String,
-        default: 'add'
+        default: "add"
     },
     rowData: {
         type: Object,
@@ -64,7 +64,7 @@ const $Prop = defineProps({
     }
 });
 
-const $Emit = defineEmits(['update:modelValue', 'success']);
+const $Emit = defineEmits(["update:modelValue", "success"]);
 
 // 表单引用
 const $Form = $shallowRef({
@@ -77,28 +77,28 @@ const $Data = $ref({
     isSystem: false,
     formData: {
         id: 0,
-        name: '',
-        code: '',
-        value: '',
-        valueType: 'string',
-        group: '',
+        name: "",
+        code: "",
+        value: "",
+        valueType: "string",
+        group: "",
         sort: 0,
-        description: '',
+        description: "",
         state: 1
     }
 });
 
 const $Data2 = $shallowRef({
     formRules: {
-        name: [{ required: true, message: '请输入配置名称', trigger: 'blur' }],
+        name: [{ required: true, message: "请输入配置名称", trigger: "blur" }],
         code: [
-            { required: true, message: '请输入配置代码', trigger: 'blur' },
-            { pattern: /^[a-zA-Z0-9_]+$/, message: '配置代码只能包含字母、数字和下划线', trigger: 'blur' }
+            { 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' }]
+        value: [{ required: true, message: "请输入配置值", trigger: "blur" }],
+        valueType: [{ required: true, message: "请选择值类型", trigger: "change" }]
     },
-    groupOptions: ['基础配置', '邮件配置', '存储配置', '安全配置', '其他']
+    groupOptions: ["基础配置", "邮件配置", "存储配置", "安全配置", "其他"]
 });
 
 // 方法集合
@@ -109,27 +109,27 @@ const $Method = {
 
     onShow() {
         $Data.visible = true;
-        if ($Prop.actionType === 'upd' && $Prop.rowData) {
+        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.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.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: '',
+                name: "",
+                code: "",
+                value: "",
+                valueType: "string",
+                group: "",
                 sort: 0,
-                description: '',
+                description: "",
                 state: 1
             };
             $Data.isSystem = false;
@@ -138,7 +138,7 @@ const $Method = {
 
     onClose() {
         $Data.visible = false;
-        $Emit('update:modelValue', false);
+        $Emit("update:modelValue", false);
     },
 
     async onSubmit() {
@@ -147,18 +147,18 @@ const $Method = {
 
         $Data.submitting = true;
         try {
-            const api = $Prop.actionType === 'upd' ? '/addon/admin/sysConfig/upd' : '/addon/admin/sysConfig/ins';
+            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');
+                MessagePlugin.success($Prop.actionType === "upd" ? "编辑成功" : "添加成功");
+                $Emit("success");
                 $Method.onClose();
             } else {
-                MessagePlugin.error(res.msg || '操作失败');
+                MessagePlugin.error(res.msg || "操作失败");
             }
         } catch (error) {
-            MessagePlugin.error('操作失败');
+            MessagePlugin.error("操作失败");
         } finally {
             $Data.submitting = false;
         }

package/views/config/system/index.vue

@@ -82,42 +82,49 @@
 </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 ILucideChevronDown from '~icons/lucide/chevron-down';
-import EditDialog from './components/edit.vue';
-import DetailPanel from '@/components/DetailPanel.vue';
-import { $Http } from '@/plugins/http';
-import { withDefaultColumns } from 'befly-shared/withDefaultColumns';
+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 ILucideChevronDown from "~icons/lucide/chevron-down";
+import EditDialog from "./components/edit.vue";
+import DetailPanel from "@/components/DetailPanel.vue";
+import { $Http } from "@/plugins/http";
+import { withDefaultColumns } from "befly-vite/utils/withDefaultColumns";
+
+definePage({
+    meta: {
+        title: "系统配置",
+        order: 2
+    }
+});
 
 // 响应式数据
 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 }
+        { 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: '描述说明' }
+        { 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,
@@ -127,12 +134,12 @@ const $Data = $ref({
     currentRow: null,
     activeRowKeys: [],
     editVisible: false,
-    actionType: 'add',
+    actionType: "add",
     rowData: {},
     filter: {
-        group: ''
+        group: ""
     },
-    groupOptions: ['基础配置', '邮件配置', '存储配置', '安全配置', '其他']
+    groupOptions: ["基础配置", "邮件配置", "存储配置", "安全配置", "其他"]
 });
 
 // 方法
@@ -145,7 +152,7 @@ const $Method = {
     async apiConfigList() {
         $Data.loading = true;
         try {
-            const res = await $Http('/addon/admin/sysConfig/list', {
+            const res = await $Http("/addon/admin/sysConfig/list", {
                 page: $Data.pagerConfig.currentPage,
                 limit: $Data.pagerConfig.limit
             });
@@ -160,7 +167,7 @@ const $Method = {
                 $Data.activeRowKeys = [];
             }
         } catch (error) {
-            MessagePlugin.error('加载数据失败');
+            MessagePlugin.error("加载数据失败");
         } finally {
             $Data.loading = false;
         }
@@ -169,25 +176,47 @@ const $Method = {
     // 删除配置
     async apiConfigDel(row) {
         if (row.isSystem === 1) {
-            MessagePlugin.warning('系统配置不允许删除');
+            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 || '删除失败');
+        let dialog = null;
+        let destroyed = false;
+
+        const destroy = () => {
+            if (destroyed) return;
+            destroyed = true;
+            if (dialog && typeof dialog.destroy === "function") {
+                dialog.destroy();
+            }
+        };
+
+        dialog = DialogPlugin.confirm({
+            header: "确认删除",
+            body: `确认删除配置“${row.name}”吗？`,
+            status: "warning",
+            confirmBtn: "删除",
+            cancelBtn: "取消",
+            onConfirm: async () => {
+                if (dialog && typeof dialog.setConfirmLoading === "function") {
+                    dialog.setConfirmLoading(true);
+                }
+
+                try {
+                    await $Http("/addon/admin/sysConfig/del", { id: row.id });
+                    MessagePlugin.success("删除成功");
+                    destroy();
+                    await $Method.apiConfigList();
+                } catch (error) {
+                    MessagePlugin.error("删除失败");
+                } finally {
+                    if (dialog && typeof dialog.setConfirmLoading === "function") {
+                        dialog.setConfirmLoading(false);
+                    }
                 }
-            } catch (error) {
-                MessagePlugin.error('删除失败');
+            },
+            onClose: () => {
+                destroy();
             }
         });
     },
@@ -231,9 +260,9 @@ const $Method = {
     onAction(command, rowData) {
         $Data.actionType = command;
         $Data.rowData = rowData;
-        if (command === 'add' || command === 'upd') {
+        if (command === "add" || command === "upd") {
             $Data.editVisible = true;
-        } else if (command === 'del') {
+        } else if (command === "del") {
             $Method.apiConfigDel(rowData);
         }
     }

package/views/index/components/addonList.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script setup>
-import { $Http } from '@/plugins/http';
+import { $Http } from "@/plugins/http";
 
 // 组件内部数据
 const addonList = $ref([]);
@@ -32,10 +32,10 @@ const addonList = $ref([]);
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboard/addonList');
+        const { data } = await $Http("/addon/admin/dashboard/addonList");
         addonList.splice(0, addonList.length, ...data);
     } catch (error) {
-        console.error('获取插件列表失败:', error);
+        // 静默失败：不阻断页面展示
     }
 };
 

package/views/index/components/environmentInfo.vue

@@ -36,26 +36,26 @@
 </template>
 
 <script setup>
-import ILucideServer from '~icons/lucide/server';
-import { $Http } from '@/plugins/http';
+import ILucideServer from "~icons/lucide/server";
+import { $Http } from "@/plugins/http";
 
 // 组件内部数据
 const environmentInfo = $ref({
-    os: '',
-    server: '',
-    nodeVersion: '',
-    database: '',
-    cache: '',
-    timezone: ''
+    os: "",
+    server: "",
+    nodeVersion: "",
+    database: "",
+    cache: "",
+    timezone: ""
 });
 
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboard/environmentInfo');
+        const { data } = await $Http("/addon/admin/dashboard/environmentInfo");
         Object.assign(environmentInfo, data);
     } catch (error) {
-        console.error('获取运行环境信息失败:', error);
+        // 静默失败：不阻断页面展示
     }
 };