自动化立体仓库 - WMS系统
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>
@@ -91,16 +91,16 @@
            /*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;
@@ -108,14 +108,18 @@
        }
        /* ------------------------- 打印表格 -----------------------  */
        .template-preview {
            height: 200px;
            height: 400px;
            display: inline-block;
        }
        .contain td {
            border: 1px solid #000;
            border: 0px solid #000;
            white-space:nowrap;
            /*font-family: 黑体;*/
            /*font-weight: bold;*/
            /*color: #000000;*/
            color: #000000;
        }
        .layui-inline{
            width: 100px;
        }
    </style>
</head>
@@ -136,46 +140,88 @@
<!-- 搜索栏 -->
<div id="search-box" >
    <div class="layui-form layui-card-header">
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="batch" placeholder="批号" autocomplete="off">
        <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">
        <div class="layui-inline" style="width: 270px">
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="package_no" placeholder="包号" autocomplete="off">
                <div id="mat" name="mat">
                </div>
            </div>
        </div>
        <div class="layui-inline">
        <div class="layui-inline" style="width: 80px">
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="brand" placeholder="牌号" autocomplete="off">
            </div>
        </div>
        <div class="layui-inline">
            <div class="layui-input-inline">
<!--                <input class="layui-input" type="text" name="status" placeholder="状态" autocomplete="off">-->
                <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">-->
        <!--        <div class="layui-input-inline">-->
        <!--            <input class="layui-input" type="text" name="row" 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_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>
@@ -192,6 +238,26 @@
        <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">
@@ -214,16 +280,39 @@
                <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="opacityMin" placeholder="最小不透明度" autocomplete="off">
                <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="opacityMax" placeholder="最大不透明度" autocomplete="off">
                <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>
@@ -236,7 +325,10 @@
        <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>
        <!-- 商品/物料 数据中心 -->
        <div class="dropdown-menu" style="float: right">
        <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>
@@ -263,12 +355,12 @@
</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> 查看明细
            <i class="layui-icon" style="font-size: 12px;">&#xe61a;</i> 查看
        </a>
    </span>
</script>
@@ -279,6 +371,7 @@
<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">
@@ -293,28 +386,45 @@
            <div id="template-container" style="margin: 20px;text-align: center">
                <!-- 预览图 3 -->
                <div id="template-preview-1" class="template-preview" style="display: block">
                    <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;">
                        <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">重量</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 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>
@@ -334,44 +444,51 @@
<!-- 模板引擎 -->
<!-- 模板3 -->
<script type="text/template" id="templatePreview1" class="template-qrcode">
    <div class="template-preview">
    {{#each data}}
    <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;">
        <tr style="height: 74px" >
            <td align="center" scope="col" colspan="1" style="font-weight: bold;"><strong style="font-weight: bold;color: black;">牌号</strong></td>
            <td align="center" scope="col" colspan="1" style="
                font-weight: bold;
                display: inline-block;
                line-height: 20px;
                vertical-align: middle;
                border: none;
                border-top: 1px solid #000;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                    ">
                <strong style="font-weight: bold;color: black;">{{this.brand}}</strong>
            </td>
            <td align="center" scope="col" colspan="2" rowspan="2">
                <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" width="80%">
                <div style="letter-spacing: 1px;margin-top: 1px; text-align: center">
                    <span style="font-weight: bold;color: black;"><strong style="font-weight: bold;color: black;">{{this.brand}}</strong></span>
                </div>
            </td>
        </tr>
        <tr style="height: 74px">
            <td align="center" colspan="1" style="font-weight: bold;color: black;"><strong style="font-weight: bold;color: black;">重量</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}}</strong></td>
        </tr>
        <tr style="height: 74px">
            <td align="center" colspan="1" style="font-weight: bold;color: black;"><strong style="font-weight: bold;color: black;">批号</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.batch}}</strong></td>
            <td align="center" colspan="1" style="font-weight: bold;color: black;"><strong style="font-weight: bold;color: black;">包号</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.packageNo}}</strong></td>
        </tr>
    </table>
        <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>