| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272 | <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 table-title">					<view class="tab-tr" style="width: 30%;">存货编码</view>					<view class="tab-tr" style="width: 70%;">存货名称</view>				</view>				<view style="min-height:400px;overflow-y:auto;max-height:400px">					<view class="uni-input-wrapper table-data" v-for="(item,index) in tableData" :key="index"						@click="SelectProduct(item)">						<view class="tab-tr" style="width: 30%;">{{item.code}}</view>						<view class="tab-tr" style="width: 70%;">{{item.name}}</view>					</view>				</view>			</view>		</view>		<view>			<!-- 提示窗示例 -->			<uni-popup ref="alertDialog" type="dialog">				<uni-popup-dialog type="info" cancelText="取消" confirmText="确定" title="提示" :content="tips"					@confirm="SelectConfirm" @close="dialogClose"></uni-popup-dialog>			</uni-popup>		</view>	</view></template><script>	let _this = null;	var reqRootUrl = plus.storage.getItem("reqRootUrl");	export default {		data() {			return {				url: '',				tableData: [],				code: "",				tips: "",			}		},		methods: {			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.getList();				}, 350);			},			SelectProduct(item) {				console.log("item", item)				this.code = item.code				this.tips = "确定选择产品" + item.name + "?";				this.$refs.alertDialog.open()			},			dialogClose() {				console.log('点击关闭')				this.$refs.alertDialog.close()			},			SelectConfirm() {				setTimeout(() => {					let container_code = uni.getStorageSync("container_code")					uni.request({						url: reqRootUrl + '/wms/api',						method: 'POST',						headers: {							'Content-Type': 'application/json'						},						data: JSON.stringify({							"method": "GroupDiskAdd",							"param": {								"code": this.code,								"container_code": container_code							}						}),						success: (ret) => {							if (ret.data.ret === "ok") {								setTimeout(() => {									uni.navigateBack();									// uni.redirectTo({									// 	url: '/pages/sample/group',									// })								}, 30);							}						},						fail: (err) => {							// console.log('request fail', err);						},						complete: () => {							// console.log('complete');						}					})					// 关闭窗口后,恢复默认内容					this.$refs.alertDialog.close()				}, 30)			},			getList() {				// uni.setStorageSync(key, value)				// uni.getStorageSync("batch")				// uni.removeStorageSync(key)				let batch = uni.getStorageSync("batch");				uni.request({					url: reqRootUrl + '/wms/api',					method: 'POST',					headers: {						'Content-Type': 'application/json'					},					data: JSON.stringify({						"method": "ProductQuery",						"param": {}					}), 					success: (ret) => {						let rows = ret.data.data;						this.tableData = rows;					},					fail: (err) => {						// console.log('request fail', err);					},					complete: () => {						// console.log('complete');					}				})			},		},	}</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;	}</style>
 |