<div class="page">
  <MainGis v-if="tab === '1'"></MainGis>
  <GisMap v-else :showYears="false"></GisMap>
  <Header title="资源一张图" callBack>
    <div slot="left">
      <Tabs @change="tabChange" :data="tabData"></Tabs>
    </div>
  </Header>
  <!-- 项目初始化 -->
  <div class="left_side col space_between zIndextop">
    <component :is="item" v-for="(item, index) in currentComp.left" :key="index" @clickDetail="clickDetail"></component>
  </div>
  <div class="right_side col space_between zIndextop">
    <component :is="item" v-for="(item, index) in currentComp.right" :key="index" @clickDetail="clickDetail"></component>
  </div>
  <div class="buttom_side row space_between zIndextop" style="z-index: 1;">
    <component :is="item" v-for="(item, index) in currentComp.buttom" :key="index" @clickDetail="clickDetail"></component>
  </div>

  <AssetDetails @close="showDetail = false" @openImage="openImage" v-if="showDetail" :data="permanentDetail" :type="permanentType"></AssetDetails>

  <div class="imgBox" v-if="dialogVisible">
    <div class="box_bg" @click="dialogVisible = false"></div>
    <img :src="'/api' + dialogImageUrl" alt="">
  </div>
</div>
