123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <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>
|