<!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">
|
<style>
|
body {
|
color: #595959;
|
background-color: #f5f7f9;
|
}
|
|
/* 左表 */
|
#leftTable + .layui-table-view .layui-table-tool-temp {
|
padding-right: 0;
|
}
|
|
#leftTable + .layui-table-view .layui-table-body tbody > tr td {
|
cursor: pointer;
|
}
|
|
#leftTable + .layui-table-view .layui-table-body tbody > tr.layui-table-click {
|
background-color: #fff3e0;
|
}
|
|
#leftTable + .layui-table-view .layui-table-body tbody > tr.layui-table-click td:last-child > div:before {
|
position: absolute;
|
right: 6px;
|
content: "\e602";
|
font-size: 12px;
|
font-style: normal;
|
font-family: layui-icon,serif !important;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
}
|
|
#left-table .layui-table-grid-down {
|
display: none;
|
}
|
|
|
.layui-form.layui-border-box.layui-table-view {
|
border-width: 1px;
|
}
|
#left-table .layui-table thead th {
|
/* font-weight: bold; */
|
text-align: left;
|
}
|
</style>
|
</head>
|
<body>
|
<!-- 正文开始 -->
|
<div class="layui-fluid" style="padding-bottom: 0;">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md3" id="left-table">
|
<div class="layui-card">
|
<div class="layui-card-body" style="padding: 10px;">
|
<!-- 表格工具栏1 -->
|
<div class="layui-form toolbar">
|
<div class="layui-form-item">
|
<div class="layui-inline" style="max-width: 140px;">
|
<input name="docName" id="docName" class="layui-input" placeholder="请输入任务号"/>
|
</div>
|
<div class="layui-inline">
|
<button class="layui-btn icon-btn" lay-filter="leftResearch" lay-submit>
|
<i class="layui-icon"></i>搜索
|
</button>
|
<button class="layui-btn icon-btn" lay-filter="leftReset" lay-submit>
|
<i class="layui-icon"></i>重置
|
</button>
|
</div>
|
</div>
|
</div>
|
<!-- 数据表格1 -->
|
<table id="leftTable" lay-filter="leftTable"></table>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md9">
|
<div class="layui-card">
|
<div class="layui-card-body" style="padding: 10px;">
|
<!-- 表格工具栏2 -->
|
<div class="layui-form toolbar">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">商品编码:</label>
|
<div class="layui-input-inline">
|
<input name="matnr" id="matnr" class="layui-input"type="text" placeholder="编码" autocomplete="off"/>
|
</div>
|
</div>
|
<div class="layui-inline"> 
|
<button class="layui-btn icon-btn" lay-filter="rightSearch" lay-submit>
|
<i class="layui-icon"></i>搜索
|
</button>
|
<button class="layui-btn icon-btn" lay-filter="reset" lay-submit>
|
<i class="layui-icon"></i>重置
|
</button>
|
</div>
|
</div>
|
</div>
|
<!-- 数据表格2 -->
|
<table id="pickout" lay-filter="pickout"></table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!-- 打印容器 -->
|
<div id="pakoutPrintBox" style="display: none"></div>
|
<!--<!– 搜索栏 –>-->
|
<!--<div id="search-box" class="layui-form layui-card-header">-->
|
<!-- <div class="layui-inline">-->
|
<!-- <div class="layui-input-inline">-->
|
<!-- <input class="layui-input" type="text" name="id" placeholder="编号" autocomplete="off">-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <!– 待添加 –>-->
|
<!-- <div id="data-search-btn" class="layui-btn-container layui-form-item">-->
|
<!-- <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button>-->
|
<!-- <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">重置</button>-->
|
<!-- </div>-->
|
<!--</div>-->
|
|
<!--<!– 表格 –>-->
|
<!--<div class="layui-form">-->
|
<!-- <table class="layui-hide" id="pickout" lay-filter="pickout"></table>-->
|
<!--</div>-->
|
<script type="text/html" id="toolbar">
|
<div class="layui-btn-container">
|
<!-- <button class="layui-btn layui-btn-sm" id="btn-add" lay-event="addData">新增</button>-->
|
<!-- <button class="layui-btn layui-btn-sm" id="btn-delete" lay-event="deleteData">删除</button>-->
|
<button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData">导出</button>
|
</div>
|
</script>
|
|
<script type="text/html" id="operate">
|
|
{{#if (d.wrkSts == 1||d.wrkSts == 2){ }}
|
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="printOrder">打印拣货单</a>
|
{{# } }}
|
|
|
|
<!-- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">详情</a>-->
|
{{#if (d.wrkSts == 1){ }}
|
<a class="layui-btn layui-btn-danger layui-btn-xs btn-edit" lay-event="del">撤销</a>
|
{{# } }}
|
{{#if (d.wrkSts == 2){ }}
|
<a class="layui-btn layui-btn-xs btn-complete" lay-event="complete">完成</a>
|
{{# } }}
|
<!-- <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">修改</a>-->
|
|
</script>
|
<script type="text/html" id="wrkStsTpl">
|
<span name="wrkSts"
|
{{# if( d.wrkSts === 1){ }}
|
class="layui-badge layui-badge-blue"
|
{{# } else if(d.wrkSts === 2){ }}
|
class="layui-badge layui-badge-red"
|
{{# } else if(d.wrkSts === 3){ }}
|
class="layui-badge layui-badge-green"
|
{{# } }}
|
>{{d.wrkSts$}}</span>
|
</script>
|
|
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
|
<script type="text/javascript" src="../../static/layui/layui.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/jquery/jQuery.print.js"></script>
|
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
|
<script type="text/javascript" src="../../static/js/pickout/pickout.js" charset="utf-8"></script>
|
</body>
|
<!-- 表单弹窗 -->
|
<script type="text/html" id="editDialog">
|
<form id="detail" lay-filter="detail" class="layui-form admin-form">
|
<input name="id" type="hidden">
|
<div class="layui-row">
|
<div class="layui-col-md12">
|
<div class="layui-form-item">
|
<label class="layui-form-label">商户ID: </label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="hostId" placeholder="请输入商户ID">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">用户ID: </label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="userId" placeholder="请输入用户ID">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">工作号: </label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="wrkNo" placeholder="请输入工作号">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">工作状态: </label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="wrkSts" placeholder="请输入工作状态">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">条形码: </label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="zpallet" placeholder="请输入条形码">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">: </label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="createTime" id="createTime$" placeholder="请输入">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">: </label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="createBy" placeholder="请输入">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">: </label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="updateTime" id="updateTime$" placeholder="请输入">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">: </label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="updateBy" placeholder="请输入">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">: </label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="memo" placeholder="请输入">
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<hr class="layui-bg-gray">
|
<div class="layui-form-item text-right">
|
<button class="layui-btn" lay-filter="editSubmit" lay-submit="">保存</button>
|
<button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
|
</div>
|
</form>
|
</script>
|
|
|
<script type="text/template" id="pakoutPrintTpl">
|
<!-- 头 -->
|
<div id="print-header" style="margin: 20px 0">
|
<div style="text-align: center">
|
<div style="text-align: center;margin-bottom: 10px">
|
<span style="font-family: 宋体"> 拣货单 </span>
|
</div>
|
|
<img class="template-code template-qrcode" src="{{data.barcodeUrl}}" style="width: 80%">
|
<p style="letter-spacing: 2px;margin-top: 5px">{{data.pickout.wrkNo}}</p>
|
</div>
|
<div style="font-size: xx-small; text-align: left; margin-top: 10px">
|
<span style="font-family: 宋体">客户：{{data.custName}}</span>
|
</div>
|
<div style="margin-top: 10px">
|
<div style="float: left;width: 50%; text-align: left">
|
<span style="font-size: xx-small;font-family: 宋体">拣货数量：{{data.total}}</span>
|
</div>
|
<div style="float: left; width: 50%; text-align: right">
|
<span style="font-size: xx-small;font-family: 宋体">拣货人：{{data.workerName}}</span>
|
</div>
|
<div style="clear:both;"></div>
|
</div>
|
</div>
|
|
<!-- 主体 -->
|
<div style="margin-top: 10px">
|
{{#each data.pickoutDetls}}
|
<div class="pakout-item" style="padding: 10px 5px 10px 5px;border-top: 1px solid #525252">
|
<div class="item-header" style="margin-top: 10px;font-family: 宋体; font-size: x-small">
|
{{maktx}}
|
</div>
|
<div class="item-content" style="margin: 10px 0 ">
|
<div style="float: left;font-family: 宋体; font-size: xx-small">{{anfme}}{{unit}}</div>
|
<div style="float: right;font-family: 宋体; font-size: xx-small">货位：{{nodeName}}</div>
|
<div style="clear: both;"></div>
|
</div>
|
</div>
|
{{/each}}
|
</div>
|
</script>
|
</html>
|
