<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>入库登记</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<link href="./css/mui.min.css" rel="stylesheet" />
|
|
<style>
|
/* 标题样式 */
|
.mui-bar-nav {
|
background: #245ca7;
|
}
|
.mui-title {
|
color: #FFFFFF;
|
}
|
.mui-icon-back:before, .mui-icon-left-nav:before {
|
color: #FFFFFF;
|
}
|
/* 主体内容样式 */
|
.mui-content{
|
width: 97%;
|
margin: auto;
|
}
|
.mui-input-group .mui-input-row {
|
height: 50px;
|
}
|
.mui-input-row label {
|
width: 38%;
|
padding: 11px 8px;
|
text-align: right;
|
padding: 16px 15px;
|
}
|
.mui-input-row label~input {
|
width: 62%;
|
height: 50px;
|
}
|
.mui-input-group {
|
margin: 25px 0;
|
border-radius: 10px;
|
position: unset;
|
}
|
.btn{
|
margin-top: 8px;
|
margin-right: 2px;
|
float: right;
|
background: #EC971F;
|
color: #fff;
|
padding: 6px 15px;
|
}
|
.mui-btn-block {
|
font-size: 18px;
|
display: block;
|
width: 100%;
|
margin-bottom: 10px;
|
padding: 10px 0;
|
}
|
</style>
|
</head>
|
<body>
|
<header class="mui-bar mui-bar-nav">
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
<h1 class="mui-title">入库登记</h1>
|
</header>
|
<div class="mui-content">
|
<form class="mui-input-group">
|
<div class="mui-input-row">
|
<label>智慧卡号：</label>
|
<input id="intelCard" style="width: 40%; float: left;" type="text" placeholder="读取智慧卡号">
|
<div>
|
<button type="button" class="btn" onclick="readCard()">读卡</button>
|
</div>
|
</div>
|
<div class="mui-input-row">
|
<label>车牌号：</label>
|
<input id="plateNum" type="text" class="mui-input-clear" placeholder="请输入车牌号">
|
</div>
|
<div class="mui-input-row">
|
<label>承运人：</label>
|
<input id="userName" type="text" class="mui-input-clear" placeholder="请输入姓名">
|
</div>
|
<div class="mui-input-row">
|
<label>身份证号：</label>
|
<input id="userId" type="text" class="mui-input-clear" placeholder="请输入身份证">
|
</div>
|
<div class="mui-input-row">
|
<label>手机号：</label>
|
<input id="userContact" type="text" class="mui-input-clear" placeholder="请输入手机号">
|
</div>
|
</form>
|
<div style="padding: 10px;">
|
<button class="mui-btn mui-btn-block mui-btn-green" onclick="register()">确认登记</button>
|
</div>
|
</div>
|
<script src="./js/mui.js"></script>
|
<script src="./js/jquery.min.js"></script>
|
<script src="./js/echarts.min.js"></script>
|
|
<script type="text/javascript" charset="utf-8">
|
mui.init();
|
var url; //接口路径
|
var data = {
|
"interfaceId": "5209",
|
"sign": "10209",
|
"outId": "10209",
|
"reqDateTime": new Date(),
|
"tokenAuth": "",
|
"data": {
|
"plateNum": "",
|
"userName": "",
|
"userId": "",
|
"userContact": ""
|
}
|
};
|
|
mui.plusReady(function() {
|
var user = JSON.parse(localStorage.getItem('user'));
|
data.tokenAuth = user.tokenAuth;
|
url = user.url + "/api-phone/gateway";
|
});
|
|
//更新用户信息
|
function register(){
|
//验证车牌号
|
var plateNum = mui("#plateNum")[0].value;
|
if (plateNum == '') {
|
mui.alert("请输入车牌号！", '提示',["确定"],function(){},"div");
|
return;
|
}
|
|
//承运人姓名
|
var userName = mui("#userName")[0].value;
|
|
//验证承运人身份证和手机号，必填其一
|
var userId = mui("#userId")[0].value;
|
var userContact = mui("#userContact")[0].value;
|
if (userId == '' && userContact == '') {
|
mui.alert("身份证和手机号填写其中一个！", '提示',["确定"],function(){},"div");
|
return;
|
}
|
|
//赋值
|
data.data.plateNum = plateNum;
|
data.data.userName = userName;
|
data.data.userId = userId;
|
data.data.userContact = userContact;
|
registerSubmit();
|
}
|
|
//发送更新请求
|
function registerSubmit() {
|
mui.ajax(url, {
|
type: "POST",
|
dataType: "json",
|
crossDomain: true,
|
contentType: "application/json;charset=utf-8",
|
data: JSON.stringify(data),
|
success: function(result) {
|
if (result.code == "0000") {
|
mui.toast(result.data);
|
location.reload();
|
} else {
|
mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
|
}
|
},
|
error: function() {
|
mui.alert('系统繁忙,请重试！', '提示', ["确定"], function() {}, "div");
|
}
|
})
|
}
|
|
|
</script>
|
</body>
|
</html>
|
