<!--
 * @Author: 纪泽龙 jizelong@qq.com
 * @Date: 2026-01-09 15:10:53
 * @LastEditors: 纪泽龙 jizelong@qq.com
 * @LastEditTime: 2026-01-10 15:57:06
 * @FilePath: /huaxindd-web/src/views/Ind2/components/Right.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
  <div class="right">
    <div class="t">
      <Title text="隐患统计" />
      <div class="tc">
        <HazardOverviewVue />
      </div>
    </div>
    <div class="b">
      <Title text="设备生命周期" />
      <div class="table">
        <Table/>
      </div>
    </div>
  </div>
</template>

<script>
import Title from "@/views/PubCom/title.vue";
import HazardOverviewVue from "./HazardOverview.vue";
import Table from "./IssueTable.vue"

export default {
  name: "",
  components: {
    Title,
    HazardOverviewVue,
    Table
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
.right {
  // width: 20%;
  width: 434px;

  position: absolute;
  top: 102px;
  bottom: 50px;
  // background: url("~@/assets/index/r.png") no-repeat center;
  // background-size: 100% 100%;
  // background: red;
  // border: 1px solid red;
  right: 10px;
  z-index: 9999;
  .t {
    // margin-top:25px;
    .tc{
      margin-top:25px;
      
    }
  }
  .b{
    margin-top:25px;
    .table{
      margin-top:10px;
      width: 255px;
      height: 500px;
      // background: blue;
    }
  }
}
</style>
