<div class="map" id="map22222">
    <!--选择地址-->
    <div class="select_address">
      <el-cascader :options="addrOptions" v-model="addrText" :props="deptTreeProps" popper-class="header-cascader-drop" @change="selectAddress" ref="cascader2">
          <template slot-scope="{ node, data }">
              <span>{{ data.label }}</span>
              <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
          </template>
      </el-cascader>
    </div>
    <div class="select_wrap" v-if="showYears">
      <el-dropdown style="width: 80px">
        <span class="el-dropdown-link" style="color: #c1deff">
          {{ centerYear }}<i class="el-icon-caret-bottom el-icon--right"></i>
        </span>
        <el-dropdown-menu slot="dropdown" class="header-new-drop">
          <el-dropdown-item v-for="item in this.yearList" :key="item" :label="item" :value="item"
            @click.native="yearDropdown(item)">{{ item }}</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </div>
    <div class="mask" style="position: absolute; width: 100%; height: 100%;pointer-events: none;"></div>
</div>
