<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title></title>
|
<script src="../../js/mui.min.js"></script>
|
<script src="../../js/api.js"></script>
|
<script src="../../js/common.js"></script>
|
<script src="../../js/template-web.js"></script>
|
<link href="../../css/mui.min.css" rel="stylesheet" />
|
<link href="../../css/mui.picker.min.css" rel="stylesheet" />
|
<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
|
<script src="../../js/mui.picker.min.js"></script>
|
<style type="text/css">
|
.mui-content {
|
margin-top: 2px;
|
}
|
.mui-content input{
|
text-align:left
|
}
|
|
/*标题中图标居右侧的css样式*/
|
.title-right {
|
float: right;
|
line-height: 44px !important;
|
position: absolute;
|
display: block;
|
width: 100%;
|
margin: 0 0px !important;
|
padding: 0 !important;
|
text-align: center;
|
white-space: nowrap;
|
color: #000;
|
display: inline-block;
|
overflow: hidden;
|
width: auto;
|
margin: 0;
|
text-overflow: ellipsis;
|
--color: #de1312;
|
}
|
|
</style>
|
</head>
|
<body class="mui-fullscreen">
|
<header class="mui-bar mui-bar-nav">
|
<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
|
<span class="mui-icon mui-icon-left-nav"></span>
|
</button>
|
<h1 class="mui-title">配料投料</h1>
|
<span class="title-right mui-icon mui-icon-list" style="color:#0062CC" id="more"></span>
|
</header>
|
<div class="mui-content">
|
<div class="mui-input-group">
|
<div class="mui-input-row">
|
<label ><span class="mui-icon iconfont icon-shebei" style="color: #FF8C00;"></span>设备</label>
|
<input id="device" type="search" style="text-align:left " class="mui-input-clear" placeholder="请输入设备" >
|
</div>
|
<div class="mui-input-row">
|
<label ><span class="mui-icon iconfont icon-gongwei" style="color: #FF8C00;"></span>工位</label>
|
<input id="station" type="text" disabled="disabled" style="background-color: #F5F5F5;" class="mui-input-clear" >
|
</div>
|
<div class="mui-input-row">
|
<label ><span class="mui-icon iconfont icon-gonghao" style="color: #FF8C00;"></span>工号</label>
|
<input id="usercode" type="text" class="mui-input-clear" disabled="disabled" style="background-color: #F5F5F5;" >
|
</div>
|
<div class="mui-input-row">
|
<label ><span class="mui-icon iconfont icon-banci" style="color: #FF8C00;"></span>班次</label>
|
<input id="classes" type="text" disabled="disabled" style="background-color: #F5F5F5;" class="mui-input-clear" >
|
</div>
|
|
<div class="mui-input-row">
|
<label ><span class="mui-icon iconfont icon-tiaoma" style="color: #FF8C00;"></span>物料</label>
|
<input id="barcode" type="search" style="text-align:left " class="mui-input-clear" placeholder="请输入物料" >
|
</div>
|
<div class="mui-input-row">
|
<label ><span class="mui-icon iconfont icon-miaoshu" style="color: #FF8C00;"></span>描述</label>
|
<input id="note" type="text" disabled="disabled" style="background-color: #F5F5F5;" class="mui-input-clear" >
|
</div>
|
<div class="mui-input-row">
|
<label ><span class="mui-icon iconfont icon-shuliang" style="color: #FF8C00;"></span>用量</label>
|
<!-- <input id="qty" type="number" class="mui-input-clear" placeholder="请输入用量" οninput="value=value.replace(/[^\d]/g,'')"> -->
|
<input onkeyUp="checkSymbol(this)" id="qty" type="search" style="text-align:left " class="mui-input-clear" placeholder="请输入用量" >
|
</div>
|
<div class="mui-input-row" style="height: 6.25rem;">
|
<label ><span class="mui-icon iconfont icon-beizhu" style="color: #FF8C00;"></span>备注</label>
|
<textarea id="remark" class="form" rows="5" disabled="disabled" style="background-color: #F5F5F5;"></textarea>
|
</div>
|
|
<!-- <div class="mui-input-row" align="center">
|
<ul class="mui-table-view" id="submitBtn">
|
<li class="mui-table-view-cell" style="background-color: rgb(153,204,153)">
|
<a data-id="13" >提交</a>
|
</li>
|
</ul>
|
</div> -->
|
<ul class="mui-table-view" id="list">
|
</ul>
|
|
|
</div>
|
<script id='record-template' type="text/template">
|
<option value="">请点击选择批次号</option>
|
<% for(var i in record){ var item=record[i]; %>
|
<option value='<%=(item)%>'><%=(item)%></option>
|
<% } %>
|
</script>
|
<script id='list-template' type="text/template">
|
<% for(var i in record){ var item=record[i]; %>
|
<li class="mui-table-view-cell mui-media">
|
<a href="javascript:;">
|
<div class="mui-media-body">
|
<%=(item.order)%>
|
<p class="mui-ellipsis">计划:<%=(item.qty)%> 批量:<%=(item.pqty)%></p>
|
</div>
|
</a>
|
</li>
|
<% } %>
|
</script>
|
|
</div>
|
|
<script type="text/javascript" charset="utf-8">
|
mui.init();
|
mui.plusReady(function() {
|
onListen();//输入法软键盘的搜索
|
mui.focus(document.getElementById('device'));
|
})
|
function onListen(){
|
document.getElementById("device").addEventListener("keydown", function(e) {
|
if (13 == e.keyCode) { //
|
document.activeElement.blur(); //隐藏软键盘
|
afterDevice()
|
}
|
}, false);
|
document.getElementById("barcode").addEventListener("keydown", function(e) {
|
if (13 == e.keyCode) { //
|
document.activeElement.blur(); //隐藏软键盘
|
document.getElementById("qty").value='';
|
afterBarcode()
|
}
|
}, false);
|
document.getElementById("qty").addEventListener("keydown", function(e) {
|
|
if (13 == e.keyCode) { //
|
document.activeElement.blur(); //隐藏软键盘
|
afterQty();
|
}
|
}, false);
|
/* mui("#submitBtn").on("tap", "a", function(event) {
|
doSubmit();
|
}) ; */
|
document.getElementById('more').addEventListener('tap', function(event) {
|
if(getDou('device').length == 0){
|
plus.ui.toast('设备号不能为空');
|
return false;
|
}
|
mui.openWindow({
|
id: 'little_put_list',
|
url: 'little_put_list.html',
|
waiting: { // 控制 弹出转圈框的信息
|
autoShow: true, //自动显示等待框，默认为true
|
title: '加载中' //等待对话框上显示的提示内容
|
},
|
extras: {device: getDou('device')}
|
});
|
});
|
}
|
function afterDevice(){
|
aj.post("/little/afterDevice", {
|
device: getParem('device')
|
}, function (data) {
|
if (data.result) {
|
console.log(JSON.stringify(data.data));
|
setDou('usercode',data.data.code);
|
setDou('classes',data.data.classes);
|
setDou('station',data.data.station);
|
setDou('remark',data.data.remark);
|
|
document.getElementById('barcode').value="";
|
mui.focus(document.getElementById('barcode'));
|
document.getElementById('list').innerHTML = template('list-template', {
|
"record": data.data.list
|
});
|
} else {
|
//plus.ui.toast(data.msg);
|
mui.alert(data.msg, '错误', function() {
|
//关闭回调函数
|
document.getElementById('device').value=""
|
mui.focus(document.getElementById('device'))
|
});
|
}
|
});
|
}
|
function afterBarcode(){
|
aj.post("/little/afterBarcoe", {
|
barcode: getParem('barcode')
|
}, function (data) {
|
if (data.result) {
|
console.log(JSON.stringify(data.data));
|
document.getElementById("note").value=data.data
|
|
document.getElementById('qty').value="";
|
mui.focus(document.getElementById('qty'));
|
} else {
|
//plus.ui.toast(data.msg);
|
mui.alert(data.msg, '错误', function() {
|
//关闭回调函数
|
document.getElementById('barcode').value=""
|
mui.focus(document.getElementById('barcode'))
|
});
|
}
|
});
|
}
|
function afterQty(){
|
if (document.getElementById("qty").value.length == 0) {
|
plus.ui.toast("用量不能为空");
|
return;
|
}
|
doSubmit();
|
}
|
function doSubmit(){
|
aj.post("/little/afterQty", {
|
param: getSubmitParam()
|
}, function (data) {
|
//console.log(JSON.stringify(data.data));
|
document.getElementById('barcode').value="";
|
//document.getElementById('barcode').focus(); //获取焦点
|
mui.focus(document.getElementById('barcode'));
|
if (data.result) {
|
document.getElementById("remark").value=data.data;
|
document.getElementById("barcode").value='';
|
document.getElementById("qty").value='';
|
} else {
|
//plus.ui.toast(data.msg);
|
mui.alert(data.msg, '错误', function() {
|
//关闭回调函数
|
document.getElementById("barcode").value='';
|
document.getElementById("qty").value='';
|
});
|
}
|
});
|
}
|
function getParem(param){
|
return api_localStorageGet("functionName")+'[file1['+api_localStorageGet("code")+'['+getDou(param)
|
}
|
function getSubmitParam(){
|
//模块名称[字段名[登录帐号[工位[工号[班次[工单号[批量[设备[物料[用量
|
return api_localStorageGet("functionName")+'[file1['+ api_localStorageGet("code")+'['+
|
getDou('station')+'['+getDou('usercode')+'['+getDou('classes')+'['+getDou('device')+'['+
|
getDou('barcode')+'['+getDou('qty');
|
}
|
function getDou(p) {
|
return document.getElementById(p).value;
|
}
|
function setDou(p,v){
|
document.getElementById(p).value = v;
|
}
|
</script>
|
</body>
|
</html>
|
