<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="utf-8">
|
<title></title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all">
|
<link rel="stylesheet" href="../../static/css/cool.css" media="all">
|
<!-- <link rel="stylesheet" href="../../static/css/common.css" media="all">-->
|
<!--[if lt IE 9]>
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
<![endif]-->
|
<style>
|
.wrk-trace {
|
color: green;
|
cursor: pointer;
|
margin-left: 6px;
|
font-size: 18px;
|
}
|
|
.layui-timeline:first-child .layui-timeline-item {
|
margin-top: 30px;
|
}
|
|
.btn-add {
|
display: none;
|
}
|
.btn-edit {
|
display: none;
|
}
|
.btn-complete {
|
display: none;
|
}
|
.btn-delete {
|
display: none;
|
}
|
</style>
|
</head>
|
<body>
|
|
<!-- 正文开始 -->
|
<div class="layui-fluid">
|
<div class="layui-card">
|
<div class="layui-card-body">
|
<!-- 表格顶部工具栏 -->
|
<div class="layui-form toolbar">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<div class="layui-input-inline mr0">
|
<input name="order_no" class="layui-input" type="text" placeholder="输入单据编号"/>
|
</div>
|
</div>
|
<div class="layui-inline" style="width: 300px">
|
<div class="layui-input-inline">
|
<input class="layui-input layui-laydate-range" name="create_time" type="text" placeholder="起始时间 - 终止时间" autocomplete="off" style="width: 300px">
|
</div>
|
</div>
|
<!-- <div class="layui-inline">-->
|
<!-- <div class="layui-input-inline">-->
|
<!-- <select name="doc_type" id="docType-query">-->
|
<!-- </select>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<div class="layui-inline">
|
<div class="layui-input-inline">
|
<select name="settle">
|
<option value="">选择状态</option>
|
<option value="1">待处理</option>
|
<option value="2">作业中</option>
|
<option value="4">已完成</option>
|
<option value="6">上报完成</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<button class="layui-btn icon-btn" lay-filter="tbSearch" lay-submit>
|
<i class="layui-icon"></i>搜索
|
</button>
|
<button id="orderAddBtn" class="layui-btn icon-btn btn-add"><i class="layui-icon"></i>添加
|
</button>
|
</div>
|
</div>
|
</div>
|
<table id="order" lay-filter="order"></table>
|
</div>
|
</div>
|
<div class="layui-card">
|
<div class="layui-card-body">
|
入库通知单：由ERP提供单据编号、类型、单据时间及物料明细，生成入库作业单，为维护系统高可用，用户可自行添加入库通知单数据，完成独立的入库作业。
|
<span class="text-danger">手动添加时，请检查单据编号是否在ERP系统中已存在，避免发生数据错误问题。</span>
|
</div>
|
</div>
|
</div>
|
<!-- 表格操作列 -->
|
<script type="text/html" id="operate">
|
{{# if (d.settle == 1 || d.settle == 2) { }}
|
<a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">修改</a>
|
<!-- <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="editEnd">转历史档案</a>-->
|
{{# if (d.settle == 2) { }}
|
<a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="complete">完结</a>
|
<a class="layui-btn layui-btn-primary layui-border-green layui-btn-xs" lay-event="cancel"><i class="layui-icon">;</i> 取消任务</a>
|
{{# } }}
|
{{# } }}
|
<a class="layui-btn layui-btn-danger layui-btn-xs btn-delete" lay-event="del">删除</a>
|
|
</script>
|
<!-- 表格操作列 -->
|
<script type="text/html" id="tbLook">
|
<span class="layui-text">
|
<a href="javascript:;" lay-event="look">
|
<i class="layui-icon" style="font-size: 12px;"></i> 查看单据明细
|
</a>
|
</span>
|
</script>
|
|
<script type="text/html" id="orderNoTpl">
|
{{d.orderNo}}
|
{{# if(d.settle > 1 && d.settle !== 3){ }}
|
|
{{# } }}
|
<i class="layui-icon layui-icon-about wrk-trace" lay-tips="查看任务追溯" lay-direction="2" lay-offset="-10px,0px" lay-event="wrkTrace"></i>
|
</script>
|
|
<script type="text/html" id="settleTpl">
|
<span name="settle"
|
{{# if( d.settle === 1){ }}
|
class="layui-badge layui-badge-red"
|
{{# }else if(d.settle === 2){ }}
|
class="layui-badge layui-badge-green"
|
{{# }else if(d.settle === 3){ }}
|
class="layui-badge layui-badge-gray"
|
{{# }else if(d.settle === 4){ }}
|
class="layui-badge layui-badge-blue"
|
{{# }else if(d.settle === 5){ }}
|
class="layui-badge layui-badge-gray"
|
{{# }else if(d.settle === 6){ }}
|
class="layui-badge layui-badge-gray"
|
{{# } }}
|
>{{d.settle$}}</span>
|
</script>
|
<!-- 表单弹窗 -->
|
<script type="text/html" id="editDialog">
|
<form id="editForm" lay-filter="editForm" class="layui-form model-form">
|
<input name="id" type="hidden"/>
|
<div class="layui-form-item">
|
<label class="layui-form-label">单据类型：</label>
|
<div class="layui-input-block cool-auto-complete">
|
<input class="layui-input" id="docType" name="docType" placeholder="请输入单据类型" style="display: none">
|
<input id="docType$" name="docType$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入单据类型" onfocus=this.blur() lay-verType="tips" lay-verify="required">
|
<div class="cool-auto-complete-window">
|
<input class="cool-auto-complete-window-input" data-key="docTypeQueryBydocType" onkeyup="autoLoad(this.getAttribute('data-key'))">
|
<select class="cool-auto-complete-window-select" data-key="docTypeQueryBydocTypeSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">单据编号：</label>
|
<div class="layui-input-block">
|
<input id="orderNo" name="orderNo" placeholder="输入单据编号" type="text" class="layui-input" maxlength="20" lay-verType="tips" lay-verify="required"/>
|
</div>
|
</div>
|
<div class="layui-form-item" style="position: relative;">
|
<label class="layui-form-label">单据明细：</label>
|
<div class="layui-input-block">
|
<table id="formSSXMTable" lay-filter="formSSXMTable"></table>
|
</div>
|
<button class="layui-btn layui-btn-sm icon-btn" id="matAddBtnComment" style="position: absolute; left: 20px;top: 60px;padding: 0 5px;" type="button">
|
<i class="layui-icon"></i>添加明细
|
</button>
|
</div>
|
<div class="layui-form-item text-right">
|
<button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
|
<button class="layui-btn" lay-filter="orderEditSubmit" lay-submit>保存</button>
|
</div>
|
</form>
|
</script>
|
<!-- 表格操作列 -->
|
<script type="text/html" id="formSSXMTableBar">
|
<!-- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>-->
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
</script>
|
<!-- 表单弹窗 -->
|
<script type="text/html" id="matEditDialog">
|
<form id="matEditForm" lay-filter="matEditForm" class="layui-form model-form">
|
<input name="experimentId" type="hidden"/>
|
<div class="layui-form-item" style="float: left">
|
<label class="layui-form-label">物料 - 多选</label>
|
<div class="layui-input-block">
|
<div id="mat" name="mat">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item text-right" style="display: inline-block; margin-left: 35px">
|
<button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
|
<button class="layui-btn" lay-filter="matEditSubmit" lay-submit>保存</button>
|
</div>
|
</form>
|
</script>
|
|
<!-- 订单任务追溯 -->
|
<script id="wrkTraceDialog" type="text/html" style="position: relative">
|
<div style="position: absolute; top: 0; left: 0;">
|
<div class="layui-card" style="overflow: hidden;">
|
<div class="layui-card-header" style="text-align: center;width: 80%;font-weight: inherit;font-size: 18px">{{ d.orderNo }}</div>
|
<div class="layui-card-body">
|
<div id="wrkTraceCharts" style="height: 300px;width: 400px;transform: translateX(-10%);"></div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-row" >
|
<div class="layui-col-md5">
|
<h1 style="opacity: 0;">Hello World</h1>
|
</div>
|
<div class="layui-col-md7" style="">
|
{{# if(d.list.length > 0){ }}
|
<ul class="layui-timeline" style="height: 400px; overflow: scroll;">
|
{{# layui.each(d.list, function(index, item){ }}
|
<li class="layui-timeline-item">
|
<i class="layui-icon layui-timeline-axis"></i>
|
<div class="layui-timeline-content layui-text">
|
<div class="layui-timeline-title">
|
<h3 class="inline-block">
|
{{ item.wrkNo }}
|
|
{{# if(item.wrkMast.ioType < 100){ }}
|
<span class="layui-badge layui-bg-blue" style="line-height: 20px;">
|
{{ item.wrkMast.ioType$ }}
|
</span>
|
{{# } }}
|
|
{{# if(item.wrkMast.ioType > 100){ }}
|
<span class="layui-badge layui-bg-orange" style="line-height: 20px;">
|
{{ item.wrkMast.ioType$ }}
|
</span>
|
{{# } }}
|
|
|
{{# if(item.wrkMast.wrkSts < 14){ }}
|
<span class="layui-badge layui-bg-red" style="line-height: 20px;">
|
{{ item.wrkMast.wrkSts$ }}
|
</span>
|
{{# } }}
|
|
{{# if(item.wrkMast.wrkSts >= 14){ }}
|
<span class="layui-badge layui-bg-green" style="line-height: 20px;">
|
{{ item.wrkMast.wrkSts$ }}
|
</span>
|
{{# } }}
|
|
</h3> 
|
{{ item.wrkMast.ioTime$ }}
|
</div>
|
|
<table class="layui-table" lay-skin="nob" style="width: 80%">
|
<tbody>
|
{{# layui.each(item.wrkDetls, function(idx, wrkDetl){ }}
|
<tr style="background: none">
|
<td>No.</td>
|
<td><span class="layui-badge layui-bg-cyan">{{ idx+1 }}</span></td>
|
</tr>
|
<tr style="background: none">
|
<td>物料号：</td>
|
<td>{{ wrkDetl.matnr }}</td>
|
</tr>
|
<tr style="background: none">
|
<td>数量：</td>
|
<td style="font-weight: bold">{{ wrkDetl.anfme }}</td>
|
</tr>
|
{{# }); }}
|
</tbody>
|
</table>
|
|
<hr class="layui-border-cyan" style="width: 90%; opacity: .6;">
|
</div>
|
</li>
|
{{# }); }}
|
</ul>
|
{{# } else { }}
|
<div style="height: 350px;display: flex;justify-content: center;align-items: center;">
|
<h2 style="font-weight: bold;letter-spacing: 2px">暂无任务</h2>
|
</div>
|
{{# } }}
|
</div>
|
</div>
|
|
|
</script>
|
|
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
|
<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
|
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/echarts/echarts.min.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/order/order.js" charset="utf-8"></script>
|
|
<script type="text/template" id="docTypeTpl">
|
<option value="">选择类型</option>
|
{{#each records}}
|
<option value="{{docId}}">{{docName}}</option>
|
{{/each}}
|
</script>
|
</body>
|
|
</html>
|
