| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612 | <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">						<text></text>					</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">名称:</text>					<input class="uni-input" :value="query_name" @input="nameChange" />				</view>				<view class="uni-input-wrapper" style="margin: 5px auto;">					<text class="uni-form-item__title">型号:</text>					<input class="uni-input" :value="query_model" @input="modelChange" />				</view>				<view class="uni-input-wrapper" style="margin: 5px auto;">					<text class="uni-form-item__title">品牌:</text>					<input class="uni-input" :value="query_brand" @input="brandChange" />				</view>				<view class="uni-input-wrapper button-sp-area">									<button type="primary" @click="filterProduct()">搜索</button>							</view>				<view style="min-height:400px;overflow-y:auto;max-height:400px">					<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" @click="SelectProduct(item)">									<view class="meta" style="padding-bottom:15px;">										<view class="name">											存货编码:{{item.code}}											存货名称:{{item.name}}											存货型号:{{item.model}}											存货品牌:{{item.brand}}										</view>									</view>								</view>							</uni-swipe-action-item>						</uni-swipe-action>					</view>				</view>			</view>		</view>		<view>			<!-- 引入自定义模态框 -->			<custom-modal :visible="modalVisible">				<!-- 模态框的内容 -->				<view>					<text>提示</text>					<view class="uni-input-wrapper" style="margin: 5px auto;">						<text class="uni-form-item__title" style="width: 30%;">存货编码</text>						<input class="uni-input" :value="code" disabled="true" />					</view>					<view class="uni-input-wrapper" style="margin: 5px auto;">						<text class="uni-form-item__title" style="width: 30%;">存货名称</text>						<input class="uni-input" :value="name" disabled="true" />					</view>					<view class="uni-input-wrapper" style="margin: 5px auto;">						<text class="uni-form-item__title" style="width: 30%;">存货型号</text>						<input class="uni-input" :value="model" disabled="true" />					</view>					<view class="uni-input-wrapper" style="margin: 5px auto;">						<text class="uni-form-item__title" style="width: 30%;">存货品牌</text>						<input class="uni-input" :value="brand" disabled="true" />					</view>					<view class="uni-input-wrapper" style="margin: 5px auto;">						<text class="uni-form-item__title" style="width: 30%;">存货单位</text>						<input class="uni-input" :value="unit" disabled="true" />					</view>					<view class="uni-input-wrapper" style="margin: 5px auto;">						<text class="uni-form-item__title" style="width: 30%;">数量</text>						<input type="number" class="uni-input" :value="num" @input="numChange" />					</view>					<view class="uni-input-wrapper" style="margin: 5px auto;">						<text class="uni-form-item__title" style="width: 30%;">仓库备注</text>						<input class="uni-input" :value="remark" @input="remarkChange" />					</view>					<br><br>					<button class="mini-btn" size="mini" @click="closeModal" style="width: 50%;float: left;">关闭</button>					<button class="mini-btn" type="primary" size="mini" @click="SelectConfirm"						style="width: 50%;">添加</button>				</view>			</custom-modal>		</view>	</view></template><script>	let _this = null;	import CustomModal from "@/components/CustomModal/CustomModal.vue";	const SpeechTTS = uni.requireNativePlugin('MT-TTS-Speech');	const modal = uni.requireNativePlugin('modal');	var reqRootUrl = plus.storage.getItem("reqRootUrl");	export default {		components: {			CustomModal		},		data() {			return {				url: '',				query_name: "",				query_brand: "",				query_model: "",				tableData: [],				modalVisible: false,				code:"",				name: "",				model: "",				brand: "",				unit: "",				num: 0,				productsn: "",				remark: "",			}		},		computed: {},		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/group',					// })				}, 30);				// this.$emit('change', this.value)			},			onLoad() {				this.platform = uni.getSystemInfoSync().platform				// #ifdef APP-PLUS-NVUE				this.isNvue = true				// #endif				_this = this;				setTimeout(() => {					// this.getList();				}, 350);			},			onShow() {				uni.hideKeyboard();				setTimeout(() => {					this.speak_init();					// this.getList();				}, 350);			},			nameChange: function(event) {				let Value = event.detail.value;				this.query_name = Value.trim();				// _this.ContainerQuery();			},			brandChange: function(event) {				let Value = event.detail.value;				this.query_brand = Value.trim();				// _this.ContainerQuery();			},			modelChange: function(event) {				let Value = event.detail.value;				this.query_model = Value.trim();				// _this.ContainerQuery();			},			filterProduct() {			    if (!_this.isEmpty(_this.query_name) || !_this.isEmpty(_this.query_brand) || !_this.isEmpty(_this			    		.query_model)) {			    	console.log("aaa ", _this.query_name, _this.query_brand, _this.query_model)			    	_this.tableData = [];			    	uni.request({			    		url: reqRootUrl + '/wms/api',			    		method: 'POST',			    		headers: {			    			'Content-Type': 'application/json'			    		},			    		data: JSON.stringify({			    			"method": "ProductQuery",			    			"param": {			    				"name": this.query_name,			    				"brand": this.query_brand,			    				"model": this.query_model,			    				"types": "regex",			    			}			    		}),			    		success: (ret) => {			    			if (ret.data.ret === "ok") {			    				if (!_this.isEmpty(ret.data.data)) {			    					_this.tableData = ret.data.data;			    				}			    			}			    		},			    		fail: (err) => {			    			// console.log('request fail', err);			    		},			    		complete: () => {			    			// console.log('complete');			    		}			    	})			    } 			},			remarkChange: function(e) {						this.remark = e.target.value					},			// ContainerQuery() {			// 	if (!_this.isEmpty(_this.query_name) || !_this.isEmpty(_this.query_brand) || !_this.isEmpty(_this			// 			.query_model)) {			// 		console.log("aaa ", _this.query_name, _this.query_brand, _this.query_model)			// 		_this.tableData = [];			// 		uni.request({			// 			url: reqRootUrl + '/wms/api',			// 			method: 'POST',			// 			headers: {			// 				'Content-Type': 'application/json'			// 			},			// 			data: JSON.stringify({			// 				"method": "ProductQuery",			// 				"param": {			// 					"name": this.query_name,			// 					"brand": this.query_brand,			// 					"model": this.query_model,			// 					"types": "regex",			// 				}			// 			}),			// 			success: (ret) => {			// 				if (ret.data.ret === "ok") {			// 					if (!_this.isEmpty(ret.data.data)) {			// 						_this.tableData = ret.data.data;			// 					}			// 				}			// 			},			// 			fail: (err) => {			// 				// console.log('request fail', err);			// 			},			// 			complete: () => {			// 				// console.log('complete');			// 			}			// 		})			// 	} 			// 	// else {			// 	// 	_this.getList()			// 	// }			// },			SelectProduct(item) {				_this.productsn = item.sn;				_this.code = item.code;				_this.name = item.name;				_this.model = item.model;				_this.brand = item.brand;				_this.unit = item.unit;				_this.num = 1;				_this.modalVisible = true;			},			numChange: function(e) {				this.num = e.target.value			},			closeModal() {				// 关闭模态框  				_this.productsn = "";				_this.code = "";				_this.name = "";				_this.model = "";				_this.brand = "";				_this.remark = "";				_this.unit = "";				_this.num = 0;				_this.modalVisible = false;			},			SelectConfirm() {				let receiptNum = uni.getStorageSync("receipt_num");				let containerCode = uni.getStorageSync("container_code");				let number = uni.getStorageSync("number");				if (parseInt(_this.num) === 0) {					_this.alertInfo("请填写正确的入库数量")					return				}								setTimeout(() => {					uni.request({						url: reqRootUrl + '/wms/api',						method: 'POST',						headers: {							'Content-Type': 'application/json'						},						data: JSON.stringify({							"method": "GroupDiskAdd",							"param": {								"code": _this.code,								"num": parseFloat(_this.num),								"remark": _this.remark,								"types": "normal",								"receipt_num": receiptNum,								"number": number,								"container_code": containerCode,							}						}),						success: (ret) => {							if (ret.data.ret === "ok") {								SpeechTTS.speak({									text: "添加成功!",								});								modal.toast({									message: "添加成功!",									duration: 6								});								setTimeout(() => {									uni.navigateBack();									// uni.redirectTo({									// 	url: '/pages/sample/group',									// })								}, 1000);							}						},						fail: (err) => {							// console.log('request fail', err);						},						complete: () => {							// console.log('complete');						}					})					this.modalVisible = false;				}, 30)			},			// getList() {			// uni.request({			// 	url: reqRootUrl + '/wms/api',			// 	method: 'POST',			// 	headers: {			// 		'Content-Type': 'application/json'			// 	},			// 	data: JSON.stringify({			// 		"method": "ProductQuery",			// 		"param": {			// 		}			// 	}),			// 	success: (ret) => {			// 		console.log("ret ", ret.data.ret)			// 		if (ret.data.ret === "ok") {			// 			if (!_this.isEmpty(ret.data.data)) {			// 				_this.tableData = ret.data.data;			// 			}			// 		}			// 	},			// 	fail: (err) => {			// 		// console.log('request fail', err);			// 	},			// 	complete: () => {			// 		// console.log('complete');			// 	}			// })			// },			alertInfo(str) {				SpeechTTS.speak({					text: str,				});				modal.toast({					message: str,					duration: 6,				});			},			isEmpty: function(obj) {				return typeof obj === undefined || obj == null || obj === "" || obj ===					"000000000000000000000000" ||					obj.length === 0;			},		},	}</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: 25px;		border-right: 1px solid #ccc;		margin: auto;		text-align: center;	}	.tab-tr-end {		width: 25%;		line-height: 25px;		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;			}			.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;				}			}		}		.cart-swipe {			display: block;			margin: 20rpx 0;		}	}</style>
 |