wit-uniapp/pages/my/Mydistribution/distributiondetil/distributiondetil.vue

<template>
	<view class="OutermostLayer">
			<u-cell-group>				
				<u-cell icon="integral-fill" title="任务名称" value="电力设备监测" >
					<u-icon slot="icon" size="40" name="order"></u-icon>					
				</u-cell>
				<u-cell icon="integral-fill" title="办结日期" value="2023-05-15" >
					<u-icon slot="icon" size="40" name="calendar"></u-icon>					
				</u-cell>
				<u-cell icon="integral-fill" title="任务类型" value="监测" >
					<u-icon slot="icon" size="40" name="grid"></u-icon>					
				</u-cell>
				<u-cell icon="integral-fill" title="紧急程度" value="一般" >
					<u-icon slot="icon" size="40" name="pushpin"></u-icon>					
				</u-cell>
				<u-cell icon="integral-fill" title="办理人员" value="杨刚" >
					<u-icon slot="icon" size="40" name="man-add"></u-icon>					
				</u-cell>
			</u-cell-group>
		<view class="description">
			<view class="taskdetals1">
				<u-icon name="list-dot"  size="35"></u-icon>
			</view>
			<view class="taskdetals2">
				请在5月15号之前，把B栋所有楼层的灯光设备检查完毕，并详细记录每层楼道的灯光寿命情况，把损坏的灯泡上报维修部。				
			</view>
		</view>
		
		<view class="guidang">
			
			<view class="queding">
				<u-button type="primary" :plain="true" text="返回" @click="returndata"></u-button>
			</view>
			<view class="queding">
				<u-button type="primary" text="修改" @click="editdata"></u-button>
			</view>
		</view>
		</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			editdata(){
				uni.navigateTo({
					url: '/pages/my/Mydistribution/distributionedit/distributionedit'
				})
			},
			returndata(){
				uni.navigateBack({
					delta: 1
				});
			},
		}
	}
</script>

<style>
	.description {
		display: flex;
		align-items: center;
		width: 100%;
		margin-top: 30rpx;
	}
	.taskdetals1 {}
	
	.taskdetals2 {
		font-size: 25rpx;
		padding-left: 15rpx;
	}
	.guidang {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 40rpx;
		padding: 30rpx;
	}
	
	.queding {
		width: 40%;
	}
</style>