<template>
  <view class="detail-box">
    <!-- <image
      class="weitu"
      src="@/static/img/add-img/weitu.png"
      mode="aspectFit"
    ></image> -->
    <view class="container">
      <!-- 物理环境 -->
      <detailItem
        v-if="detailsItem.wlhj"
        :detailObj="detailsItem.wlhj"
        title="物理环境"
      ></detailItem>

      <!-- 安防系统 -->
      <detailItem
        v-if="detailsItem.afxt"
        :detailObj="detailsItem.afxt"
        title="安防系统"
        :isShowItem="true"
      ></detailItem>

      <!-- 电池状态 -->
      <detailItem
        v-if="detailsItem.dczt"
        :detailObj="detailsItem.dczt"
        title="电池状态"
        type="1"
      ></detailItem>

      <!-- 设备告警 -->
      <detailItem
        v-if="detailsItem.sbgj"
        :detailObj="detailsItem.sbgj"
        title="设备告警"
        type="2"
      ></detailItem>

      <!-- 机房温湿度 -->
      <detailItem
        v-if="detailsItem.jfwsd"
        :detailObj="detailsItem.jfwsd"
        title="机房温湿度"
        type="3"
      ></detailItem>

      <!-- 电力系统 -->
      <detailItem
        v-if="detailsItem.dlxt"
        :detailObj="detailsItem.dlxt"
        title="电力系统"
      ></detailItem>

      <!-- 消防系统 -->
      <detailItem
        v-if="detailsItem.xfxt"
        :detailObj="detailsItem.xfxt"
        title="消防系统"
        type="4"
        :hasLabel="false"
      ></detailItem>

      <!-- 线路情况 -->
      <detailItem
        v-if="detailsItem.xlqk"
        :detailObj="detailsItem.xlqk"
        title="线路情况"
      ></detailItem>

      <!-- 其它 -->
      <detailItem
        v-if="detailsItem.qt"
        :detailObj="detailsItem.qt"
        title="其它"
        conclusionName="其它问题"
        :hasLabel="false"
      ></detailItem>

      <!-- 空调系统 -->
      <detailItem
        v-if="detailsItem.ktxt"
        :detailObj="detailsItem.ktxt"
        title="空调系统"
      ></detailItem>

      <!-- UPS系统 -->
      <detailItem
        v-if="detailsItem.upsxt"
        :detailObj="detailsItem.upsxt"
        title="UPS系统"
      ></detailItem>

      <!-- 冷通道系统 -->
      <detailItem
        v-if="detailsItem.ltdxt"
        :detailObj="detailsItem.ltdxt"
        title="冷通道系统"
      ></detailItem>

      <!-- 屏蔽系统 -->
      <detailItem
        v-if="detailsItem.pbxt"
        :detailObj="detailsItem.pbxt"
        title="屏蔽系统"
      ></detailItem>

      <!-- 除湿机 -->
      <detailItem
        v-if="detailsItem.csj"
        :detailObj="detailsItem.csj"
        title="除湿机"
      ></detailItem>

      <!-- 内网监管在线平台 -->
      <detailItem
        v-if="detailsItem.nwjgzx"
        :detailObj="detailsItem.nwjgzx"
        title="内网监管在线平台"
      ></detailItem>

      <!-- 专网监管在线平台 -->
      <detailItem
        v-if="detailsItem.zwjgzx"
        :detailObj="detailsItem.zwjgzx"
        title="专网监管在线平台"
      ></detailItem>

      <!-- LED屏 -->
      <detailItem
        v-if="detailsItem.ledp"
        :detailObj="detailsItem.ledp"
        title="LED屏"
      ></detailItem>
    </view>
  </view>
</template>

<script>
import detailItem from "./detailItem.vue";
export default {
  components: {
    detailItem,
  },
  props: {
    // 父组件传递的详情
    detailsItem: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {};
  },
  mounted() {
    console.log("this.detailsItem", this.detailsItem);
    console.log(this.detailsItem);
  },
  methods: {},
};
</script>

<style scoped lang="less">
.detail-box {
  height: calc(100vh - 180px);
  border-radius: 0 0 9.6px 9.6px;
  background-color: #fff;
  .weitu {
    width: 100%;
    margin-bottom: 19.2px;
    height: 280px;
  }
}
</style>
