hotelHomestayWx/pagesHouse/Verification/index.vue

<template>
	<view class="page" :style="{'min-height':(h-th)+'px'}">
		<c-nav-bar title="核销"></c-nav-bar>
		<view class="content">
			<view class="content-one" @click="SweepIt">
				<view class="image">
					<image src="https://i.ringzle.com/file/20240224/f7c81755b4f74f47b80c53ba4e6b051a.png" mode="">
					</image>
				</view>
				<view class="text">
					扫一扫核销
				</view>
			</view>
			<view class="content-two" @click="handiwork">
				<view class="image">
					<image src="https://i.ringzle.com/file/20240224/49af25724572427fadff57f73a29d15b.png" mode="">
					</image>
				</view>
				<view class="text">
					手工核销
				</view>
			</view>
		</view>
		<Tabbares :tabbarid="1"></Tabbares>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				h: uni.getSystemInfoSync().windowHeight - 87,
				mt: uni.getSystemInfoSync().statusBarHeight + 44,
			}
		},
		methods: {
			// 扫码
			SweepIt() {
				// this.$showToast('正在开发中...');
				uni.scanCode({
					onlyFromCamera: true,
					success: (res) => {
						console.log('扫描二维码成功,结果:' + res.result);
						this.$api.get('/merchant/merchantFisherman/home/getDetails?writeOffCode=' + res.result)
							.then(res => {
								if (res.data.code == 0) {
									this.value = ''
									uni.setStorageSync('list', res.data.data);
									uni.navigateTo({
										url: '/pagesHouse/Verification/details'
									})
								} else {
									this.value = ''
									this.$showToast(res.data.msg)
								}
							})
					},
					error: (res) => {
						console.log('扫描二维码出现错误')
					}
				})

			},
			// 手工
			handiwork() {
				uni.navigateTo({
					url: '/pagesHouse/Verification/handiwork'
				})
			},
		}
	}
</script>

<style lang="less">
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box
	}

	.page {
		height: 100%;
		background-color: #FFFFFF;

		.content {
			// height: 100%;
			// line-height: 100%;
			// padding: 40rpx auto;
			margin: 34% 64rpx;
			display: flex;
			flex-wrap: wrap;

			.content-one,
			.content-two {
				box-sizing: border-box;
				width: 100%;
				height: 224rpx;
				background-color: #F0F8F6;
				padding: 40rpx 0;
				margin-top: 60rpx;
				border-radius: 24rpx;

				.image {
					width: 88rpx;
					height: 88rpx;
					margin: auto;


					image {
						width: 100%;
						height: 100%;
					}
				}

				.text {
					margin-top: 24rpx;
					text-align: center;
					font-size: 32rpx;
					color: #111111;
					font-weight: Regular;
				}
			}

		}

	}
</style>