<!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" th:href="@{/ajax/libs/layui/css/layui.css}"/>
|
<link rel="stylesheet" th:href="@{/inout/inout-style.css}">
|
|
<style>
|
.display-none {
|
display: none;
|
}
|
|
.kccz-r-con2 {
|
/* height: 230px; */
|
padding-right: 120px;
|
position: relative;
|
margin-top: 10px;
|
}
|
|
.kccz-r-vedio {
|
width: 100%;
|
height: 280px;
|
/* background: #dee6ec; */
|
background: #000;
|
color: #FFF;
|
text-align: center;
|
}
|
|
.kccz-r-btnbox {
|
width: 100px;
|
position: absolute;
|
right: 0px;
|
top: 0px;
|
z-index: 99;
|
}
|
|
.layui-form-label {
|
font-weight: bold;
|
}
|
|
.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;
|
}
|
.video {
|
width: 100%;
|
height: 100%;
|
}
|
</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="@{/img/web/inout/icon-clear.png}"/></i> 清空数据
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-green"
|
onclick="submit()">
|
<i><img th:src="@{/img/web/inout/icon-ok.png}"/></i> 完成登记
|
</button>
|
</div>
|
|
<!--流程引导-->
|
<div class="rk-step-wrap fr">
|
<ul class="rk-step" id="rk_progress" style="display: none;">
|
<li id="rk-progress-register" class="active rk-step-first">
|
<span class="rk-step-span">
|
<img th:src="@{/img/web/inout/icon-dengji.png}"/>
|
</span>
|
<p>入库登记</p>
|
</li>
|
<li id="rk-progress-fullWeight">
|
<span class="rk-step-span">
|
<img th:src="@{/img/web/inout/icon-chengzhong.png}"/>
|
</span>
|
<p>满车称重</p>
|
</li>
|
<li id="rk-progress-hand">
|
<span class="rk-step-span">
|
<img th:src="@{/img/web/inout/icon-xiehuo.png}"/>
|
</span>
|
<p>入库值仓</p>
|
</li>
|
<li id="rk-progress-emptyWeight">
|
<span class="rk-step-span">
|
<img th:src="@{/img/web/inout/icon-chengzhong.png}"/>
|
</span>
|
<p>空车称重</p>
|
</li>
|
<li id="rk-progress-cardBack">
|
<span class="rk-step-span">
|
<img th:src="@{/img/web/inout/icon-banli.png}"/>
|
</span>
|
<p>离库确认</p>
|
</li>
|
</ul>
|
<ul class="rk-step" id="ck_progress" style="display: none;">
|
<li id="ck-progress-register" class="active rk-step-first">
|
<span class="rk-step-span">
|
<img th:src="@{/img/web/inout/icon-dengji.png}"/>
|
</span>
|
<p>出库登记</p>
|
</li>
|
<li id="ck-progress-emptyWeight">
|
<span class="rk-step-span">
|
<img th:src="@{/img/web/inout/icon-chengzhong.png}"/>
|
</span>
|
<p>空车称重</p>
|
</li>
|
<li id="ck-progress-hand">
|
<span class="rk-step-span">
|
<img th:src="@{/img/web/inout/icon-xiehuo.png}"/>
|
</span>
|
<p>出库值仓</p>
|
</li>
|
<li id="ck-progress-fullWeight">
|
<span class="rk-step-span">
|
<img th:src="@{/img/web/inout/icon-chengzhong.png}"/>
|
</span>
|
<p>满车称重</p>
|
</li>
|
<li id="ck-progress-cardBack">
|
<span class="rk-step-span">
|
<img th:src="@{/img/web/inout/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="rkbk-form-left">
|
<div class="layui-form-item display-none">
|
<label class="layui-form-label">隐藏-库区编码</label>
|
<div class="layui-input-block">
|
<input type="text" name="deptId" th:value="${deptId}"
|
autocomplete="off" class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
<div class="layui-form-item display-none">
|
<label class="layui-form-label">隐藏-组织编码</label>
|
<div class="layui-input-block">
|
<input type="text" name="companyId" th:value="${loginUser.companyId}"
|
autocomplete="off" class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
<div class="layui-form-item display-none">
|
<label class="layui-form-label">隐藏-流程节点</label>
|
<div class="layui-input-block">
|
<input type="text" name="progress" th:value="${progress}"
|
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="userName" id="userName" required
|
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="userId" id="userId" required
|
lay-verify="required" placeholder="身份证号" autocomplete="off"
|
oninput="getPhone()" 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="userNation" id="userNation"
|
required lay-verify="required" 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="@{/img/web/inout/rkbk-photo_03.png}"/></a>
|
</div>
|
|
</div>
|
<!--rkbk-form-box1 end-->
|
<!--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">
|
<label class="layui-form-label color-red">业务类型：</label>
|
<div class="layui-input-block">
|
<select name="type" id="type" lay-filter="select_type">
|
<option value="IN">入库</option>
|
<option value="OUT">出库</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<input type="button" value="读车牌"
|
class="rkbk-r-btn fr layui-btn layui-btn-normal"
|
onclick="flushPlateNum()"/>
|
<label class="layui-form-label color-red">运输车牌：</label>
|
<div class="layui-input-block">
|
<input type="text" name="plateNum" id="plateNum" required placeholder="填写车牌号"
|
lay-verify="required" autocomplete="off"
|
class="layui-input rkbk-search-input">
|
</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>
|
</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 deptId = [[${deptId}]];
|
//出入库类型
|
var type = [[${type}]];
|
var companyId = [[${loginUser.companyId}]];
|
//车牌识别
|
var lprDto = [[${lprDto}]];
|
</script>
|
|
<script th:src="@{/ajax/libs/layui/layui.js}"></script>
|
<script th:src="@{/js/jquery.min.js}"></script>
|
<script th:src="@{/common/constant.js}"></script>
|
<script th:src="@{/common/igds-common.js}"></script>
|
<script th:src="@{/inout/inout-common.js}"></script>
|
<script th:src="@{/inout/video-play.js}"></script>
|
<script th:src="@{/inout/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>
|
</tbody>
|
</table>
|
</div>
|
</body>
|
|
</html>
|
