自动化立体仓库 - WMS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
pang.jiabao
2024-09-02 0671b22545b660cae46568ba7f6a14f52cad8ad8 
 src/main/webapp/views/order/order.html


@@ -8,12 +8,37 @@


    <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/cool.css" media="all">


    <link rel="stylesheet" href="../../static/css/originTable.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>




@@ -26,32 +51,39 @@


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


                    <div class="layui-inline">


                        <div class="layui-input-inline mr0">


                            <input name="bill_no" class="layui-input" type="text" placeholder="输入单据编号"/>


                        </div>


                    </div>


                    <div class="layui-inline">


                        <div class="layui-input-inline mr0">


                            <select name="bill_type" placeholder="请选择单据类型">


                                <option value="" style="display: none"></option>


                                <option value="1">采购入库</option>


                                <option value="2">生产入库</option>


                                <option value="3">调拨入库</option>


                                <option value="4">销售退回入库</option>


                                <option value="5">其他入库</option>


                            </select>


                            <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="appe_time" type="text" placeholder="起始时间 - 终止时间" autocomplete="off" style="width: 300px">


                            <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">&#xe615;</i>搜索


                        </button>


                        <button id="orderAddBtn" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>添加


                        </button>


<!--                        <button id="orderAddBtn" class="layui-btn icon-btn btn-add"><i class="layui-icon">&#xe654;</i>添加-->


<!--                        </button>-->


                        <input type="file" id="fileInput" accept=".xlsx, .xls">


                        <button onclick="exportExc()">导入订单</button>


                    </div>


                </div>


            </div>


@@ -60,15 +92,76 @@


    </div>


    <div class="layui-card">


        <div class="layui-card-body">


            入库通知单：由ERP提供单据编号、类型、单据时间及物料明细，生成入库作业单，为维护系统高可用，用户可自行添加入库通知单数据，完成独立的入库作业。


            <span class="text-danger">手动添加时，请检查单据编号是否在ERP系统中已存在，避免发生数据错误问题。</span>


<!--            入库通知单：由ERP提供单据编号、类型、单据时间及物料明细，生成入库作业单，为维护系统高可用，用户可自行添加入库通知单数据，完成独立的入库作业。-->


<!--            <span class="text-danger">手动添加时，请检查单据编号是否在ERP系统中已存在，避免发生数据错误问题。</span>-->


            <span class="text-danger">出库时，请检查单据编号是否在系统中已存在，避免发生数据错误问题。</span>


        </div>


    </div>


</div>


<script>


    function exportExc() {


        var fileInput = document.getElementById('fileInput');


        var file = fileInput.files[0];


        if (file === undefined) {


            alert('请先选择文件')


            return


        }


        var formData = new FormData();


        formData.append('file', file);




        fetch(baseUrl+'/importOrder', {


            method: 'POST',


            headers: {'token': localStorage.getItem('token')},


            body: formData


        }).then(response => {


            response.text().then(data => {


                var res = JSON.parse(data)


                alert(res.msg)


            })


        }).catch(error => {


            alert('导入异常');


        });


    }


</script>


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


    <div style="padding: 10px">


        <div class="layui-upload">


            <button type="button" class="layui-btn layui-btn-normal" id="data-btn-file2">选择文件</button><input id="data-btn-upload" class="layui-upload-file" type="file" accept="" name="file" multiple="">


            <div class="layui-upload-list" style="max-width: 1000px;height:400px;overflow: scroll">


                <table class="layui-table">


                    <colgroup>


                        <col>


                        <col width="150">


                        <col width="260">


                        <col width="150">


                    </colgroup>


                    <thead>


                    <tr><th>文件名</th>


                        <th>大小</th>


                        <th>上传进度</th>


                        <th>操作</th>


                    </tr></thead>


                    <tbody id="data-btn-file3"></tbody>


                </table>


            </div>


            <button type="button" class="layui-btn" id="testListAction">开始上传</button>


        </div>


    </div>


</div>


<!-- 表格操作列 -->


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


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


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


<!--        <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">修改</a>-->


        <a class="layui-btn layui-btn-danger layui-btn-xs btn-delete" lay-event="del">删除</a>


