基础配置

common/style/layout.css

@@ -179,7 +179,7 @@ uni-button:after {
 	align-content: flex-start;
 	align-items: flex-start;
 	width: calc(100% - 30px);
-	height: calc(100% - 137px);/** 42+15*4+35 */
+	height: calc(100% - 152px);/** 42+15*5+35 */
 	margin: 15px auto;
 	padding: 15px 15px 0 15px;
 	overflow-y: auto;

manifest.json

@@ -1,7 +1,7 @@
 {
-    "name" : "pad-hl-hcx-four",
+    "name" : "海亮缓存线",
     "appid" : "__UNI__80C78D1",
-    "description" : "",
+    "description" : "海亮缓存线平板系统",
     "versionName" : "1.0.0",
     "versionCode" : "100",
     "transformPx" : false,

pages/management/hcxcheck.vue

@@ -1,15 +1,15 @@
 <template>
 	<view class="content">
 		<nav-bar title="缓存线盘点"></nav-bar>
-		<view class="search-confirm-wrap">
+		<view class="search-confirm-wrap search-confirm-wrap1">
-			<view class="search-wrap">
+			<view class="search-wrap search-wrap1">
-				<view class="search-item">
+				<view class="search-item search-item1">
 					<label class="search-label">缓存线</label>
 					<view class="filter_input_wraper">
 						<uni-data-select v-model="index1" :localdata="options1" @change="selectChange1"></uni-data-select>
 					</view>
 				</view>
-				<view class="confirm-button-wrap">
+				<view class="confirm-button-wrap confirm-button-wrap1">
 					<button class="confirm-button" @tap="toSearch()">刷&nbsp;&nbsp;新</button>
 				</view>
 			</view>
@@ -38,6 +38,74 @@
 				<view class="material-spec">{{e.material_spec}}</view>
 			</view>
 		</view>
+		<view class="popup-bottom-wrap" :class="active === true ? 'addHeight' : 'delHeight'">
+			<view class="search-confirm-wrap">
+				<view class="search-wrap">
+					<view class="search-item">
+						<label class="search-label">料箱码</label>
+						<view class="filter_input_wraper">
+							<search-box
+							v-model="val1"
+							/>
+						</view>
+					</view>
+					<view class="search-item">
+						<label class="search-label">工序</label>
+						<view class="filter_input_wraper">
+							<uni-data-select v-model="index1" :localdata="options1" @change="selectChange1"></uni-data-select>
+						</view>
+					</view>
+					<view class="search-item">
+						<label class="search-label">物料</label>
+						<view class="filter_input_wraper">
+							<input type="text" class="search-input-l" v-model="val2">
+						</view>
+					</view>
+					<view class="search-item">
+						<label class="search-label">名称</label>
+						<view class="filter_input_wraper">
+							<input type="text" class="search-input-l" v-model="val3">
+						</view>
+					</view>
+					<view class="search-item">
+						<label class="search-label">规格</label>
+						<view class="filter_input_wraper">
+							<input type="text" class="search-input-l" v-model="val4">
+						</view>
+					</view>
+					<view class="search-item">
+						<label class="search-label">数量</label>
+						<view class="filter_input_wraper">
+							<input type="number" class="search-input-l" v-model="val5">
+						</view>
+					</view>
+					<view class="search-item">
+						<label class="search-label">重量</label>
+						<view class="filter_input_wraper">
+							<input type="number" class="search-input-l" v-model="val6">
+						</view>
+					</view>
+					<view class="search-item">
+						<label class="search-label">层</label>
+						<view class="filter_input_wraper">
+							<uni-data-select v-model="index2" :localdata="options2" @change="selectChange2"></uni-data-select>
+						</view>
+					</view>
+					<view class="search-item">
+						<label class="search-label">位置</label>
+						<view class="filter_input_wraper">
+							<uni-data-select v-model="index3" :localdata="options3" @change="selectChange3"></uni-data-select>
+						</view>
+					</view>
+				</view>
+				<view class="confirm-button-wrap">
+					<button class="confirm-button" @tap="toSearch()">设为满框</button>
+					<button class="confirm-button" :disabled="disabled" @tap="toSure()">设为空框</button>
+					<button class="confirm-button" :disabled="disabled" @tap="toSure()">设为空位</button>
+				</view>
+			</view>
+		</view>
+		<view v-show="active" class="overlay" @tap="closePop"></view>
 	</view>
 </template>
 
@@ -51,7 +119,19 @@
 			return {
 				options1: [],
 				index1: '',
-				dataList: []
+				options2: [],
+				index2: '',
+				options3: [],
+				index3: '',
+				val1: '',
+				val2: '',
+				val3: '',
+				val4: '',
+				val5: '',
+				val6: '',
+				dataList: [],
+				active: false
+				
 			};
 		},
 		created () {
@@ -65,9 +145,13 @@
 				this.index1 = e
 			},
 			toInfo(e) {
-				uni.navigateTo({
+				// uni.navigateTo({
-					url: `/pages/management/hcxInfo`
+				// 	url: `/pages/management/hcxInfo`
-				})
+				// })
+				this.active = true
+			},
+			closePop () {
+				this.active = false
 			}
 		}
 	}
@@ -75,13 +159,36 @@
 
 <style lang="stylus" scoped>
 @import '../../common/style/mixin.styl';
-.search-confirm-wrap
+.search-confirm-wrap1
 	_fj()
-.search-wrap
+.search-wrap1
 	width 48%
-.search-item
+.search-item1
 	width calc(100% - 120px)
-.confirm-button-wrap
+.confirm-button-wrap1
 	width auto
 	justify-content flex-start
+.popup-bottom-wrap
+	position fixed
+	bottom 0
+	left 0
+	width 100%
+	height 0
+	z-index 100
+	background-color #fff
+	_fj()
+	overflow hidden
+.overlay
+	position fixed
+	bottom 0
+	left 0
+	_wh(100%, 100%)
+	background-color rgba(0,0,0,.7)
+	z-index 99
+.addHeight
+	transition height .2s linear
+	height 315px
+.delHeight
+	transition height .2s linear
+	height 0
 </style>