wms_pda/pages/sample/main.vue

<template>
	<view>
		<view class="head">
			<view class="header-wrap">
				<view class="index-header">
					<view class="map-wrap"></view>
					<view class="input-wrap">
						<text class="iconfont">仓库管理</text>
					</view>
					<view class="map-wrap"></view>
				</view>
			</view>
			<view class="blank"></view>
		</view>
		<view class="uni-padding-wrap uni-common-mt">
			<view class="button-sp-area">
				<br>
				<button type="success" @click="groupDisk()" class="button btn">组盘入库</button>
				<br>
				<button type="success" @click="sorting_out()" class="button btn">出库确认</button>
				<br>
				<button type="primary" @click="task()" class="button btn">任务管理</button>
				<br>
				<button type="primary" @click="stock()" class="button btn">盘点管理</button>
				<br>
				<button type="primary" @click="container()" class="button btn">托盘管理</button>
				<br>
			</view>
		</view>
	</view>
</template>
<script>
	let _this = null;
	let reqRootUrl = plus.storage.getItem("reqRootUrl");
	export default {
		data() {
			return {
				title: 'button',
				loading: false,
				timer: null, // 定时器
			}
		},
		onLoad() {
			this._timer = null;
			_this = this;
		},
		onShow() {

		},
		onUnload() {
			this.clearTimer();
			this.loading = false;
		},
		methods: {
			openTypeError(error) {
				console.error('open-type error:', error);
			},
			clearTimer() {
				if (this._timer != null) {
					clearTimeout(this._timer);
				}
			},
			groupDisk: function() {
				setTimeout(() => {
					uni.vibrateShort();
					uni.navigateTo({
						url: '/pages/sample/group',
					})
				}, 500);
			},
		
			sorting_out: function(code) {
				setTimeout(() => {
					uni.vibrateShort();
					uni.navigateTo({
						url: '/pages/sample/sorting_out',
					})
				}, 500);
			},
			container: function(code) {
				setTimeout(() => {
					uni.vibrateShort();
					uni.navigateTo({
						url: '/pages/sample/container',
					})
				}, 500);
			},
			task: function(code) {
				setTimeout(() => {
					uni.vibrateShort();
					uni.navigateTo({
						url: '/pages/sample/task',
					})
				}, 500);
			},
			stock: function(code) {
				setTimeout(() => {
					uni.vibrateShort();
					uni.navigateTo({
						url: '/pages/sample/stocktaking',
					})
				}, 500);
			},
			isEmpty: function(obj) {
				return typeof obj === undefined || obj == null || obj === "" || obj ===
					"000000000000000000000000" ||
					obj.length === 0;
			},
		}
	}
</script>

<style>
	button {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}

	.button-sp-area {
		margin: 0 auto;
		width: 60%;
	}

	.mini-btn {
		margin-right: 10rpx;
	}

	.button {
		background-color: #4CAF50;
		/* 设置背景色 */
		color: white;
		/* 设置文字颜色 */
		text-align: center;
		border-radius: 6px;
		/* 添加边角半径 */
		box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		/* 添加阴影效果 */
		transition: all 0.3s ease;
		/* 过渡动画时间为0.3秒 */
	}

	.button:hover {
		transform: scale(1.1);
		/* 当鼠标悬停在按钮上时放大到原始比例的1.1倍 */
	}
</style>

<style lang="scss">
	$color-base: #0039a6;
	$words-color-base: #333333;
	$words-color-light: #999999;

	.header-wrap {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 999;

		.index-header {
			height: 88upx;
			line-height: 88upx;
			padding: 0 30upx;
			padding-top: 40upx;
			background-color: $color-base;
			font-Size: 28upx;
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.fanhui {
				color: #fff !important;
				font-size: 28px;
				padding-top: 5px;
				font-weight: 700;
			}

			.lanya {
				color: #fff !important;
				font-size: 28px;
				padding-top: 5px;
			}

			.map-wrap {
				padding-top: 5px;
			}
		}
	}

	.blank {
		height: 126upx;
	}

	.btn {
		border-radius: 60%;
		width: 125px;
		height: 125px;
		margin: auto;
		text-align: center;
		line-height: 125px;
		border-color: #0039a6;
		font-size: 20px;
	}
</style>