blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
王佳豪
2021-05-29 190f37c6a989dd17dc20a61eb271a81ee0902393 
 src/main/webapp/views/order/order.html


@@ -7,128 +7,246 @@


    <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" media="all">


    <link rel="stylesheet" href="../../static/css/cool.css" media="all">


    <link rel="stylesheet" href="../../static/css/common.css" media="all">


<!--    <link rel="stylesheet" href="../../static/css/common.css" media="all">-->


    <style>


        body {


            color: #595959;


            background-color: #f5f7f9;


        }




        /* 左表 */


        #docTypeTable + .layui-table-view .layui-table-tool-temp {


            padding-right: 0;


        }




        #docTypeTable + .layui-table-view .layui-table-body tbody > tr td {


            cursor: pointer;


        }




        #docTypeTable + .layui-table-view .layui-table-body tbody > tr.layui-table-click {


            background-color: #fff3e0;


        }




        #docTypeTable + .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 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 class="layui-inline">


        <div class="layui-input-inline cool-auto-complete">


            <input id="docType" class="layui-input" name="doc_type" type="text" placeholder="请输入" autocomplete="off" style="display: none">


            <input id="docType$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="单据类型" onfocus=this.blur()>


            <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 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 -->


                    <form class="layui-form toolbar">


                        <div class="layui-form-item">


                            <div class="layui-inline" style="max-width: 140px;">


                                <input name="docName" class="layui-input" placeholder="输入单据类型"/>


                            </div>


                            <div class="layui-inline">


                                <button class="layui-btn icon-btn" lay-filter="docTypeTableSearch" lay-submit>


                                    <i class="layui-icon">&#xe615;</i>搜索


                                </button>


                            </div>


                        </div>


                    </form>


                    <!-- 数据表格1 -->


                    <table id="docTypeTable" lay-filter="docTypeTable"></table>


                </div>


            </div>


        </div>


    </div>


    <div class="layui-inline">


        <div class="layui-input-inline cool-auto-complete">


            <input id="itemId" class="layui-input" name="item_id" type="text" placeholder="请输入" autocomplete="off" style="display: none">


            <input id="itemId$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="项目编号" onfocus=this.blur()>


            <div class="cool-auto-complete-window">


                <input class="cool-auto-complete-window-input" data-key="itemQueryByitemId" onkeyup="autoLoad(this.getAttribute('data-key'))">


                <select class="cool-auto-complete-window-select" data-key="itemQueryByitemIdSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">


                </select>


        <div class="layui-col-md9">


            <div class="layui-card">


                <div class="layui-card-body" style="padding: 10px;">


                    <!-- 表格工具栏2 -->


                    <form 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="order_no" class="layui-input" placeholder="输入订单编号"/>


                                </div>


                            </div>


                            <div class="layui-inline">&emsp;


                                <button class="layui-btn icon-btn" lay-filter="orderTbSearch" lay-submit>


                                    <i class="layui-icon">&#xe615;</i>搜索


                                </button>


                                <button class="layui-btn icon-btn" lay-filter="orderTbReset" lay-submit>


                                    <i class="layui-icon">&#xe666;</i>重置


                                </button>


                            </div>


                        </div>


                    </form>


                    <!-- 数据表格2 -->


                    <table id="orderTable" lay-filter="orderTable"></table>


                </div>


            </div>


        </div>


    </div>


    <div class="layui-inline">


        <div class="layui-input-inline cool-auto-complete">


            <input id="allotItemId" class="layui-input" name="allot_item_id" type="text" placeholder="请输入" autocomplete="off" style="display: none">


            <input id="allotItemId$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="调拨项目编号" onfocus=this.blur()>


            <div class="cool-auto-complete-window">


                <input class="cool-auto-complete-window-input" data-key="itemQueryByallotItemId" onkeyup="autoLoad(this.getAttribute('data-key'))">


                <select class="cool-auto-complete-window-select" data-key="itemQueryByallotItemIdSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">


                </select>


            </div>


        </div>


    </div>


    <div class="layui-inline">


        <div class="layui-input-inline cool-auto-complete">


            <input id="cstmr" class="layui-input" name="cstmr" type="text" placeholder="请输入" autocomplete="off" style="display: none">


            <input id="cstmr$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="客户编号" onfocus=this.blur()>


            <div class="cool-auto-complete-window">


                <input class="cool-auto-complete-window-input" data-key="cstmrQueryBycstmr" onkeyup="autoLoad(this.getAttribute('data-key'))">


                <select class="cool-auto-complete-window-select" data-key="cstmrQueryBycstmrSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">


                </select>


            </div>


        </div>


    </div>


    <div class="layui-inline">


        <div class="layui-input-inline cool-auto-complete">


            <input id="settle" class="layui-input" name="settle" type="text" placeholder="请输入" autocomplete="off" style="display: none">


            <input id="settle$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="订单状态" onfocus=this.blur()>


            <div class="cool-auto-complete-window">


                <input class="cool-auto-complete-window-input" data-key="orderSettleQueryBysettle" onkeyup="autoLoad(this.getAttribute('data-key'))">


                <select class="cool-auto-complete-window-select" data-key="orderSettleQueryBysettleSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">


                </select>


            </div>


        </div>


    </div>


    <div class="layui-inline">


        <div class="layui-input-inline cool-auto-complete">


            <input id="createBy" class="layui-input" name="create_by" type="text" placeholder="请输入" autocomplete="off" style="display: none">


            <input id="createBy$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="添加人员" onfocus=this.blur()>


            <div class="cool-auto-complete-window">


                <input class="cool-auto-complete-window-input" data-key="userQueryBycreateBy" onkeyup="autoLoad(this.getAttribute('data-key'))">


                <select class="cool-auto-complete-window-select" data-key="userQueryBycreateBySelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">


                </select>


            </div>


        </div>


    </div>


    <div class="layui-inline">


        <div class="layui-input-inline cool-auto-complete">


            <input id="updateBy" class="layui-input" name="update_by" type="text" placeholder="请输入" autocomplete="off" style="display: none">


            <input id="updateBy$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="修改人员" onfocus=this.blur()>


            <div class="cool-auto-complete-window">


                <input class="cool-auto-complete-window-input" data-key="userQueryByupdateBy" onkeyup="autoLoad(this.getAttribute('data-key'))">


                <select class="cool-auto-complete-window-select" data-key="userQueryByupdateBySelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">


                </select>


            </div>


        </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="order" lay-filter="order"></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 type="text/html" id="docTypeTpl">


    <span name="docType" class="layui-badge layui-badge-gray">{{d.docType$}}</span>


