Showing
1 changed file
with
26 additions
and
34 deletions
| ... | ... | @@ -9,7 +9,6 @@ |
| 9 | 9 | import { useMessage } from '/@/hooks/web/useMessage'; |
| 10 | 10 | import { useRoute } from 'vue-router'; |
| 11 | 11 | import { useGo } from '/@/hooks/web/usePage'; |
| 12 | - import { PageWrapper } from '/@/components/Page'; | |
| 13 | 12 | |
| 14 | 13 | defineEmits(['register']); |
| 15 | 14 | |
| ... | ... | @@ -45,7 +44,6 @@ |
| 45 | 44 | const [registerTable, { reload }] = useTable({ |
| 46 | 45 | title: '边缘设备', |
| 47 | 46 | columns, |
| 48 | - tableLayout: 'auto', | |
| 49 | 47 | api: async ({ page, pageSize, textSearch }) => { |
| 50 | 48 | const res = await edgeDevicePage( |
| 51 | 49 | { |
| ... | ... | @@ -80,44 +78,38 @@ |
| 80 | 78 | |
| 81 | 79 | const handleEventIsSuccess = () => reload(); |
| 82 | 80 | |
| 83 | - function goBack() { | |
| 84 | - go('/edge/edge_detail/' + edgeId.value); | |
| 85 | - } | |
| 86 | - | |
| 87 | 81 | function handleGoDeviceDetail(record: Recordable) { |
| 88 | 82 | go(`/edge/edge_device/edge_device_detail/${record?.id?.id}/${edgeId.value}`); |
| 89 | 83 | } |
| 90 | 84 | </script> |
| 91 | 85 | |
| 92 | 86 | <template> |
| 93 | - <PageWrapper :title="`边缘设备`" contentBackground @back="goBack"> | |
| 94 | - <BasicTable :clickToRowSelect="false" @register="registerTable"> | |
| 95 | - <template #toolbar> | |
| 96 | - <a-button type="primary" @click="handleEventIsDistribution"> 分配设备 </a-button> | |
| 97 | - </template> | |
| 98 | - <template #action="{ record }"> | |
| 99 | - <TableAction | |
| 100 | - :actions="[ | |
| 101 | - { | |
| 102 | - label: '详情', | |
| 103 | - icon: 'ant-design:eye-outlined', | |
| 104 | - onClick: handleGoDeviceDetail.bind(null, record), | |
| 105 | - }, | |
| 106 | - { | |
| 107 | - label: '取消分配', | |
| 108 | - icon: 'mdi:account-arrow-left', | |
| 109 | - onClick: handleEventIsCancelDistribution.bind(null, record), | |
| 110 | - }, | |
| 111 | - ]" | |
| 112 | - /> | |
| 113 | - </template> | |
| 114 | - </BasicTable> | |
| 115 | - <EdgeDeviceDistribution | |
| 116 | - @register="registerEdgeDeviceDistributionModal" | |
| 117 | - :edgeId="edgeId" | |
| 118 | - @success="handleEventIsSuccess" | |
| 119 | - /> | |
| 120 | - </PageWrapper> | |
| 87 | + <BasicTable :clickToRowSelect="false" @register="registerTable"> | |
| 88 | + <template #toolbar> | |
| 89 | + <a-button type="primary" @click="handleEventIsDistribution"> 分配设备 </a-button> | |
| 90 | + </template> | |
| 91 | + <template #action="{ record }"> | |
| 92 | + <TableAction | |
| 93 | + :actions="[ | |
| 94 | + { | |
| 95 | + label: '详情', | |
| 96 | + icon: 'ant-design:eye-outlined', | |
| 97 | + onClick: handleGoDeviceDetail.bind(null, record), | |
| 98 | + }, | |
| 99 | + { | |
| 100 | + label: '取消分配', | |
| 101 | + icon: 'mdi:account-arrow-left', | |
| 102 | + onClick: handleEventIsCancelDistribution.bind(null, record), | |
| 103 | + }, | |
| 104 | + ]" | |
| 105 | + /> | |
| 106 | + </template> | |
| 107 | + </BasicTable> | |
| 108 | + <EdgeDeviceDistribution | |
| 109 | + @register="registerEdgeDeviceDistributionModal" | |
| 110 | + :edgeId="edgeId" | |
| 111 | + @success="handleEventIsSuccess" | |
| 112 | + /> | |
| 121 | 113 | </template> |
| 122 | 114 | |
| 123 | 115 | <style lang="less" scoped></style> | ... | ... |