道路新增空托出库的功能

api/dlapi.js

@@ -258,4 +258,22 @@ export function apiGwUnlock(params){
 	return http.post("/xgwcs/gw/unlock", params || {}).then(e => {
 		return filter(e)
 	})
-}
+}
\ No newline at end of file
+/* 查询空托盘库位 */
+export function queryEmptyTpKw(params){
+	return http.post("/xgwcs/kwcx/queryEmptyTpKw", params || {}).then(e => {
+		return filter(e)
+	})
+}
+/* 库位分离 */
+export function rqflQuery(params){
+	return http.post("/wms/rqfl/query", params || {}).then(e => {
+		return filter(e)
+	})
+}
+/* 出托 */
+export function emptyCall(params){
+	return http.post("/xgwcs/gwjl/emptyCall", params || {}).then(e => {
+		return filter(e)
+	})
+}

common/router/modules/routes.js

@@ -146,6 +146,13 @@ const routes = [
 	        title: '托盘清空',
 	    },
 	},
+	{
+	    path: '/pages/dl_tray_outbound/index',
+	    name: 'trayOutbound',
+	    meta: {
+	        title: '空托出库',
+	    },
+	},
 	/* 移入移出 */
 	{
 	    path: '/pages/dl_outin/index',

pages.json

@@ -108,6 +108,16 @@
 		        "enablePullDownRefresh": false
 		    }
 		    
+		},
+		/* 空托出库 */
+		{
+		    "path" : "pages/dl_tray_outbound/index",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "",
+		        "enablePullDownRefresh": false
+		    }
+		    
 		},
 		{
 		    "path" : "pages/dl_tray_clear/index",

pages/dl_tray_outbound/index.vue

+<template>
+	<view class="bg-white">
+		<cu-custom bgColor="bg-gradual-blue" :isBack="true">
+			<block slot="content">空托出库</block>
+			<block slot="backText">返回</block>
+		</cu-custom>
+
+
+		
+		<view class="cu-form-group" style="background: #eee;">
+			<view class="title ">选择库位</view>
+			<picker  mode="selector"  range-key="name"	:value="selectedIndex" :range="pickerArray"  @change="onPickerChange">
+				<view style="font-size: 15px;" class="uni-input">{{pickerArray[selectedIndex].name}}</view>
+			</picker>
+		</view>
+		<view v-for="(item,index) in  wlinfor" :key="index" @click="item.isSelect=!item.isSelect"  >
+			<view class="flex  flex-wrap padding  bg-grey white radio" style="position: relative;">
+				<view v-show="item.isSelect" style="position: absolute;right: 10px;top: 45px;color: #fff;font-size: 20px;" class="checkBody">
+					<text  class="lg text-gray checkItem" :class="'cuIcon-check'" ></text>
+				</view>
+				<view class="basis-sm  margin-top-xs margin-bottom-xs radius">货架<span>{{item.hjname}}</span></view>
+				<view class="basis-lg  margin-top-xs margin-bottom-xs radius">库位:<span>{{item.code}}</span></view>
+				<view class="basis-sm  margin-top-xs margin-bottom-xs radius">托盘类型:<span>{{item.rqflname}}</span></view>
+				<view class="basis-lg  margin-top-xs margin-bottom-xs radius">托盘:<span>{{item.tpcode}}</span></view>
+			
+			</view>
+			<view class="cu-form-group" style="min-height: 5px;">
+				
+			</view>
+			
+		</view>
+		<view class="padding flex align-center bg-white justify-around">
+			<button class="cu-btn bg-gradual-green lg wid50" @tap="isbctz(2)">出库</button>
+
+		</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import api from '@/api/api.js';
+	import {
+		getTryinfo,
+		adjustTry,
+		queryEmptyTpKw,
+		rqflQuery,
+		emptyCall
+	} from '@/api/dlapi.js'
+	export default {
+		data() {
+			return {
+				app:this,
+				selected: "",
+				ystpcode: "",
+				modalName: "",
+				tpcode: "",
+				wlinfor: [],
+				/* 选择 */
+				  pickerArray: [
+				       {name:'',id:''}
+				      ],
+				      // 当前选中值索引
+				      selectedIndex: 0,
+			}
+		},
+		methods: {
+			// 查询
+			apiQueryEmptyTpKw(id){
+				queryEmptyTpKw({rqflid:id}).then(data=>{
+					let record=data.records
+					this.wlinfor=record.map(item=>{
+						item.isSelect=false
+						return item
+					})
+				})
+			},
+			onPickerChange(event) {
+			      // 获取选中值索引
+			      const index = event.detail.value
+			      // 设置选中值名称
+				  this.selectedIndex=index
+				 
+				  this.apiQueryEmptyTpKw(this.pickerArray[index].id)
+				  /* 做出托盘查询请求*/
+			    
+			    },
+			// api出调整
+			apiadjustTry(){
+				
+				let arrList=this.wlinfor.filter(item=>{
+					return item.isSelect
+				})
+				console.log(arrList)
+				if(arrList.length==0){
+					this.$tip.alert('请选择一条数据进行操作')
+					return 
+				}
+				let params={
+					data:arrList
+				}
+				emptyCall(params).then(
+				res=>{
+					if(res){
+						this.$tip.alert('操作成功')
+						/* 重新查询 */
+					
+						this.apiQueryEmptyTpKw(this.pickerArray[this.selectedIndex].id)
+					}
+				}
+				)
+			},
+			isbctz() {
+				let that=this
+				
+					uni.showModal({
+					    title: '提示',
+					    content: '是否进行空托出库',
+						cancelText: "否", // 取消按钮的文字  
+						confirmText: "是", // 确认按钮的文字  
+					    success: function (res) {
+					        if (res.confirm) {
+					           that.apiadjustTry()
+					        } else if (res.cancel) {
+					        
+					        }
+					    }
+					});
+				
+
+			},
+			hideModal() {
+				this.modalName = ""
+			},
+			// 弹框
+			confirm(e) {
+				this.modalName = "DialogModal" + e
+			},
+			// 删除确认
+			deldata(item, index) {
+				let that=this
+				uni.showModal({
+				    title: '提示',
+				    content: '是否删除该条信息',
+					cancelText: "否", // 取消按钮的文字  
+					confirmText: "是", // 确认按钮的文字  
+				    success: function (res) {
+				        if (res.confirm) {
+				           that.wlinfor.splice(that.selected, 1)
+				        } else if (res.cancel) {
+				        
+				        }
+				    }
+				});
+			},
+			// 获取托盘信息
+			
+
+		},
+		onLoad(e) {
+				rqflQuery().then(res=>{
+					this.pickerArray=res.records
+					this.pickerArray.unshift({
+						id:'',
+						name:'全部'
+					})
+					this.apiQueryEmptyTpKw(this.pickerArray[0].id)
+				})
+		}
+	}
+</script>
+
+<style scoped>
+	.checkBody{
+		background-color:royalblue;
+		border-radius: 50%;
+		width: 20px;
+		height: 20px;
+		.checkItem{
+			color: #fff;
+			
+		}
+	}
+	/deep/.uni-numbox-btns {
+		width: 27.69px !important;
+	}
+
+	.disable {
+		background-color: #F5F5F5
+	}
+
+	.wid50 {
+		width: 50%;
+	}
+</style>