zy-wechat/pages/promptPage/promptPage.vue

<template>
	<view class="Scanning_B" v-if="status !== null">
		<view class="Scanning_top" v-if="status == 200">
			<view class="Scanning_top_icon">
				<text class="cubeic-ok icon_transport transport-duigou"></text>
			</view>
		</view>
		<view class="Scanning_top" v-else>
			<view class="Scanning_top_icon">
				<text class="cubeic-close icon_transport transport-shibai"></text>
			</view>
		</view>
		<view class="Scanning_cont">
			<view>{{content}}</view>
		</view>
		<view class="foot_btn">
			<view class="btn3" @click="showAlert()">知道了</view>
		</view>
	</view>
</template>

<script>
	import {
		post,
		webHandle
	} from "../../http/http.js";
	export default {
		data() {
			return {
				options: {},
				content: '',
				status: null,
			};
		},
		methods: {
			// 知道了
			showAlert() {
				uni.navigateTo({
					url: "../receiptpage/receiptpage",
				});
			},
			getInfo() {
				uni.showLoading({
					title: "加载中",
					mask: true,
				});
				post("/drugsBag/takeAndFillMedicineScan", {
						drugBagsCodes: this.options.code,
					})
					.then((result) => {
						uni.hideLoading();
						this.status = result.status;
						if (result.status == 200) {
							this.content = `您已经成功接收${result.deptName}的${result.num}个药包，包括：${result.drugBagsCodes}`;
						} else {
							this.content = result.error;
						}
					})
			}
		},
		onLoad(options) {
			this.options = options;
			this.getInfo();
			// #ifdef APP-PLUS
			webHandle("no", "app");
			// #endif
			// #ifdef H5
			webHandle("no", "wx");
			// #endif
		}
	}
</script>

<style lang="less">
	.Scanning_B {
		.Scanning_top {
			height: 200rpx;

			.Scanning_top_icon {
				width: 140rpx;
				height: 140rpx;
				margin: 0 auto;
				border-radius: 50%;
				line-height: 140rpx;
				text-align: center;

				.cubeic-ok {
					font-size: 140rpx;
					color: #35b34a;
				}

				.cubeic-close {
					font-size: 140rpx;
					color: #ff3b53;
				}
			}

			.Scanning_top_text {
				.text1 {
					margin-top: 40rpx;
					font-size: 48rpx;
					text-align: center;
				}
			}
		}

		.Scanning_cont {
			font-size: 32rpx;

			view {
				margin-bottom: 16rpx;
				text-align: center;
			}

			.text {
				margin-top: 24rpx;
				color: #35b34a;
			}

			.text1 {
				margin-top: 24rpx;
				color: #ff3b53;
			}
		}

		.foot_btn {
			line-height: 88rpx;
			height: 100rpx;
			margin-top: 40rpx;
			display: flex;
			justify-content: center;

			.btn3 {
				flex: 1;
				height: 88rpx;
				background-image: linear-gradient(to right, #72c172, #3bb197);
				color: #fff;
				border-radius: 8rpx;
				font-size: 32rpx;
				margin-top: 16rpx;
				margin-right: 16rpx;
				text-align: center;

				&:last-of-type {
					margin-right: 0;
				}
			}
		}
	}
</style>