Browse Source

选择就诊人页面选中样式调整

master
longchao 1 month ago
parent
commit
eba5ff5105
  1. 47
      pages/visitors/visitors.vue

47
pages/visitors/visitors.vue

@ -10,17 +10,10 @@
<view class="list-wrapper" v-if="(type == 1 || type == 0 || is_preview) && visitUsers && visitUsers.length > 0">
<view :class="'item block'+(item.select?' active':'')" v-for="(item,key) in visitUsers" @click="chooseVisitor(item, key)">
<img class="status" :src="cssUrl+'check_false.svg'">
<img class="status" :src="cssUrl+'check_true.svg'">
<img class="bg" :src="cssUrl+'visitor_list__bg.svg'">
</view>
<view :class="'item block'+(item.select?' active':'')" v-for="(item,key) in visitUsers" @click="chooseVisitor(item, key)">
<view class="top flex">
<view class="name PfScSemibold over2">{{item.name}}</view>
<view class="book-date" v-if="type == 0 && item.visit_time && !is_preview">已预约今日 {{ item.visit_time.split('-')[0] }} 预约</view>
<view class="book-date-first" v-if="is_preview && item.first_visit">首次</view>
<view class="book-date-first" v-if="is_preview && item.first_visit"></view>
</view>
<view class="bot line36 flex">
<!-- <view class="flex"> <view class="gap">|</view> 25</view>
@ -28,14 +21,9 @@
<view class="flex">{{item.sex}}<view class="gap">|</view> {{ item.age }}</view>
<view v-if="item.phone" class="flex"><view class="gap">|</view>手机号{{ item.phone }}</view>
</view>
<!-- <img class="status" :src="cssUrl+'visitor_select_active.svg'"> -->
<img class="status" :src="cssUrl+'check_false.svg'">
<img class="status" :src="cssUrl+'check_true.svg'">
<img class="status" :src="cssUrl+'visitor_select_active.svg'">
<img class="bg" :src="cssUrl+'visitor_list__bg.svg'">
</view>
</view>
<view class="baodao-empty" v-if="type == 0 && (!visitUsers || visitUsers.length<=0)">
<img :src="cssUrl+'empty.png'">
@ -48,14 +36,12 @@
</view>
<view class="submit" v-if="is_preview" @click="toPrebook">
<view class="choose-desc" v-if="visitUsers && visitUsers.length > 0">请先勾选就诊人可多选</view>
<view class="bot primary btn btn2 submitbtn" hover-class="hover">
确认预约已选{{selectCount}}
</view>
</view>
<view class="submit" v-if="(type == 1 || type == 0) && !is_preview && visitUsers && visitUsers.length > 0" @click="toPrebook">
<view class="choose-desc" v-if="visitUsers && visitUsers.length > 0">请先勾选就诊人可多选</view>
<view class="bot primary btn btn2 submitbtn" hover-class="hover">
确认以上患者已到已选{{selectCount}}
</view>
@ -513,28 +499,17 @@
}
&.active{
border: 2rpx solid #39D067;
.status:first-of-type{
display: none !important;
}
.status:nth-of-type(2){
display: block !important;
.status{
display: block;
}
}
.status{
right: 24rpx;
bottom: 37rpx;
width: 36rpx;
height: 36rpx;
z-index: 2;
}
.status:first-of-type{
display: block;
}
.status:nth-of-type(2){
right: 0;
bottom: 0;
width: 98rpx;
height: 98rpx;
display: none;
}
.bg{
bottom: 0;
right: 0;
@ -612,12 +587,6 @@
color: #B3B4BC;
margin-top: 33rpx;
}
.choose-desc{
font-size: 28rpx;
text-align: center;
color: #21B955;
margin-bottom: 19rpx;
}
}
.list-wrapper2{
.item{

Loading…
Cancel
Save