<!-- 证书到期提醒，详情 -->
<script lang="ts" setup name="addNotice">
import baseInfo from '@/views/tested/device/info/components/edit.vue'
import reportTable from '@/views/tested/device/remind/components/reportTable.vue'
import statusTable from '@/views/tested/device/remind/components/statusTable.vue'
import roamTable from '@/views/tested/device/remind/components/roamTable.vue'
const activeName = ref('基本信息')
const $router = useRouter()
</script>

<template>
  <app-container style="overflow: hidden;">
    <detail-page title="证书报告">
      <template #btns>
        <el-button type="info" @click="$router.back()">
          关闭
        </el-button>
      </template>
    </detail-page>
    <detail-block-com>
      <el-tabs v-model="activeName" type="card" class="demo-tabs">
        <el-tab-pane label="基本信息" name="基本信息">
          <base-info class="device-base-info" />
        </el-tab-pane>
        <el-tab-pane label="证书报告" name="证书报告">
          <report-table :data="[]" status="detail" />
        </el-tab-pane>
        <el-tab-pane label="状态变更记录" name="状态变更记录">
          <status-table :data="[]" status="detail" />
        </el-tab-pane>
        <el-tab-pane label="设备流转日志" name="设备流转日志">
          <roam-table :data="[]" status="detail" />
        </el-tab-pane>
      </el-tabs>
    </detail-block-com>
  </app-container>
</template>

<style lang="scss" scoped>
// 样式
.device-base-info {
  ::v-deep(.base-info-device) {
    display: none;
  }

  // ::v-deep(.header) {
  //   display: none;
  // }
}
</style>