<!-- 校验查询 -->
<template>
	<div class="pricemoitorrecord">
		<a-card :bordered="false">
			<div
				style="cursor: pointer; width: 80px"
				@click="
					() => {
						router.back()
					}
				"
			>
				<left-outlined />返回
			</div>
			<br />
			<a-space class="search">
				<div class="silt-title">
					<span style="width: 70px; margin-right: 12px; display: block; line-height: 30px">{{ '单位名称' }}</span>
					<a-input style="width: 220px" v-model:value="SearchFormDel.unitName" placeholder="请输入" />
				</div>
				<div class="btnBox">
					<a-button type="primary" class="primarySele" @click="Search"> 查询 </a-button>
					<a-button class="primarySele snowy-buttom-left" @click="onReset"> 重置 </a-button>
				</div>
			</a-space>
		</a-card>

		<div class="list" style="margin-top: 10px">
			<a-table :dataSource="tableData" :pagination="pagination" :columns="tableColumns"> </a-table>
		</div>
	</div>
</template>
<script setup name="sharing">
	import business from '@/api/basic.info/verifyQuery.js'
	import { listPagination } from '@/hook/listlistPagination.js'
	import { reactive, ref } from 'vue'
	import { useRouter, useRoute } from 'vue-router'
	import { defineComponent } from 'vue'
	const formRef = ref(null)
	const router = useRouter()
	const route = useRoute()
	const tableColumns = [
		{
			title: '序号',
			dataIndex: 'Index',
			align: 'center',
			customRender: ({ text, record, index }) => {
				return `${index + 1}`
			}
		},
		{ title: '单位名称', align: 'center', dataIndex: 'unitName' },
		{ title: '接口名称', align: 'center', dataIndex: 'interfaceName' },
		{ title: '接口字段数', align: 'center', dataIndex: 'interfaceFieldCount' },
		{ title: '错误数据条数', align: 'center', dataIndex: 'errorDataCount' },
		{ title: '最后更新时间', align: 'center', dataIndex: 'lastUpdateTime' }
	]

	const { DEl, change, tableData, onSearch, handlePageChange, pagination, Search, onReset, SearchFormDel } =
		listPagination(
			{ unitName: '' },
			business.SJLKHview,
			{},
			{ sortOrder: 'ASCEND', interfaceName: route.query.interfaceName }
		)
</script>
<style lang="less" scoped>
	.search {
		padding-top: 20px;
		padding-left: 50px;
		margin-bottom: 32px;
		.btnBox {
			width: 100%;
			display: inline-block;
			display: flex;
			justify-content: space-around;
			align-items: center;
			.primarySele {
				margin-left: 20px;
				margin-right: 20px;
			}
		}
	}
	.silt-title {
		display: flex;
	}
</style>
