2022.11.2

pages/detailNursing/detailNursing.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view style="padding-bottom: 20rpx;">
 		<cpn-navbar title="护理详情" :isBack="true"></cpn-navbar>
 
 		<view>
@@ -115,6 +115,28 @@
 			<view class="clock-info" v-if="location.lat && location.lng && location.time">
 				定位时间：{{dateFormat(location.time,'HH:mm:ss')}} {{location.address}}
 			</view>
+
+			<!-- 打卡记录 -->
+			<view class="logs" v-show="detail.logs.length > 0">
+				<view class="title">
+					打卡记录
+				</view>
+
+				<view class="line"></view>
+
+				<view class="logs-content">
+					<u-time-line>
+						<u-time-line-item v-for="(item,index) in detail.logs" :key="index">
+							<template v-slot:content>
+								<view>
+									<view class="u-order-desc">{{typeFormat(item.type)}}</view>
+									<view class="u-order-time">{{item.created_at}}</view>
+								</view>
+							</template>
+						</u-time-line-item>
+					</u-time-line>
+				</view>
+			</view>
 		</view>
 
 		<imgUpload ref="imgUpload" :isShow.sync="isShowImg" :type="type" @confirm="clock"></imgUpload>
@@ -485,6 +507,17 @@
 						return moment(date).format(fmt)
 					}
 				}
+			},
+			typeFormat() {
+				return function(type) {
+					let map = new Map([
+						[1, "签到"],
+						[2, "过程打卡"],
+						[3, "签退"],
+						[4, "更新定位"]
+					])
+					return map.get(type) || ''
+				}
 			}
 		},
 		onLoad(option) {
@@ -743,6 +776,15 @@
 		}
 	}
 
+	.logs {
+		@extend .today-nursing;
+
+		&-content {
+
+			padding: 24rpx 32rpx;
+		}
+	}
+
 	.clock {
 		display: flex;
 		justify-content: space-evenly;