<!--        <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="labelUp">上传标签</a>-->


    {{# } }}


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


<!--    <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="labelUp">上传标签</a>-->


    <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="complete">完结</a>


    {{# } }}


    {{# if (d.settle == 4 && d.tkType=='1') { }}


<!--        <a class="layui-btn layui-btn-danger layui-btn-xs btn-delete" lay-event="refundLoc">退库</a>-->


    {{# } }}


</script>


<!-- 表格操作列 -->


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


@@ -78,30 +171,55 @@


        </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" class="layui-badge layui-badge-gray">{{d.settle$}}</span>-->


<!--</script>-->


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


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


    <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="experimentTypeId" type="hidden"/>


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


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


            <label class="layui-form-label">单据类型：</label>


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


                <select name="billType" maxlength="20" lay-verType="tips" lay-verify="required">


                    <option value="" style="display: none"></option>


                    <option value="1">采购入库</option>


                    <option value="2">生产入库</option>


                    <option value="3">调拨入库</option>


                    <option value="4">销售退回入库</option>


                    <option value="5">其他入库</option>


                </select>


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


                <input class="layui-input" 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="billNo" name="billNo" placeholder="输入单据编号" type="text" class="layui-input" maxlength="20" lay-verType="tips" lay-verify="required"/>


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


@@ -116,7 +234,7 @@


        </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="waitMatinEditSubmit" lay-submit>保存</button>


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


        </div>


    </form>


</script>


@@ -129,25 +247,168 @@


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


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


        <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">&#xe63f;</i>


                    <div class="layui-timeline-content layui-text">


                        <div class="layui-timeline-title">


                            <h3 class="inline-block">


                                {{ item.wrkNo }}&nbsp;




                                {{#  if(item.wrkMast.ioType < 100){ }}


                                <span class="layui-badge layui-bg-blue" style="line-height: 20px;">


                                 {{ item.wrkMast.ioType$ }}&nbsp;


                                </span>


                                {{#  } }}




                                {{#  if(item.wrkMast.ioType > 100){ }}


                                <span class="layui-badge layui-bg-orange" style="line-height: 20px;">


                                  {{ item.wrkMast.ioType$ }}&nbsp;


                                </span>


                                {{#  } }}






                                {{#  if(item.wrkMast.wrkSts < 14){ }}


                                <span class="layui-badge layui-bg-red" style="line-height: 20px;">


                                    {{ item.wrkMast.wrkSts$ }}&nbsp;


                                </span>


                                {{#  } }}




                                {{#  if(item.wrkMast.wrkSts >= 14){ }}


                                <span class="layui-badge layui-bg-green" style="line-height: 20px;">


                                    {{ item.wrkMast.wrkSts$ }}&nbsp;


                                </span>


                                {{#  } }}




                            </h3>&emsp;


                            {{ item.wrkMast.ioTime$ }}


                        </div>




                        <table class="layui-table" lay-skin="nob" style="width: 80%">


                            <thead>


                            <tr style="background: none">


                                <td>No.</td>


                                <td>规格</td>


                                <!--                                <td>规格</td>-->


                                <td>箱号</td>


<!--                                <td>箱子类型</td>-->


                                <td>是否确认</td>


                            </tr>


                            </thead>


                            <tbody>


                            {{#  layui.each(item.wrkDetls, function(idx, wrkDetl){ }}


                            <tr>


                                <td><span class="layui-badge layui-bg-cyan">{{ idx+1 }}</span></td>


                                <td>{{ wrkDetl.matnr }}</td>


                                <!--                                <td>{{ wrkDetl.specs }}</td>-->


                                <td style="font-weight: bold">{{ wrkDetl.batch }}</td>


                                <td style="font-weight: bold">{{ wrkDetl.source$ }}</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/html" id="pakoutPreviewBox" 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>


    <div class="layui-card">


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


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


        </div>


        <button class="layui-btn layui-btn-primary layui-border-black layui-btn-sm" lay-filter="batchModifySta" lay-submit style="display: block;float: right;margin-right: 1rem">


            批量修改


        </button>


    </div>


</script>




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


    <form class="layui-form" style="padding: 25px 50px 30px 50px;text-align: center">


        <select id="batchSelectStaBox" name="batchSta" lay-vertype="tips" lay-verify="required" required="">


        </select>


        <button style="margin-top: 30px" class="layui-btn" lay-filter="staBatchSelectConfirm" lay-submit="">确定</button>


    </form>


</script>




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


    <span name="locNo"


          {{# if( d.lack === false){ }}


          class="layui-badge layui-badge-green" >{{d.locNo}}</span>


    {{# } else { }}


    class="layui-badge layui-badge-red" >库存不足</span>


    {{# } }}


</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/orderTable.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>






<script type="text/template" id="batchStaSelectTpl">


    <option value="">选择出库站</option>


    {{#each list}}


    <option value="{{this}}">{{this}}</option>


    {{/each}}


</script>




</html>