FE-lab-xcx/pages_supplierCylinderManagement/views/gasCylinderManagement/index.vue

<!-- 气瓶管理 -->
<template>
	<view id="gasCylinderManagement">
		<view class="content-box">
			<view class="button-box" @click="goPage(1)">
				<img :src="imagesUrl('supplierCylinderManagement/iconPark-warehousing 1@2x.png')">
				<view style="color:#FF6B00;">气瓶入库</view>
			</view>
			<view class="button-box" @click="goPage(2)">
				<img :src="imagesUrl('supplierCylinderManagement/iconPark-outbound@2x.png')">
				<view style="color:#0075FF;">气瓶出库</view>
			</view>
		</view>
		<view class="bottom-button-p" @click="goPage(3)">历史记录</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad(option) {

		},
		onShow() {

		},

		methods: {
			goPage(type) {
				if (type == 1) {
					//气瓶入库
					uni.navigateTo({
						url: "/pages_supplierCylinderManagement/views/gasCylinderManagement/inbound",
					});
				} else if (type == 2) {
					//气瓶出库
					uni.navigateTo({
						url: "/pages_supplierCylinderManagement/views/gasCylinderManagement/outbound",
					});
				} else if (type == 3) {
					//历史记录
					uni.navigateTo({
						url: "/pages_supplierCylinderManagement/views/gasCylinderManagement/historyRecord",
					});
				}
			},
		}
	}
</script>

<style lang="stylus" scoped>
	#gasCylinderManagement {
		height: 100%;
		width: 100%;
		display flex;
		flex-direction column;
		overflow: hidden;

		.content-box {
			flex: 1;
			display flex;
			flex-direction column;
			overflow-y: scroll;
			.button-box{
				background-color: #fff;
				border-radius:8rpx;
				overflow: hidden;
				margin:20rpx 30rpx;
				img{
					width:120rpx;
					height:120rpx;
					display: block;
					margin:70rpx auto 0;
				}
				view{
					text-align: center;
					font-size:32rpx;
					line-height:100rpx;
					margin-bottom:40rpx;
				}
			}
		}
		.bottom-button-p{
			font-size:30rpx;
			text-align: center;
			width:130rpx;
			line-height:60rpx;
			margin:0 auto;
			margin-bottom:100rpx;
			border-bottom:1rpx solid #dedede;
			color:#666;
		}
	}
</style>