<div class="map border" id="map2">
  <!--选择地址-->
  <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 v-if="showInfoDetail" class="gl_pop_cash pop_statistical_desc">
    <div class="head_main">
      <div class="title">{{infoDetail.name}}详情</div>
      <div class="close" @click="showInfoDetail = 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>{{infoDetail.code}}</p>
      </div>
      <div>
        <p>合同名称</p>
        <p>{{infoDetail.name}}</p>
      </div>
      <div>
        <p>甲方</p>
        <p>{{infoDetail.firstParty}}</p>
      </div>
      <div>
        <p>乙方</p>
        <p>{{infoDetail.secondParty}}</p>
      </div>
      <div>
        <p>签订日期</p>
        <p>{{infoDetail.buildingTime}}</p>
      </div>
      <div>
        <p>开始日期</p>
        <p>{{infoDetail.startTime}}</p>
      </div>
      <div>
        <p>结束日期</p>
        <p>{{infoDetail.endTime}}</p>
      </div>
      <div>
        <p>承包价款(元)</p>
        <p>{{infoDetail.totalAmount}}</p>
      </div>
      <div>
        <p>折合年均(元)</p>
        <p>{{infoDetail.price}}</p>
      </div>
      <div>
        <p>已结款(元)</p>
        <p>{{infoDetail.receivedAmount}}</p>
      </div>
      <div>
        <p>合同状态</p>
        <p>{{infoDetail.contractionStatus}}</p>
      </div>
      <div>
        <p>备注</p>
        <p>{{infoDetail.remark}}</p>
      </div>
      <div>
        <p>附件</p>
        <p>
          <block v-for="(item,index) in infoDetail.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 v-show="dialogVisible" style="width:100%;height:100vh;position:absolute;top: 0;left: 0;z-index: 999">
    <div style="background: rgba(0,0,0,0.8);width: 100vw;height: 100vh;" @click="dialogVisible=false"></div>
    <img width="40%" :src="dialogImageUrl" style="position:absolute;left: 50%;top: 50%;height: 50%;transform: translate(-50%,-50%)" alt="">
  </div>
</div>

