Browse Source

检查记录列表卡片添加“联合检查”标记

v3
蟑螂恶霸 2 years ago
parent
commit
39c4b05a3c
  1. 46
      src/views/enforce/historyCheck.vue
  2. 26
      src/views/enterprise/registrationList.vue

46
src/views/enforce/historyCheck.vue

@ -57,9 +57,11 @@
<van-swipe-cell class="swipe_cell">
<div class="card_box">
<div class="card_box_span">
<p>检查时间:{{ item.enforcementTime }}
<p>检查时间:{{ item.enforcementTime }}</p>
<div class="act-btn">
<span v-if="null != item.enforce" class="remsty">未扫码</span>
</p>
<span v-if="null != item.enforce" class="joint-mark">联</span>
</div>
</div>
<!-- <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa',padding: '0 5px' }" />-->
<div @click="toDetailView(item.id)">
@ -588,17 +590,6 @@
white-space: nowrap;
}
.remsty {
position: absolute;
top: 0;
right: 0;
margin: 0.25rem 0.25rem 0;
padding-left: 0.5rem;
background: url(/src/assets/images/icon_remind.png) no-repeat left center;
background-size: auto 80%;
font-size: 0.35rem;
}
/deep/ .van-search__content {
height: 0.9rem;
border: 1px solid #ececec;
@ -642,5 +633,34 @@
margin: 0 0.12rem;
font-size: 0.4rem;
}
.act-btn {
position: absolute;
top: 0.25rem;
right: 0;
white-space: nowrap;
}
.remsty {
display: inline-block;
margin: 0 0.25rem 0 0;
padding-left: 0.5rem;
background: url(/src/assets/images/icon_remind.png) no-repeat left center;
background-size: auto 80%;
font-size: 0.35rem;
}
.joint-mark {
display: inline-block;
margin: 0 0.25rem 0 0;
width: 0.5rem;
height: 0.5rem;
background: #2d94fa;
border-radius: 50%;
color: #fff;
font-size: 0.3rem;
line-height: 1.75;
text-align: center;
}
</style>

26
src/views/enterprise/registrationList.vue

@ -72,7 +72,11 @@
<van-swipe-cell class="swipe_cell">
<div class="card_box">
<div class="card_box_span">
<p>检查时间:{{ item.createTime }} <span class="card_box_action"></span></p>
<p>检查时间:{{ item.createTime }}</p>
<div class="act-btn">
<span class="card_box_action"></span>
<span v-if="null != item.enforce" class="joint-mark">联</span>
</div>
</div>
@ -631,4 +635,24 @@
margin: 0 0.12rem;
font-size: 0.4rem;
}
.act-btn {
position: absolute;
top: 0;
right: 0;
white-space: nowrap;
}
.joint-mark {
display: inline-block;
margin: 0 0.25rem 0 0;
width: 0.5rem;
height: 0.5rem;
background: #2d94fa;
border-radius: 50%;
color: #fff;
font-size: 0.3rem;
line-height: 1.75;
text-align: center;
}
</style>

Loading…
Cancel
Save