index.vue
1.63 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<script lang="ts" setup>
import { Button } from 'ant-design-vue';
import { columns, searchFormSchema } from './config/config';
import { PageWrapper } from '/@/components/Page';
import { BasicTable, useTable } from '/@/components/Table';
import PackageDetailModal from './components/PackageDetailModal.vue';
import { useModal } from '/@/components/Modal';
// import { ApiUpload } from '/@/components/Form';
// import { computed, ref, unref } from 'vue';
const [register] = useTable({
columns,
title: '包仓库',
formConfig: {
labelWidth: 120,
schemas: searchFormSchema,
},
useSearchForm: true,
showTableSetting: true,
});
const [registerModal, { openModal }] = useModal();
const handleCreatePackage = () => {
openModal(true);
};
// const fileList = ref([]);
// const handleUpload = async (file: File) => {
// console.log(file);
// return new Promise((resolve) => {
// setTimeout(() => {
// resolve({
// uid: file.uid,
// type: file.type,
// name: file.name,
// linkProps: { download: 'http://www.baidu.cn' },
// });
// }, 3000);
// });
// };
</script>
<template>
<PageWrapper dense contentFullHeight contentClass="flex flex-col">
<!-- <div class="w-40 h-40">
<ApiUpload v-model:file-list="fileList" :api="handleUpload" />
</div> -->
<BasicTable @register="register">
<template #toolbar>
<Button @click="handleCreatePackage" type="primary">新增包</Button>
</template>
</BasicTable>
<PackageDetailModal @register="registerModal" />
</PageWrapper>
</template>