shop_uniapp/bundle_b/pages/local_verify/index.vue

<template>
	<view class="content">
		<u-navbar id="navbar" :border-bottom="false" :background="{ background: 'rgba(256,256,256, 0)'}"
			:back-bg="'rgba(0, 0, 0, 0.2)'" back-icon-color="rgba(256, 256, 256, 1)" :immersive="true">
		</u-navbar>
		<view class="scan">
			<view class="scan-block" @click="scanCode">
				<view class="scan-item">
					<u-icon name="scan" size="128"></u-icon>
					<view class="m-t-10">扫一扫核销</view>
				</view>
			</view>

			<view class="item flex row-between">
				<view class="ele">
					<router-link to="/bundle_b/pages/local_verify/order">
						<u-image class="image m-t-10" :src="aliOSS + 'uniapp/bundle_b/hxdd.png'" width="60rpx"
							height="60rpx"></u-image>
						<view class="lg bold m-t-20">核销订单</view>
					</router-link>
				</view>

				<view class="ele">
					<router-link to="/bundle_b/pages/local_verify/shop">
						<u-image class="image m-t-10" :src="aliOSS + 'uniapp/bundle_b/bdsj.png'" width="60rpx"
							height="60rpx"></u-image>
						<view class="lg bold m-t-20">已绑商家</view>
					</router-link>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {dispose} from '@/api/local_store.js'
	
	export default {
		data() {
			return {

			}
		},
		methods: {
			scanCode() {
				uni.scanCode({
					success: (res) => {
						const json = JSON.parse(res.result)
						dispose({lsg_order_id: json.lsg_order_id}).then((res) => {
							if (res.code == 1) {
								uni.showModal({
									title: '核销成功',
									content: '订单已成功核销！'
								})
							}
						})
					}
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.scan {
		margin-top: 200rpx;
		width: 100%;
		text-align: center;

		.scan-block {
			width: 400rpx;
			height: 400rpx;
			background-color: #FF2C3C;
			border-radius: 50%;
			margin: 0 auto;
			position: relative;
			box-shadow: 0rpx 8rpx 92rpx 0rpx #FF969D;

			.scan-item {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				color: #fff;
			}
		}

		.item {
			background-color: #fff;
			margin: 100rpx 20rpx 0 20rpx;
			border-radius: 20rpx;
			justify-content: space-between;
			box-shadow: 0px 8rpx 36rpx -6rpx #dbdbdb;
			;

			.ele {
				width: 50%;
				padding: 20rpx 0;

				.image {
					margin: 0 auto;
					display: flex;
					justify-content: center;
				}
			}
		}
	}
</style>