<div class="map border" id="map2">
  <Legend class="legend_pos">
    <div class="legend_full">
      <div v-for="item in LegendData" class="legend_item">
        <img :src="item.icon" class="icon" alt="">
        <p>{{item.name}}</p>
      </div>
    </div>
  </Legend>
  <div class="mask" style="position: absolute; width: 100%; height: 100%;pointer-events: none;"></div>
  <AssetDetails @close="listDialogHidden('detail')" @openImage="openImage" v-if="showPermanentDetail.show" :data="showPermanentDetail.id"></AssetDetails>
  <!--选择地址-->
  <div class="select_address">
    <el-cascader :options="addrOptions" v-model="addrText" :props="deptTreeProps" popper-class="header-cascader-drop"
      @change="selectAddress" ref="cascader">
      <template slot-scope="{ node, data }">
        <span>{{ data.label }}</span>
        <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
      </template>
    </el-cascader>
  </div>

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

</div>
