androidCnToWechatGrt/pagesOperation/record/detail.vue

<template>
	<view class="page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
		<cus-header title='详情'></cus-header>
		<div class="boxs">
			<div class="box">
				<div class="box_item">
					<div class="left">项目订单号</div>
					<div class="right">{{'PO0098877666'}}</div>
				</div>
				<div class="box_item">
					<div class="left">巡检地点</div>
					<div class="right">{{'长鑫科技集团股份有限公司'}}</div>
				</div>
				<div class="box_item">
					<div class="left">巡检任务</div>
					<div class="right">{{'日常巡检'}}</div>
				</div>
				<div class="box_item">
					<div class="left">巡检负责人</div>
					<div class="right">{{'王安宇'}}</div>
				</div>
				<div class="box_item">
					<div class="left">巡检时间</div>
					<div class="right">{{'2025-03-28'}}</div>
				</div>
			</div>
			<div class="box">
				<div class="box_item">
					<div class="left">巡检结果</div>
					<div class="right">{{'正常'}}</div>
				</div>
				<div class="box_item2">
					<div class="top">备注</div>
					<div class="bottom">{{''}}</div>
				</div>
			</div>
			<div class="box">
				<div class="box_item2">
					<div class="top">巡检打卡</div>
					<div class="bottom">{{''}}</div>
				</div>
			</div>
		</div>
		<div class="bottom">
			<div class="btn" @tap="back">返回</div>
		</div>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		methods:{
			back(){
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="less">
	.page{
		padding-bottom: 168rpx;
		background: #F4F8FB;
		
		.boxs{
			padding: 0 24rpx;
			.box{
				background: #FFFFFF;
				border-radius: 16rpx;
				margin-top: 20rpx;
				padding: 0 24rpx;
			}
		}
		
		.box_item{
			display: flex;
			align-items: center;
			justify-content: space-between;
			box-shadow: inset 0rpx -1rpx 0rpx 0rpx #ECEEF5;
			padding: 24rpx 0;
			.left{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 30rpx;
				color: #1D2129;
				line-height: 42rpx;
			}
			.right{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #4E5969;
				line-height: 40rpx;
				text-align: right;
			}
		}
		.box_item2{
			.top{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 30rpx;
				color: #1D2129;
				line-height: 42rpx;
				padding: 24rpx 0;
			}
			.bottom{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #4E5969;
				line-height: 40rpx;
			}
		}
		
		.bottom{
			width: 100%;
			height: 148rpx;
			padding: 20rpx 48rpx;
			box-sizing: border-box;
			background: #FFFFFF;
			position: fixed;
			bottom: 0;
			left: 0;
			z-index: 9;
			.btn{
				width: 100%;
				height: 88rpx;
				background: #2E69EB;
				border-radius: 16rpx;
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 32rpx;
				color: #FFFFFF;
				line-height: 88rpx;
				text-align: center;
			}
		}
	}
</style>