PDA/pages/home/home.vue

<template>
	<view class="home-wrap">
		<view class="home-title">
			<view class="title-bac">
				<view class="roomt">
					<span class="rom-spn">当前所在仓库</span>
					<span class="quit-spn"></span>
				</view>
				<view class="rom-set">
					<view class="park"></view>
					<view class="houseName">{{houseName}}</view>
					<view class="down"></view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	import {
		listData
	} from "./list.js";
	import {
		mapState,
		mapMutations,
		mapActions
	} from 'vuex';
	export default {
		components: {

		},
		mounted() {
			// this.getDataList({
			// 	type: "NotOut"
			// });
		},
		computed: {
			...mapState(['groundData'])
		},
		data() {
			return {
				listData: listData,
				houseName: "一号仓库",
				appData: [{
						iconUrl: "../../static/shangjia.png",
						name: "上架确认",
						bgColor: "#6163AF",
						path: "/pages/grounding/grounding"
					},
					{
						iconUrl: "../../static/jianhuo.png",
						name: "出库拣货",
						bgColor: "#3789EA",
						path: "/pages/outbound/outbound"
					},
					{
						iconUrl: "../../static/pandian.png",
						name: "库存盘点",
						bgColor: "#2CE4BF",
						path: "/pages/Inventory/Inventory"
					},
					{
						iconUrl: "../../static/jiansuo.png",
						name: "商品检索",
						bgColor: "#FFB867",
						path: "/pages/query/query"
					},
					{
						iconUrl: "../../static/xiaohao.svg",
						name: "商品消耗",
						bgColor: "#94BE5B",
						path: "/pages/consume/consume"
					},
				]
			}
		},
		onLoad() {

		},
		methods: {
			...mapActions(['getGroundData']),
			//跳转更多页面
			moreView() {
				uni.navigateTo({
					url: '/pages/grounding/grounding',
					success: function(res) {}
				});
			},
			dateChange(slectd) {
				this.getDataList({
					type: slectd[0][0].value
				});
			},
			// 获取数据
			getDataList(data) {
				this.getGroundData(data);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.home-wrap {
		width: 100%;
		height: 100%;
		overflow-y: auto;

		.home-title {
			width: 100%;
			height: auto;

			.title-bac {
				width: 100%;
				height: 392rpx;
				border-radius: 0rpx 0rpx 40rpx 40rpx;
				background: linear-gradient(180deg, rgba(1, 169, 146, 1) 0%, rgba(1, 176, 164, 0.54) 46%, rgba(2, 181, 176, 0.24) 100%, rgba(2, 185, 185, 0) 100%);
				padding: 20rpx;
				box-sizing: border-box;

				.roomt {
					width: 100%;
					height: 70rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;

					.rom-spn {
						color: rgba(255, 255, 255, 0.9);
						font-size: 36rpx;
						text-align: left;
						font-family: PingFangSC-bold;
					}

					.quit-spn {
						width: 48rpx;
						height: 48rpx;
						background: url('../../static/logout.svg');
						background-size: 100% 100%;
					}

				}

				.rom-set {
					width: 100%;
					height: 50rpx;
					display: flex;
					align-items: center;

					.park {
						width: 40rpx;
						height: 40rpx;
						background: url('../../static/iconPark.svg');
						background-size: 100% 100%;
					}

					.houseName {
						color: rgba(255, 255, 255, 0.9);
						font-size: 36rpx;
						text-align: left;
						font-family: OPPOSans-medium;
						margin-left:20rpx;
					}

					.down {
						width: 40rpx;
						height: 40rpx;
						background: url('../../static/down.svg');
						background-size: 100% 100%;
						margin-left:20rpx;
					}
				}
			}
		}
	}

	uni-page-body {
		width: 100%;
		height: 100%;
	}

	uni-page-wrapper {
		width: 100%;
		height: 100%;
	}

	uni-page {
		width: 100%;
		height: 100%;
	}
</style>