patrol-cancel-h5/pages/index/cancel.vue

<template>
	<view class="wrap">
		<view class="cancelcode">
			<view>核销码：{{code}}</view>
			<u-button @click='cancelcode' type="primary" text="核销" color='deepskyblue'></u-button>
		</view>
		<view class="cancelinfo">
			<view>访客信息</view>
			<view>
				<view>姓名：</view>
				<view>访问日期：</view>
				<view>访问时段：</view>
				<view>访问事由：</view>
				<view>拜访单位：</view>
				<view>受访人：</view>
				<view>受访科室：</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				code:''
			}
		},
		onLoad(options) {
			this.code = options.code
		},
		methods: {
			cancelcode(){
				uni.showToast({
					icon: "none",
					title: '核销成功',
					duration: 3000
				})
				setTimeout(function(){
					uni.navigateTo({
						url:'/pages/index/index'
					})
				},500)
				
				
				
			}
		}
	}
</script>

<style scoped>
	.wrap{
		padding:30rpx
	}
	
	.cancelcode{
		/* display: flex;
		justify-content: space-between; */
	}
	.cancelcode view{
		margin-bottom:30rpx;
		font-size: 36rpx;
	}
	/deep/ .cancelcode .u-button__text{
		font-size: 36rpx!important;
	}
	.cancelinfo{
		font-size: 36rpx;
		margin-top:30rpx
	}
	.cancelinfo view{
		color:#ddd;
		margin-bottom:30rpx
	}
	.cancelinfo view view{
		color:#333
	}
	
</style>