| 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_code" @input="hideKeyboard" />				</view>				<view style="min-height:600px;overflow-y:auto;max-height:600px">					<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.name}}											品牌:{{item.brand}}											型号:{{item.model}}											设备编号:{{item.deviceid}}											主类别:{{item.category_name}}											分类别:{{item.main_categoryid_name}}											公司:{{item.company_name}}											产品详情:{{item.remark}}										</view>									</view>									<!-- 商品数量 -->									<!-- <view class="numGroup">										<text class="text_1"></text>										<text class="inputs"></text>										<text class="text"></text>									</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="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="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="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="category_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="main_categoryid_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="company_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="remark" 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="deviceid" @input="deviceidChange" />					</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_code: "",				tableData: [],				modalVisible: false,				name: "",				model: "",				deviceid: "",				brand: "",				num: 0,				productid: "",				companyid: "",				company_name: "",				category_name: "",				main_categoryid_name: "",				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.getUserInfoWareHouse();				}, 300);				setTimeout(() => {					this.speak_init();					// this.getList();				}, 350);			},			hideKeyboard: function(event) {				let Value = event.detail.value;				Value.trim();				this.query_code = Value;				_this.ContainerQuery();			},			ContainerQuery() {				if (!_this.isEmpty(_this.query_code)) {					uni.request({						url: reqRootUrl + '/ProductQuery',						method: 'POST',						headers: {							'Content-Type': 'application/json'						},						data: JSON.stringify({							"name": this.query_code,							"model": "regex",						}),						success: (ret) => {							if (ret.statusCode === 200) {								if (!_this.isEmpty(ret.data)) {									_this.tableData = [];									_this.tableData = ret.data;								}							}						},						fail: (err) => {							// console.log('request fail', err);						},						complete: () => {							// console.log('complete');						}					})				} else {					_this.getList()				}			},			SelectProduct(item) {				let source = uni.getStorageSync("source");				if (source !== "group") {					return				}				_this.productid = item._id;				_this.name = item.name;				_this.model = item.model;				_this.deviceid = item.deviceid;				_this.brand = item.brand;				_this.company_name = item.company_name;				_this.companyid = item.companyid				_this.category_name = item.category_name;				_this.main_categoryid_name = item.main_categoryid_name;				_this.remark = item.remark;				_this.num = 1;				_this.modalVisible = true;			},			numChange: function(e) {				this.num = e.target.value			},			deviceidChange: function(e) {				this.deviceid = e.target.value			},			closeModal() {				// 关闭模态框  				_this.productid = "";				_this.name = "";				_this.model = "";				_this.deviceid = "";				_this.brand = "";				_this.companyid = "";				_this.company_name = "";				_this.category_name = "";				_this.main_categoryid_name = "";;				_this.remark = "";				_this.num = 0;				_this.deviceid = "";				_this.modalVisible = false;			},			SelectConfirm() {				let receiptNum = uni.getStorageSync("receipt_num");				let containerCode = uni.getStorageSync("container_code");				let warehouse_id = uni.getStorageSync("warehouse_id");				let source = uni.getStorageSync("source");				let data = {};				if (parseInt(_this.num) === 0) {					_this.alertInfo("请填写正确的入库数量")					return				}				data["productid"] = _this.productid;				data["num"] = parseInt(_this.num)				data["container_code"] = containerCode;				data["groupsn"] = "";				data["types"] = "normal";				data["receipt_num"] = receiptNum;				data["warehouse_id"] = warehouse_id;				data["stock_remark"] = "";				data["purchaseid"] = "";				data["deviceid"] = _this.deviceid;				data["companyid"] = _this.companyid;				let methods = "GroupDiskAdd"				// if (source === "out") {				// 	methods = "AddDetailAddRecord";				// }				setTimeout(() => {					uni.request({						url: reqRootUrl + '/GroupDiskAdd',						method: 'POST',						async: false,						headers: {							'Content-Type': 'application/json'						},						data: JSON.stringify(data),						success: (ret) => {							console.log("ret ", ret)							if (ret.statusCode === 200) {								_this.alertInfo("添加成功");								_this.getList();								_this.productid = "";								_this.name = "";								_this.model = "";								_this.deviceid = "";								_this.brand = "";								_this.company_name = "";								_this.category_name = "";								_this.main_categoryid_name = "";;								_this.remark = "";								_this.companyid = "";								this.num = 0;								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 + '/ProductQuery',					method: 'POST',					headers: {						'Content-Type': 'application/json'					},					data: JSON.stringify({}),					success: (ret) => {						if (ret.statusCode === 200) {							if (!_this.isEmpty(ret.data)) {								this.tableData = ret.data;							}						}					},					fail: (err) => {						// console.log('request fail', err);					},					complete: () => {						// console.log('complete');					}				})			},			getUserInfoWareHouse() {				uni.request({					url: reqRootUrl + '/getUserInfoWareHouse',					method: 'POST',					async: false,					success: (ret) => {						_this.warehouse_id = ret.data;						uni.setStorageSync("warehouse_id", ret.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>
 |