<!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>
|
.kccz-r-btnbox {
|
width: 86px !important;
|
}
|
|
.kccz-r-btn {
|
width: 86px !important;
|
}
|
|
#text-param {
|
font-size: 14px;
|
color: red;
|
padding-left: 10px;
|
}
|
|
.display-none {
|
display: none;
|
}
|
|
.cursor {
|
cursor: pointer;
|
}
|
|
.kccz-czxx-dl dt {
|
width: 25px;
|
height: 24px;
|
color: #000;
|
font-size: 18px;
|
}
|
|
.kccz-left-box2 {
|
height: 555px;
|
}
|
|
.color-red {
|
color: red !important;
|
}
|
|
.layui-table td {
|
font-weight: bold;
|
}
|
|
.layui-select-disabled .layui-disabled {
|
color: #000 !important;
|
}
|
|
.depot-food input {
|
line-height: 34px;
|
padding-right: 10px;
|
font-size: 16px;
|
color: #666;
|
background: #eff4f6;
|
}
|
|
.rk-step-wrap {
|
padding: 0px;
|
border-bottom: 0px;
|
text-align: center;
|
}
|
|
.rkbk-quick {
|
margin-top: 15px !important;
|
}
|
|
.kccz-con {
|
margin: 10px 0px;
|
}
|
|
.border-no {
|
border: 0px;
|
}
|
|
.qyzj-btnbox {
|
margin-top: 10px;
|
}
|
|
.kccz-data-btnbox {
|
min-height: 38px;
|
padding-top: 2px;
|
}
|
|
.layui-layer-title {
|
font-weight: bold;
|
}
|
|
.rkbk-search-btn {
|
width: 100px;
|
height: 30px;
|
line-height: 30px;
|
font-size: 16px;
|
}
|
|
.r-240 {
|
right: 240px;
|
}
|
|
.r-120 {
|
right: 120px;
|
}
|
|
.rkbk-search-input.bg-date {
|
background: #FFF !important;
|
}
|
.kccz-left-box2 {
|
height: 741px;
|
}
|
#scaleName {
|
width: 130px;
|
height: 28px;
|
}
|
.kccz-r-item {
|
height: 240px;
|
}
|
.kccz-r-con {
|
height: 190px;
|
}
|
.kccz-r-vedio {
|
background: unset;
|
height: 190px;
|
}
|
.kccz-r-vedio img{
|
width: 80%;
|
height: 100%;
|
background: #dee6ec;
|
}
|
</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" onclick="selectByHand()">
|
<i><img th:src="@{/img/web/inout/icon-hyd.png}"/></i>选择值仓
|
</button>
|
<button id="btn-submit" class="rkbk-quick-btn layui-btn btn-green" onclick="submit()">
|
<i><img th:src="@{/img/web/inout/icon-ok.png}"/></i>值仓完成
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-violet" onclick="flushPage()">
|
<i><img th:src="@{/img/web/inout/icon-shuaxin2.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="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="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>
|
<!-- 流程引导EDN -->
|
</div>
|
<!--qyzj-btnbox end-->
|
|
|
<div class="kccz-con">
|
<div class="kccz-left fl">
|
<div class="kccz-left-box2 radius-6">
|
<div class="rkbk-tit">
|
<i></i>
|
<h3>业务数据<span id="text-param"></span></h3>
|
</div>
|
|
<div class="kccz-data-form layui-row">
|
<form class="layui-form" action="" id="form-data"
|
lay-filter="form-data">
|
<div class="layui-form-item display-none">
|
<input type="text" name="foodLocationId">
|
</div>
|
<div class="layui-form-item display-none">
|
<input type="text" name="noticeId">
|
</div>
|
<div class="layui-form-item display-none">
|
<label class="layui-form-label">隐藏-单据号</label>
|
<div class="layui-input-block">
|
<input type="text" name="id" 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" 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="noticeId" 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="foodLocationId"
|
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="type" th:value="${type}"
|
autocomplete="off" class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red" id="depotIdLabel">装卸仓库</label>
|
<div class="layui-input-block">
|
<select name="depotId" id="depotId" lay-filter="select_depotId">
|
<option value=""></option>
|
<option th:each="depot,depotSet:${listDepot}"
|
th:value="${depot.id}" th:text="${depot.name}"></option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red">毛重(满车)</label>
|
<div class="layui-input-block">
|
<input type="text" name="fullWeight" id="fullWeight" autocomplete="off"
|
placeholder="地磅自动带入" class="layui-input rkbk-search-input"
|
disabled>
|
<em
|
class="kccz-data-dw">KG</em>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red">皮重(空车)</label>
|
<div class="layui-input-block">
|
<input type="text" name="emptyWeight" id="emptyWeight" autocomplete="off"
|
placeholder="地磅自动带入" class="layui-input weight rkbk-search-input"
|
disabled>
|
<em
|
class="kccz-data-dw">KG</em>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red">通知单</label>
|
<div class="layui-input-block">
|
<input type="text" name="customerName" placeholder="请选择"
|
autocomplete="off" class="layui-input" disabled="disabled"> <em
|
class="kccz-data-dw cursor" onclick="showNotice()">……</em>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red">粮食品种</label>
|
<div class="layui-input-block">
|
<select name="foodVariety" id="foodVariety">
|
<option value=""></option>
|
<option th:each="dic,dicSet:${listFoodVariety}"
|
th:value="${dic.dictValue}" th:text="${dic.dictLabel}"></option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label">净 重</label>
|
<div class="layui-input-block">
|
<input type="text" name="netWeight" autocomplete="off"
|
placeholder="自动计算，不可编辑" class="layui-input rkbk-search-input"
|
disabled> <em class="kccz-data-dw">KG</em>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label">粮食产地</label>
|
<div class="layui-input-block">
|
<input type="text" name="foodLocation" placeholder="请选择"
|
autocomplete="off" class="layui-input" disabled="disabled"> <em
|
class="kccz-data-dw cursor" onclick="showFoodLocation()">……</em>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label">水 分</label>
|
<div class="layui-input-block">
|
<input id="perWet" type="text" name="perWet" autocomplete="off"
|
placeholder="请输入" class="layui-input weight"> <em
|
class="kccz-data-dw">%</em>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label">扣 重</label>
|
<div class="layui-input-block">
|
<input id="deOther" type="text" name="deOther" autocomplete="off"
|
placeholder="请输入" class="layui-input weight"> <em
|
class="kccz-data-dw">KG</em>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label">单 价</label>
|
<div class="layui-input-block">
|
<input id="price" type="text" name="price" autocomplete="off"
|
placeholder="请输入" class="layui-input weight"> <em
|
class="kccz-data-dw">元</em>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label">杂 质</label>
|
<div class="layui-input-block">
|
<input id="perImpurity" type="text" name="perImpurity" autocomplete="off"
|
placeholder="请输入" class="layui-input weight"> <em
|
class="kccz-data-dw">%</em>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label">入库重量</label>
|
<div class="layui-input-block">
|
<input type="text" name="recordWeight" placeholder="自动计算，不可编辑"
|
autocomplete="off" class="layui-input rkbk-search-input"
|
disabled> <em class="kccz-data-dw">KG</em>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs8">
|
<div class="layui-form-item">
|
<label class="layui-form-label">备注说明</label>
|
<div class="layui-input-block">
|
<input type="text" name="remarks" placeholder="请输入内容"
|
class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label">结算重量</label>
|
<div class="layui-input-block">
|
<input type="text" name="settleWeight" placeholder="自动计算，不可编辑"
|
autocomplete="off" class="layui-input rkbk-search-input"
|
disabled> <em class="kccz-data-dw">KG</em>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red">承运人</label>
|
<div class="layui-input-block">
|
<input type="text" name="userName" placeholder="请输入" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<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" placeholder="请输入"
|
autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red">车牌号</label>
|
<div class="layui-input-block">
|
<input type="text" name="plateNum" id="plateNum" placeholder="请输入"
|
autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<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">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs8">
|
<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">
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<!--kccz-left-box2 end-->
|
|
</div>
|
<!--kccz-left end-->
|
<div class="kccz-right fr bg-ef">
|
<div class="kccz-r-item radius-6">
|
<div class="kccz-r-box">
|
<div class="rkbk-tit">
|
<i></i>
|
<h3>值仓记录1</h3>
|
</div>
|
<div class="kccz-r-con">
|
<div class="kccz-r-vedio"><img id="kccz-r-img1"></div>
|
<div class="kccz-r-btnbox">
|
<a href="javascript:;" class="kccz-r-btn" id="kccz-r-btn1"> <span
|
class="kccz-r-img"></span>
|
<p>上传图片</p>
|
</a>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
<!--kccz-r-item end-->
|
|
<div class="kccz-r-item radius-6 mt-10">
|
<div class="kccz-r-box">
|
<div class="rkbk-tit">
|
<i></i>
|
<h3>值仓记录2</h3>
|
</div>
|
<div class="kccz-r-con">
|
<div class="kccz-r-vedio"><img id="kccz-r-img2"></div>
|
<div class="kccz-r-btnbox">
|
<a href="javascript:;" class="kccz-r-btn" id="kccz-r-btn2"> <span
|
class="kccz-r-img"></span>
|
<p>上传图片</p>
|
</a>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
<!--kccz-r-item end-->
|
|
<div class="kccz-r-item radius-6 mt-10">
|
<div class="kccz-r-box">
|
<div class="rkbk-tit">
|
<i></i>
|
<h3>值仓记录3</h3>
|
</div>
|
<div class="kccz-r-con">
|
<div class="kccz-r-vedio"><img id="kccz-r-img3"></div>
|
<div class="kccz-r-btnbox">
|
<a href="javascript:;" class="kccz-r-btn" id="kccz-r-btn3"> <span
|
class="kccz-r-img"></span>
|
<p>上传图片</p>
|
</a>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
<!--kccz-r-item end-->
|
</div>
|
|
</div>
|
<!--kccz-con end-->
|
|
</div>
|
<!--rk-main end-->
|
|
</div>
|
<!--l-container end-->
|
|
|
<script th:inline="javascript">
|
//流程环节
|
var inoutProgress = [[${inoutProgress}]];
|
var curProgress = [[${progress}]];
|
var deptId = [[${deptId}]];
|
var listDepot = [[${listDepot}]];
|
|
//出入库类型
|
var type = [[${type}]];
|
var companyId = [[${loginUser.companyId}]];
|
|
</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/inout-handle.js}"></script>
|
|
</body>
|
|
<!-- 弹出粮食产地 -->
|
<div class="layui-tab-content" id="listFoodLocation" style="display: none;">
|
<table class="layui-table" lay-skin="nob" id="tableFoodLoaction"
|
lay-filter="tableFoodLoaction" style="margin: 0px;"></table>
|
</div>
|
|
<!-- 流程数据信息 -->
|
<div class="layui-tab-content" id="listProgressData" style="display: none;">
|
<table class="layui-table tableListProgressData" id="tableListProgressData"
|
lay-filter="tableListProgressData">
|
<thead>
|
<tr class="qyzj-table-tit">
|
<th>单据号</th>
|
<th>承运人</th>
|
<th>车牌号</th>
|
<th>操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
|
<!-- 弹出框的信息 -->
|
<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>
|
|
<script type="text/html" id="barSelectProgress">
|
<a class="layui-btn layui-btn-xs" lay-event="select">选择值仓</a>
|
</script>
|
</html>
|