</script>




<script type="text/html" id="operate">


    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">详情</a>


    <a class="layui-btn layui-btn-xs btn-edit" lay-event="edit">编辑</a>


    {{#if (d.settle == 1){ }}


    <a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="stockOut" style="font-size: 16px">拣货单</a>


    {{# } }}


    {{#if (d.settle == 2 || d.settle == 4){ }}


    <a class="layui-btn layui-btn-sm layui-btn-normal" lay-event="print" style="font-size: 16px">打印</a>


    {{# } }}


</script>




<script type="text/html" id="settleTpl">


    <span name="settle"


          {{# if( d.settle === 1){ }}


          class="layui-badge layui-badge-blue"


          {{# } else if(d.settle === 2){ }}


          class="layui-badge layui-badge-red"


          {{# } else if(d.settle === 3){ }}


          class="layui-badge layui-badge-gray"


          {{# } else if(d.settle === 4){ }}


          class="layui-badge layui-badge-green"


          {{# } else { }}


          class="layui-badge layui-badge-gray"


          {{# } }}


    >{{d.settle$}}</span>


</script>




<script type="text/html" id="typeTpl">


    <span name="type"


          {{# if( d.type === 1){ }}


          class="layui-badge layui-badge-blue" ><span style="display: none">{{d.number}}</span>平仓</span>


    {{# } else if(d.type === 2){ }}


    class="layui-badge layui-badge-green" ><span style="display: none">{{d.number}}</span>立库</span>


    {{# } else if(d.type === 0){ }}


    class="layui-badge layui-badge-red" ><span style="display: none">{{d.number}}</span>缺货</span>


    {{# } }}


</script>




<!-- 打印容器 -->


<div id="pakoutPrintBox" style="display: none"></div>


<!-- 出库预览容器 -->


<div id="stoukOutPreview" style="display: none">


    <div  style="padding: 25px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">


        <span style="font-size: large; font-weight: bold">拣货单预览</span>


    </div>


    <table id="stoPreTab" lay-filter="stoPreTab"></table>


</div>




<!-- 单据类型表单 -->


<script type="text/html" id="docTypeEditDialog">


    <form id="docTypeEditForm" lay-filter="docTypeEditForm" class="layui-form model-form">


        <input name="dictId" type="hidden"/>


        <div class="layui-form-item">


            <label class="layui-form-label layui-form-required">类型编码:</label>


            <div class="layui-input-block">


                <input name="docId" placeholder="请输入类型编码" class="layui-input"


                       lay-verType="tips" lay-verify="required" required/>


            </div>


        </div>


        <div class="layui-form-item">


            <label class="layui-form-label layui-form-required">类型名称:</label>


            <div class="layui-input-block">


                <input name="docName" placeholder="请输入类型名称" class="layui-input"


                       lay-verType="tips" lay-verify="required" required/>


            </div>


        </div>


        <div class="layui-form-item">


            <label class="layui-form-label">备注:</label>


            <div class="layui-input-block">


                <textarea name="memo" placeholder="请输入备注" class="layui-textarea"></textarea>


            </div>


        </div>


        <div class="layui-form-item text-right">


            <button class="layui-btn" lay-filter="docTypeEditSubmit" lay-submit>保存</button>


            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>


        </div>


    </form>


</script>




<!-- 订单表头操作 -->


<script type="text/html" id="orderToolbar">


    <div class="layui-btn-container">


        <button class="layui-btn layui-btn-sm layui-btn-normal" id="btn-add" lay-event="add"><i class="layui-icon">&#xe654;</i>新增</button>


        <button class="layui-btn layui-btn-sm layui-btn-danger" id="btn-delete" lay-event="del"><i class="layui-icon">&#xe640;</i>删除</button>


    </div>


</script>




<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>


<script type="text/javascript" src="../../static/js/jquery/jQuery.print.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/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>




<iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe>




</body>


<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.docNum}}</p>


        </div>


        <div style="font-size: xx-small; text-align: left; margin-top: 10px">


            <span style="font-family: 宋体">客户：{{data.cstmrName}}</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.list}}


        <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">货位：{{locNo}}</div>


                <div style="clear: both;"></div>


            </div>


        </div>


        {{/each}}


    </div>


</script>


</html>