<!--
 * @Author: changjun
 * @FilePath: /qingdao-safety-product/src/views/threatIntelligenceManagement/fileHashList.vue
 * @Date: 2022-08-03 14:08:25
 * @Description: 
 * @LastEditTime: 2022-08-10 09:46:09
 * @LastEditors: changjun
-->
<script setup lang="ts">

import TableCountryItem from '../components/TableCountryItem.vue'
import QuickSearch from '../components/QuickSearch.vue'
import { useFileHashList } from '../composable/useFileHashList'

const {
  page,
  pageSize,
  total,
  tableData,
  searchFormData,
  searchFormColumns,
  tableColumn,
  handleSearchBlockSearch,
  handleSearchBlockReset,
  handleQuickSearch,
  tableBtnClick,
  sizeChange,
  currentChange,
} = useFileHashList()

</script>

<template>
  <YaPageContent :formData="searchFormData" searchLabelWidth="90px" :formColumns="searchFormColumns" :tableData="tableData"
    :tableColumns="tableColumn" @search="handleSearchBlockSearch" @reset="handleSearchBlockReset" @tableBtnClick="tableBtnClick" :currentPage="page"
    :total="total" :pageSize="pageSize" @sizeChange="sizeChange" @currentChange="currentChange"
     >

    <template #pageContentTop>
      <QuickSearch placeholder="请输入hash/文件类型/来源/恶意类型" @search="handleQuickSearch"></QuickSearch>
    </template>

    <template #geoPosition="{ item }">
      <TableCountryItem :name="item.countryName" :code="item.countryCode"></TableCountryItem>>
    </template>

  </YaPageContent>

</template>
