9 changed files with 358 additions and 110 deletions
@ -0,0 +1,281 @@ |
|||
<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: 75%; "> |
|||
<uni-easyinput disabled style="margin-left: 10rpx; margin-right: 10rpx;" trim="all" |
|||
v-model="planNumber"></uni-easyinput> |
|||
</view> |
|||
<view class="uni-flex" style="width: 25%; align-items: center;"> |
|||
<button type="primary" size="mini" @click="showPlanSelect">单号</button> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
<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: 75%; "> |
|||
<uni-easyinput style="margin-left: 10rpx; margin-right: 10rpx;" trim="all" |
|||
v-model="scanCode" @clear="clearCode" |
|||
ref="inputScan" |
|||
@confirm="onConfirm"></uni-easyinput> |
|||
</view> |
|||
</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> |
|||
|
|||
<selectClickList ref="selectPopup" title="选择计划单号" @select="selectPlan"></selectClickList> |
|||
|
|||
</view> |
|||
|
|||
|
|||
</template> |
|||
<script module="render" lang="renderjs"> |
|||
export default { |
|||
methods: { |
|||
_inputFocus(event) { |
|||
document.querySelector('#inputSelect input').select() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<script> |
|||
import { |
|||
getPlasticsGoodPlaneNumberList, |
|||
upLickSubmit, |
|||
} 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: "", |
|||
planNumber: "", |
|||
dataList: [], |
|||
userForm: { |
|||
names: [], |
|||
values: [], |
|||
origin: [] |
|||
}, |
|||
materialList: [], |
|||
planList: [], |
|||
scanCode: "", |
|||
scanCheckCode:"", |
|||
lastTime: null, // 最后一次点击的时间 |
|||
currentTime: null, // 当前点击的时间 |
|||
timeOut:uni.getStorageSync("timeOut")?uni.getStorageSync("timeOut"):config.pageTimeOut,// 设置超时时间:30分钟 |
|||
|
|||
} |
|||
}, |
|||
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*60*1000) { // 判断上次最后一次点击的时间和这次点击的时间间隔是否大于30分钟 |
|||
console.log("当前时间跳转") |
|||
uni.reLaunch({ |
|||
url: "../login/index" |
|||
}) |
|||
} else { |
|||
this.lastTime = new Date().getTime() // 如果在30分钟内点击，则把这次点击的时间记录覆盖掉之前存的最后一次点击的时间 |
|||
console.log("当前时间跳转赋值，没跳转" + this.lastTime) |
|||
} |
|||
}, |
|||
submit() { |
|||
if (this.planNumber == "") { |
|||
this.showMessage("请选择计划单号") |
|||
return |
|||
} |
|||
if (this.scanCheckCode == "") { |
|||
this.scanCheckCode="" |
|||
this.showMessage("请先校验产品码") |
|||
return |
|||
} |
|||
|
|||
uni.showLoading({ |
|||
title: "加载中", |
|||
mask: true |
|||
}) |
|||
var param = { |
|||
PlanID : this.planNumber, |
|||
id: this.$store.state.user.id, |
|||
createTime: getCurrDateTime(), |
|||
ProductCode :this.scanCheckCode, |
|||
Type:2, |
|||
State:1, |
|||
User: this.$store.state.user.name |
|||
|
|||
} |
|||
console.log("提交", JSON.stringify(param)) |
|||
|
|||
upLickSubmit(param).then(res => { |
|||
uni.hideLoading() |
|||
uni.showToast({ |
|||
title: '提交成功', |
|||
}); |
|||
this.resetData() |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
showMessage(hint) { |
|||
showConfirmMsg("提示", hint, false, callBack => { |
|||
|
|||
}) |
|||
}, |
|||
resetData() { |
|||
this.scanCode ="" |
|||
this.scanCheckCode="" |
|||
this.$refs.inputScan.focused = true |
|||
}, |
|||
clearCode() { |
|||
this.scanCode = ""; |
|||
this.scanCheckCode="" |
|||
}, |
|||
onConfirm(data){ |
|||
if(!data){ |
|||
this.showMessage("扫描数据不能为空") |
|||
return; |
|||
} |
|||
this.scanCode = data; |
|||
this.scanCheckCode=data |
|||
this.submit(); |
|||
|
|||
}, |
|||
showPlanSelect() { |
|||
uni.showLoading({ |
|||
title: "加载中", |
|||
mask: true |
|||
}) |
|||
getPlasticsGoodPlaneNumberList().then(res => { |
|||
uni.hideLoading() |
|||
if (res.Result.length > 0) { |
|||
var list = []; |
|||
list = res.Result; |
|||
list.forEach(res => { |
|||
res.label = res.PLAN_NO; |
|||
res.value = res.SHIFT_CODE |
|||
}) |
|||
this.$refs.selectPopup.openScanPopup(list) |
|||
} else { |
|||
this.showMessage("列表为0") |
|||
} |
|||
|
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
selectPlan(data) { |
|||
this.planNumber = data.label |
|||
this.scanCode = ""; |
|||
this.scanCheckCode = ""; |
|||
this.$refs.inputScan.focused = true |
|||
console.log(data) |
|||
}, |
|||
|
|||
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> |
|||
Loading…
Reference in new issue