| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312 | 
							- <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: 36%;">容器码</view>
 
- 					<view class="tab-tr" style="width: 11%;">数量</view>
 
- 					<view class="tab-tr-end" style="width: 16%;">状态</view>
 
- 				</view>
 
- 				<view style="min-height:400px;overflow-y:auto;max-height:400px;font-size: 13px;">
 
- 					<view class="uni-input-wrapper table-data" v-for="(item,index) in tableData" :key="index"
 
- 						@click="DeleteItem(item)">
 
- 						<view class="tab-tr" style="width: 36%;">{{item.container_code}}</view>
 
- 						<view class="tab-tr" style="width: 11%;text-align:right">{{item.num}}</view>
 
- 						<view class="tab-tr-end" style="width: 16%;">{{item.status}}</view>
 
- 					</view>
 
- 				</view>
 
- 			</view>
 
- 		</view>
 
- 		<view>
 
- 			<!-- 提示窗示例 -->
 
- 			<uni-popup ref="alertDialog" type="dialog">
 
- 				<uni-popup-dialog type="info" cancelText="取消" confirmText="确定" title="提示" :content="container_code"
 
- 					@confirm="dialogConfirm" @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: [],
 
- 				container_code: "",
 
- 				sn: "",
 
- 				timer: null, // 定时器
 
- 			}
 
- 		},
 
- 		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);
 
- 				this.timer = setInterval(function() {
 
- 					_this.getList();
 
- 				}, 30000)
 
- 			},
 
- 			onHide() {
 
- 				if (this.timer) {
 
- 					clearInterval(this.timer);
 
- 					this.timer = null;
 
- 				}
 
- 			},
 
- 			onUnload() {
 
- 				if (this.timer) {
 
- 					clearInterval(this.timer);
 
- 					this.timer = null;
 
- 				}
 
- 			},
 
- 			DeleteItem(item) {
 
- 				console.log("item", item)
 
- 				this.container_code = "确定删除容器" + item.container_code + "?";
 
- 				this.sn = item.sn;
 
- 				this.$refs.alertDialog.open()
 
- 			},
 
- 			dialogClose() {
 
- 				console.log('点击关闭')
 
- 			},
 
- 			dialogConfirm() {
 
- 				setTimeout(() => {
 
- 					uni.request({
 
- 						url: reqRootUrl + '/wms/api',
 
- 						method: 'POST',
 
- 						headers: {
 
- 							'Content-Type': 'application/json'
 
- 						},
 
- 						data: JSON.stringify({
 
- 							"method": "GroupInventoryDelete",
 
- 							"param": {
 
- 								[_this.sn]: {},
 
- 							}
 
- 						}),
 
- 						success: (ret) => {
 
- 							_this.getList()
 
- 							//处理成功逻辑
 
- 						},
 
- 						fail: (err) => {
 
- 							// console.log('request fail', err);
 
- 						},
 
- 						complete: () => {
 
- 							// console.log('complete');
 
- 						}
 
- 					})
 
- 					// 关闭窗口后,恢复默认内容
 
- 					this.$refs.alertDialog.close()
 
- 				}, 30)
 
- 			},
 
- 			getList() {
 
- 				// uni.setStorageSync(key, value)
 
- 				// uni.getStorageSync("key")
 
- 				// uni.removeStorageSync(key)
 
- 				uni.request({
 
- 					url: reqRootUrl + '/wms/api',
 
- 					method: 'POST',
 
- 					headers: {
 
- 						'Content-Type': 'application/json'
 
- 					},
 
- 					data: JSON.stringify({
 
- 						"method": "GroupInventoryGet",
 
- 						"param": {}
 
- 					}),
 
- 					success: (ret) => {
 
- 						// console.log("ret.data ", ret.data.data)
 
- 						// $("#dataList").html("")
 
- 						let rows = ret.data.data;
 
- 						if (!_this.isEmpty(rows)) {
 
- 							for (var i = 0; i < rows.length; i++) {
 
- 								let str = "待入库"
 
- 								if (rows[i]["status"] === "status_wait") {
 
- 									str = '待入库'
 
- 								}
 
- 								if (rows[i]["status"] === "status_cancel") {
 
- 									str = '已取消'
 
- 								}
 
- 								if (rows[i]["status"] === "status_success") {
 
- 									str = '已入库'
 
- 								}
 
- 								if (rows[i]["status"] === "status_fail") {
 
- 									str = '失败'
 
- 								}
 
- 								if (rows[i]["status"] === "status_ing") {
 
- 									str = '入库中'
 
- 								}
 
- 								rows[i]["status"] = str;
 
- 							}
 
- 							this.tableData = rows;
 
- 							// $("#dataList").html(html)
 
- 							//处理成功逻辑
 
- 						}
 
- 					},
 
- 					fail: (err) => {
 
- 						// console.log('request fail', err);
 
- 					},
 
- 					complete: () => {
 
- 						// console.log('complete');
 
- 					}
 
- 				})
 
- 			},
 
- 			isEmpty(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;
 
- 	}
 
- </style>
 
 
  |