HC_YFZX
/
CaiYuanYiTiHua
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【图斑列表】只显示有数据的面积数据

dianlixunjian
Zhufu 2024-07-03 17:23:35 +08:00
parent 45420c3dee
commit f11c91a6c0
1 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/views/demo/bootstraps/curbspotcity/MapList/index.vue
View File

@ -156,32 +156,30 @@
</div>
</div>
</div>
<div class="item-data-div" style="margin-bottom: 4px;">
<div class="item-data-item">
<div class="item-mark-div sum-mark">总</div>
<div class="area-data">{{ item.area? item.area: '-'}}</div>
</div>
<div class="item-data-item">
<div class="item-mark-div plowland-mark">耕</div>
<div class="area-data">{{ item.gengdi_area? item.gengdi_area: '-'}}</div>
</div>
<div class="item-data-item">
<div class="item-mark-div farmland-mark">农</div>
<div class="area-data">{{ item.yongjiujibennongtian_area? item.yongjiujibennongtian_area: '-'}}</div>
</div>
</div>
<div class="item-data-div">
<div class="item-data-item">
<div class="item-data-item" v-if="item.area">
<div class="item-mark-div sum-mark">总</div>
<div class="area-data">{{ item.area}}</div>
</div>
<div class="item-data-item" v-if="item.gengdi_area">
<div class="item-mark-div plowland-mark">耕</div>
<div class="area-data">{{ item.gengdi_area}}</div>
</div>
<div class="item-data-item" v-if="item.yongjiujibennongtian_area">
<div class="item-mark-div farmland-mark">农</div>
<div class="area-data">{{ item.yongjiujibennongtian_area}}</div>
</div>
<div class="item-data-item" v-if="item.zhongdianquyu_area">
<div class="item-mark-div focus-area">重</div>
<div class="area-data">{{ item.zhongdianquyu_area? item.zhongdianquyu_area: '-'}}</div>
<div class="area-data">{{ item.zhongdianquyu_area}}</div>
</div>
<div class="item-data-item">
<div class="item-data-item" v-if="item.guotukongjianguihua_area">
<div class="item-mark-div padding-mark">规</div>
<div class="area-data">{{ item.guotukongjianguihua_area? item.guotukongjianguihua_area: '-'}}</div>
<div class="area-data">{{ item.guotukongjianguihua_area}}</div>
</div>
<div class="item-data-item">
<div class="item-data-item" v-if="item.shengtaibaohuhongxian_area">
<div class="item-mark-div adjust-mark">生</div>
<div class="area-data">{{ item.shengtaibaohuhongxian_area? item.shengtaibaohuhongxian_area: '-'}}</div>
<div class="area-data">{{ item.shengtaibaohuhongxian_area}}</div>
</div>
</div>
</div>
@ -409,6 +407,7 @@ const showInfo = (item) => {
.item-data-div{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.item-data-item{
display:flex;
align-items: center;