update src/views/infra/apiAccessLog/index.vue.

Signed-off-by: yanchangshan <5333290+yanchangshan@user.noreply.gitee.com>

src/views/infra/apiAccessLog/index.vue

@@ -1,40 +1,34 @@
 <template>
-		<div>
+  <div>
-		<BasicTable @register="registerTable">
+    <BasicTable @register="registerTable">
-			<template #toolbar>
+      <template #toolbar>
-			<a-button type="primary" @click="handleCreate"> 新增 </a-button>
+        <a-button type="warning" @click="handleExport"> 导出 </a-button>
-			<a-button type="warning" @click="handleExport"> 导出 </a-button>
+      </template>
-			</template>
+      <template #bodyCell="{ column, record }">
-			<template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
-			<template v-if="column.key === 'action'">
+          <TableAction
-				<TableAction
+            :actions="[
-				:actions="[
+              {
-					{
+                icon: 'ant-design:delete-outlined',
-					icon: 'clarity:note-edit-line',
+                color: 'error',
-					label: '修改',
+                label: '删除',
-					onClick: handleEdit.bind(null, record)
+                popConfirm: {
-					},
+                  title: '是否确认删除',
-					{
+                  placement: 'left',
-					icon: 'ant-design:delete-outlined',
+                  confirm: handleDelete.bind(null, record)
-					color: 'error',
+                }
-					label: '删除',
+              }
-					popConfirm: {
+            ]"
-						title: '是否确认删除',
+          />
-						placement: 'left',
+        </template>
-						confirm: handleDelete.bind(null, record)
+      </template>
-					}
+    </BasicTable>
-					}
+    <ApiAccessLogModel @register="registerModal" @success="reload()" />
-				]"
+  </div>
-				/>
-			</template>
-			</template>
-		</BasicTable>
-		<ApiAccessLogModel @register="registerModal" @success="reload()" />
-		</div>
 </template>
 <script lang="ts" setup name="ApiAccessLog">
 import { BasicTable, useTable, TableAction } from '@/components/Table'
-import { ApiAccessLogExportReqVO, exportApiAccessLogApi, getApiAccessLogPageApi,deleteApiAccessLogApi} from '@/api/infra/apiAccessLog'
+import { ApiAccessLogExportReqVO, exportApiAccessLogApi, getApiAccessLogPageApi, deleteApiAccessLogApi } from '@/api/infra/apiAccessLog'
 import { useModal } from '@/components/Modal'
 import ApiAccessLogModel from './ApiAccessLogModel.vue'
 import { columns, searchFormSchema } from './ApiAccessLog.data'
@@ -45,47 +39,34 @@ const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
 const [registerTable, { getForm, reload }] = useTable({
-		title: 'API 访问日志表列表',
+  title: 'API访问日志列表',
-		api: getApiAccessLogPageApi,
+  api: getApiAccessLogPageApi,
-		columns,
+  columns,
-		formConfig: {
+  formConfig: {
-		labelWidth: 120,
+    labelWidth: 120,
-		schemas: searchFormSchema
+    schemas: searchFormSchema
-		},
+  },
-		useSearchForm: true,
+  useSearchForm: true,
-		showTableSetting: true,
+  showTableSetting: true,
-		showIndexColumn: false,
+  showIndexColumn: false,
-		actionColumn: {
+  actionColumn: {
-		width: 160,
+    width: 160,
-		title: '操作',
+    title: '操作',
-		dataIndex: 'action',
+    dataIndex: 'action',
-		fixed: 'right'
+    fixed: 'right'
-		}
+  }
 })
 
-function handleCreate() {
-		openModal(true, {
-		isUpdate: false
-		})
-}
-
-function handleEdit(record: Recordable) {
-		openModal(true, {
-		record,
-		isUpdate: true
-		})
-}
-
 async function handleExport() {
-		createConfirm({
+  createConfirm({
-		title: '导出',
+    title: '导出',
-		iconType: 'warning',
+    iconType: 'warning',
-		content: '是否要导出数据？',
+    content: '是否要导出数据？',
-		async onOk() {
+    async onOk() {
-			await exportApiAccessLogApi(getForm().getFieldsValue() as ApiAccessLogExportReqVO)
+      await exportApiAccessLogApi(getForm().getFieldsValue() as ApiAccessLogExportReqVO)
-			createMessage.success(t('common.exportSuccessText'))
+      createMessage.success(t('common.exportSuccessText'))
-		}
+    }
-		})
+  })
 }
 
 async function handleDelete(record: Recordable) {
@@ -93,5 +74,4 @@ async function handleDelete(record: Recordable) {
   createMessage.success(t('common.delSuccessText'))
   reload()
 }
-
+</script>
-</script>