<template>
    <div class="newPerformEvacuation scrollbar-box">
      <div style="position: relative">
        <new-evacuation-big-data-home
          v-if="pageType == 1"
          style="transform: scale(0.822);position: absolute;top:50%;left:50%;margin-top:-95px;margin-left:-960px;">
        </new-evacuation-big-data-home>
        <emergency-evacuation-big
          v-if="pageType == 2"
          :propsBigData="propsBigData"
          style="transform: scale(0.822);position: absolute;top:50%;left:50%;margin-top:-95px;margin-left:-960px;">
        </emergency-evacuation-big>
      </div>
    </div>
</template>

<script>
  import emergencyEvacuationBig from "@/views/newEvacuationBigData.vue"
  import newEvacuationBigDataHome from "@/views/newEvacuationBigDataHome.vue"
  export default {
    name: 'newPerformEvacuation',
    components: {
      newEvacuationBigDataHome,
      emergencyEvacuationBig,
    },
    data() {
      return {
        pageType:null,
        propsBigData:null,
      }
    },
    created() {
      if(this.$route.query.subId){
        this.$set(this,'pageType',2);
      }else{
        this.$set(this,'pageType',1);
      }
    },
    methods:{
      goPage(type,data){
        if(type == 1){
          if(this.$route.query.buildId){
            delete this.$route.query.buildId;
          }
          if(this.$route.query.subId){
            delete this.$route.query.subId;
          }
          if(this.$route.query.floorId){
            delete this.$route.query.floorId;
          }
          if(this.$route.query.groupId){
            delete this.$route.query.groupId;
          }
          this.$set(this,'propsBigData',null);
          this.$set(this,'pageType',type);
        } else if(type == 2){
          this.$set(this,'propsBigData',data);
          this.$set(this,'pageType',type);
        }
      },
    },
  }
</script>

<style scoped lang="scss">
  .newPerformEvacuation{
    flex:1;
    display: flex;
    flex-direction: column;
    margin:5px 20px 20px 10px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    border-radius:10px;
  }
</style>
