| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761 | <template>	<view class="nvue-page-root">		<view class="head">			<view class="header-wrap">				<view class="index-header">					<uni-icons class="fanhui" custom-prefix="iconfont" type="icon-fanhui"						@click="leftClick"></uni-icons>					<view class="input-wrap">						<text class="iconfont">组盘</text>					</view>					<view class="map-wrap" @click="rightClick">						<!-- <uni-icons class="lanya" custom-prefix="iconfont" type="icon-lanya"></uni-icons> -->					</view>				</view>			</view>			<view class="blank"></view>		</view>		<view class="uni-common-mt" style="padding: 5px;">			<view class="uni-form-item uni-column">				<view class="uni-input-wrapper" style="margin: 5px auto;">					<text class="uni-form-item__title" style="width: 20%;">容  器  码</text>					<input class="uni-input" auto-focus="true" :focus="firstFocus" placeholder="请扫描容器码"						:value="container_code" @input="hideKeyboard" />					<!-- <button class="mini-btn" type="primary" size="mini" @click="containerAdd('new')">创建新容器码并打印</button> -->				</view>				<view class="uni-input-wrapper" style="margin: 5px auto;">					<text class="uni-form-item__title" style="width: 20%;">储位地址</text>					<picker @change="bindPickerChange" :value="index" :range="addrList" range-key="name"						style="width: 80%;">						<view class="uni-input">{{addrList[index].name}}</view>					</picker>				</view>				<view class="uni-padding-wrap uni-common-mt">					<button type="primary" @click="SelectProduct()">选择货物</button>				</view>				<view class="uni-input-wrapper table-title">					<view class="tab-tr" style="width: 30%;">入库单号</view>					<view class="tab-tr" style="width: 30%;">存货编码</view>					<view class="tab-tr" style="width: 53%;">名称</view>					<view class="tab-tr-end" style="width: 12%;">数量</view>				</view>				<view style="min-height:245px;overflow-y:auto;max-height:245px">					<view class="uni-input-wrapper table-data" v-for="(item,index) in tableData" :key="index">						<view class="tab-tr" style="text-align: left;width: 30%;;color:cadetblue" @click="Delete(item)">							{{item.receipt_num}}						</view>						<view class="tab-tr" style="text-align: left;width: 30%;;color:cadetblue" @click="Delete(item)">							{{item.product_code}}						</view>						<view class="tab-tr"							style="text-align: left;width: 53%;word-break: break-all;word-wrap: break-word;line-height: initial;">							{{item.product_name}}						</view>						<view class="tab-tr-end" style="width: 12%;color:blue" @click="Update(item)">{{item.num}}</view>					</view>				</view>				<!-- 				 <view class="uni-input-wrapper table-title">					<text style="text-align: center;line-height: 40px;">当前容器码:</text>					<text style="text-align: center;line-height: 40px;">{{container_code}}</text>				 </view>				 -->				<view class="uni-input-wrapper button-sp-area">					<button type="primary" plain="true" @click="groupDisk()">组盘并入库</button>					<button type="primary" plain="true" @click="in_stock()">待入库</button>				</view>			</view>		</view>		<!-- 输入框示例 -->		<uni-popup ref="inputDialog" type="dialog">			<uni-popup-dialog ref="inputClose" mode="input" :title="product_name" value="" placeholder="请填写数量"				@confirm="UpdateNum"></uni-popup-dialog>		</uni-popup>		<!-- 提示窗示例 -->		<uni-popup ref="deleteDialog" type="dialog">			<uni-popup-dialog type="info" cancelText="取消" confirmText="确定" title="提示" :content="del_tips"				@confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>		</uni-popup>	</view></template><script>	// import printConnect from "@/common/print.js"; //引入打印机模板文件	let _this = null;	import {		mapGetters,		mapActions	} from 'vuex';	import {		GET_INFODATA,		GET_CONNECTBLEDATA	} from "@/store/gettersType.js";	import {		SET_CONNECTBLEDATA	} from '@/store/actionsType.js';	// #ifdef APP-PLUS	const modal = uni.requireNativePlugin('modal');	// const HPRT = uni.requireNativePlugin('DCloud-RichAlert');	const printModule = uni.requireNativePlugin('PrintModuleCPCL');	// #endif	let print;	var reqRootUrl = plus.storage.getItem("reqRootUrl");	let rData = [];	const SpeechTTS = uni.requireNativePlugin('MT-TTS-Speech');	export default {		data() {			return {				addrList: [{					name: '请选择'				}],				addr: "",				addr_sn: "",				index: 0,				product_name: "",				product_code: "",				del_tips: "",				sn: "",				isStart: true,				bArray: [], //用于搜索蓝牙去重用的				no_match_list: [], //没有配对的蓝牙列表				match_list: "", //已连接蓝牙打印机				val: "",				localtion: '',				dateTimer: "",				valArr: [],				url: '',				item: {					name: "HM",					mac: "E0:6E:41:34:E0:93",				},				result: -1,				title: 'input',				firstFocus: false,				src: '../../../static/eye-1.png',				platform: '',				container_code: "",				tableData: [{						name: '张三',						age: 20					},					{						name: '李四',						age: 22					},					{						name: '王五',						age: 23					},					// 其他数据...  				],			}		},		computed: {			...mapGetters([GET_INFODATA, GET_CONNECTBLEDATA])		},		methods: {			onUnload() {				SpeechTTS.destroy();			},			bindPickerChange: function(e) {				console.log("e.detail ", this.addrList[e.detail.value])				console.log('picker发送选择改变,携带值为:' + e.detail.value)				this.addr = this.addrList[e.detail.value].addr;				this.addr_sn = this.addrList[e.detail.value].sn				this.index = e.detail.value			},			speak_init() {				console.log('>> TTS:init...')				SpeechTTS.init((callback) => {					// SpeechTTS.setEngine("com.iflytek.speechcloud"); // 设置引擎 					SpeechTTS.setEngine("com.google.android.tts"); // 设置引擎 					console.log('>> tts: init success');					SpeechTTS.setPitch(50); // 设置语调 setPitch(num) 0-100, 默认 50					SpeechTTS.setSpeed(65); // 设置语速 setSpeed(num) 0-100, 默认 50				});				SpeechTTS.onDone((res) => {					console.log(">> tts: play end " + res)				});			},			leftClick: function() {				setTimeout(() => {					uni.navigateBack();					// uni.redirectTo({					// 	url: '/pages/sample/main',					// })				}, 30);				// this.$emit('change', this.value)			},			rightClick: function() {				setTimeout(() => {					uni.navigateTo({						url: '/pages/sample/richAlert',					})				}, 30);				// this.$emit("rightClick")			},			onLoad() {				this.platform = uni.getSystemInfoSync().platform				// #ifdef APP-PLUS-NVUE				// #endif				_this = this;				_this.firstFocus = true;				// 打印相关				// setTimeout(() => {				// 	this.$init_bluetooth();				// }, 500);				// if (this.result !== 0) {				// 	this.closeBT()				// 	setTimeout(() => {				// 		let item = {				// 			name: "HM-A300-E093",				// 			mac: "60:6E:41:34:E0:93",				// 		};				// 		this.confirm_bluetooth(item)				// 	}, 1500);				// } else {				// 	console.log("scssssss")				// }			},			onShow() {				uni.hideKeyboard();				setTimeout(() => {					_this.firstFocus = true;					this.getList();					this.speak_init();				}, 500);			},			SelectProduct() {				setTimeout(() => {					_this.firstFocus = false;					uni.navigateTo({						url: '/pages/sample/select_product',					})				}, 30);			},			hideKeyboard: function(event) {				uni.hideKeyboard();				let Value = event.detail.value				Value.trim()				if (Value !== "" && Value !== null && Value !== undefined) {					this.container_code = Value				}			},			containerAdd(types) {				let container_code = uni.getStorageSync("container_code")				if (types === "new" || container_code === "" || container_code === undefined || container_code === null) {					uni.request({						url: reqRootUrl + '/wms/api',						method: 'POST',						headers: {							'Content-Type': 'application/json'						},						data: JSON.stringify({							"method": "ContainerAdd",							"param": {								"num": "1"							}						}),						success: (ret) => {							if (ret.data.ret === "ok") {								this.container_code = ret.data.data.code;								_this.printCode(this.container_code)								uni.setStorageSync("container_code", ret.data.data.code)							}						},						fail: (err) => {							// console.log('request fail', err);						},						complete: () => {							// console.log('complete');						}					})				} else {					console.log("container_code ", container_code)					this.container_code = container_code				}				// uni.setStorageSync(key, value)				// uni.getStorageSync("key")				// uni.removeStorageSync(key)			},			Delete(item) {				this.sn = item["sn"]				this.del_tips = "确定删除货物" + item["product_name"] + "?";				this.$refs.deleteDialog.open()			},			dialogConfirm() {				setTimeout(() => {					uni.hideLoading()					if (parseFloat() <= 0) {						modal.toast({							message: msg,							duration: 6						});						return					} else {						uni.request({							url: reqRootUrl + '/wms/api',							method: 'POST',							headers: {								'Content-Type': 'application/json'							},							data: JSON.stringify({								"method": "GroupDiskDelete",								"param": {									[_this.sn]: {}								}							}),							success: (ret) => {								SpeechTTS.speak({									text: "删除成功!"								});								_this.getList()								//处理成功逻辑							},							fail: (err) => {								// console.log('request fail', err);							},							complete: () => {								// console.log('complete');							}						})					}					// 关闭窗口后,恢复默认内容					this.$refs.deleteDialog.close()				}, 30)			},			dialogClose() {				_this.getList();			},			Update(item) {				this.sn = item["sn"]				this.product_name = item["product_name"] + "当前数量为:" + item["num"]				this.$refs.inputDialog.open()			},			UpdateNum(val) {				setTimeout(() => {					uni.hideLoading()					if (parseFloat(val) <= 0) {						modal.toast({							message: msg,							duration: 6						});						return					} else {						uni.request({							url: reqRootUrl + '/wms/api',							method: 'POST',							headers: {								'Content-Type': 'application/json'							},							data: JSON.stringify({								"method": "GroupDiskUpdate",								"param": {									[_this.sn]: {										"num": parseFloat(val)									}								}							}),							success: (ret) => {								SpeechTTS.speak({									text: "更新成功!"								});								_this.getList()								//处理成功逻辑							},							fail: (err) => {								// console.log('request fail', err);							},							complete: () => {								// console.log('complete');							}						})					}					// 关闭窗口后,恢复默认内容					this.$refs.inputDialog.close()				}, 30)			},			getList() {				uni.request({					url: reqRootUrl + '/wms/api',					method: 'POST',					headers: {						'Content-Type': 'application/json'					},					data: JSON.stringify({						"method": "SpaceGet",						"param": {							"status": "0",							"types": "货位",						}					}),					success: (ret) => {						//处理成功逻辑						let rows = ret.data.data;						for (var i = 0; i < rows.length; i++) {							let addrName = rows[i].addr.f + "层" + rows[i].addr.c + "列" + rows[i].addr.r + "排";							this.addrList.push({								name: addrName,								addr: rows[i].addr,								sn: rows[i].sn							})						}					},					fail: (err) => {						// console.log('request fail', err);					},					complete: () => {						// console.log('complete');					}				})				console.log("获取列表");				uni.request({					url: reqRootUrl + '/wms/api',					method: 'POST',					headers: {						'Content-Type': 'application/json'					},					data: JSON.stringify({						"method": "GroupDiskGet",						"param": {							"status": "status_wait",							"types": "normal",						}					}),					success: (ret) => {						//处理成功逻辑						// console.log("ret.data ", ret.data.data)						let rows = ret.data.data;						// alert(rows)						rData = rows;						this.tableData = rows;					},					fail: (err) => {						// console.log('request fail', err);					},					complete: () => {						// console.log('complete');					}				})			},			groupDisk: function() {				_this.firstFocus = false;				uni.showModal({					title: "提示",					content: "确定组盘?",					success: function(res) {						if (res.confirm) {							let sns = [];							for (var i = 0; i < rData.length; i++) {								if (rData[i]["status"] !== "status_wait") {									continue								}								sns.push(rData[i].sn)							}							uni.request({								url: reqRootUrl + '/wms/api',								method: 'POST',								headers: {									'Content-Type': 'application/json'								},								data: JSON.stringify({									"method": "ReceiptAdd",									"param": {										"group_disk_sn_list": sns,										"container_code": _this.container_code,										"addr": _this.addr,										"types": "normal",									}								}),								success: (ret) => {									if (ret.data.ret === "ok") {										SpeechTTS.speak({											text: "组盘成功!"										});										modal.toast({											message: "组盘成功!",											duration: 6										});										_this.firstFocus = true;										_this.AddOrder()										_this.addrList = [{											name: '请选择'										}];										_this.index = 0;										_this.getList()										uni.removeStorageSync("container_code")										// _this.containerAdd()									} else {										SpeechTTS.speak({											text: "组盘失败!" + ret.data.msg,										});										modal.toast({											message: "组盘失败!" + ret.data.msg,											duration: 6										});										console.log('request fail', ret.data.msg);									}								},								fail: (err) => {									// console.log('request fail', err);								},								complete: () => {									// console.log('complete');								}							})						} else {						}					}				})			},			AddOrder: function() {				uni.request({					url: reqRootUrl + '/wms/api',					method: 'POST',					headers: {						'Content-Type': 'application/json'					},					data: JSON.stringify({						"method": "AddOrder",						"param": {							"container_code": _this.container_code,							"addr": _this.addr,							"addr_sn": _this.addr_sn,						}					}),					success: (ret) => {					},					fail: (err) => {						// console.log('request fail', err);					},					complete: () => {						// console.log('complete');					}				})			},			in_stock: function(code) {				setTimeout(() => {					uni.navigateTo({						url: '/pages/sample/in_stock',					})				}, 500);			},			printCode: function(code) {				this.handlePrint(code)			},			isEmpty: function(obj) {				return typeof obj === undefined || obj == null || obj === "" || obj === "000000000000000000000000" ||					obj.length === 0;			},			onNavigationBarButtonTap: function(e) {				setTimeout(() => {					uni.navigateTo({						url: '/pages/sample/richAlert',					})				}, 500);			},			// 打印机相关			...mapActions([SET_CONNECTBLEDATA]),			// 连接打印机			confirm_bluetooth(item) {				// let {				// 	name,				// 	mac				// } = item;				uni.showLoading({					title: "连接中...",					mask: true				})				let mac = item.mac;				try {					printModule.connectionBT({						'address': mac					}, result => {						const msg = JSON.stringify(result);						this.result = JSON.parse(msg).result;						modal.toast({							message: msg,							duration: 6						});						uni.hideLoading()						printModule.setDisConnectBTListener((ret) => {							modal.toast({								message: '蓝牙断开',								duration: 6							});						})					})				} catch (e) {					console.log(e)				}			},			//搜索没匹配的蓝牙设备			search_bluetooth(address) {				let _this = this;				//检查蓝牙是否开启				this.$check_bluetooth_open().then(ores => {					if (ores) {						console.log(ores);						//搜索蓝牙						_this.$search_bluetooth().then(bres => {							console.log(bres);							if (bres.code) {								_this.$search_pipei().then(pres => {									console.log(pres);								})							}						})					}				})			},			handlePrint(code) {				printModule.printAreaSize({					'height': '500',					'number': '1'				}, result => {})				printModule.printBarCode({					'x_pos': '0',					'y_pos': '20',					'code_type': '128',					'ratio': '1',					'height': '250',					'width': '4',					'rotation': 'BARCODE',					'undertext': true,					'number': '4',					'offset': '5',					"textAlign": "right",					'code_data': code				});				printModule.printForm()				printModule.print()			},			closeBT() {				printModule.closeBT();			},		},	}</script><style scoped>	.nvue-page-root {		background-color: #F8F8F8;		padding-bottom: 0px;	}	.uni-form-item__title {		margin: 5px auto;	}	.uni-input-wrapper {		/* #ifndef APP-NVUE */		display: flex;		/* #endif */		flex-direction: row;		flex-wrap: nowrap;		background-color: #FFFFFF;	}	.uni-input {		height: 28px;		line-height: 28px;		font-size: 15px;		padding: 1px;		flex: 1;		border-radius: 5px;		border: 1px solid #cfdadd;		background-color: #FFFFFF;	}	.mini-btn {		height: 30px;		padding-left: 1px;		padding-right: 1px;	}	.uni-eye-active {		color: #007AFF;	}	.table-title {		background-color: aliceblue;		font-weight: 700;		margin-top: 10px;		height: 40px;	}	.table-data {		background-color: aliceblue;		font-weight: 700;		margin-top: 1px;		height: 40px;	}	.tab-tr {		width: 25%;		line-height: 50px;		border-right: 1px solid #ccc;		margin: auto;		text-align: center;	}	.tab-tr-end {		width: 25%;		line-height: 50px;		border-right: 0px solid #ccc;		margin: auto;		text-align: center;	}</style><style lang="scss">	$color-base: #0039a6;	$words-color-base: #333333;	$words-color-light: #999999;	.header-wrap {		width: 100%;		position: fixed;		top: 0;		z-index: 999;		.index-header {			height: 88upx;			line-height: 88upx;			padding: 0 30upx;			padding-top: 40upx;			background-color: $color-base;			font-Size: 28upx;			color: #fff;			display: flex;			align-items: center;			justify-content: space-between;			.fanhui {				color: #fff !important;				font-size: 28px;				padding-top: 5px;				font-weight: 700;			}			.lanya {				color: #fff !important;				font-size: 28px;				padding-top: 5px;			}			.map-wrap {				padding-top: 5px;			}		}	}	.blank {		height: 126upx;	}</style>
 |