自动化立体仓库 - WMS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
pang.jiabao
2025-02-10 6bac91c677a2fdad7e5dfcc6dc3a3809236d9573 
 src/main/webapp/views/pla/plaDetl.html


@@ -1,5 +1,5 @@


<!DOCTYPE html>


<html lang="en">


<html lang="en" xmlns="http://www.w3.org/1999/html">


<head>


    <meta charset="utf-8">


    <title></title>


@@ -9,7 +9,7 @@


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


        html {


            height: 100%;


@@ -27,7 +27,7 @@


        .layui-card-header {


            border-bottom: none;


        }


        #search-box {


        .search-box {


            padding: 30px 0 10px 0;


        }


        #search-box .layui-inline:first-child {


@@ -91,15 +91,35 @@


            /*display: none;*/


        }




        .layui-table-cell {


            text-align: center;


            line-height: 20px !important;


            vertical-align: middle;


            height: auto;


            overflow: visible;


            text-overflow: inherit;


            white-space: normal;


        /*.layui-table-cell {*/


        /*    text-align: center;*/


        /*    line-height: 20px !important;*/


        /*    vertical-align: middle;*/


        /*    height: auto;*/


        /*    overflow: visible;*/


        /*    text-overflow: inherit;*/


        /*    white-space: normal;*/




        /*}*/


        .table-header-fixed {


            top: 0;


            position: fixed;


            z-index: 999;


        }


        /* ------------------------- 打印表格 -----------------------  */


        .template-preview {


            height: 400px;


            display: inline-block;


        }


        .contain td {


            border: 0px solid #000;


            white-space:nowrap;


            /*font-family: 黑体;*/


            /*font-weight: bold;*/


            color: #000000;


        }


        .layui-inline{


            width: 100px;


        }


    </style>


</head>


@@ -109,12 +129,225 @@




<!-- 功能区 -->


<div class="function-area">


    <button id="rework" style="alignment: right" class="function-btn">重做</button>


    <button id="updateZpallet" style="alignment: right" class="function-btn1">换包装/托盘/缠膜</button>  |


    <button id="sellout" style="alignment: right" class="function-btn">卖出</button>


    <button id="pickup" style="alignment: right" class="function-btn">取货</button>  |


    <button id="returned" style="alignment: right" class="function-btn">退回</button>


<!--    <button id="rework" style="alignment: right" class="function-btn">重做</button>-->


    <button id="updateZpallet" style="alignment: right; display: none" class="function-btn1">换包装/托盘/缠膜</button>  |


    <button id="sellout" style="alignment: right; display: none" class="function-btn">出库</button>


<!--    <button id="pickup" style="alignment: right" class="function-btn">取货</button>  |-->


    <button id="returned" style="alignment: right; display: none" class="function-btn">退回</button>


    <button id="updateOwner" style="alignment: right; display: none" class="function-btn">变更主体</button>


</div>




<!-- 搜索栏 -->


<div id="search-box" >


    <div class="layui-form layui-card-header">


        <div class="layui-inline" style="width: 80px">


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


                <input id="maktx" class="layui-input" type="text" style="display: none">


                <input id="maktxV" name="brand" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" placeholder="牌号" type="text" onfocus=this.blur()>


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


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


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


                    </select>


                </div>


            </div>


        </div>


        <div class="layui-inline" style="width: 270px">


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


                <div id="mat" name="mat">


                </div>


            </div>


        </div>


        <div class="layui-inline" style="width: 80px">


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


                <select name="status">


                    <option value="">选择状态</option>


                    <option value="暂入库">暂入库</option>


                    <option value="待入库">待入库</option>


                    <option value="已入库">已入库</option>


                    <option value="待出库">待出库</option>


                    <option value="部分出库">部分出库</option>


                    <option value="全部出库">全部出库</option>


                </select>


            </div>


        </div>


        <div class="layui-inline" style="width: 70px">


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


                <input class="layui-input" type="text" name="package_noMin" placeholder="最小包号" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline" style="width: 70px">


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


                <input class="layui-input" type="text" name="package_noMax" placeholder="最大包号" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <select name="stock_freeze">


                    <option value="">是否冻结</option>


                    <option value="0">是</option>


                    <option value="1">否</option>


                </select>


            </div>


        </div>


<!--        <div class="layui-inline">-->


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


<!--                <input class="layui-input" type="text" name="batch" placeholder="批号" autocomplete="off">-->


<!--            </div>-->


<!--        </div>-->


        <div class="layui-inline" style="width: 80px">


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


                <input class="layui-input" type="text" name="type" placeholder="物资类别" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline" style="width: 80px">


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


                <input class="layui-input" type="text" name="package_type" placeholder="包装类型" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline" style="width: 80px">


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


                <input class="layui-input" type="text" name="zpallet_type" placeholder="托盘类型" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="condition" placeholder="请输入" autocomplete="off">


            </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 class="layui-input-inline">


                <input type="text" class="layui-input"  style="width: 290px" name="create_time" id="ID-laydate-range-datetime" placeholder="起始时间 - 终止时间">


            </div>


        </div>


        <!-- 待添加 -->


        <div id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block">


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


            <!--        <button id="unreason" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="unreason">查看异常数据</button>-->


        </div>


    </div>


    <div class="layui-form layui-card-header">


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="finger_meltingMin" placeholder="最小熔指" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="finger_meltingMax" placeholder="最大熔指" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="opacityMin" placeholder="最小不透明度" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="opacityMax" placeholder="最大不透明度" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="waterMin" placeholder="最小水分" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="waterMax" placeholder="最大水分" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="fusing_pointMin" placeholder="最小熔点" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="fusing_pointMax" placeholder="最大熔点" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="yellownessMin" placeholder="最小黄度" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="yellownessMax" placeholder="最大黄度" autocomplete="off">


            </div>


        </div>


    </div>


    <div class="layui-form layui-card-header">


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="vadf1Min" placeholder="最小挥发段" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="vadf1Max" placeholder="最大挥发段" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="vadf2Min" placeholder="最小分解段" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="vadf2Max" placeholder="最大分解段" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="owner" placeholder="主体" autocomplete="off">


            </div>


        </div>


        <div class="layui-inline">


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


                <input class="layui-input" type="text" name="stash" placeholder="仓库" autocomplete="off">


            </div>


        </div>




    </div>




</div>


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


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


        <button class="layui-btn layui-btn-sm layui-btn-danger" id="btn-delete" lay-event="deleteData" style="display: none">删除</button>


        <button class="layui-btn layui-btn-sm layui-btn-danger" id="btn-update" lay-event="updateData" style="display: none">修改</button>


        <button class="layui-btn layui-btn-sm layui-btn-danger" id="btn-viladate" lay-event="viladate" style="display: none">校验</button>


        <button class="layui-btn layui-btn-sm layui-btn-danger " id="btn-freeze" lay-event="freezeData" style="display: none">冻结</button>


        <button class="layui-btn layui-btn-sm layui-btn-checked " id="btn-disfreeze" lay-event="disFreezeData" style="display: none">解冻</button>


        <button class="layui-btn layui-btn-sm layui-btn-checked " id="btn-printBatch" lay-event="btnPrintBatch" >批量打印</button>


        <!-- 商品/物料 数据中心 -->


        <button style="float: right" class="layui-btn layui-btn-sm layui-btn-checked " id="btn-exportMoudle" onclick="excelMouldDownload()" >模板下载</button>


        <button style="float: right" class="layui-btn layui-btn-sm layui-btn-checked " id="btn-import" onclick="importExcel()" >导入excel</button>




        <div class="dropdown-menu" style="float: right; display: none">


            <button id="syncData" style="display: none;" class="layui-btn layui-btn-primary layui-border-black icon-btn layui-btn-sm">&nbsp;数据同步 <i class="layui-icon layui-icon-drop"></i></button>


            <ul class="dropdown-menu-nav dark">


                <div class="dropdown-anchor"></div>


                <li class="title">1st menu</li>


                <li><a onclick="excelMouldDownload()" style="font-size: 12px"><i class="layui-icon layui-icon-template-1"></i>模板下载</a></li>


                <li><a onclick="importExcel()" style="font-size: 12px"><i class="layui-icon layui-icon-upload"></i>导入 Excel</a></li>


                <li style="display: none"><input id="importExcel" type="file" onchange="upload(this)" ></li>


                <hr>


<!--                <li class="title">2nd menu</li>-->


<!--                <li><a onclick="exportExcel()" style="font-size: 12px"><i class="layui-icon layui-icon-export"></i>导出 Excel</a></li>-->


            </ul>


        </div>


        <!--        <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData" style="float: right;margin-right: -10px">导出</button>-->


    </div>


</script>




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


    <input type="checkbox" disabled name="stockFreeze" value="{{d.stockFreeze}}" lay-skin="switch" lay-text="正常|冻结" lay-filter="stockFreezeSwitch" {{ d.stockFreeze === 1 ? 'checked' : '' }}>


</script>




<!-- 行 -->


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


@@ -122,7 +355,15 @@


</script>




<!-- 表格 -->


<table class="layui-table" id="plaDetl" lay-filter="plaDetl"></table>


<table class="layui-table"  id="plaDetl" lay-filter="plaDetl"></table>




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


    <span class="layui-text">


        <a href="javascript:;" lay-event="look">


            <i class="layui-icon" style="font-size: 12px;">&#xe61a;</i> 查看


        </a>


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


@@ -130,6 +371,125 @@


<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/pla/plaDetl.js" charset="utf-8"></script>


<script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></script>




<!-- 打印操作弹窗 -->


<div id="printDataDiv" style="display: none;padding: 20px">


    <div class="layui-form" style="text-align: center">


        <hr>


        <!--单选框-->


        <div class="layui-form-item" style="display: inline-block; margin-bottom: 10px">


            <input type="radio" name="selectTemplate" value="1" title="模板一"  lay-filter="selectTemplateRadio" checked="">


        </div>


        <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;text-align: center;">


            <legend>打印预览</legend>


            <div id="template-container" style="margin: 20px;text-align: center">


                <!-- 预览图 3 -->


                <div id="template-preview-1" class="template-preview" style="display: block">


                    <div class="layui-row">


                        <div class="layui-col-xs4" style="height: auto">


                            <img src="../../static/image/hneLogo.jpg" style="display: inline-block; width: 40%;height: 30%">


                        </div>


                        <div class="layui-col-xs8" style="margin-left: -40px; margin-top: 20px; text-align: left">


                            浙江省台州市台州湾新区台州湾大道188号</br>


                            Address：No. 188, Taizhou Bay Avenue, Taizhou Bay New Area, Taizhou City, Zhejiang Province


                        </div>


                    </div>


<!--                    <div class="layui-row" style="font-size: xx-large; text-align: left; margin-left: 40px;">-->


<!--                        </n>聚乳酸 Polylactic Acid-->


<!--                    </div>-->


                    <div class="layui-row" style="alignment: center; margin-left: 65px;">


                        <table class="contain" width="400" style="overflow: hidden;font-size: xx-small;table-layout: fixed;">


                            <tr style="height: 74px" >


                                <td align="center" scope="col" colspan="4" style="font-size: x-large; font-weight: bold;"><strong style="font-weight: bold;color: black;">聚乳酸 Polylactic Acid</strong></td>


                            </tr>


                            <tr style="height: 74px">


                                <td align="center" scope="col" colspan="1">牌号</td>


                                <td align="center" scope="col" colspan="1" style="">xxxxxx-xx/xx</td>


                                <td align="center" scope="col" colspan="2" rowspan="2">


                                    <img class="template-code template-qrcode" src="" width="80%">


                                    <div style="letter-spacing: 1px;margin-top: 1px; text-align: center">


                                        <span>xxxxxx</span>


                                    </div>


                                </td>


                            </tr>


                            <tr style="height: 74px">


                                <td align="center" colspan="1" style="text-align: left; padding-left: 20px" >重量</td>


                                <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td>


                            </tr>


                            <tr style="height: 74px">


                                <td align="center" colspan="1">批号</td>


                                <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td>


                                <td align="center" colspan="1">包号</td>


                                <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td>


                            </tr>


                        </table>


                    </div>


                </div>


            </div>


        </fieldset>




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


    </div>


</div>




<div id="box" style="display: block"></div>




<!-- 初始化打印模板的条形码 -->


<script type="text/javascript">


    $('.template-barcode').attr("src", baseUrl+"/mac/code/auth?type=1&param=123");


    $('.template-qrcode').attr("src", baseUrl+"/mac/code/auth?type=2&param=123");


</script>




<!-- 模板引擎 -->


<!-- 模板3 -->


<script type="text/template" id="templatePreview1" class="template-qrcode">


    <div class="template-preview">


    {{#each data}}


        <div class="layui-row" style="height: 230px;width: 750px; color:#000; margin-top: 40px">


            <div class="layui-col-xs6" style="height: auto; margin-top: 25px; margin-left: -20px">


                <img src="../../static/image/hneLogo.png" style="display: inline-block; width: 40%;height: 30%; margin-left: 30px; color:#000;">


            </div>


            <div class="layui-col-xs6" style="margin-left: -185px;margin-right: 30px; margin-top: 80px; text-align: left; font-size: 20px; font-weight:bold">


                浙江省台州市台州湾新区台州湾大道188号</br>


                No.188 Taizhou Bay Avenue, Taizhou Bay New Area, Taizhou City, Zhejiang Province. P.R.China


            </div>


        </div>


<!--        <div class="layui-row" style="font-size: xx-large; text-align: left; margin-left: 40px;">-->


<!--            聚乳酸 Polylactic Acid-->


<!--        </div>-->


        <div class="layui-row" style="alignment: center; margin-left: 35px; margin-top: -20px; margin-bottom: 3.7px;">


            <table class="contain" width="500" style="overflow: hidden;table-layout: fixed; color:#000; font-size: 35px;text-align: left">


                <tr style="height: 100px;" >


                    <td align="center" scope="col" colspan="4" style="font-weight: bold; text-align: left; padding-left: 20px"><strong style="font-weight: bold;color: black;">聚乳酸 Polylactic Acid</strong></td>


                </tr>


                <tr style="height: 100px; text-align: left" >


                    <td align="center" scope="col" colspan="2" style="font-weight: bold;color: black; text-align: left; padding-left: 20px"><strong>牌号: REVODE {{this.brand}}</strong></td>


<!--                    <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:normal; "><strong style="font-weight: bold;color: black;">REVODE {{this.brand}}</strong></td>-->


                </tr>


                <tr style="height: 100px;text-align: left">


                    <td align="center" colspan="2" style="font-weight: bold;color: black; text-align: left; padding-left: 20px"><strong>批号：{{this.batch}}</strong></td>


                    <!--                    <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.weightAnfme}} KG</strong></td>-->


                </tr>


                <tr style="height: 100px;text-align: left">


                    <td align="center" colspan="2" style="font-weight: bold;color: black; text-align: left; padding-left: 20px"><strong>重量：{{this.weight}} kg</strong></td>


                    <!--                    <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.weightAnfme}} KG</strong></td>-->


                    <td align="center" scope="col" colspan="2" rowspan="2">


                        <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" width="80%">


                    </td>


                </tr>


                <tr style="height: 100px;text-align: left">


                    <td align="center" colspan="2" rowspan="1" style="font-weight: bold;color: black; text-align: left; padding-left: 20px"><strong>追踪码：{{this.line}} {{this.packageNo$}}</strong></td>


                    <!--                    <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.weightAnfme}} KG</strong></td>-->


                </tr>


                <tr style="height: 100px;text-align: left">


                </tr>


            </table>


        </div>


    </br>


    {{/each}}


    </div>


</script>




</body>


</html>