<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>-->
  <div v-if="false" class="gl_pop_cash pop_statistical_desc">
    <div class="head_main">
      <div class="title">{{resourceDetail.name}}详情</div>
      <div class="close" @click="showResourceDetail = false"></div>
      <div class="xs_main">
        <div class="block">
          <div class="point p1"></div>
          <div class="point p2"></div>
          <div class="point p3"></div>
        </div>
        <div class="xs_x"></div>
      </div>
    </div>
    <div class="echarts_main">
      <div>
        <p>资源编码</p>
        <p>{{resourceDetail.code}}</p>
      </div>
      <div>
        <p>资源名称</p>
        <p>{{resourceDetail.name}}</p>
      </div>
      <div>
        <p>资源类型</p>
        <p>{{resourceDetail.resourceSort}}</p>
      </div>
      <div>
        <p>总面积(亩)</p>
        <p>{{resourceDetail.totalArea}}</p>
      </div>
      <div>
        <p>资产状态</p>
        <p>{{resourceDetail.status}}</p>
      </div>
      <div>
        <p>使用情况</p>
        <p>{{resourceDetail.useType}}</p>
      </div>
      <div>
        <p>坐落位置</p>
        <p>{{resourceDetail.location}}</p>
      </div>
      <div>
        <p>东至</p>
        <p>{{resourceDetail.east}}</p>
      </div>
      <div>
        <p>西至</p>
        <p>{{resourceDetail.west}}</p>
      </div>
      <div>
        <p>南至</p>
        <p>{{resourceDetail.south}}</p>
      </div>
      <div>
        <p>北至</p>
        <p>{{resourceDetail.north}}</p>
      </div>
      <div>
        <p>备注</p>
        <p>{{resourceDetail.remark}}</p>
      </div>
      <div>
        <p>附件</p>
        <p>
          <block v-for="(item,index) in resourceDetail.fileList">
            <a :href="item.urlApi" v-if="item.type != 'image'">
              <img :src="item.url" style="width: 3vw;height: 3vw;margin-right: 0.5vw;" alt="">
            </a>
            <img v-else :src="item.url" style="width: 3vw;height: 3vw;margin-right: 0.3vw;" alt="" @click="openImage(item.url)">
          </block>
        </p>
      </div>
    </div>

  </div>
  <div class="mask" style="position: absolute; width: 100%; height: 100%;pointer-events: none;"></div>
  <Popover v-if="showResourceDetail" :data="resourceDetail" @closePopover="closePopover" @openImage="openImage"></Popover>
  <div class="imgBox" v-if="showImg">
    <div class="box_bg" @click="showImg = false"></div>
    <img :src="fileUrl" alt="">
  </div>
  <!--选择地址-->
  <div class="select_address">
    <div class="dot left"></div>
    <div class="dot right"></div>
    <el-cascader :popper-append-to-body="false" :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>
