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

<template>
	<view class="content-box">
		
		<uni-nav-bar fixed="true" statusBar="true" left-icon="back" title="领料" background-color="#F7F9FA"
			color="#404446" @clickLeft="back">
			<block slot="right">
				
				<u-button
				  type="success"
				  size="small"
				  class="u-reset-button"
				  @click="openSearch"
				  text="搜索"
				></u-button>
			
			</block>
			</uni-nav-bar>
			


		<view class="list_box">
			<u-list @scrolltolower="scrolltolower">
				<view v-for="(item,index) in 100" :key='index'>
					{{item}}
				</view>
			</u-list>
		</view>

		<view class="bottom-wrapper">
			<view class="btn_box rx-bc">
				<view class="zdy_check rx-cc" @click='allChecked = !allChecked' :class="{ check_active : allChecked }">
					<u-icon size="28" v-if='allChecked' name='checkbox-mark'></u-icon>
				</view>
				
				
		         <view>
					 <u-button
					   type="success"
					   class="u-reset-button"
					   @click="openSearch"
					   text="确定添加"
					 ></u-button>
				 </view>
				
				
			</view>
		</view>



	</view>



</template>

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

				allChecked: false,
				searchFrom: {
					keyWord: ''
				}
			}
		},
		methods: {

			scrolltolower() {},

			openSearch() {
				uni.navigateTo({
					url: '/pages/pda/workOrder/search/index'
				})
			},

		}
	}
</script>

<style lang="scss" scoped>
	.content-box {
		height: 100vh;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		background-color: $page-bg;
	}





	.list_box {
		flex: 1;
		overflow: hidden;
		padding: 4rpx 0;

		.u-list {
			height: 100% !important;
		}
	}

	.btn_box {
		height: 112rpx;
		background: #fff;
		padding: 0 32rpx;
		
		.zdy_check {
			width: 30rpx;
			height: 30rpx;
			border: 2rpx solid #c8c9cc;
			border-radius: 4rpx;
		
		
		}
		
		.check_active {
			background: $theme-color;
			border: 2rpx solid $theme-color;
		
			/deep/ .u-icon__icon {
				color: #fff !important;
			}
		}
		
	
	}
</style>