import { http } from "@/utils/https";
import { yaMessage, yaErrorMessage, yaConfirmMessage } from '@/utils/message'
import { useRouter, useRoute } from "vue-router";


const GET_TABLE_API = ''

export const useIpList = () => {
  const page = ref(1)
  const pageSize = ref(20)
  const total = ref(0)
  const tableData = ref([]) as any
  const router = useRouter()
  const route = useRoute()
  
  // 查询 formData

  const searchFormData = reactive({
    geographicPosition: '', // 地理位置
    intelligenceSources: '',// 情报来源
    degreeMalicious: '' // 恶意程度 
  })
  
  // 查询 form 列数据
  const searchFormColumns = reactive([
    {
      key: 'geographicPosition',
      type: 'select',
      label: '地理位置',
      option: [],
      col: 8
    },
    {
      key: 'intelligenceSources',
      type: 'select',
      label: '情报来源',
      option: [],
      col: 8
    },
    {
      key: 'degreeMalicious',
      type: 'select',
      label: '恶意程度',
      option: [],
      col: 8
    },
  ])
  
  
  // 表格列
  const tableColumn = [
    {
      width: "80px",
      label: "ID",
      prop: "id",
    },
    {
      prop: "address",
      label: "地址",
      minWidth: '200px'
    },
    {
      prop: "geographicPosition",
      label: "地理位置",
      minWidth: '250px',
      slotName: 'geoPosition'
    },
    {
      prop: "degreeMalicious",
      label: "恶意程度",
      minWidth: '200px',
      slotName: 'degreeMalicious'
    },
    {
      prop: "source",
      label: "来源",
    },
    {
      prop: "time",
      label: "时间",
    },
    {
      label: '操作',
      width: '150px',
      buttons: [
        {
          title: '详情',
        },
        {
          title: '删除',
        },
      ]
    }
  ];

  const getTableData = async (init) => {
    if (init) {
      page.value = 1
    }
    // const pageParam = {
    //   pageNum: page.value,
    //   pageSize: pageSize.value,
    // }
    // const res = await http.post(GET_TABLE_API, pageParam)
    // if (res.data?.rows && res.data?.rows.length > 0) {
    //   tableData.value = res.data.rows
    //   total.value = res.data.total
    // } else {
    //   tableData.value = []
    //   total.value = 0
    // }
    tableData.value = Array.from({ length: 20 }).map((_, index) => {
      return {
        id: index + 1,
        address: '192.168.1.' + index,
        geographicPosition: '地理位置' + index,
        degreeMalicious: '恶意程度' + index,
        degreeMaliciousPercent: Math.floor(Math.random() * 100),
        source: '来源' + index,
        time: '时间' + index,
        countryName: '中国',
        countryCode: '156',
      }
    })
    total.value = 20
  }

  const handleSearchBlockSearch = (form) => {
    console.log('查询区域：', form)
    getTableData(true)
  }
  
  const handleSearchBlockReset = () => {
    console.log('查询区域重置点击')
    getTableData(true)
  }

  const handleQuickSearch = (searchValue) => {
    console.log('快速搜索', searchValue)
  }
  
  const tableBtnClick = (btn, row) => {
    console.log('表格按钮点击', btn, row)
    if (btn.title === '详情') {
      console.log('表格-详情点击')
      console.log('useRoute', route.meta)
      router.push('/threatIntelligence/management/ipAddressDetail'+ '?metaid=' + route.meta.menuId )
    }

    if (btn.title === '删除') {
      console.log('表格-删除点击')
    }
  }
  
  const sizeChange = function (val) {
    pageSize.value = val
    getTableData(true)
  }
  
  const currentChange = function (val) {
    page.value = val
    getTableData(false)
  }
  

  function init(){
    getTableData(true)
  }


  onMounted(() => {
    init()
  })


  return {
    page,
    pageSize,
    total,
    tableData,
    searchFormData,
    searchFormColumns,
    tableColumn,
    handleSearchBlockSearch,
    handleSearchBlockReset,
    handleQuickSearch,
    tableBtnClick,
    sizeChange,
    currentChange,
  }
}