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

main.js

@@ -152,8 +152,8 @@ try{
 	Vue.prototype.isMobile = isMobile();
 }
 
-// const NODE_ENV = 'development';
-const NODE_ENV = 'production';
+const NODE_ENV = 'development';
+// const NODE_ENV = 'production';
 if(Vue.prototype.provider == Vue.prototype.provider_weixin){
 	if (NODE_ENV == "development") {
 		Vue.prototype.request_domain = 'http://jasonyizherenxin.checkcopy.com/';

pages/visitors/visitors.vue

@@ -13,7 +13,7 @@
 				<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>
@@ -21,9 +21,34 @@
 					<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+'visitor_select_active.svg'"> -->
+
+				<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>
+				<view class="bot line36 flex">
+					<!-- <view class="flex">女 <view class="gap">|</view>  25岁</view>
+					<view v-if="item.phone" class="flex"><view class="gap">|</view> 手机号：1778989678</view> -->
+					<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="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'">
@@ -36,12 +61,14 @@
 		</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>
@@ -320,7 +347,7 @@
 				}
 
 				this.$http.req('api/user/get_visitors', obj, 'POST').then(data=>{
-					this.visitUsers = data;
+					this.visitUsers = data;
 					if(this.visitUsers.length == 0 && !obj.get_preview) {
 						this.addVisitor()
 						return;
@@ -385,7 +412,7 @@
 
 				uni.setStorageSync('active_visitors', JSON.stringify(this.activeVisitors))
 				// 确认报道 => 跳转候诊方式
-				if((this.type == 0 || this.type == 1) && !this.is_preview){
+				if((this.type == 0 || this.type == 1) && !this.is_preview){
 					uni.setStorageSync('methods_set_wait', 1)
 					this.$nav.navToPath('/pages/waiting_method/waiting_method')
 					return
@@ -499,17 +526,28 @@
 			}
 			&.active{
 				border: 2rpx solid #39D067;
-				.status{
-					display: block;
+				.status:first-of-type{
+					display: none !important;
+				}
+				.status:nth-of-type(2){
+					display: block !important;
 				}
 			}
 			.status{
-				right: 0;
-				bottom: 0;
-				width: 98rpx;
-				height: 98rpx;
+				right: 24rpx;
+				bottom: 37rpx;
+				width: 36rpx;
+				height: 36rpx;
+				z-index: 2;
+			}
+
+			.status:first-of-type{
+				display: block;
+			}
+			.status:nth-of-type(2){
 				display: none;
 			}
+
 			.bg{
 				bottom: 0;
 				right: 0;
@@ -587,6 +625,12 @@
 			color: #B3B4BC;
 			margin-top: 33rpx;
 		}
+		.choose-desc{
+			font-size: 28rpx;
+			text-align: center;
+			color: #21B955;
+			margin-bottom: 19rpx;
+		}
 	}
 	.list-wrapper2{
 		.item{