Compare commits

...

2 Commits

2 changed files with 49 additions and 44 deletions

View File

@ -80,7 +80,7 @@
</div>
<div class="collect-div">
<Icon
:style="`font-size: 30px; cursor: pointer;${openCollect? 'color:#F7710F': ''}`"
:style="`font-size: 30px; cursor: pointer;${openCollect ? 'color:#F7710F' : ''}`"
icon="mdi:folder-star"
@click="getCollectList"
/>
@ -105,49 +105,42 @@
</div>
<div class="item-mark" v-if="item.is_build_name">{{item.is_build_name}}</div>
</div>
<div
class="data-item-type-div"
:style="`border-color:${item.is_illegal === 0? '#086DEC': item.is_illegal === 1? '#D03542': '#F7710F'}`"
@click="goAudit(item)">
<div>
<div class="type-title">举证</div>
<div class="type-data" :style="`background:${item.is_illegal === 0? '#086DEC': item.is_illegal === 1? '#D03542': '#F7710F'};`">
{{item.is_illegal === 0? '合法': item.is_illegal === 1? '违法': '其他'}}
</div>
</div>
<div class="button-div">
<a-button type="primary" class="button-item" @click="goAudit(item)"></a-button>
</div>
</div>
<div class="data-list-info-div">
<div class="info-layout-div">
<div class="info-item">
<div class="info-label"></div>
<div class="info-label">总面积</div>
<div class="info-data">{{item.area}}</div>
</div>
<div class="info-item">
<div class="info-label"></div>
<div class="info-label">农用地</div>
<div class="info-data">{{item.nongyongdi_area}}</div>
</div>
<div class="info-item">
<div class="info-label">耕地</div>
<div class="info-data">{{item.gengdi_area}}</div>
</div>
<div class="info-item">
<div class="info-label"></div>
<div class="info-item" style="width:127px;">
<div class="info-label">本农田</div>
<div class="info-data">{{item.yongjiujibennongtian_area}}</div>
</div>
<div class="info-item">
<div class="info-label"></div>
<div class="info-data">{{item.nongyongdi_area}}</div>
</div>
</div>
<div class="info-layout-div">
<div>
<!-- <div>
<Icon
:style="`font-size: 30px; color: #314A8C; cursor: pointer;${item.isouttime === 2? 'color: #D03542;': item.isouttime === 1? 'color: #F7710F;': 'color: #314A8C;'}`"
:style="`font-size: 30px; color: #314A8C; cursor: pointer;${item.isouttime === 2 ? 'color: #D03542;' : item.isouttime === 1? 'color: #F7710F;' : 'color: #314A8C;'}`"
icon="icon-park-solid:timer"
@click="()=>{}"
/>
</div>
</div> -->
<div style="background: rgb(237, 237, 237);width: 1px;height: 100%;margin-right: 10px;margin-left: 10px;"></div>
<div>
<Icon
:style="`font-size: 30px; cursor: pointer;${item.Fid? 'color:#F7710F': ''}`"
:style="`font-size: 30px; cursor: pointer;${item.Fid? 'color:#F7710F' : ''}`"
icon="mdi:folder-star-outline"
@click="collectItem(item)"
/>
@ -611,10 +604,8 @@
font-family: Alibaba PuHuiTi;
font-weight: 500;
font-size: 13px;
color: #FFFFFF;
background: rgba(0,0,0,0.59);
padding: 5px 8px;
border-radius: 14px;
margin-left: 17px;
color: #696969;
}
}
.data-item-type-div{
@ -641,6 +632,22 @@
justify-content: center;
}
}
.button-div{
display: flex;
align-items: center;
.button-item{
height: 27px;
width: 52px;
display: flex;
align-items: center;
justify-content: center;
font-family: Alibaba PuHuiTi;
font-weight: 500;
font-size: 15px;
color: #fff;
background: linear-gradient(-56deg, #0060FF, #007EFF, #0061FF);
}
}
}
.data-list-info-div{
display: flex;
@ -662,7 +669,7 @@
display:flex;
background: rgba(237, 237, 237, 0.55);
align-items: center;
width: 80px;
width: 110px;
border-radius: 7px;
margin-right: 8px;
height: 33px;

View File

@ -177,7 +177,7 @@
/>
</a-popover>
<Icon
:style="`font-size: 30px; cursor: pointer;${openCollect? 'color:#F7710F': ''}`"
:style="`font-size: 30px; cursor: pointer;${openCollect? 'color:#F7710F' : ''}`"
icon="mdi:folder-star"
@click="getCollectList"
/>
@ -204,27 +204,27 @@
<div class="data-list-info-div">
<div class="info-layout-div">
<div class="info-item">
<div class="info-label"></div>
<div class="info-label">面积</div>
<div class="info-data">{{item.area}}</div>
</div>
<div class="info-item">
<div class="info-label"></div>
<div class="info-label">农用地</div>
<div class="info-data">{{item.nongyongdiarea}}</div>
</div>
<div class="info-item">
<div class="info-label">耕地</div>
<div class="info-data">{{item.gengdiarea}}</div>
</div>
<div class="info-item">
<div class="info-label"></div>
<div class="info-item" style="width: 120px;">
<div class="info-label">本农田</div>
<div class="info-data">{{item.yongjiujibennongtianarea}}</div>
</div>
<div class="info-item">
<div class="info-label"></div>
<div class="info-data">{{item.nongyongdiarea}}</div>
</div>
</div>
<div class="info-layout-div">
<span class="info-time">{{item.createdate}}</span>
<!-- <span class="info-time">{{item.createdate}}</span> -->
<div>
<Icon
:style="`font-size: 30px; cursor: pointer;${item.fid? 'color:#F7710F': ''}`"
:style="`font-size: 30px; cursor: pointer;${item.fid? 'color:#F7710F' : ''}`"
icon="mdi:folder-star-outline"
@click="collectItem(item)"
/>
@ -735,10 +735,8 @@ const closeMolder = () => {
font-family: Alibaba PuHuiTi;
font-weight: 500;
font-size: 13px;
color: #FFFFFF;
background: rgba(0,0,0,0.59);
padding: 5px 8px;
border-radius: 14px;
margin-left: 17px;
color: #696969;
}
}
.data-item-type-div{
@ -772,7 +770,7 @@ const closeMolder = () => {
display:flex;
background: rgba(237, 237, 237, 0.55);
align-items: center;
width: 80px;
width: 110px;
border-radius: 7px;
margin-right: 8px;
height: 33px;