add id1001365 次卡多次进出需求

src/subpackage/device/components/order/reservation_people_detail/reservation_people_detail.vue

@@ -63,6 +63,7 @@
 			</view>
 			<view class="rb-code">
 				<view class="rc-item" v-for="(e,i) in orderInfo.sessions" :key="i">
+					<view class="ri-container">
 						<view class="ri-tit">验证码{{i+1}}：</view>
 						<view class="ri-section">
 							<view :class="['rs-view',e.status==1?'rs-active':'']">
@@ -70,13 +71,36 @@
 								<view class="s-btn" v-if="e.is_recovery" @click="recoverBtn(e)">恢复</view>
 							</view>
 							<block v-if="e.status==2">
-							<view class="rs-view"><view>核销方式：{{e.verify_desc || '-'}}</view></view>
-							<view class="rs-view"><view>核销时间：{{e.verify_time || '-'}}</view></view>
-							<view class="rs-view"><view>离场方式：{{e.verify_leave_desc || '-'}}</view></view>
-							<view class="rs-view"><view>离场时间：{{e.verify_leave_time || '-'}}</view></view>
+								<block v-if="filterVerifyRecord(e).length> 0">
+									<block v-for="(k, j) in filterVerifyRecord(e)" :key="j">
+										<view class="rs-record" v-if="isShowEnterRecord ? true : j == 0">
+											<view class="rs-view"><view>核销方式：{{ k.verify_desc || '-' }}</view></view>
+											<view class="rs-view"><view>核销时间：{{ k.verify_time || '-' }}</view></view>
+											<view class="rs-view"><view>离场方式：{{ k.verify_leave_desc || '-' }}</view></view>
+											<view class="rs-view"><view>离场时间：{{ k.verify_leave_time || '-' }}</view></view>
+										</view>
+									</block>
+									
+								</block>
+								
+								<view class="rs-record" v-else>
+									<view class="rs-view"><view>核销方式：{{ e.verify_desc || '-' }}</view></view>
+									<view class="rs-view"><view>核销时间：{{ e.verify_time || '-' }}</view></view>
+									<view class="rs-view"><view>离场方式：{{ e.verify_leave_desc || '-' }}</view></view>
+									<view class="rs-view"><view>离场时间：{{ e.verify_leave_time || '-' }}</view></view>
+								</view>
 							</block>
 						</view>
 					</view>
+					<view 
+						class="ri-bar" 
+						@click="isShowEnterRecord = !isShowEnterRecord"
+						v-if="filterVerifyRecord(e).length > 1"
+					>
+						<view class="rb-txt">{{ isShowEnterRecord ? '收起' : '查看全部进场记录' }}</view>
+						<image :class="['rb-icon', isShowEnterRecord ? 'rb-active' : '']" mode="aspectFit" src="/subpackage/device/static/images/circular_arrow.png"></image>
+					</view>
+				</view>
 			</view>
 		</view>
 		<view class="rp-box">
@@ -330,9 +354,16 @@ export default {
 			storehouseList: [], //仓库列表
 			iccardList: [],   //ic卡列表
 			sucInfo: {},  //绑定IC卡成功信息
+
+			// 20230823 【ID1001365】 次卡多次进出需求
+			isShowEnterRecord: false,  
 		};
 	},
 	methods:{
+		filterVerifyRecord(e){
+			if(e?.many_enter_record?.length === -1)return [];
+			return e?.many_enter_record?.filter(e=>e.verify_type != 0) || [];
+		},
 		verifyBtn(){
 			this.$emit('verify');
 		},
@@ -671,9 +702,10 @@ export default {
 		}
 		.rb-code{
 			.rc-item{
+				margin-top: 24rpx;
+				.ri-container{
 					display: flex;
 					justify-content: flex-start;
-				margin-top: 24rpx;
 					.ri-tit{
 						flex-shrink: 0;
 						color: #9A9A9D;
@@ -710,9 +742,44 @@ export default {
 								color: #009874;
 							}
 						}
+						.rs-record{
+							padding: 20upx 0;
+							.rs-view{
+								>view{
+									line-height: 44upx;
+									color: #9C9C9F;
+								}
+							}
+							&:not(:last-child){
+								border-bottom: 1px solid #F2F2F7;
+							}
 						}
 					}
 				}
+				.ri-bar{
+					margin-top: 10upx;
+					border-top: 1px solid #F2F2F7;
+					border-bottom: 1px solid #F2F2F7;
+					height: 80upx;
+					@include centerFlex(center);
+					.rb-txt{
+						font-size: 24upx;
+						color: #9a9a9d;
+					}
+					.rb-icon{
+						margin-left: 10upx;
+						flex-shrink: 0;
+						width: 24upx;
+						height: 24upx;
+						transform: rotateZ(90deg);
+						&.rb-active{
+							transform: rotateZ(-90deg);
+						}
+					}
+				}
+				
+			}
+		}
 		.rb-name{
 			margin-bottom: 8rpx;
 			color: #333333;