<!-- 应急管理 -->
<template>
  <div class="emergencyManagement-index">
    <Header class="emergencyManagement-header"/>
    <div class="main_t">
      <div class="main_t_t">
        <i class="main_t_t_l">当前位置：首页 &gt;</i>
        <i>应急指挥平台</i>
      </div>
    </div>
    <div class="emergencyManagement-index-page">
      <div class="left-max-big-box">
        <p class="left-dept-title-p">山西农业大学</p>
        <deptListComponent></deptListComponent>
      </div>
      <div class="right-max-big-box">
        <div class="right-top-big-box">
          <newMapComponent ref="newMapComponent"></newMapComponent>
        </div>
        <div class="right-bottom-big-box">
          <newRadioComponent ref="newRadioComponent"></newRadioComponent>
          <newSensorComponent ref="newSensorComponent"></newSensorComponent>
          <newVideoComponent ref="newVideoComponent"></newVideoComponent>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import Header from '@/components/header.vue'
  import deptListComponent from "./pageComponent/deptListComponent.vue";
  import newMapComponent from "./newPageComponent/newMapComponent.vue";
  import newRadioComponent from "./newPageComponent/newRadioComponent.vue";
  import newSensorComponent from "./newPageComponent/newSensorComponent.vue";
  import newVideoComponent from "./newPageComponent/newVideoComponent.vue";
  import mapComponent from "./pageComponent/mapComponent.vue";
  import videoListComponent from "./pageComponent/videoListComponent.vue";
  import equipmentComponent from "./pageComponent/equipmentComponent.vue";
  import dangerComponent from "./pageComponent/dangerComponent.vue";
  export default {
    name: 'index',
    components: {
      Header,
      deptListComponent,
      newMapComponent,
      newRadioComponent,
      newSensorComponent,
      newVideoComponent,
    },
    data () {
      return {
      }
    },
    created () {

    },
    mounted () {

    },
    methods: {
      //地图选中实验室
      checkButtonSub(item){
        console.log('选中实验室',item)
        this.$refs['newRadioComponent'].initialize(item);
        this.$refs['newSensorComponent'].initialize(item);
        this.$refs['newVideoComponent'].initialize(item);
      },
      //树状组件-位置
      setAddress(list){
        this.$refs['newMapComponent'].getAddress(list);
      },
      //树状组件-人数
      setUserNum(num){
        this.$refs['newMapComponent'].getUserNum(num);
      },
      //树状组件-初始化
      setMapData(data){
        this.$refs['newMapComponent'].initialize({
          buildId:data.parentId,
          floorId:data.treeId
        });
      },
      //树状组件-危险源(废弃勿删)
      setDanger(floorId){},
      //树状组件-选中楼层(废弃勿删)
      checkComponent(item){},
    },
  }
</script>
<style scoped lang="scss">
  * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  .emergencyManagement-index{
    width: 1920px;
    height: 1080px;
    background-image: url("../../assets/ZDimages/yjdpbg@1x.png")!important;
    background-size: 1920px 1080px!important;
    padding:0 30px;
    display: flex;
    flex-direction: column;
    .main_t {
      /*background: #062338;*/
      width: 1852px;
      position: absolute;
      left: 34px;
      top: 86px;
      margin-top:40px!important;
      .main_t_t {
        margin: 0 0 0 18px;
        > i {
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: #FFFFFF;
          line-height: 16px;
        }
        > i:nth-of-type(2) {
          color: #1ED0F8;
        }
      }
    }
    .emergencyManagement-index-page{
      display: flex;
      height: 910px;
      z-index:101;
      margin-top:120px;
      .left-max-big-box{
        width:330px;
        height:900px;
        /*margin-right:20px;*/
        margin-right:-20px;
        margin-top:40px;
        /*background-color: #052F48;*/
        .left-dept-title-p{
          color:#24D1F9;
          font-size:22px;
          line-height:35px;
          margin:12px 0 10px 20px;
        }
      }
      .right-max-big-box{
        flex:1;
        .right-top-big-box{
          width:1530px;
          height:630px;
          overflow: hidden;
          /*background-color: #052F48;*/
        }
        .right-bottom-big-box{
          margin-top:0;
          width:1530px;
          height:290px;
          overflow: hidden;
          display: flex;
        }
      }
    }
  }
</style>
