rongxin.nongjing.expo/src/views/resources/main-gis/index.html

<div class="map border" id="map2">
  <Legend class="legend_pos">
    <div class="legend_full">
      <div v-for="item in LegendData" class="legend_item">
        <div class="icon" :style="[item.iconStyle]"></div>
        <p>{{item.name}}</p>
      </div>
    </div>
  </Legend>
  <AssetDetails @close="listDialogHidden('detail')" v-if="showPermanentDetail.show" :data="showPermanentDetail.id"></AssetDetails>
  <!--选择地址-->
  <div class="mask" style="position: absolute; width: 100%; height: 100%;pointer-events: none;"></div>
  <!--选择地址-->
  <div class="select_address">
    <div class="dot left"></div>
    <div class="dot right"></div>
    <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>