This commit is contained in:
shijingjing
2022-05-20 16:37:29 +08:00
parent 4f16406373
commit b694a82eef

View File

@@ -29,7 +29,10 @@
<div class="card" v-for="(item,index) in list" :key="index" @click="toDetail(item.id)"> <div class="card" v-for="(item,index) in list" :key="index" @click="toDetail(item.id)">
<div class="top"> <div class="top">
<div class="title">{{ item.riskDescription }}</div> <div class="title">{{ item.riskDescription }}</div>
<div class="time">{{ item.declareTime }}</div>
<div class="info"><span>申请人姓名</span><span>{{ item.createUserName }}</span></div>
<div class="info"><span>所在地区</span><span>{{ item.areaName }}{{ item.address }}</span></div>
<div class="info"><span>风险类型</span><span>{{ item.reason }}</span></div>
</div> </div>
<div class="bottom"> <div class="bottom">
<span :style="{background: item.status == 0? '#FF883C':item.status == 1? '#1AAAFF': item.status==2? '#FF4466': '#42D784'}"></span> <span :style="{background: item.status == 0? '#FF883C':item.status == 1? '#1AAAFF': item.status==2? '#FF4466': '#42D784'}"></span>
@@ -231,11 +234,22 @@ export default {
display:-webkit-box; display:-webkit-box;
-webkit-box-orient:vertical; -webkit-box-orient:vertical;
-webkit-line-clamp:2; -webkit-line-clamp:2;
margin-bottom: 24px;
} }
.time { .info {
margin-top: 32px; span:first-child {
color: #999999; color: #999999;
font-size: 26px; font-size: 26px;
display: inline-block;
width: 160px;
}
span:last-child {
display: inline-block;
width: calc(100% - 160px);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
} }
} }
.bottom { .bottom {