ParkApp/pages/index/my-temperature/deatil.vue

<template>
	<view class="content ">
		<view class="flex flex-direction ">
			<view class="flex justify-between">
				<view class="">
					<view class="item">
						<text class="cuIcon-peoplefill text-blue margin-right-10"></text>
						<text class="text-bold padding-right-10">姓名：</text>
						<text >{{dataDetail.personName}}</text>
					</view>
					<view class="item">
						<text class="cuIcon-male text-blue margin-right-10"></text>
						<text class="text-bold padding-right-10">性别：</text>
						<text v-text="dataDetail.gender==0?'男':'女'"></text>
					</view>
					<view class="item">
						<text class="cuIcon-hotfill text-blue margin-right-10"></text>
						<text class="text-bold padding-right-10">体温：</text>
						<text>{{dataDetail.temperature}} ℃</text>
					</view>
					<view class="item">
						<text class="cuIcon-activityfill text-blue margin-right-10"></text>
						<text class="text-bold padding-right-10">相机名称：</text>
						<text>{{dataDetail.cameraName}}</text>
					</view>
				</view>
				<view class="padding-top-20">
					<image @click="previewImg(dataDetail.faceUrl)"  style="width: 220rpx;height: 250rpx;border-radius: 12rpx;"  :src="dataDetail.faceUrl"></image>
				</view>
			</view>
			<view class="item">
				<text class="cuIcon-mobilefill text-blue margin-right-10"></text>
				<text class="text-bold padding-right-10">手机号：</text>
				<text>{{dataDetail.phone}}</text>
			</view>
			<view class="item">
				<text class="cuIcon-timefill text-blue margin-right-10"></text>
				<text class="text-bold padding-right-10">测温时间：</text>
				<text>{{dataDetail.recogTime}}</text>
			</view>
			<view class="item">
				<text class="cuIcon-locationfill text-blue margin-right-10"></text>
				<text class="text-bold padding-right-10">安装位置：</text>
				<text>{{dataDetail.address?dataDetail.address:'未知'}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	var app=getApp()
	export default {
		data() {
			return {
				dataDetail:{}
			}
		},
		onShow() {
			this.dataDetail=getApp().globalData.staffTemperature
		},
		methods: {
			previewImg(img){
				let imgs=[]
				imgs.push(img)
				uni.previewImage({
					urls:imgs
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #FFFFFF;
	}
	.content{
		padding:60rpx;
		.item{
			padding: 22rpx 0;
		}
	}
</style>