<!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?v=2.5.5}">
|
<link rel="stylesheet" type="text/css" th:href="@{../../static/admin/inout/style.css}">
|
<!--使用打印插件 隐藏当前插件 -->
|
<script th:src="@{../../static/plugins/lodop/LodopFuncs.js}"></script>
|
<style type="text/css">
|
.qyzj-tabBox {
|
margin-top: 0px !important;
|
overflow: hidden;
|
width: 100%;
|
}
|
|
.layui-table, .layui-table-view {
|
margin: 0;
|
}
|
|
#layui-table-page1 {
|
text-align: right !important;
|
}
|
|
.display-none {
|
display: none;
|
}
|
|
.control-btn {
|
height: 35px;
|
line-height: 30px;
|
}
|
|
.tip-red {
|
text-align: right;
|
padding-left: 40px;
|
font-size: 16px;
|
color: red;
|
font-weight: bold;
|
}
|
|
thead span {
|
font-weight: bold
|
}
|
|
.red-color {
|
color: red;
|
}
|
|
.layui-select-disabled .layui-disabled {
|
color: #000 !important;
|
}
|
|
.layui-table td {
|
font-weight: bold;
|
}
|
|
.depot-food input {
|
line-height: 34px;
|
padding-right: 10px;
|
font-size: 16px;
|
color: #666;
|
background: #eff4f6;
|
}
|
|
.rk-main {
|
margin: 0 16px;
|
}
|
|
.qyzj-con {
|
margin-top: 0;
|
padding: 15px;
|
}
|
|
.kccz-con {
|
margin: 10px 0 0 0;
|
}
|
|
.kccz-r-item {
|
height: 248px;
|
}
|
|
.kccz-r-con {
|
height: unset;
|
padding-right: unset;
|
}
|
|
.kccz-r-vedio {
|
height: 196px;
|
}
|
|
.layui-flow-more a *, .layui-laypage input, .layui-table-view select[lay-ignore] {
|
display: none;
|
}
|
|
.layui-laypage .layui-laypage-skip {
|
display: none;
|
}
|
|
.color-red {
|
color: red !important;
|
}
|
|
.qyzj-btnbox {
|
margin-top: unset;
|
margin-bottom: 10px;
|
}
|
.qyzj-btnbox .rkbk-quick {
|
margin: 10px 0;
|
width: auto;
|
}
|
.kccz-left-box1 {
|
background: #dee6ec;
|
padding: 1px 20px 10px 20px;
|
}
|
#scaleName {
|
width: 130px;
|
height: 28px;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div class="l-container layui-clear">
|
<div class="rk-main">
|
|
<!--qyzj-btnbox end-->
|
<div class="kccz-con">
|
<div class="kccz-left fl" style="width: 77%;">
|
<div class="qyzj-btnbox layui-clear">
|
|
<div class="rkbk-quick fl">
|
<button type="button" class="rkbk-quick-btn layui-btn"
|
onclick="carRegisterSubmit()">
|
<i><img th:src="@{../../static/images/icon-daochu.png}"/></i>车辆绑定确认
|
</button>
|
<button type="button" class="rkbk-quick-btn layui-btn btn-violet"
|
onclick="showInoutRecordItems()">
|
<i><img th:src="@{../../static/images/icon-hyd.png}"/></i>查看车辆流程
|
</button>
|
<button id="btn-weight" class="rkbk-quick-btn layui-btn btn-blue"
|
onclick="weight()">
|
<i><img th:src="@{../../static/images/icon-chengzhong.png}"/></i>车辆称重
|
</button>
|
<button id="btn-submit"
|
class="rkbk-quick-btn layui-btn btn-green layui-btn-disabled"
|
disabled=true onclick="submitWeight()">
|
<i><img th:src="@{../../static/images/icon-ok.png}"/></i>完成称重
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onclick="flushPage()">
|
<i><img th:src="@{../../static/images/icon-shuaxin2.png}"/></i>重新称重
|
</button>
|
<button type="button" class="rkbk-quick-btn layui-btn btn-violet"
|
onclick="showToComplete()">
|
<i><img th:src="@{../../static/images/icon-hyd.png}"/></i>船运完成确认
|
</button>
|
</div>
|
<!-- 流程引导 -->
|
<div class="rk-step-wrap fr" style="padding: unset;border-bottom: unset">
|
<ul class="rk-step">
|
<li id="progress-fullWeight" class="active rk-step-first">
|
<span class="rk-step-span">
|
<img th:src="@{../../static/images/icon-chengzhong.png}"/>
|
</span>
|
<p>满车称重</p>
|
</li>
|
<li id="progress-emptyWeight" class="">
|
<span class="rk-step-span">
|
<img th:src="@{../../static/images/icon-chengzhong.png}"/>
|
</span>
|
<p>空车称重</p>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="kccz-left-box1 radius-6">
|
<div class="rkbk-tit">
|
<i></i>
|
<div>
|
<h3 style="width: 150px; float: left;">车辆绑定</h3>
|
</div>
|
</div>
|
<div class="kccz-data-form layui-row">
|
<form class="layui-form" id="form-register"
|
lay-filter="form-register">
|
<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="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="carName" placeholder="请选择船运车辆"
|
autocomplete="off" class="layui-input">
|
<em class="kccz-data-dw cursor" onclick="showShipCar1()">…</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="plateNum" placeholder="请选择车船号"
|
autocomplete="off" class="layui-input">
|
<em class="kccz-data-dw cursor" onclick="showPlateNum()">…</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="recordId" lay-verify="required" autocomplete="off"
|
class="layui-input rkbk-search-input" disabled="disabled">
|
</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="customerName" placeholder="请选择"
|
autocomplete="off" class="layui-input rkbk-search-input"
|
disabled="disabled">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label">装卸仓库：</label>
|
<div class="layui-input-block">
|
<select name="depotId" disabled="disabled"
|
class="layui-input rkbk-search-input">
|
<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">粮食品种：</label>
|
<div class="layui-input-block">
|
<select name="foodVariety" style="font-weight: bold" lay-filter="foodVariety"
|
disabled="disabled" class="layui-input rkbk-search-input">
|
<option value=""></option>
|
<option th:each="dic,dicSet:${listFoodVariety}"
|
th:value="${dic.code}" th:text="${dic.name}"></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">
|
<select name="foodLevel" disabled="disabled"
|
class="layui-input rkbk-search-input">
|
<option value=""></option>
|
<option th:each="dic,dicSet:${listFoodLevel}"
|
th:value="${dic.code}" th:text="${dic.name}"></option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4" style="display: none">
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red">车辆号：</label>
|
<div class="layui-input-block">
|
<input type="text" name="carNum"
|
lay-verify="required" autocomplete="off"
|
class="layui-input rkbk-search-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="remarks" autocomplete="off"
|
placeholder="请输入内容" class="layui-input">
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
<!--kccz-czxx-wrap end-->
|
</div>
|
<div class="kccz-left-box1 mt-10 radius-6">
|
<div class="rkbk-tit">
|
<i></i>
|
<div>
|
<h3 style="width: 150px; float: left;">称重信息</h3>
|
<div style="float: right;">
|
<div class="kccz-czxx-left fl">
|
<div class="layui-form-item">
|
<label class="layui-form-label">当前地磅</label>
|
<div class="layui-input-block">
|
<select name="depotId" id="scaleName" lay-filter="select_scaleName">
|
<option th:each="dto,weightSet:${listWeight}"
|
th:value="${dto.sort}" th:text="${dto.name}"></option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="kccz-czxx-right fr">
|
<dl class="kccz-czxx-dl" style="padding-left: 15px;">
|
<dt>
|
<i><img id="img_scale_statule"
|
th:src="@{../../static/images/icon-red.png}"/></i>
|
</dt>
|
</dl>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="kccz-czxx-wrap">
|
<div class="kccz-czxx-num">
|
<span id="weightValue">0.00</span><em>KG</em>
|
</div>
|
</div>
|
<!--kccz-czxx-wrap end-->
|
|
</div>
|
|
<!--kccz-left-box1 end-->
|
|
<div class="kccz-left-box1 mt-10 radius-6">
|
<div class="rkbk-tit">
|
<i></i>
|
<h3 style="width: 150px; float: left;">车辆称重</h3>
|
</div>
|
<div class="kccz-data-form layui-row">
|
<form class="layui-form" action="" id="form-weight"
|
lay-filter="form-weight">
|
<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="layui-form-item display-none">
|
<label class="layui-form-label">隐藏字段-ID</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-col-xs4" style="display: none">
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red">运输车辆：</label>
|
<div class="layui-input-block">
|
<input type="text" id="carNum" name="carNum"
|
lay-verify="required" autocomplete="off"
|
class="layui-input rkbk-search-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" id="carName" name="carName" placeholder="请选择船运车辆"
|
autocomplete="off" class="layui-input">
|
<em class="kccz-data-dw cursor" onclick="showShipCar2()">…</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="fullWeight" id="fullWeight" 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="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">
|
<select name="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">粮食品种：</label>
|
<div class="layui-input-block">
|
<select name="foodVariety" style="font-weight: bold" lay-filter="foodVariety"
|
disabled="disabled" class="layui-input rkbk-search-input">
|
<option value=""></option>
|
<option th:each="dic,dicSet:${listFoodVariety}"
|
th:value="${dic.code}" th:text="${dic.name}"></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="recordId" lay-verify="required" autocomplete="off"
|
class="layui-input rkbk-search-input" disabled="disabled">
|
</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="customerName" placeholder="请选择"
|
autocomplete="off" class="layui-input rkbk-search-input"
|
disabled="disabled">
|
</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="de" 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 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 color-red">入库重量</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-xs4">
|
<div class="layui-form-item">
|
<label class="layui-form-label color-red">结算重量</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>
|
|
</form>
|
</div>
|
</div>
|
<!--kccz-left-box2 end-->
|
</div>
|
<!--kccz-left end-->
|
<div class="kccz-right fr" style=" width: 22%;">
|
<div class="kccz-r-item radius-6">
|
<div class="kccz-r-box">
|
<div class="rkbk-tit">
|
<i></i>
|
<h3>车牌识别</h3>
|
</div>
|
<div class="kccz-r-con">
|
<div class="kccz-r-vedio" id="kccz-r-video1">
|
|
</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" id="kccz-r-video2">
|
|
</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" id="kccz-r-video3">
|
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
<!--kccz-r-item end-->
|
|
</div>
|
</div>
|
<!--kccz-con end-->
|
|
</div>
|
<!--rk-main end-->
|
|
</div>
|
<!--l-container end-->
|
|
<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/plugins/video/EasyPlayer-element.min.js}"></script>
|
<script th:src="@{../../static/admin/inout/inout-print.js}"></script>
|
<script th:src="@{../../static/admin/inout/video-play.js}"></script>
|
<script th:src="@{../../static/admin/inout/weight.js}"></script>
|
<script th:src="@{../../static/admin/inout/in-ship-weight.js}"></script>
|
<script th:inline="javascript">
|
//流程环节
|
var inoutProgress = [[${inoutProgress}]];
|
//库区编码
|
var deptId = [[${deptId}]];
|
//仓库列表
|
var listDepot = [[${listDepot}]];
|
//业务步骤
|
var bizType = [[${bizType}]];
|
//userId
|
var userId = [[${loginUser.username}]];
|
var weightEditTag = [[${weightEditTag}]];
|
//出入库类型
|
var type = [[${type}]];
|
var companyId = [[${loginUser.companyId}]];
|
//品种
|
var listFoodVariety = [[${listFoodVariety}]];
|
//当前流程
|
var progress = [[${progress}]];
|
//地磅信息
|
var weightDto = [[${weightDto}]];
|
|
//过程摄像头
|
var snapDto1 = [[${snapDto1}]];
|
var snapDto2 = [[${snapDto2}]];
|
var snapDto3 = [[${snapDto3}]];
|
var ship = [[${ship}]]; //是否船运页面标识
|
</script>
|
|
|
<script type="text/html" id="toolbarPlateNum">
|
<div class="">
|
<div class="layui-col-xs6">
|
<input type="text" id="key" placeholder="输入车船号……" class="layui-input">
|
</div>
|
<div class="layui-col-xs6" style="padding-left: 10px;">
|
<button class="layui-btn layui-btn-sm" onclick="flushPlateNum()">查询</button>
|
</div>
|
</div>
|
</script>
|
<script type="text/html" id="barToComplete">
|
<a class="layui-btn control-btn" lay-event="edit">结束流程</a>
|
</script>
|
<script type="text/html" id="barDelCar">
|
<a class="layui-btn control-btn" style="background-color: #ed5565;" lay-event="edit">删除</a>
|
</script>
|
</body>
|
|
<!-- --------------弹出车船号列表-------------- -->
|
<div class="layui-tab-content" id="listPlateNum" style="display: none;">
|
<table class="layui-table" lay-skin="nob" id="tablePlateNum"
|
lay-filter="tablePlateNum" style="margin: 0px;"></table>
|
</div>
|
|
<!-- --------------车辆绑定--船运车辆列表-------------- -->
|
<div class="layui-tab-content" id="listShipCar1" style="display: none;">
|
<table class="layui-table" lay-skin="nob" id="tableShipCar1"
|
lay-filter="tableShipCar1" style="margin: 0px;"></table>
|
</div>
|
|
<!-- --------------车辆称重--船运车辆列表-------------- -->
|
<div class="layui-tab-content" id="listShipCar2" style="display: none;">
|
<table class="layui-table" lay-skin="nob" id="tableShipCar2"
|
lay-filter="tableShipCar2" style="margin: 0px;"></table>
|
</div>
|
|
<!-- 船运完成确认弹窗 -->
|
<div class="layui-tab-content" id="inoutRecord" style="display: none;">
|
|
<!-- 待完成流水信息 -->
|
<table class="layui-table" id="tableInoutRecord"
|
lay-filter="tableInoutRecord">
|
<colgroup>
|
<col width="20%">
|
<col width="20%">
|
<col width="20%">
|
<col width="20%">
|
<col width="20%">
|
</colgroup>
|
<thead>
|
<tr class="qyzj-table-tit">
|
<th>单据号</th>
|
<th>车船号</th>
|
<th>往来单位</th>
|
<th>粮食品种</th>
|
<th>装卸仓库</th>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
|
</div>
|
|
<!-- 查看车辆流程弹窗 -->
|
<div class="layui-tab-content" id="inoutRecordItems" style="display: none;">
|
|
<!-- 待完成流水信息 -->
|
<table class="layui-table" id="tableInoutRecordItems"
|
lay-filter="tableInoutRecordItems">
|
<colgroup>
|
<col>
|
<col width="13%">
|
<col width="8%">
|
<col width="8%">
|
<col width="7%">
|
<col width="8%">
|
<col width="8%">
|
<col width="8%">
|
<col width="8%">
|
<col width="8%">
|
<col width="7%">
|
<col width="8%">
|
<col width="8%">
|
</colgroup>
|
<thead>
|
<tr class="qyzj-table-tit">
|
<th>序号</th>
|
<th>单据号</th>
|
<th>往来单位</th>
|
<th>运输车辆序号</th>
|
<th>运输车辆名称</th>
|
<th>品种</th>
|
<th>装卸仓库</th>
|
<th>满车重量</th>
|
<th>空车重量</th>
|
<th>净重</th>
|
<th>扣重</th>
|
<th>结算重量</th>
|
<th>流程进度</th>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
</html>
|
