aiot-app/pages/pda/picking/index/index.vue

<template>
		<view class="content-box">
		<uni-nav-bar fixed="true" statusBar="true" left-icon="back" title="领料" background-color="#157A2C"
			color="#fff" @clickLeft="back"  right-icon="scan"  @clickRight="HandlScanCode">
			</uni-nav-bar>
			
			<view class="top-wrapper">
				<view class="tab_box rx-sc">
					<view class="tab_item" :class="{active: tabType == 1}" @click="handTab(1)">生产工单列表</view>
					<view class="tab_item" :class="{active: tabType == 2}" @click="handTab(2)">领料工单列表</view>
				</view>
			</view>
			
			<view class="list_box">
				<u-list @scrolltolower="scrolltolower"  v-if="tabType == 1">
					
					</u-list>
					
				</view>
			
				<view class="bottom-wrapper">
					5555
					</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabType: 1,
			}
		},
		methods: {
			
			
			handTab(type) {
				if (type != this.tabType) {
					this.tabType = type
				}
			},
			
			scrolltolower() {},
			
			
			// 相机扫码
			HandlScanCode () {
			  let _this = this
			  uni.scanCode({
			    success: function (res) {
			     console.log(res)
			    }
			  })
			  //_this.Scancodedate('res')
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content-box {
		height: 100vh;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		background-color: $page-bg;
	}
	
	
	.tab_box {
		width: 100%;
		height: 68rpx;
	    background: #fff;
	
		.tab_item {
			height: 68rpx;
			line-height: 68rpx;
			padding: 0 20rpx;
			font-size: 32rpx;
			color: #979C9E;
	
		}
	
		.active {
			box-sizing: border-box;
			border-bottom: 6rpx solid $theme-color;
			color: $theme-color;
		}
	
	
	}
	
	
	.list_box {
		flex: 1;
		overflow: hidden;
		padding: 4rpx 0;
	
		.u-list {
			height: 100% !important;
		}
	}

</style>