#

luxiaotao1123

2020-07-09 4b39ba4b5bcd7fce3f167fc6014985dd72fc7d13

 src/main/webapp/views/pdaCe/index.html

@@ -6,46 +6,59 @@
    <title>中扬物流</title>
    <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
    <style>

        * {
            font-size: 12px;
        }

        .mat-msg {
            overflow: auto;
            overflow-y: scroll;
            margin-top: 10px;
            height: 100px;
            height: 115px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 3px rgba(0,0,0,.3);
            border: 1px solid #c2c2c2;
        }
        /* 堆垛机状态信息表 */
        #mat-msg-table {
            font-size: 12px;
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
        }
        #mat-msg-table td, #mat-msg-table th {
            border: 1px solid #f1f1f1;
            color: #666;
            height: 15px;
            line-height: 15px;
        #tthead {
            padding-top: 4px;
            background-color: #ececec;
            height: 18px;
        }
        #mat-msg-table thead th {
            background-color: #fff;
            width: 400px;
            font-weight: normal;
        #tthead span {
            border-right: 1px solid #b3b3b3;
            float: left;
            width: 24%;
        }
        #mat-msg-table tr:nth-child(odd) {
            background: #fff;
        #ttbody {
            padding-top: 4px;
        }
        #mat-msg-table tr:nth-child(even) {
            background: #fff;
        #ttbody div {
            content: "";
            clear: both;
            display: table;
        }
        #ttbody span {
            border-right: 1px solid #b3b3b3;
            float: left;
            width: 22%;
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
        }

        .btn-con {
        #btn-con {
            padding-left: 10px;
            position: absolute;
            bottom: 10px;
            width: 100%;
        }
        .btn-con button {
        #btn-con button {
            display: inline-block;
            vertical-align: middle;
        }
@@ -73,21 +86,19 @@

<!-- 堆垛机状态 -->
<div class="mat-msg" id="mat-msg-id">
    <table id="mat-msg-table">
        <thead>
        <tr>
            <th>编码</th>
            <th>名称</th>
            <th>单位</th>
            <th>数量</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <div id="mat-msg-table">
        <div id="tthead">
            <span>编码</span>
            <span>名称</span>
            <span>单位</span>
            <span>数量</span>
        </div>
        <div id="ttbody">
        </div>
    </div>
</div>

<div class="btn-con">
<div id="btn-con">
    <button style="margin-right: 20px" onclick="reset()">重置</button>
    <button >组托</button>
    <span id="tips"></span>
@@ -95,9 +106,14 @@
</body>
<script>
    // initCrnMsgTable()
    var matMsgTableBlankRows = 0;   // 空白行数
    var code = document.getElementById("code")
    var matnr = document.getElementById("matnr")
    var matMsg = document.getElementById("mat-msg-id");
    var matMsgTable = document.getElementById("mat-msg-table");
    var tthead = document.getElementById("tthead");
    var ttbody = document.getElementById("ttbody");
    var btnCon = document.getElementById("btn-con");
    var tipDom = document.getElementById("tips");

    // 查询物流
@@ -112,8 +128,10 @@
            if (res.code === 200) {
                if (res.data != null) {
                    matMsg.style.display = 'none';
                    btnCon.style.display = 'none';
                } else {
                    matMsg.style.display = 'block';
                    btnCon.style.display = 'block';
                }
            } else {
                alert(res.msg);
@@ -122,35 +140,31 @@
        })
    }

    initCrnMsgTable();
    // 堆垛机数据表获取  ----- 表二
    function initCrnMsgTable(row) {
        var line;
        if (row === undefined){
            var one = $('#crn-msg-table thead').height();
            var total = $('.crn-msg').height();
            var one = 15;
            var total = matMsg.offsetHeight;
            var count = total / one;
            count = parseInt(count) - 1;
            crnMsgTableBlankRows = count;
            matMsgTableBlankRows = count;
            line = count;
        } else {
            line = row;
        }

        var html = "";
        for (var i = 0; i < line; i ++){
            html += " <tr>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "     </tr>\n";
            html += " <div>\n" +
                "       <span></span>\n" +
                "       <span></span>\n" +
                "       <span></span>\n" +
                "       <span></span>\n" +
                "     </div>\n";
        }
        $('#crn-msg-table tbody').after(html);
        ttbody.innerHTML = html;
    }

    // 重置