| | |
| | | </template> |
| | | |
| | | <script lang="ts" name="dry-dryHerb" setup> |
| | | import { ref } from 'vue'; |
| | | import DryHerbModal from './components/DryHerbModal.vue'; |
| | | import { batchDelete, deleteOne, getExportUrl, getImportUrl, list } from './api/DryHerb.api'; |
| | | import { columns, searchFormSchema } from './dataDefine/DryHerb.data'; |
| | | import { useModal } from '/@/components/Modal'; |
| | | import { BasicTable, TableAction } from '/@/components/Table'; |
| | | import { useListPage } from '/@/hooks/system/useListPage'; |
| | | import { downloadFile } from '/@/utils/common/renderUtils'; |
| | | const checkedKeys = ref<Array<string | number>>([]); |
| | | import { ref } from 'vue' |
| | | import DryHerbModal from './components/DryHerbModal.vue' |
| | | import { batchDelete, deleteOne, getExportUrl, getImportUrl, list } from './api/DryHerb.api' |
| | | import { columns, searchFormSchema } from './dataDefine/DryHerb.data' |
| | | import { useModal } from '/@/components/Modal' |
| | | import { BasicTable, TableAction } from '/@/components/Table' |
| | | import { useListPage } from '/@/hooks/system/useListPage' |
| | | import { downloadFile } from '/@/utils/common/renderUtils' |
| | | const checkedKeys = ref<Array<string | number>>([]) |
| | | //注册model |
| | | const [registerModal, { openModal }] = useModal(); |
| | | const [registerModal, { openModal }] = useModal() |
| | | //注册table数据 |
| | | const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({ |
| | | tableProps: { |
| | |
| | | url: getImportUrl, |
| | | success: handleSuccess, |
| | | }, |
| | | }); |
| | | }) |
| | | |
| | | const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext; |
| | | const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext |
| | | |
| | | /** |
| | | * 新增事件 |
| | |
| | | openModal(true, { |
| | | isUpdate: false, |
| | | showFooter: true, |
| | | }); |
| | | }) |
| | | } |
| | | /** |
| | | * 编辑事件 |
| | |
| | | record, |
| | | isUpdate: true, |
| | | showFooter: true, |
| | | }); |
| | | }) |
| | | } |
| | | /** |
| | | * 详情 |
| | |
| | | record, |
| | | isUpdate: true, |
| | | showFooter: false, |
| | | }); |
| | | }) |
| | | } |
| | | /** |
| | | * 删除事件 |
| | | */ |
| | | async function handleDelete(record) { |
| | | await deleteOne({ id: record.id }, handleSuccess); |
| | | await deleteOne({ id: record.id }, handleSuccess) |
| | | } |
| | | /** |
| | | * 批量删除事件 |
| | | */ |
| | | async function batchHandleDelete() { |
| | | await batchDelete({ ids: selectedRowKeys.value }, handleSuccess); |
| | | await batchDelete({ ids: selectedRowKeys.value }, handleSuccess) |
| | | } |
| | | /** |
| | | * 成功回调 |
| | | */ |
| | | function handleSuccess() { |
| | | (selectedRowKeys.value = []) && reload(); |
| | | ;(selectedRowKeys.value = []) && reload() |
| | | } |
| | | /** |
| | | * 操作栏 |
| | |
| | | label: '编辑', |
| | | onClick: handleEdit.bind(null, record), |
| | | }, |
| | | ]; |
| | | ] |
| | | } |
| | | /** |
| | | * 下拉操作栏 |
| | |
| | | confirm: handleDelete.bind(null, record), |
| | | }, |
| | | }, |
| | | ]; |
| | | ] |
| | | } |
| | | </script> |
| | | |