<template>
	<view class="page-wraper" @touchstart="touchScreen">
		<view class="page-header flex"
			style="font-size: 32rpx; padding-left: 10rpx; padding-top: 10rpx; flex-direction: column;">

		</view>
		<view class="page-main">
			<scroll-view scroll-y="true" class="page-main-scroll">
				<view style="padding-bottom: 80rpx;width: 100%;">

					<view class="uni-flex uni-column " style="margin: 10rpx;">
						<uni-section title="扫描产品码" subTitle="产品码" subTitleFontSize="26rpx" titleFontSize="35rpx"
							type="line">
						</uni-section>

						<view class="uni-flex space-between">
							<view class="" style="width: 90%;  ">
								<uni-easyinput style="margin-left: 10rpx; margin-right: 10rpx;" trim="all"
									v-model="scanCode" @clear="clearCode"
									:focus="true"
									@confirm="onConfirm"></uni-easyinput>
							</view>
						</view>
						<view class="" v-if="false">
							<uni-table border stripe >
								<!-- 表头行 -->
								<!-- <uni-tr>
									<uni-th align="center">日期</uni-th>
									<uni-th align="center">姓名</uni-th>
									<uni-th align="left">地址</uni-th>
								</uni-tr> -->
								<!-- 表格数据行 -->
								<uni-tr>
									<uni-td >箱码</uni-td>
									<uni-td>1234</uni-td>
								</uni-tr>
								<uni-tr>
									<uni-td>批次</uni-td>
									<uni-td>20240508</uni-td>
								</uni-tr>
								<uni-tr>
									<uni-td>库位</uni-td>
									<uni-td>103</uni-td>
								</uni-tr>
							
							</uni-table>
						</view>

					</view>
					

				</view>
			</scroll-view>
		</view>
		<view class="page-footer">
			<view class="uni-flex u-col-center space-between padding_10"
				style="background-color:ghostwhite; width: 100%; ">
				<view class="">
					<!-- <button class="btn_single_reset" hover-class="btn_single_after" @click="reset">重置</button> -->
				</view>
				<view class=" uni-flex uni-row">
					<button class="btn_single_commit" hover-class="btn_commit_after" @click="submit">提交</button>
				</view>
			</view>
		</view>

	</view>


</template>
<script module="render" lang="renderjs">
	export default {
		methods: {
			_inputFocus(event) {
				document.querySelector('#inputSelect input').select()
			}
		}
	}
</script>
<script>
	import {
		downLickSubmit,
		getFoamScanUpLinkInfo
	} from '@/api/request2.js';
	import {
		showConfirmMsg
	} from "@/common/utils.js"

	import {
		getCurrDateTime,
	} from "@/common/basic.js"
	import selectClickList from "@/mycomponents/popup/selectClickList.vue"
	import config from '@/static/config.js'

	export default {
		components: {
			selectClickList
		},
		data() {
			return {
				dateTime: "",
				dataList: [],
				userForm: {
					names: [],
					values: [],
					origin: []
				},
				materialList: [],
				planList: [],
				scanCode: "",
				scanCheckCode:"",
				lastTime: null, // 最后一次点击的时间
				currentTime: null, // 当前点击的时间
				timeOut: config.pageTimeOut

			}
		},
		computed: {},
		onShow(){
			this.lastTime = new Date().getTime()
		},

		methods: {
			touchScreen() {
				this.currentTime = new Date().getTime() // 记录这次点击的时间
				console.log("当前时间", this.currentTime)
				if (this.currentTime - this.lastTime > this.timeOut) { // 判断上次最后一次点击的时间和这次点击的时间间隔是否大于30分钟
					console.log("当前时间跳转")
					uni.reLaunch({
						url: "../login/index"
					})
				} else {
					this.lastTime = new Date().getTime() // 如果在30分钟内点击，则把这次点击的时间记录覆盖掉之前存的最后一次点击的时间
					console.log("当前时间跳转赋值，没跳转" + this.lastTime)
				}
			},
			submit() {
				if (this.scanCheckCode == "") {
					this.scanCheckCode=""
					this.scanCode=""
					this.showMessage("请先扫描")
					return
				}
				uni.showLoading({
					title: "加载中",
					mask: true
				})
				var param = {
					id: this.$store.state.user.id,
					createTime: getCurrDateTime(),
					ProductCode:this.scanCheckCode,
					Type:1,
					State:2,//1.是上悬，2,是下悬
					User:this.$store.state.user.name
				}
				console.log("提交", JSON.stringify(param))

				downLickSubmit(param).then(res => {
					uni.hideLoading()
					this.showMessage("提交成功")
					this.resetData()
				}).catch(error => {
					uni.hideLoading()
					this.showMessage(error)
				})
			},
			showMessage(hint) {
				showConfirmMsg("提示", hint, false, callBack => {

				})
			},
			resetData() {
				this.scanCode =""
				this.scanCheckCode=""
			},
			clearCode() {
				this.scanCode = ""
				this.scanCheckCode=""
			},
			onConfirm(data) {
				if(!data){
					this.showMessage("扫描数据不能为空")
					return;
				}
				this.scanCode = data;
				this.scanCheckCode=data
				// if(data==undefined||data==""){
				// 	this.showMessage("扫描数据为空,请先输入")
				// 	return;
				// }
				// uni.showLoading({
				// 	title: "加载中",
				// 	mask: true
				// })
				// getFoamScanUpLinkInfo(data).then(res => {
				// 	uni.hideLoading()
				// 	this.scanCode = data;
				// 	this.scanCheckCode = data;
				// 	console.log(data)
				// }).catch(error => {
				// 	this.scanCode = "";
				// 	this.scanCheckCode = "";
				// 	uni.hideLoading()
				// 	this.showMessage("扫描["+data+"]"+error)
				// })
			},

			openScanPopup() {
				this.$refs.scanPopup.openScanPopup();
			},

			closeScanPopup() {
				this.$refs.scanPopup.closeScanPopup();
			},

		}
	}
</script>

<style lang="scss">
	.example {
		padding: 15px;
		background-color: #fff;
	}

	.segmented-control {
		margin-bottom: 15px;
	}

	.button-group {
		margin-top: 15px;
		display: flex;
		justify-content: space-around;
	}

	.form-item {
		display: flex;
		align-items: center;
		flex: 1;
	}

	.button {
		display: flex;
		align-items: center;
		height: 35px;
		line-height: 35px;
		margin-left: 10px;
	}

	.input {
		padding: 10rpx;
		height: 65rpx;
		text-align: left;
		margin: 5rpx;
		font-size: 28rpx;
		color: #333;
		overflow: hidden;
		text-overflow: ellipsis;
		outline: none;
		border-radius: 10rpx;
		border: 1rpx solid lightgrey;
	}
</style>