<!--
 * @Author: changjun
 * @FilePath: /qingdao-safety-product/src/views/threatIntelligence/management/ipAddressDetail.vue
 * @Date: 2022-08-10 11:12:19
 * @Description: IP地址详情
 * @LastEditTime: 2022-08-12 16:51:17
 * @LastEditors: changjun
-->
<script setup lang="ts">
import ManagementDetail from './ManagementDetail.vue'
</script>

<template>

  <ManagementDetail type="IP"></ManagementDetail>

</template>

<style lang="scss" scoped>
.mt-16 {
  margin-top: 16px;
}

.ip-address-detail-box {
  width: 100%;
  min-width: 940px;
  height: 100%;
  display: flex;
  flex-direction: column;
}


.detail-content-box {
  width: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.detail-content-block {
  display: flex;
  flex-direction: column;

  .custom-detail-table {
    margin-top: 13px;
  }

  .tag-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;

    .tag {
      padding: 0 8px;
      box-sizing: border-box;
      height: 20px;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 400;
      color: #0095FF;
      background: rgba(0, 149, 255, 0.1100);
    }

    .tag+.tag {
      margin-left: 8px;
    }

    .tag-waring {
      color: #F18301;
      background: rgba(241, 131, 1, 0.1200);
    }

    .tag-success {
      border-color: #4E9B40;
      color: #4E9B40;
    }

    .tag-error {
      background: rgba(230, 88, 87, 0.1100);
      color: #E65857;
    }
  }



}

.empty-block {
  width: 100%;
  height: 70px;
  display: flex;
  background: #F4F5F7;
  box-sizing: border-box;
}
</style>
