@befly-addon/admin 1.1.34 → 1.2.0

package/views/config/dict/index.vue

@@ -1,266 +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">
-                <TSelect v-model="$Data.searchTypeCode" placeholder="请选择字典类型" clearable filterable @change="$Method.handleSearch">
-                    <TOption v-for="item in $Data.typeList" :key="item.code" :value="item.code" :label="item.name" />
-                </TSelect>
-                <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" :type-list="$Data.typeList" @success="$Method.apiDictList" />
-    </div>
-</template>
-
-<script setup>
-import { onMounted } from "vue";
-
-import { Button as TButton, Table as TTable, Input as TInput, 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 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: 1
-    }
-});
-
-const $Data = $ref({
-    tableData: [],
-    typeList: [],
-    loading: false,
-    activeRowKeys: [],
-    currentRow: null,
-    searchTypeCode: "",
-    searchKeyword: "",
-    columns: withDefaultColumns([
-        { colKey: "id", title: "ID" },
-        { colKey: "typeName", title: "类型名称" },
-        { colKey: "typeCode", title: "类型代码" },
-        { colKey: "label", title: "标签" },
-        { colKey: "key", title: "键值" },
-        { colKey: "sort", title: "排序", width: 100 },
-        { colKey: "remark", 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.apiDictTypeAll();
-        await $Method.apiDictList();
-    },
-    async apiDictTypeAll() {
-        try {
-            const res = await $Http("/addon/admin/dictType/all");
-            $Data.typeList = res.data.lists || [];
-        } catch (error) {
-            MessagePlugin.error("加载数据失败");
-        }
-    },
-    async apiDictList() {
-        $Data.loading = true;
-        try {
-            const res = await $Http("/addon/admin/dict/list", {
-                page: $Data.pagerConfig.currentPage,
-                limit: $Data.pagerConfig.limit,
-                typeCode: $Data.searchTypeCode,
-                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 apiDictDel(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.label}”吗？`,
-            status: "warning",
-            confirmBtn: "删除",
-            cancelBtn: "取消",
-            onConfirm: async () => {
-                if (dialog && typeof dialog.setConfirmLoading === "function") {
-                    dialog.setConfirmLoading(true);
-                }
-
-                try {
-                    await $Http("/addon/admin/dict/del", { id: row.id });
-                    MessagePlugin.success("删除成功");
-                    destroy();
-                    await $Method.apiDictList();
-                } catch (error) {
-                    MessagePlugin.error("删除失败");
-                } finally {
-                    if (dialog && typeof dialog.setConfirmLoading === "function") {
-                        dialog.setConfirmLoading(false);
-                    }
-                }
-            },
-            onClose: () => {
-                destroy();
-            }
-        });
-    },
-    handleSearch() {
-        $Data.pagerConfig.currentPage = 1;
-        $Method.apiDictList();
-    },
-    handleRefresh() {
-        $Data.searchTypeCode = "";
-        $Data.searchKeyword = "";
-        $Data.pagerConfig.currentPage = 1;
-        $Method.apiDictList();
-    },
-    onPageChange({ currentPage }) {
-        $Data.pagerConfig.currentPage = currentPage;
-        $Method.apiDictList();
-    },
-    handleSizeChange({ pageSize }) {
-        $Data.pagerConfig.limit = pageSize;
-        $Data.pagerConfig.currentPage = 1;
-        $Method.apiDictList();
-    },
-    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.apiDictDel(row);
-        }
-    }
-};
-
-onMounted(() => {
-    $Method.initData();
-});
-</script>
-
-<style scoped lang="scss">
-.page-dict {
-    .main-tool .right {
-        display: flex;
-        gap: 8px;
-        align-items: center;
-
-        .t-select {
-            width: 200px;
-        }
-
-        .t-input {
-            width: 240px;
-        }
-    }
-}
-</style>

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

@@ -1,100 +0,0 @@
-<template>
-    <TDialog v-model:visible="visible" :header="actionType === 'add' ? '添加字典类型' : '编辑字典类型'" width="600px" @confirm="$Method.handleSubmit" @close="$Method.handleClose">
-        <TForm ref="formRef" :data="$Data.formData" :rules="$Data.rules" label-width="100px">
-            <TFormItem label="类型代码" name="code">
-                <TInput v-model="$Data.formData.code" placeholder="请输入类型代码（英文/数字/下划线）" :disabled="actionType === 'upd'" />
-            </TFormItem>
-            <TFormItem label="类型名称" name="name">
-                <TInput v-model="$Data.formData.name" placeholder="请输入类型名称" />
-            </TFormItem>
-            <TFormItem label="描述" name="description">
-                <TTextarea v-model="$Data.formData.description" placeholder="请输入描述信息" :autosize="{ minRows: 3, maxRows: 6 }" />
-            </TFormItem>
-            <TFormItem label="排序" name="sort">
-                <TInputNumber v-model="$Data.formData.sort" :min="0" placeholder="请输入排序值" />
-            </TFormItem>
-        </TForm>
-    </TDialog>
-</template>
-
-<script setup>
-import { computed } from "vue";
-
-import { Dialog as TDialog, Form as TForm, FormItem as TFormItem, Input as TInput, Textarea as TTextarea, InputNumber as TInputNumber, MessagePlugin } from "tdesign-vue-next";
-import { $Http } from "@/plugins/http";
-
-const props = defineProps({
-    modelValue: Boolean,
-    actionType: String,
-    rowData: Object
-});
-
-const emit = defineEmits(["update:modelValue", "success"]);
-
-const visible = computed({
-    get: () => props.modelValue,
-    set: (val) => emit("update:modelValue", val)
-});
-
-const formRef = $ref(null);
-
-const $Data = $ref({
-    formData: {
-        code: "",
-        name: "",
-        description: "",
-        sort: 0
-    },
-    rules: {
-        code: [{ required: true, message: "请输入类型代码" }],
-        name: [{ required: true, message: "请输入类型名称" }]
-    }
-});
-
-const $Method = {
-    async handleSubmit() {
-        const valid = await formRef.validate();
-        if (!valid) return;
-
-        try {
-            const apiUrl = props.actionType === "add" ? "/addon/admin/dictType/ins" : "/addon/admin/dictType/upd";
-            const params = {
-                code: $Data.formData.code,
-                name: $Data.formData.name,
-                description: $Data.formData.description,
-                sort: $Data.formData.sort
-            };
-            if (props.actionType === "upd") {
-                params.id = props.rowData.id;
-            }
-
-            const res = await $Http(apiUrl, params);
-            if (res.code === 0) {
-                MessagePlugin.success(props.actionType === "add" ? "添加成功" : "更新成功");
-                visible.value = false;
-                emit("success");
-            } else {
-                MessagePlugin.error(res.msg || "操作失败");
-            }
-        } catch (error) {
-            MessagePlugin.error("操作失败");
-        }
-    },
-    handleClose() {
-        visible.value = false;
-    }
-};
-
-// 该组件由父组件 v-if 控制挂载/卸载，因此无需 watch：创建时初始化一次即可
-if (props.actionType === "upd" && props.rowData) {
-    $Data.formData.code = props.rowData.code || "";
-    $Data.formData.name = props.rowData.name || "";
-    $Data.formData.description = props.rowData.description || "";
-    $Data.formData.sort = props.rowData.sort || 0;
-} else {
-    $Data.formData.code = "";
-    $Data.formData.name = "";
-    $Data.formData.description = "";
-    $Data.formData.sort = 0;
-}
-</script>

package/views/config/dictType/index.vue

@@ -1,244 +0,0 @@
-<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 { onMounted } from "vue";
-
-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

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