import dayjs from 'dayjs';

export const useManagementDetail = (props) => {
  const currentType = props.type
  console.log('获取到的 type', currentType)
  const intelligenceLabels = ref([]) as any
  const topDetailList = ref([]) as any
  const riskLevel = ref(2)
  const confidenceLevel = ref(2)
  const detailTitle = ref('') // 详情顶部标题设置

  const tabs = ref([]) as any // 标签页
  const currentName = ref('') // 当前标签页

  // 基本信息左侧
  const basicInfoLeft = ref([]) as any
  // 基本信息右侧
  const basicInfoRight = ref([]) as any


  // 情报聚合
  const openSourceTableData = ref([]) as any
  let openSourceTableColumn = ref([]) as any

  // 相关样本
  const relatedSampleTableData = ref([]) as any
  const relatedSampleTableColumn = ref([]) as any

  // 相关事件
  const relatedEventsTableData = ref([]) as any
  const relatedEventsTableColumn = ref([]) as any



  function init() {
    getPageData()
  }


  async function getPageData() {

    if(currentType === 'IP') {
      detailTitle.value = '185.7.214.104'
      tabs.value = [
        { title: '情报聚合' },
        { title: '异常行为', disabled: true },
        { title: 'IP WHOIS' },
        { title: 'IP 反查' },
        { title: '开放端口' },
        { title: '数字证书', disabled: true },
        { title: 'Graph', disabled: true }
      ]
      currentName.value = '情报聚合'

      openSourceTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '150px',
        },
        {
          prop: "tags",
          label: "情报标签",
          minWidth: '500px',
          slotName: 'tags'
        },
        {
          prop: "time",
          label: "时间",
        },
      ]

      relatedSampleTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '300px',
        },
        {
          prop: "maliciousTypes",
          label: "恶意类型",
          minWidth: '150px',
        },
        {
          prop: "home",
          label: "家族/团伙",
          minWidth: '300px',
        },
        {
          prop: "tags",
          label: "情报标签",
          width: '400px',
          slotName: 'tags'
        },
        {
          prop: "time",
          label: "发现",
          minWidth: '180px'
        },
      ]

      relatedEventsTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '150px',
        },
        {
          prop: "tags",
          label: "情报标签",
          minWidth: '500px',
          slotName: 'tags'
        },
        {
          prop: "author",
          label: "发布者",
          minWidth: '150px',
        },
        {
          prop: "time",
          label: "时间",
        },
      ]


      openSourceTableData.value = [
        {
          name: '开源情报',
          tags: [{ name: 'automatic-collection', type: 'default' }],
          time: dayjs().format('YYYY-MM-DD')
        },
        {
          name: '开源情报',
          tags: [{ name: 'port scan', type: 'default' }],
          time: dayjs().format('YYYY-MM-DD')
        },
        {
          name: '开源情报',
          tags: [{ name: '可疑', type: 'waring' }],
          time: dayjs().format('YYYY-MM-DD')
        },
      ]
  
  
  
      intelligenceLabels.value = [
        {
          name: '黑客工具',
          type: 'error'
        },
        {
          name: 'HACKING',
          type: 'error'
        },
        {
          name: '其他远控',
          type: 'error'
        },
        {
          name: '出站',
          type: 'default'
        },
        {
          name: '入站',
          type: 'default'
        },
      ]
  
      topDetailList.value = [
        {
          icon: 'icon-diliweizhi',
          title: '地理位置',
          desc: '俄罗斯 莫斯科'
        },
        {
          icon: 'icon-ASN',
          title: 'ASN',
          desc: 'AS 57523 changway-as'
        },
        {
          icon: 'icon-wangluoleixing',
          title: '网络类型',
          desc: 'AS 57523 changway-as'
        },
        {
          icon: 'icon-IPzhucejigou',
          title: 'IP注册机构',
          desc: "Chang Way Technolo-gies Co. Limited"
        },
        {
          icon: 'icon-IDCfuwuqi',
          title: 'IDC服务器',
          desc: '否'
        },
        {
          icon: 'icon-nizongfuwu',
          title: '匿踪服务',
          desc: '否'
        },
      ]
  
      relatedEventsTableData.value = [
        {
          name: 'https://t.co/eczu2eh',
          tags: [{ name: '可疑', type: 'waring' }],
          author: 'tc_special',
          time: dayjs().format('YYYY-MM-DD')
        },
      ]
  
  
  
      relatedSampleTableData.value = [
        {
          name: 'f01ed0c8080a7acf32e5aeaf8ae3ff65',
          maliciousTypes: 'HackTool,木马',
          home: 'Win64/HackTool.CobaltStr',
          tags: [{ name: 'HackTool', type: 'error' }, { name: '木马', type: 'error' }],
          time: dayjs().format('YYYY-MM-DD')
        },
      ]
    } else if(currentType === 'DOMAIN') {
      detailTitle.value = 'xred.mooo.com'
      tabs.value = [
        { title: '情报聚合' },
        { title: '异常行为', disabled: true },
        { title: 'IP WHOIS' },
        { title: 'IP 反查' },
        { title: '开放端口' },
        { title: '数字证书', disabled: true },
        { title: 'Graph', disabled: true }
      ]
      currentName.value = '情报聚合'
      openSourceTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '150px',
        },
        {
          prop: "tags",
          label: "情报标签",
          minWidth: '500px',
          slotName: 'tags'
        },
        {
          prop: "time",
          label: "时间",
        },
      ]
      relatedSampleTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '300px',
        },
        {
          prop: "maliciousTypes",
          label: "恶意类型",
          minWidth: '150px',
        },
        {
          prop: "home",
          label: "家族/团伙",
          minWidth: '300px',
        },
        {
          prop: "tags",
          label: "情报标签",
          width: '400px',
          slotName: 'tags'
        },
        {
          prop: "time",
          label: "发现",
          minWidth: '180px'
        },
      ]

      relatedEventsTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '150px',
        },
        {
          prop: "tags",
          label: "情报标签",
          minWidth: '500px',
          slotName: 'tags'
        },
        {
          prop: "author",
          label: "发布者",
          minWidth: '150px',
        },
        {
          prop: "time",
          label: "时间",
        },
      ]


      openSourceTableData.value = [
        {
          name: '开源情报',
          tags: [{ name: 'automatic-collection', type: 'default' }],
          time: dayjs().format('YYYY-MM-DD')
        },
      ]
  
  
  
      intelligenceLabels.value = [
        {
          name: '其他远控',
          type: 'error'
        },
        {
          name: 'sinkhole',
          type: 'error'
        },
        {
          name: '动态域名',
          type: 'default'
        },
      ]
  
      topDetailList.value = [
        {
          icon: 'icon-zhuceren',
          title: '注册人',
          desc: '刘玲玲'
        },
        {
          icon: 'icon-lianxiyouxiang',
          title: '联系邮箱',
          desc: '- -'
        },
        {
          icon: 'icon-suoshuzuzhi',
          title: '所属组织',
          desc: '- -'
        },
        {
          icon: 'icon-shoucizhuceshijian',
          title: '首次注册时间',
          desc: "2000-03-24 06:27:37"
        },
        {
          icon: 'icon-zhucedaoqishijian',
          title: '注册到期时间',
          desc: '2023-03-24 05:27:37'
        },
        {
          icon: 'icon-yumingkejiexi',
          title: '域名可解析',
          desc: '是'
        },
      ]
  
      relatedEventsTableData.value = [
        {
          name: 'https://t.co/eczu2eh',
          tags: [{ name: '可疑', type: 'waring' }],
          author: '微步在线',
          time: dayjs().format('YYYY-MM-DD')
        },
        {
          name: 'https://t.co/eczu2eh',
          tags: [{ name: 'xred', type: 'default' }],
          author: 'Hacknews',
          time: dayjs().format('YYYY-MM-DD')
        },
        {
          name: 'https://t.co/eczu2eh',
          tags: [{ name: '可疑', type: 'waring' }],
          author: '腾讯安全',
          time: dayjs().format('YYYY-MM-DD')
        },
      ]
  
  
  
      relatedSampleTableData.value = [
        {
          name: 'f01ed0c8080a7acf32e5aeaf8ae3ff65',
          maliciousTypes: 'HackTool,木马',
          home: 'Win64/HackTool.CobaltStr',
          tags: [{ name: 'HackTool', type: 'error' }, { name: '木马', type: 'error' }],
          time: dayjs().format('YYYY-MM-DD')
        },
  
        {
          name: 'f01ed0c8080a7acf32e5aeaf8ae3ff65',
          maliciousTypes: '后门木马,Backdoor',
          home: 'DarkKomet,Win32/Backdoor',
          tags: [{ name: '后门木马', type: 'error' }, { name: 'Backdoor', type: 'error' }],
          time: dayjs().format('YYYY-MM-DD')
        },
  
        {
          name: 'f01ed0c8080a7acf32e5aeaf8ae3ff65',
          maliciousTypes: '后门木马,Backdoor',
          home: 'DarkKomet,Win32/Backdoor',
          tags: [{ name: '后门木马', type: 'error' }, { name: 'Backdoor', type: 'error' }],
          time: dayjs().format('YYYY-MM-DD')
        },
      ]

    } else if(currentType === 'EMAIL') {
      detailTitle.value = 'xydxz@webmine.cz'
      tabs.value = [
        { title: '情报聚合' },
        { title: '异常行为', disabled: true },
        { title: 'IP WHOIS' },
        { title: 'IP 反查' },
        { title: '开放端口' },
        { title: '数字证书', disabled: true },
        { title: 'Graph', disabled: true }
      ]
      currentName.value = '情报聚合'
      openSourceTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '150px',
        },
        {
          prop: "tags",
          label: "情报标签",
          minWidth: '500px',
          slotName: 'tags'
        },
        {
          prop: "time",
          label: "时间",
        },
      ]
      relatedSampleTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '300px',
        },
        {
          prop: "maliciousTypes",
          label: "恶意类型",
          minWidth: '150px',
        },
        {
          prop: "home",
          label: "家族/团伙",
          minWidth: '300px',
        },
        {
          prop: "tags",
          label: "情报标签",
          width: '400px',
          slotName: 'tags'
        },
        {
          prop: "time",
          label: "发现",
          minWidth: '180px'
        },
      ]
      relatedEventsTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '150px',
        },
        {
          prop: "tags",
          label: "情报标签",
          minWidth: '500px',
          slotName: 'tags'
        },
        {
          prop: "author",
          label: "发布者",
          minWidth: '150px',
        },
        {
          prop: "time",
          label: "时间",
        },
      ]


      openSourceTableData.value = [
        {
          name: '开源情报',
          tags: [{ name: 'automatic-collection', type: 'default' }],
          time: dayjs().format('YYYY-MM-DD')
        },
      ]
  
  
  
      intelligenceLabels.value = [
        {
          name: '其他远控',
          type: 'error'
        },
        {
          name: 'sinkhole',
          type: 'error'
        },
        {
          name: 'GDoor',
          type: 'error'
        },
        {
          name: 'Zegost',
          type: 'waring'
        },
        {
          name: 'Agentb',
          type: 'waring'
        },
        {
          name: '动态域名',
          type: 'default'
        },
      ]
  
      topDetailList.value = [
        {
          icon: 'icon-zhuceren',
          title: '注册人',
          desc: '刘玲玲'
        },
        {
          icon: 'icon-lianxiyouxiang',
          title: '联系邮箱',
          desc: '- -'
        },
        {
          icon: 'icon-suoshuzuzhi',
          title: '所属组织',
          desc: '- -'
        },
        {
          icon: 'icon-shoucizhuceshijian',
          title: '首次注册时间',
          desc: "2000-03-24 06:27:37"
        },
        {
          icon: 'icon-zhucedaoqishijian',
          title: '注册到期时间',
          desc: '2023-03-24 05:27:37'
        },
        {
          icon: 'icon-yumingkejiexi',
          title: '域名可解析',
          desc: '是'
        },
      ]
  
      relatedEventsTableData.value = [
        {
          name: 'https://t.co/eczu2eh',
          tags: [{ name: '可疑', type: 'waring' }],
          author: '微步在线',
          time: dayjs().format('YYYY-MM-DD')
        },
        {
          name: 'https://t.co/eczu2eh',
          tags: [{ name: 'xred', type: 'default' }],
          author: 'Hacknews',
          time: dayjs().format('YYYY-MM-DD')
        },
        {
          name: 'https://t.co/eczu2eh',
          tags: [{ name: '可疑', type: 'waring' }],
          author: '腾讯安全',
          time: dayjs().format('YYYY-MM-DD')
        },
      ]
  
  
  
      relatedSampleTableData.value = [
        {
          name: 'f01ed0c8080a7acf32e5aeaf8ae3ff65',
          maliciousTypes: 'HackTool,木马',
          home: 'Win64/HackTool.CobaltStr',
          tags: [{ name: 'HackTool', type: 'error' }, { name: '木马', type: 'error' }],
          time: dayjs().format('YYYY-MM-DD')
        },
  
        {
          name: 'f01ed0c8080a7acf32e5aeaf8ae3ff65',
          maliciousTypes: '后门木马,Backdoor',
          home: 'DarkKomet,Win32/Backdoor',
          tags: [{ name: '后门木马', type: 'error' }, { name: 'Backdoor', type: 'error' }],
          time: dayjs().format('YYYY-MM-DD')
        },
  
        {
          name: 'f01ed0c8080a7acf32e5aeaf8ae3ff65',
          maliciousTypes: '后门木马,Backdoor',
          home: 'DarkKomet,Win32/Backdoor',
          tags: [{ name: '后门木马', type: 'error' }, { name: 'Backdoor', type: 'error' }],
          time: dayjs().format('YYYY-MM-DD')
        },
      ]

    }else if(currentType === 'FILE') {
      detailTitle.value = '5377e8f2ebdb280216c3'
      tabs.value = [
        { title: '基本信息' },
        { title: '行为分析', disabled: true },
        { title: '网络分析' },
        { title: '情报聚合' },
        { title: 'Graph', disabled: true },
      ]
      currentName.value = '基本信息'
      basicInfoLeft.value = [
        {name: 'MD5', content: '5377e8f2ebdb280216c37a6195da9d6c'},
        {name: 'SHA1', content: 'b54c705193b7963a0d40699a91cdb34fedecbe88'},
        {name: 'SHA256', content: 'b54c705193b7963a0d40699a91cdb34fedecbe88'},
        {name: '恶意类型', content: '木马'},
        {name: '家族/团伙', content: 'Berbew'},
      ]
      basicInfoRight.value = [
        {name: '文件名称', content: '- -'},
        {name: '文件大小', content: '85232字节'},
        {name: '文件类型', content: 'elf'},
        {name: '发现时间', content: '2022-07-30 03:46:52'},
        {name: '流行度', content: '', rank: '1'},
      ]
      openSourceTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '150px',
        },
        {
          prop: "tags",
          label: "情报标签",
          minWidth: '500px',
          slotName: 'tags'
        },
        {
          prop: "time",
          label: "时间",
        },
      ]
      relatedSampleTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '300px',
        },
        {
          prop: "maliciousTypes",
          label: "恶意类型",
          minWidth: '150px',
        },
        {
          prop: "home",
          label: "家族/团伙",
          minWidth: '300px',
        },
        {
          prop: "tags",
          label: "情报标签",
          width: '400px',
          slotName: 'tags'
        },
        {
          prop: "time",
          label: "发现",
          minWidth: '180px'
        },
      ]
      relatedEventsTableColumn.value = [
        {
          prop: "name",
          label: "情报源",
          minWidth: '150px',
        },
        {
          prop: "tags",
          label: "情报标签",
          minWidth: '500px',
          slotName: 'tags'
        },
        {
          prop: "author",
          label: "发布者",
          minWidth: '150px',
        },
        {
          prop: "time",
          label: "时间",
        },
      ]

      openSourceTableData.value = [
        {
          name: '开源情报',
          tags: [{ name: 'automatic-collection', type: 'default' }],
          time: dayjs().format('YYYY-MM-DD')
        },
      ]
  
  
  
      intelligenceLabels.value = [
        {
          name: '其他远控',
          type: 'error'
        },
        {
          name: 'sinkhole',
          type: 'error'
        },
        {
          name: 'GDoor',
          type: 'error'
        },
        {
          name: 'Zegost',
          type: 'waring'
        },
        {
          name: 'Agentb',
          type: 'waring'
        },
        {
          name: '动态域名',
          type: 'default'
        },
      ]
  
      topDetailList.value = [
        {
          icon: 'icon-wenjiandaxiao',
          title: '文件大小',
          desc: '85232字节'
        },
        {
          icon: 'icon-wenjianleixing',
          title: '文件类型',
          desc: 'elf'
        },
        {
          icon: 'icon-eyileixing',
          title: '恶意类型',
          desc: '木马'
        },
        {
          icon: 'icon-jiazutuanhuo',
          title: '家族/团伙',
          desc: "Berbew"
        },
        {
          icon: 'icon-faxianshijian',
          title: '发现时间',
          desc: '2022-07-30 03:46:52'
        },
        {
          icon: 'icon-liuhangdu',
          rank: '1',
          title: '流行度',
          desc: ''
        },
      ]
  
      relatedEventsTableData.value = [
        {
          name: 'https://t.co/eczu2eh',
          tags: [{ name: '可疑', type: 'waring' }],
          author: '微步在线',
          time: dayjs().format('YYYY-MM-DD')
        },
        {
          name: 'https://t.co/eczu2eh',
          tags: [{ name: 'xred', type: 'default' }],
          author: 'Hacknews',
          time: dayjs().format('YYYY-MM-DD')
        },
        {
          name: 'https://t.co/eczu2eh',
          tags: [{ name: '可疑', type: 'waring' }],
          author: '腾讯安全',
          time: dayjs().format('YYYY-MM-DD')
        },
      ]
  
  
  
      relatedSampleTableData.value = [
        {
          name: 'f01ed0c8080a7acf32e5aeaf8ae3ff65',
          maliciousTypes: 'HackTool,木马',
          home: 'Win64/HackTool.CobaltStr',
          tags: [{ name: 'HackTool', type: 'error' }, { name: '木马', type: 'error' }],
          time: dayjs().format('YYYY-MM-DD')
        },
  
        {
          name: 'f01ed0c8080a7acf32e5aeaf8ae3ff65',
          maliciousTypes: '后门木马,Backdoor',
          home: 'DarkKomet,Win32/Backdoor',
          tags: [{ name: '后门木马', type: 'error' }, { name: 'Backdoor', type: 'error' }],
          time: dayjs().format('YYYY-MM-DD')
        },
  
        {
          name: 'f01ed0c8080a7acf32e5aeaf8ae3ff65',
          maliciousTypes: '后门木马,Backdoor',
          home: 'DarkKomet,Win32/Backdoor',
          tags: [{ name: '后门木马', type: 'error' }, { name: 'Backdoor', type: 'error' }],
          time: dayjs().format('YYYY-MM-DD')
        },
      ]
    }else{

    }
  }



  const tabChange = (name) => {
    console.log('tabChange', name)
  }

  const tabClick = (name) => {
    console.log('tabClick', name)
  }

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


  return {
    basicInfoLeft,
    basicInfoRight,
    detailTitle,
    currentName,
    intelligenceLabels,
    topDetailList,
    tabs,
    riskLevel,
    confidenceLevel,
    openSourceTableData,
    openSourceTableColumn,
    relatedSampleTableData,
    relatedSampleTableColumn,
    relatedEventsTableData,
    relatedEventsTableColumn,
    tabChange,
    tabClick,
  }







}