| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655 | <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-input-wrapper" style="margin: 5px auto;">				<input class="uni-input" auto-focus="true" :focus="firstFocus" placeholder="请扫描托盘码或产品码"					v-model="viewText" @input="hideKeyboard" style="font-weight: bold; " />			</view>			<view class="uni-form-item uni-column">				<view class="uni-input-wrapper" style="margin: 5px auto;">					<text class="uni-form-item__title" style="width: 25%;">托盘码</text>					<input class="uni-input" :value="container_code" disabled="true" />				</view>				<view style="min-height:255px;overflow-y:auto;max-height:255px">					<view class="cart-list">						<!-- 滑动操作分区 -->						<uni-swipe-action>							<!-- 滑动操作项 -->							<uni-swipe-action-item v-for="(item,index) in tableData" :key="index" class="cart-swipe">								<!-- 商品信息 -->								<view class="goods" style="border:1px solid #ccc">									<view class="meta" style="padding-bottom:15px;">										<view class="name">{{item.product_name}}({{item.product_code}})</view>										<!-- <view class="specs">{{item.product_code}}</view> -->										<view class="status_view">{{item.status_view}}</view>									</view>									<!-- 商品数量 -->									<view class="weightGroup">										<text											style="width: 40px;height: 100%;padding: 0 5rpx;font-size: 15px;color: #444;"></text>										<text class="inputs">{{item.packnum}}{{item.pack_view}}</text>									</view>									<!-- 商品数量 -->									<view class="numGroup">										<text class="text_1">数量</text>										<text class="inputs">{{item.num}}</text>										<text class="text">个</text>									</view>								</view>							</uni-swipe-action-item>						</uni-swipe-action>					</view>				</view>				<view class="uni-input-wrapper button-sp-area">					<button type="primary" plain="true" @click="groupDisk()" :disabled="BtnDisabled">组盘</button>					<button type="primary" plain="true" @click="in_stock()">入库单</button>				</view>			</view>		</view>		<!-- 提示窗示例 -->		<uni-popup ref="groupDialog" type="dialog">			<uni-popup-dialog type="info" cancelText="取消" confirmText="确定" title="提示" content="确定组盘?"				@confirm="dialogGroup" @close="dialogClose"></uni-popup-dialog>		</uni-popup>	</view></template><script>	import CustomModal from "@/components/CustomModal/CustomModal.vue";	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 printModule = uni.requireNativePlugin('PrintModuleCPCL');	// #endif	let print;	var reqRootUrl = plus.storage.getItem("reqRootUrl");	let rData = [];	const SpeechTTS = uni.requireNativePlugin('MT-TTS-Speech');	let PackList = {		"noth": "无",		"box": "箱",		"basket": "筐",	};	export default {		components: {			CustomModal		},		data() {			return {				container_code: "",				firstFocus: false,				viewText: "",				tableData: [],				BtnDisabled: false,			};		},		computed: {			...mapGetters([GET_INFODATA, GET_CONNECTBLEDATA]),		},		methods: {			onUnload() {				SpeechTTS.destroy();			},			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 = this;				_this.firstFocus = true;			},			onShow() {				uni.hideKeyboard();				setTimeout(() => {					_this.firstFocus = true;					this.getList();					this.speak_init();				}, 500);			},			hideKeyboard: function(event) {				uni.hideKeyboard();				let Value = event.detail.value;				Value.trim();				_this.firstFocus = false;				if (Value !== "" && Value !== null && Value !== undefined) {					uni.request({						url: reqRootUrl + '/wms/api',						method: 'POST',						headers: {							'Content-Type': 'application/json'						},						data: JSON.stringify({							"method": "CodeGet",							"param": {								"code": Value,							}						}),						success: (ret) => {							let rows = ret.data.data;							if (_this.isEmpty(rows)) {								_this.alertInfo("托盘码错误,请重新扫描!")								_this.rData = [];								_this.tableData = [];								_this.$nextTick(() => {									_this.firstFocus = true;									_this.viewText = "";									_this.container_code = "";									uni.setStorageSync("container_code", "")								})								_this.$forceUpdate()								return							}							// 扫描到的码可能是入库单号(物料码)、产品码、托盘码							// 用扫描到的码查询 组盘表、产品	管理表、托盘管理表							// 优先显示查询到的组盘表的数据							_this.alertInfo("扫码成功!")							_this.BtnDisabled = false							if (!_this.isEmpty(rows["group_disk"])) {								let disk = [];								for (var i = 0; i < rows["group_disk"].length; i++) {									if (rows["group_disk"][i]["status"] === "status_wait") {										rows["group_disk"][i]["status_view"] = "待组盘"									}									if (rows["group_disk"][i]["status"] === "status_yes") {										_this.BtnDisabled = true										rows["group_disk"][i]["status_view"] = "已组盘"									}									rows["group_disk"][i]["pack_view"] = PackList[rows[										"group_disk"][i][										"pack"									]]									disk.push(rows["group_disk"][i])								}								rData = disk;								if (rData.length > 0) {									_this.product_batch = rData[0]["batch"];									_this.product_name = rData[0]["product_name"];									_this.product_code = rData[0]["product_code"];									_this.container_code = rData[0]["container_code"];									_this.product_pack = rData[0]["pack"];									uni.setStorageSync("container_code", rData[0][										"container_code"									])									uni.setStorageSync("receipt_num", rData[0]["receipt_num"])									this.tableData = disk;									_this.$nextTick(() => {										_this.firstFocus = true;										_this.viewText = "";									})								} else {									_this.alertInfo("扫码失败!,此托盘码还未组盘,请组盘后重试")								}							} else {								_this.alertInfo("扫码失败!,此托盘码还未组盘,请组盘后重试")							}						},						fail: (err) => {							// console.log('request fail', err);						},						complete: () => {							// console.log('complete');						}					})				}			},			dialogClose() {				_this.getList();			},			getList() {				let container_code = uni.getStorageSync("container_code")				_this.$forceUpdate()				rData = [];				_this.tableData = [];				uni.request({					url: reqRootUrl + '/wms/api',					method: 'POST',					headers: {						'Content-Type': 'application/json'					},					data: JSON.stringify({						"method": "GroupDiskGetByCode",						"param": {							"code": container_code,						}					}),					success: (ret) => {						//处理成功逻辑						let rows = ret.data.data;						if (rows != null) {							rData = rows;							for (var i = 0; i < rows.length; i++) {								if (rows[i]["status"] === "status_yes") {									rows[i]["status_view"] = "已组盘"								} else {									rows[i]["status_view"] = "待组盘"								}								rows[i]["pack_view"] = PackList[rows[i]["pack"]]							}							_this.tableData = rows;						} else {							rData = [];							_this.tableData = [];						}					},					fail: (err) => {						// console.log('request fail', err);					},					complete: () => {						// console.log('complete');					}				})			},			groupDisk: function() {				_this.firstFocus = false;				if (_this.BtnDisabled) {					_this.alertInfo("组盘失败,已组盘货物不能再次组盘")					return;				}				if (_this.isEmpty(rData)) {					_this.alertInfo("组盘失败,货物不能为空")					return;				}				setTimeout(() => {					this.$refs.groupDialog.open()				}, 30)			},			dialogGroup() {				let sns = [];				let productSn = rData[0]["product_sn"];				if (rData.length > 1) {					_this.alertInfo("组盘失败!只能添加一种货物")					return				}				for (var i = 0; i < rData.length; i++) {					if (rData[i]["status"] !== "status_wait") {						continue					}					sns.push(rData[i].sn)				}				let str = _this.product_name;				let receiptNum = uni.getStorageSync("receipt_num")				let containerCode = uni.getStorageSync("container_code")				uni.request({					url: reqRootUrl + '/wms/api',					method: 'POST',					headers: {						'Content-Type': 'application/json'					},					data: JSON.stringify({						"method": "ReceiptAdd",						"param": {							"receipt_num": receiptNum,							"group_disk_sn_list": sns,							"container_code": containerCode,							"types": "normal",							product_pack: _this.product_pack,						}					}),					success: (ret) => {						this.$refs.groupDialog.close()						if (ret.data.ret === "ok") {							_this.alertInfo("组盘成功")							_this.$nextTick(() => {								_this.firstFocus = false;								_this.firstFocus = true;								_this.viewText = "";								_this.container_code = "";								_this.product_pack = "";								uni.setStorageSync("container_code", "")								_this.getList()							})							_this.$forceUpdate()							_this.handlePrint(receiptNum)							uni.setStorageSync("container_code", "")						} else {							_this.alertInfo("组盘失败!" + ret.data.msg)						}					},					fail: (err) => {						// console.log('request fail', err);					},					complete: () => {						// console.log('complete');					}				})			},			in_stock: function(code) {				setTimeout(() => {					uni.navigateTo({						url: '/pages/sample/in_stock',					})				}, 500);			},			isEmpty: function(obj) {				return typeof obj === undefined || obj == null || obj === "" || obj ===					"000000000000000000000000" ||					obj.length === 0;			},			alertInfo(str) {				SpeechTTS.speak({					text: str,				});				modal.toast({					message: str,					duration: 6,				});			},		},	}</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;	}	// 购物车列表	.cart-list {		padding: 0 5rpx;		// 购物车商品		.goods {			display: flex;			padding: 5rpx;			border-radius: 10rpx;			background-color: #fff;			position: relative;			.meta {				// border:1px solid red;				flex: 1;				display: flex;				flex-direction: column;				justify-content: space-between;				margin-left: 5rpx;			}			.name {				height: 72rpx;				font-size: 18px;				color: #000000;			}			.specs {				line-height: 2;				padding: 0 15rpx;				font-size: 16px;				align-self: flex-start;				border-radius: 4rpx;				color: #888;				background-color: #f7f7f8;			}			.status_view {				line-height: 1;				font-size: 18px;				color: #444;				margin-bottom: 2rpx;				color: #000000;				padding-top: 5px;			}			// 商品数量			.numGroup {				// border: 1px solid green;				position: absolute;				bottom: 70rpx;				right: 5rpx;				display: flex;				justify-content: space-between;				align-items: center;				width: 120px;				height: 48rpx;				.text_1 {					// border: 1px solid red;					width: 50px;					height: 100%;					padding: 0 5rpx;					font-size: 15px;					color: #444;				}				.text {					height: 100%;					padding: 0 5rpx;					font-size: 32rpx;					color: #444;				}				.inputs {					// border: 1px solid blue;					height: 100%;					padding-bottom: 10px;					text-align: center;					border-radius: 4rpx;					font-size: 20px;					color: #ff0000;					// background-color: #f6f6f6;				}			}			// 商品数量			.weightGroup {				// border: 1px solid green;				position: absolute;				bottom: 20rpx;				right: 5rpx;				display: flex;				justify-content: space-between;				align-items: center;				width: 120px;				height: 48rpx;				.text_1 {					// border: 1px solid red;					width: 50px;					height: 100%;					padding: 0 5rpx;					font-size: 15px;					color: #444;				}				.text {					height: 100%;					padding: 0 5rpx;					font-size: 32rpx;					color: #444;				}				.inputs {					// border: 1px solid blue;					height: 100%;					padding-bottom: 10px;					text-align: center;					border-radius: 4rpx;					font-size: 20px;					color: #ff0000;					// background-color: #f6f6f6;				}			}		}		.cart-swipe {			display: block;			margin: 20rpx 0;		}	}</style>
 |