update

init
2025-06-27 17:42:38 +08:00
commit bd6402478b
5317 changed files with 785994 additions and 0 deletions
@@ -0,0 +1,142 @@
+<template>
+    <div>
+        <!--引用表格-->
+        <BasicTable @register="registerTable" :rowSelection="rowSelection">
+            <!--插槽:table标题-->
+            <template #tableTitle>
+                <a-button type="primary" @click="onAdd" preIcon="ant-design:plus-outlined"> 新增 </a-button>
+                <a-button type="primary" preIcon="ant-design:delete-outlined" @click="batchHandleDelete">批量删除 </a-button>
+            </template>
+            <!--操作栏-->
+            <template #action="{ record }">
+                <TableAction :actions="getTableAction(record)" />
+            </template>
+            <!--字段回显插槽-->
+            <template #htmlSlot="{ text }">
+                <div v-html="text"></div>
+            </template>
+        </BasicTable>
+        <!-- 表单区域 -->
+        <SysMessageRemindModal @register="registerModal" @success="handleSuccess" />
+    </div>
+</template>
+
+<script lang="ts" name="system-sysMessageRemind" setup>
+    import { ref } from 'vue';
+    import { BasicTable, TableAction } from '/@/components/Table';
+    import { useModal } from '/@/components/Modal';
+    import { useListPage } from '/@/hooks/system/useListPage';
+    import SysMessageRemindModal from './components/SysMessageRemindModal.vue';
+    import { columns, searchFormSchema } from './SysMessageRemind.data';
+    import { list, deleteOne, batchDelete } from './SysMessageRemind.api';
+    import { message } from 'ant-design-vue';
+
+    const checkedKeys = ref<Array<string | number>>([]);
+    //注册model
+    const [registerModal, { openModal }] = useModal();
+    //注册table数据
+    const { tableContext } = useListPage({
+        tableProps: {
+            title: '消息公告',
+            api: list,
+            columns,
+            canResize: false,
+            formConfig: {
+                //labelWidth: 120,
+                schemas: searchFormSchema,
+                autoSubmitOnEnter: true,
+                showAdvancedButton: false,
+                fieldMapToNumber: [],
+                fieldMapToTime: [],
+            },
+            actionColumn: {
+                width: 155,
+                fixed: 'right',
+            },
+        },
+    });
+
+    const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+    /**
+     * 新增事件
+     */
+    function onAdd() {
+        openModal(true, {
+            isUpdate: false,
+            showFooter: true,
+            title: '新增',
+        });
+    }
+
+    /**
+     * 编辑事件
+     */
+    function onEdit(record: Recordable) {
+        openModal(true, {
+            record,
+            isUpdate: true,
+            showFooter: true,
+            title: '编辑',
+        });
+    }
+
+    /**
+     * 详情
+     */
+    function onDetail(record: Recordable) {
+        openModal(true, {
+            record,
+            isUpdate: true,
+            showFooter: false,
+            title: '详情',
+        });
+    }
+
+    /**
+     * 删除事件
+     */
+    async function onDeleteOne(record) {
+        await deleteOne({ id: record.id }, handleSuccess);
+    }
+
+    /**
+     * 批量删除事件
+     */
+    async function batchHandleDelete() {
+        if (selectedRowKeys.value.length === 0) {
+            message.warning('未选中任何数据');
+            return;
+        }
+        await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+    }
+
+    /**
+     * 成功回调
+     */
+    function handleSuccess() {
+        (selectedRowKeys.value = []) && reload();
+    }
+
+    /**
+     * 操作栏
+     */
+    function getTableAction(record) {
+        return [
+            {
+                label: '编辑',
+                onClick: onEdit.bind(null, record),
+            },
+            {
+                label: '详情',
+                onClick: onDetail.bind(null, record),
+            },
+            {
+                label: '删除',
+                onClick: onDeleteOne.bind(null, record),
+            },
+        ];
+    }
+</script>
+
+<style scoped></style>