<template>
  <div id="index" style="position: relative">
    <div class="full-width  detail-head">
      <!-- <div class="header text-a-c">
        <div class="fs-34 c-white font-weight-br">凤凰园A2</div>
      </div> -->
      <el-row>
        <el-col :span="14">
          <BasicInfo></BasicInfo>
          <ElevatorStatus></ElevatorStatus>
          <CurrentFaultInfo />
        </el-col>
        <el-col :span="10">
          <div style="margin-left: 0.2rem">
            <EleData></EleData>

            <WeekDetail></WeekDetail>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import BasicInfo from "./components/basicInfo.vue";
import ElevatorStatus from "./components/elevatorStatus.vue";
import CurrentFaultInfo from "./components/currentFaultInfo.vue";
import EleData from "./components/eleData.vue";
import WeekDetail from "./components/weekDetail.vue";
export default {
  components: { BasicInfo, ElevatorStatus, CurrentFaultInfo, EleData, WeekDetail },
  data() {
    return {};
  },

};
</script>
<style lang="scss" scoped>
.detail-head::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.detail-head {
  position: fixed;
  top: 1.25rem;
  left: 0.1rem;

  pointer-events: all;
  overflow-y: scroll;
height: calc(100vh - 100px);
  .header {
    width: 100%;
    background-color: rgb(6, 15, 48);
    padding: 0.25rem;
  }
}
</style>
