rongxin.nongjing.expo/src/views/industry/popover/index.html

<div class="popover_main">
  <h1><i></i>{{data.zcmc}}<span @click="closePopover">×</span></h1>
  <div>
    <p>资产编码</p>
    <p>{{data.zcdm}}</p>
    <p>资产名称</p>
    <p>{{data.zcmc}}</p>
  </div>
  <div>
    <p>三清类型</p>
    <p>{{data.threeAssetType}}</p>
    <p>资产类型</p>
    <p>{{data.threeDetailType}}</p>
  </div>
  <div>
    <p>用地面积(亩)</p>
    <p>{{data.ydmj}}</p>
    <p>建筑面积(㎡)</p>
    <p>{{data.jzmj}}</p>
  </div>
  <div>
    <p>所在组</p>
    <p>{{data.szz}}</p>
    <p>权属性质</p>
    <p>{{data.natureOwnership}}</p>
  </div>
  <div>
    <p>权属是否存在争议</p>
    <p>{{data.qssfczzy}}</p>
    <p>权属主体</p>
    <p>{{data.qszt}}</p>
  </div>
  <div>
    <p>是否委托代管</p>
    <p>{{data.sfwtdg}}</p>
    <p>联系电话</p>
    <p>{{data.lxdh}}</p>
  </div>
  <div>
    <p>23年盘活方式</p>
    <p>{{data.phfs23}}</p>
    <p>23年效益(万元)</p>
    <p>{{data.xy23}}</p>
  </div>
  <div>
    <p>24年盘活方式</p>
    <p>{{data.phfs24}}</p>
    <p>24年效益(万元)</p>
    <p>{{data.xy24}}</p>
  </div>
  <div>
    <p>盘活情况</p>
    <p>{{data.phqk}}</p>
    <p>资产闲置原因</p>
    <p>{{data.xzyy}}</p>
  </div>
  <div>
    <p>是否能正常使用</p>
    <p>{{data.sfnzcsy}}</p>
    <p>完善后使用</p>
    <p>{{data.wshsy}}</p>
  </div>
  <div>
    <p>不能使用</p>
    <p>{{data.bnsy}}</p>
    <p>盘活措施</p>
    <p>{{data.phcs}}</p>
  </div>
  <div>
    <p>盘活时限</p>
    <p>{{data.phsx}}</p>
    <p>资产统计年度</p>
    <p>{{data.zctjnd}}</p>
  </div>
  <div>
    <p>备注</p>
    <p style="width: 75%;">{{data.bz}}</p>
  </div>
  <div style="justify-content: left">
    <p>附件</p>
    <p style="width: 75%;">
      <block v-for="(item,index) in data.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>