<template>
  <div class="main-container">
    <!-- <div class="elevator-con-list d-flex">
      <div class="elevator-con-item" v-for="(item, index) in eleCondList" :key="index">
        <div class="con-num d-flex jc-center">
          <dv-border-box-10 style="width: 1.75rem; height: 0.9rem">
            <div class="d-flex jc-center a-c full-height">{{ item.num }}</div>
          </dv-border-box-10>
        </div>
        <div class="con-name d-flex jc-center">
          <div>
            <div class="d-flex jc-center textS-common">{{ item.name }}</div>
            <div>
              <dv-decoration-6
                style="width: 1.5rem; height: 0.125rem; margin-top: 0.1rem"
              />
            </div>
          </div>
        </div>
      </div>
    </div> -->
    <div class="common-info-container">
        <rescueDataAnaylse ></rescueDataAnaylse>
        <areaRescueDataVue></areaRescueDataVue>
        <!-- <rescueThingAnaVue></rescueThingAnaVue> -->
      <Left1></Left1>
      <!-- <Left2></Left2> -->
      <Right1></Right1>
      <Right2></Right2>
      <!-- <Right3></Right3> -->
      <!-- <SearchArea></SearchArea> -->
    </div>
  </div>
</template>
<script>
import Left1 from "./components/left1.vue";
// import Left2 from "./components/left2.vue";
import Right1 from "./components/right1.vue";
import Right2 from "./components/right2.vue";
// import Right3 from "./components/right3.vue";
import rescueDataAnaylse from "./components/rescueDataAnaylse.vue"
import areaRescueDataVue from './components/areaRescueData.vue';
// import rescueThingAnaVue from './components/rescueThingAna.vue';
// import SearchArea from "./components/searchArea.vue";
export default {
  components: { Left1,Right1,Right2,rescueDataAnaylse,areaRescueDataVue },
  data() {
    return {
      
      eleCondList: [
        {
          name: "维保单位数量(家)",
          num: 0,
        },
        {
          name: "今日维保任务",
          num: 0,
        },
        {
          name: "超期维保任务",
          num: 46,
        },
       
      ],
    };
  },
};
</script>
<style lang="scss" scoped>
.main-container {
  color: red;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 1.25rem;
  left: 0;
  z-index: 9;
  padding: 0 0.2rem;
  pointer-events: none; /* 允许点击事件穿透到地图 */
  .left1 {
    width: 30%;
    height: 500px;
  }
  .elevator-con-list {
    position: fixed;
    top: 2.5rem;
    left: 50%;
    transform: translate(-50%, -50%);
    .elevator-con-item {
      margin-left: 0.375rem;
      &:first-child {
        margin-left: 0rem;
      }
      .con-name {
        font-size: 0.225rem;
        color: #ffffff;
      }
      .con-num {
        font-size: 0.45rem;
        margin-bottom: 0.25rem;
        color: #fefefe;
      }
    }
  }
}
</style>
