<template>
  <div class="main-containers full-width full-height">
    <rescueDataAnaylse></rescueDataAnaylse>
    <areaRescueDataVue></areaRescueDataVue>
    <Left1></Left1>
    <Right1></Right1>
    <Right2></Right2>
  </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-containers {
  width: 100%;
  min-height: 100vh;
  background: rgb(6, 15, 48);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.3rem;
  padding-bottom: 3.5rem;
  padding-top: 1.25rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
</style>
