<!DOCTYPE html>
|
<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1, maximum-scale=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="renderer" content="webkit">
|
<title>出入库管理-入库登记</title>
|
<link rel="stylesheet" type="text/css"
|
th:href="@{../../static/plugins/layui/css/layui.css}">
|
<link rel="stylesheet" type="text/css"
|
th:href="@{../../static/admin/inout/style.css}">
|
|
<style>
|
.display-none {
|
display: none;
|
}
|
|
.kccz-r-con2 {
|
padding-right: 120px;
|
position: relative;
|
margin-top: 10px;
|
z-index: 99;
|
}
|
|
.kccz-r-vedio {
|
width: 100%;
|
height: 280px;
|
background: #000;
|
color: #FFF;
|
text-align: center;
|
}
|
|
.layui-form-label {
|
font-weight: bold;
|
}
|
|
.iframe-video {
|
position: absolute;
|
visibility: inherit;
|
top: 0px;
|
left: 0px;
|
z-index: -1;
|
width: 100%;
|
height: 100%;
|
}
|
|
.ckdj-radiobox .layui-form-item {
|
margin-bottom: 0px;
|
margin-top: 10px;
|
}
|
|
.rk-step-wrap {
|
padding: 0px;
|
border-bottom: 0px;
|
text-align: center;
|
}
|
|
.qyzj-btnbox .rkbk-quick {
|
margin-top: 15px !important;
|
}
|
|
.color-red {
|
color: red !important;
|
}
|
|
.layui-form-item .layui-input-inline {
|
width: unset;
|
}
|
|
.rkbk-search-input {
|
background: #FFF !important;
|
}
|
|
.rkbk-search-input.bg-date {
|
background: #FFF !important;
|
}
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="l-container layui-clear">
|
<div class="rk-main">
|
|
<!-- 操作菜单-->
|
<div class="qyzj-btnbox layui-clear">
|
<div class="rkbk-quick fl">
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onclick="resetForm()">
|
<i><img th:src="@{../../static/images/icon-clear.png}" /></i> 清空数据
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-green"
|
onclick="submit()">
|
<i><img th:src="@{../../static/images/icon-ok.png}" /></i> 完成登记
|
</button>
|
</div>
|
|
<!--流程引导-->
|
<div class="rk-step-wrap fr">
|
<ul class="rk-step">
|
<li id="progress-register" class="active rk-step-first"><span
|
class="rk-step-span"> <img
|
th:src="@{../../static/images/icon-dengji.png}" />
|
</span>
|
<p>入库登记</p></li>
|
<li id="progress-check"><span class="rk-step-span"> <img
|
th:src="@{../../static/images/icon-zhijian.png}" />
|
</span>
|
<p>扦样质检</p></li>
|
<li id="progress-fullWeight"><span class="rk-step-span">
|
<img th:src="@{../../static/images/icon-chengzhong.png}" />
|
</span>
|
<p>满车称重</p></li>
|
<li id="progress-hand"><span class="rk-step-span"> <img
|
th:src="@{../../static/images/icon-xiehuo.png}" />
|
</span>
|
<p>入库值仓</p></li>
|
<li id="progress-emptyWeight"><span class="rk-step-span">
|
<img th:src="@{../../static/images/icon-chengzhong.png}" />
|
</span>
|
<p>空车称重</p></li>
|
<li id="progress-cardBack"><span class="rk-step-span">
|
<img th:src="@{../../static/images/icon-banli.png}" />
|
</span>
|
<p>离库确认</p></li>
|
</ul>
|
</div>
|
<!--流程引导结束-->
|
</div>
|
|
<!-- 主体信息 -->
|
<form class="layui-form" action="" id="form-data"
|
lay-filter="form-data">
|
|
<div class="rkbk-con">
|
<div class="radius-6 rkbk-left-wrap fl">
|
<div class="rkbk-left">
|
<div class="rkbk-tit">
|
<i></i>
|
<h3>承运人信息</h3>
|
</div>
|
<div class="rkbk-left-form">
|
<div class="rkbk-form-box1">
|
<div class="layui-form-item display-none">
|
<label class="layui-form-label">隐藏-类型</label>
|
<div class="layui-input-block">
|
<input type="text" name="type" autocomplete="off"
|
th:value="${type}" class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
|
<div class="rkbk-form-left">
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red">姓 名：</label>
|
<div class="layui-input-block">
|
<input type="text" name="userName" id="userName"
|
lay-verify="required" placeholder="必填信息" autocomplete="off"
|
class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red">身份证号：</label>
|
<div class="layui-input-block">
|
<input type="text" name="userId" id="userId"
|
lay-verify="required" placeholder="必填信息" autocomplete="off"
|
class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">联系方式：</label>
|
<div class="layui-input-block">
|
<input type="text" name="userContact" id="userContact"
|
placeholder="请输入" autocomplete="off"
|
class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">出生日期：</label>
|
<div class="layui-input-block">
|
<input type="text" name="userBirthday" id="userBirthday"
|
placeholder="yyyy-MM-dd" autocomplete="off"
|
class="layui-input rkbk-search-input bg-date">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">性 别：</label>
|
<div class="layui-input-block rkbk-selBox">
|
<input type="radio" name="userSex" id="userSex" value="男"
|
title="男" checked> <input type="radio"
|
name="userSex" value="女" title="女">
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">民 族：</label>
|
<div class="layui-input-block">
|
<input type="text" name="userNation" id="userNation"
|
placeholder="请输入" autocomplete="off"
|
class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
|
</div>
|
<!--rk-form-left end-->
|
|
<div class="rkbk-photo">
|
<a href="#"><img id="id_img_pers"
|
th:src="@{../../static/images/rkbk-photo_03.png}" /></a>
|
</div>
|
|
</div>
|
<!--rkbk-form-box1 end-->
|
|
<div class="rkbk-form-box2" style="padding-top: 20px;">
|
<div class="layui-form-item">
|
<label class="layui-form-label">地 址：</label>
|
<div class="layui-input-block">
|
<input type="text" name="userAddress" id="userAddress"
|
placeholder="请输入" autocomplete="off"
|
class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
</div>
|
<!--rkbk-form-box2 end-->
|
|
<div class="rkbk-quick layui-text-center">
|
<button id="button_readID" type="button"
|
onclick="flushIdCard()"
|
class="rkbk-quick-btn layui-btn btn-blue">读取身份证</button>
|
</div>
|
|
</div>
|
</div>
|
|
</div>
|
<!--rkbk-left end-->
|
|
|
<div class="radius-6 rkbk-right-wrap fr" style="height: 512px;">
|
<div class="rkbk-left">
|
<div class="rkbk-tit">
|
<i></i>
|
<h3>登记信息</h3>
|
</div>
|
|
<div class="rkbk-left-form rkbk-right-form">
|
<div class="layui-form-item">
|
<input type="button" value="读卡" class="rkbk-r-btn fr layui-btn"
|
onclick="flushICCard()" /> <label
|
class="layui-form-label color-red">智慧卡号：</label>
|
<div class="layui-input-block">
|
<input type="text" name="intelCard" id="intelCard" required
|
lay-verify="required" placeholder="先放卡，后点击读卡"
|
autocomplete="off" class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<input type="button" value="读车牌"
|
class="rkbk-r-btn fr layui-btn layui-btn-normal"
|
onclick="getPlateNum()" /> <label
|
class="layui-form-label color-red">运输车牌：</label>
|
<div class="layui-input-block">
|
<input type="text" name="plateNum" id="plateNum"
|
placeholder="无车牌车辆，填写 无车牌" lay-verify="required"
|
autocomplete="off" class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">运输工具：</label>
|
<div class="layui-input-inline">
|
<input type="radio" name="transType" value="1" title="汽车"
|
checked> <input type="radio" name="transType"
|
value="2" title="火车"> <input type="radio"
|
name="transType" value="3" title="轮船"> <input
|
type="radio" name="transType" value="9" title="其他">
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!-- 视频 -->
|
<div class="rkbk-left">
|
<div class="rkbk-tit">
|
<i></i>
|
<h3>登记视频</h3>
|
</div>
|
<div class="kccz-r-con2">
|
<div class="kccz-r-vedio" id="kccz-r-video1"></div>
|
<div class="kccz-r-btnbox">
|
<div class="kccz-r-div">
|
<span id="plateNum2">未识别</span>
|
<p>车牌识别</p>
|
</div>
|
|
<a href="javascript:;" class="kccz-r-btn kccz-r-btn1 active mt-10"> <span class="kccz-r-pz"></span>
|
<p>系统自动抓拍</p>
|
</a>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
<!--rkbk-right end-->
|
</div>
|
<!--rkbk-con end-->
|
</form>
|
</div>
|
<!--rk-main end-->
|
|
</div>
|
<!--l-container end-->
|
|
<script th:inline="javascript">
|
//流程环节
|
var inoutProgress = [[${inoutProgress}]];
|
//当前节点
|
var progress = [[${progress}]];
|
//业务步骤
|
var bizType = [[${bizType}]];
|
var deptId = [[${deptId}]];
|
//出入库类型
|
var type = [[${type}]];
|
var userId = [[${loginUser.username}]];
|
var companyId = [[${loginUser.companyId}]];
|
//车牌识别
|
var lprDto = [[${lprDto}]];
|
var ship = null; //是否船运页面标识
|
</script>
|
|
<script th:src="@{../../static/plugins/layui/layui.js}"></script>
|
<script th:src="@{../../static/js/jquery.min.js}"></script>
|
<script th:src="@{../../static/js/constant.js}"></script>
|
<script th:src="@{../../static/js/igds-common.js}"></script>
|
<script th:src="@{../../static/admin/inout/video-play.js}"></script>
|
<script th:src="@{../../static/admin/inout/inout-common.js}"></script>
|
<script th:src="@{../../static/admin/inout/in-register.js}"></script>
|
|
<!-- 弹出框的信息 -->
|
<div class="layui-tab-content" id="dialog-from-notify"
|
style="display: none;">
|
<table class="layui-table">
|
<colgroup>
|
<col width="100">
|
</colgroup>
|
<tbody>
|
<tr>
|
<td>返回信息</td>
|
<td id="resultMsg" style="color: red; font-weight: bold;"></td>
|
</tr>
|
<tr>
|
<td>承运人</td>
|
<td id="resultUserName" style="font-weight: bold;"></td>
|
</tr>
|
<tr>
|
<td>车牌号</td>
|
<td id="resultPlateNum" style="font-weight: bold;"></td>
|
</tr>
|
<tr>
|
<td>下一步</td>
|
<td id="resultType" style="font-weight: bold;"></td>
|
</tr>
|
<tr>
|
<td>智慧卡号</td>
|
<td id="resultIntelCard" style="font-weight: bold;"></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</body>
|
</html>
|
