zhgdyunapp/pages/projectEnd/smartBeamField/planTaskDetail.vue

<template>
	<view class="fullHeight">
		<headers :showBack="true" class="">
			<view class="headerName">
				计划任务详情
				<view class="headerBack" @click="returnBack">
					<u-icon name="arrow-left" color="#333333" size="40"></u-icon>
				</view>
			</view>
		</headers>
		<view class="task-detail">
			<view class="detail-row">
				<view class="row-title">
					梁号:
				</view>
				<view class="row-detail">
					1#-1
				</view>
			</view>
			<view class="detail-row">
				<view class="row-title">
					所属桥段:
				</view>
				<view class="row-detail">
					新市枢纽D匝道1号桥
				</view>
			</view>
			<view class="detail-row">
				<view class="row-title">
					梁板类型:
				</view>
				<view class="row-detail">
					箱梁
				</view>
			</view>
			<view class="detail-row">
				<view class="row-title">
					制梁状态:
				</view>
				<view class="row-detail">
					<text style="color: #21C28E;">已完成</text>
				</view>
			</view>
			<view class="detail-row">
				<view class="row-title">
					计划制梁时间:
				</view>
				<view class="row-detail" style="width: 290rpx;">
					2022-08-11 08:00:00~ 2022-08-11 08:00:00
				</view>
			</view>
			<view class="detail-row">
				<view class="row-title">
					计划架梁时间：
				</view>
				<view class="row-detail" style="width: 290rpx;">
					2022-08-11 08:00:00~ 2022-08-11 08:00:00
				</view>
			</view>
			<view class="detail-row">
				<view class="row-title">
					跨:
				</view>
				<view class="row-detail">
					5m
				</view>
			</view>
			<view class="detail-row">
				<view class="row-title">
					幅:
				</view>
				<view class="row-detail">
					左幅
				</view>
			</view>
			<view class="detail-row">
				<view class="row-title">
					存梁台座编号:
				</view>
				<view class="row-detail">
					21#-1
				</view>
			</view>
			<view class="detail-row">
				<view class="row-title">
					梁二维码:
				</view>
				<view class="qrCode">
					<!-- <image class="img" :src="url_config+'image/'+item.qrCode"></image> -->
					<image class="img" src="/static/smartBeamField/codeIcon.jpg"></image>
					<view class="download-text">
						点击此处下载
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				beamSectionId: "", // 桥段ID
				beamNumSearch: "",
				searchStyle: {
					position: "absolute",
					display: "flex",
					alignItems: "center",
					justifyContent: "center",
					right: "13%",
					width: "90rpx",
					height: "40rpx",
					color: "#fff",
					fontSize: "23rpx",
					background: "#5181F6",
					borderRadius: "35px 35px 35px 35px",
				},
				planList: [],
				saveBeamList: [],
				makeBeamList: [],
				projectDetail: {},
			};
		},
		methods: {
			returnBack() {
				console.log("返回")
				uni.navigateBack()
			},
		},
	}
</script>

<style lang="scss" scoped>
	.headerBack {
		position: absolute;
		left: 5%;
		top: 5%;
	}
	.task-detail {
		padding: 30rpx 40rpx;
		.detail-row {
			display: flex;
			margin-top: 35rpx;
			.qrCode {
				width: 200rpx;
				height: 200rpx;
				text-align: center;
				.download-text {
					color: #5181F6;
					font-size: 27rpx;
				}
				.img {
					width: 100%;
					height: 100%;
				}
			}
			.row-title {
				width: 200rpx;
				font-size: 27rpx;
				font-family: Advent Pro, Advent Pro;
				color: #8C8C8C;
			}
			.row-detail {
				font-size: 27rpx;
				font-family: Advent Pro, Advent Pro;
				color: #333333;
			}
		}
	}
	
	
</style>