| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911 | <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">						<uni-icons class="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 class="uni-input-wrapper" style="margin: 5px auto;">					<text class="uni-form-item__title" style="width: 25%;">回库口</text>					<select-lay style="width: 75%;" :zindex="2" :value="port_sn" name="port_sn" placeholder="请选择回库口"						:options="portList" @selectitem="selectPort">					</select-lay>				</view>				<view style="min-height:430px;overflow-y:auto;max-height:430px">					<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.name}}  型号:{{item.model}} 											 </br>											库存数量:{{item.num}}  盘点数量:{{item.stocktaking_num}} 										</view>										<br>									</view>									<!-- 商品数量 -->									<view class="numGroup">										<button type="primary" @click="OutStore(item)">更改</button>									</view>								</view>							</uni-swipe-action-item>						</uni-swipe-action>					</view>				</view>				<view class="uni-input-wrapper button-sp-area"  style="padding-bottom:5px;">					<button type="primary" plain="true" @click="ReturnStockWarehouse()" :disabled="BtnDisabled">盘点回库</button>					<button type="primary" plain="true" @click="StocktakingProduct()" :disabled="BtnDisabled">盘点货物</button>					<button type="primary" plain="true" @click="StocktakingAddProduct()" :disabled="BtnDisabled">补添货物</button>				</view>			</view>		</view>		<!-- 盘点更改数量提示窗示例 -->		<uni-popup ref="dialogReturnWarehouse" type="dialog">			<uni-popup-dialog type="info" cancelText="取消" confirmText="确定" title="提示" content="确定该托盘产品已盘点完毕?"				@confirm="groupDialogeturn" @close="dialogClose"></uni-popup-dialog>		</uni-popup>		<!-- 盘点更改数量提示窗示例 -->		<!-- <uni-popup ref="dialogStocktakingAddProduct" type="dialog">			<uni-popup-dialog type="info" cancelText="取消" confirmText="确定" title="提示" content="确定将此托盘转化为出库?"				@confirm="StocktakingAddProductBtn" @close="dialogClose"></uni-popup-dialog>		</uni-popup> -->		<!-- 输入框示例 -->		<uni-popup ref="inputDialog" type="dialog">			<uni-popup-dialog ref="inputClose" mode="input" :title="title" :value="outNum" placeholder="请填写正确数量"				@confirm="UpdateNum"></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');	// #endif	var reqRootUrl = plus.storage.getItem("reqRootUrl");		const SpeechTTS = uni.requireNativePlugin('MT-TTS-Speech');	export default {		components: {			CustomModal		},		data() {			return {				container_code: "",				sn: "",				detail_sn:"",				firstFocus: false,				viewText: "",				tableData: [],				BtnDisabled: false,				attributeData: {},				title: "",				port_sn: "",				portList: [],				outNum: "",			}		},		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(options) {								_this = this;				_this.firstFocus = true;				console.log(options.containerCode);					_this.container_code = options.containerCode;			},			onShow() {								uni.hideKeyboard();				setTimeout(() => {					_this.firstFocus = true;					this.getList();					this.CateGet();					this.speak_init();									}, 500);			},			CateGet() {				let warehouse_id = uni.getStorageSync("warehouse_id");				_this.warehouse_id = warehouse_id;				uni.request({					url: reqRootUrl + '/stocktakingPortQuery',					method: 'POST',					headers: {						'Content-Type': 'application/json'					},					data: JSON.stringify({						"warehouse_id": _this.warehouse_id,					}),					success: (ret) => {						// console.log("ret", ret)						if (ret.statusCode === 200) {							this.portList = [];							let rows = ret.data;							// console.log("rows", rows[0]["addr"]["f"])							for (var i = 0; i < rows.length; i++) {								let lab = rows[i]["addr"]["f"] + "-" + rows[i]["addr"]["c"] +									"-" + rows[i]["addr"]["r"]								this.portList.push({									label: lab,									value: JSON.stringify(rows[i]["addr"])								})							}						}					},					fail: (err) => {						// console.log('request fail', err);					},					complete: () => {						// console.log('complete');					}				}),				uni.request({							url: reqRootUrl + '/SpaceQuery',							method: 'POST',							headers: {								'Content-Type': 'application/json'							},							data: JSON.stringify({								"warehouse_id": _this.warehouse_id,							}),							success: (ret) => {								// console.log("ret", ret)								if (ret.statusCode === 200) {									this.addrList = [];									let rows = ret.data;									// console.log("rows", rows);									if (!_this.isEmpty(rows)) {										for (var i = 0; i < rows.length; i++) {											this.addrList.push({												label: rows[i]["addr_view"],												value: rows[i]["sn"]											})										}									}								}							},							fail: (err) => {								// console.log('request fail', err);							},							complete: () => {								// console.log('complete');							}						})			},			selectPort(index, item) {				if (index >= 0) {					_this.port_sn = item.value;				} else {					_this.port_sn = ""				}			},			// 托盘上的盘点产品			hideKeyboard: function(event) {				uni.hideKeyboard();				let Value = event.detail.value;				Value = Value.trim();				_this.firstFocus = false;				if (Value !== "" && Value !== null && Value !== undefined) {					uni.request({						url: reqRootUrl + '/StocktakingGetByCode',						method: 'POST',						headers: {							'Content-Type': 'application/json'						},						data: JSON.stringify({							"container_code": Value,						}),						success: (ret) => {							//处理成功逻辑							if (ret.statusCode === 200) {								// console.log(ret);								let data = ret.data;								_this.tableData = data;								_this.alertInfo("扫码成功!")								_this.BtnDisabled = false								_this.container_code = Value;								uni.setStorageSync("container_code", Value)								_this.$nextTick(() => {									_this.firstFocus = true;									_this.viewText = "";								})							} else {								_this.alertInfo("托盘码错误,请重新扫描!")								// _this.getSn();								_this.tableData = [];								_this.$nextTick(() => {									_this.firstFocus = true;									_this.viewText = "";									_this.container_code = "";									uni.setStorageSync("container_code", "")								})								_this.$forceUpdate()							}						},						fail: (err) => {							// console.log('request fail', err);						},						complete: () => {							// console.log('complete');						}					})				}			},			closeModal() {				// 关闭模态框  			},			OutStore(item) {				_this.sn = item["sn"]				_this.detail_sn = item["detail_sn"]				_this.title = "盘点数量:" + item["stocktaking_num"];				_this.outNum = item["stocktaking_num"]				this.$refs.inputDialog.open()			},			// 更改库存明细			UpdateNum(val) {				setTimeout(() => {					uni.hideLoading()					if (parseFloat(val) < 0 ) {						_this.alertInfo("请输入正确的数量!");						return					}					uni.request({						url: reqRootUrl + '/PDAUpdateDetail',						method: 'POST',						headers: {							'Content-Type': 'application/json'						},						data: JSON.stringify({							"detail_sn": _this.detail_sn,							"upNum": parseFloat(val),						}),						success: (ret) => {							this.$refs.inputDialog.close();							if (ret.statusCode === 200) {								if(ret.data.ret =="failed"){									_this.alertInfo(ret.data.msg);								}else{									_this.alertInfo("更改成功!");									_this.out_tips = "";									_this.detail_sn ="";									_this.sn = "";									_this.outNum = 0;									_this.getList();								}							}else{								_this.alertInfo("更改失败!");								_this.out_tips = "";								_this.detail_sn ="";								_this.sn = "";								_this.outNum = 0;								_this.getList();							}														//处理成功逻辑						},						fail: (err) => {							console.log('request fail', err);						},						complete: () => {							// console.log('complete');						}					})					// 关闭窗口后,恢复默认内容					this.$refs.inputDialog.close()				}, 30)			},				dialogClose() {				_this.getList();			},			Update(item) {				_this.setView(item);				_this.sn = item["sn"];				_this.detail_sn = item["detail_sn"]			},			getList() {				_this.$forceUpdate()				_this.tableData = [];				if (_this.container_code === "") {					return				}				uni.request({					url: reqRootUrl + '/StocktakingGetByCode',					method: 'POST',					headers: {						'Content-Type': 'application/json'					},					data: JSON.stringify({						"container_code": _this.container_code,					}),					success: (ret) => {						//console.log(ret);						//处理成功逻辑						if (ret.statusCode === 200) {							//console.log(ret.statusCode);							let data = ret.data;							_this.tableData = data;							// console.log("tableData");							// console.log(_this.tableData);							_this.BtnDisabled = false						}					},					fail: (err) => {						// console.log('request fail', err);					},					complete: () => {						// console.log('complete');					}				})			},			// StocktakingAddProduct: function() {			// 	_this.firstFocus = false;			// 	setTimeout(() => {			// 		if (_this.isEmpty(_this.container_code)) {			// 			_this.alertInfo("请扫描托盘码!")			// 			return			// 		}			// 		this.$refs.dialogStocktakingAddProduct.open()			// 	}, 30)			// },			// StocktakingAddProductBtn() {			// 	if (_this.isEmpty(_this.container_code)) {			// 		_this.alertInfo("操作失败!请扫描托盘码!")			// 		return			// 	}			// 	setTimeout(() => {			// 		uni.hideLoading()			// 		uni.request({			// 			url: reqRootUrl + '/StocktakingAddProduct',			// 			method: 'POST',			// 			headers: {			// 				'Content-Type': 'application/json'			// 			},			// 			data: JSON.stringify({			// 				"container_code": _this.container_code,			// 			}),			// 			success: (ret) => {			// 				this.$refs.dialogReturnWarehouse.close();			// 				if (ret.statusCode === 200) {			// 					if(ret.data.ret =="failed"){			// 						_this.alertInfo(ret.data.msg);			// 					}else{			// 						_this.alertInfo("盘点转出库成功!");			// 						_this.sn = "";			// 						_this.detail_sn = "";			// 						_this.port_sn = "";			// 						_this.container_code = "";			// 						_this.tableData = [];			// 						uni.setStorageSync("container_code", "")			// 					}			// 				}else{			// 					_this.alertInfo("盘点转出库失败!");			// 					_this.sn = "";			// 					_this.detail_sn = "";			// 					_this.port_sn = "";			// 					_this.container_code = "";			// 					uni.setStorageSync("container_code", "")			// 				}			// 				_this.getList();			// 			},			// 			fail: (err) => {			// 				// console.log('request fail', err);			// 			},			// 			complete: () => {			// 				// console.log('complete');			// 			}			// 		})			// 	}, 30)			// },												StocktakingAddProduct() {				uni.setStorageSync("source", "stocktaking")				if(_this.container_code == ""){					_this.alertInfo("请扫描托盘码!")					return				}				setTimeout(() => {					_this.firstFocus = false;					uni.navigateTo({						url: '/pages/sample/stocktaking_add_product?containerCode='+_this.container_code,					})				}, 30);			},									StocktakingProduct(){				setTimeout(() => {					uni.hideLoading()					uni.request({						url: reqRootUrl + '/autoStocktaking',						method: 'POST',						headers: {							'Content-Type': 'application/json'						},						data: JSON.stringify({													}),						success: (ret) => {							this.$refs.dialogReturnWarehouse.close();							if (ret.statusCode === 200) {								if(ret.data.ret =="failed"){									_this.alertInfo(ret.data.msg);								}else{									_this.alertInfo("盘点操作成功!");									_this.sn = "";									_this.detail_sn = "";									_this.port_sn = "";									_this.container_code = "";									_this.tableData = [];									uni.setStorageSync("container_code", "")								}								_this.getList();							}else{								_this.alertInfo("盘点操作失败,请确认是否存在未完成的盘点任务!");								_this.sn = "";								_this.detail_sn = "";								_this.port_sn = "";								_this.container_code = "";								uni.setStorageSync("container_code", "")							}							_this.getList();						},						fail: (err) => {							_this.alertInfo("存在出库任务未完成!");							// console.log('request fail', err);						},						complete: () => {							// console.log('complete');						}					})				}, 30)			},						ReturnStockWarehouse: function() {				_this.firstFocus = false;				setTimeout(() => {					if (_this.isEmpty(_this.container_code)) {						_this.alertInfo("请扫描托盘码!")						return					}					// if (_this.isEmpty(_this.port_sn)) {					// 	_this.alertInfo("请选择回库口")					// 	return					// }					this.$refs.dialogReturnWarehouse.open()				}, 30)			},			// 回库确认			groupDialogeturn() {				if (_this.isEmpty(_this.container_code)) {					_this.alertInfo("操作失败!请扫描托盘码!")					return				}				// let srcaddr =""				// if (!_this.isEmpty(_this.container_code)) {				// 	srcaddr =JSON.parse(_this.port_sn)				// }				// console.log(srcaddr);				console.log(_this.port_sn);				if (_this.isEmpty(_this.port_sn)){					setTimeout(() => {						uni.hideLoading()						uni.request({							url: reqRootUrl + '/ReturnStockWarehouse',							method: 'POST',							headers: {								'Content-Type': 'application/json'							},							data: JSON.stringify({								"container_code": _this.container_code,							}),							success: (ret) => {								this.$refs.dialogReturnWarehouse.close();								if (ret.statusCode === 200) {									if(ret.data.ret =="failed"){										_this.alertInfo(ret.data.msg);									}else{										_this.alertInfo("盘点回库操作成功!");										_this.sn = "";										_this.detail_sn = "";										_this.port_sn = "";										_this.container_code = "";										_this.tableData = [];										uni.setStorageSync("container_code", "")									}									_this.getList();								}else{									_this.alertInfo("盘点回库操作失败!");									_this.sn = "";									_this.detail_sn = "";									_this.port_sn = "";									_this.container_code = "";									uni.setStorageSync("container_code", "")								}								_this.getList();							},							fail: (err) => {								// console.log('request fail', err);							},							complete: () => {								// console.log('complete');							}						})					}, 30)				}else{					setTimeout(() => {						uni.hideLoading()						uni.request({							url: reqRootUrl + '/ReturnStockWarehouse',							method: 'POST',							headers: {								'Content-Type': 'application/json'							},							data: JSON.stringify({								"srcAddr": JSON.parse(_this.port_sn),								"container_code": _this.container_code,							}),							success: (ret) => {								this.$refs.dialogReturnWarehouse.close();								if (ret.statusCode === 200) {									if(ret.data.ret =="failed"){										_this.alertInfo(ret.data.msg);									}else{										_this.alertInfo("盘点回库操作成功!");										_this.sn = "";										_this.detail_sn = "";										_this.port_sn = "";										_this.container_code = "";										_this.tableData = [];										uni.setStorageSync("container_code", "")									}									_this.getList();								}else{									_this.alertInfo("盘点回库操作失败!");									_this.sn = "";									_this.detail_sn = "";									_this.port_sn = "";									_this.container_code = "";									uni.setStorageSync("container_code", "")								}								_this.getList();							},							fail: (err) => {								// console.log('request fail', err);							},							complete: () => {								// console.log('complete');							}						})					}, 30)				}							},			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,				});			},			onNavigationBarButtonTap: function(e) {				setTimeout(() => {					uni.navigateTo({						url: '/pages/sample/richAlert',					})				}, 500);			},			getSn() {				// return;				let today = new Date();				let year = today.getFullYear();				let month = today.getMonth() + 1;				let date = today.getDate();				let hours = today.getHours();				let minutes = today.getMinutes();				let seconds = today.getSeconds();				let millisecond = today.getMilliseconds()				if (month <= 9) {					month = '0' + month				}				if (minutes <= 9) {					minutes = '0' + minutes;				}				if (date <= 9) {					date = '0' + date;				}				if (seconds <= 9) {					seconds = '0' + seconds;				}				let sn = year + '' + month + '' + date + '' + hours + '' + minutes + '' + seconds + '' + millisecond				uni.removeStorageSync('port_sn');				return sn			},			formattedDate(d) {				const date = new Date(d);				const year = date.getFullYear();				const month = String(date.getMonth() + 1).padStart(2, '0');				const day = String(date.getDate()).padStart(2, '0');				const hours = String(date.getHours()).padStart(2, '0');				const minutes = String(date.getMinutes()).padStart(2, '0');				const seconds = String(date.getSeconds()).padStart(2, '0');				return `${year}-${month}-${day}`;			},		},	}</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: auto;				font-size: 18px;				color: #000000;			}			// 商品数量			.numGroup {				// border: 1px solid green;				position: absolute;				bottom: 40rpx;				right: 5rpx;				display: flex;				justify-content: space-between;				align-items: center;				// width: 100px;				height: 30rpx;				.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;				}			}		}		.cart-swipe {			display: block;			margin: 20rpx 0;		}	}</style>
 |