自动化立体仓库 - WMS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
#
luxiaotao1123
2020-07-09 e7faf1e9f14d797c28c87f9980255e32fec7e0fe 
 src/main/webapp/views/pdaCe/index.html


@@ -12,36 +12,44 @@


        }




        .mat-msg {


            overflow: auto;


            overflow-y: scroll;


            margin-top: 10px;


            height: 115px;


            background-color: #fff;


            border-radius: 5px;


            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 {


@@ -64,6 +72,41 @@


            white-space:nowrap;


            text-overflow:ellipsis;


        }




        /* 详情 */


        .form-box {


            margin-top: 10px;


            padding: 15px 0 10px 0;


            text-align: center;


            border: 1px solid #BBBBBB;


        }




        .form-item {


            margin-bottom: 5px;


        }


        .form-box span {


        }


        .form-box input {


            overflow:hidden;


            white-space:nowrap;


            text-overflow:ellipsis;


        }


        .form-count button {


            width: 25px;


            height: 20px;


        }


        .form-count input {


            margin: 0 7px;


            width: 40px;


        }


        .form-btn-con {


            margin-top: 10px;


        }


        .form-btn-con button {


            padding: 4px 0;


            height: 25px;


            margin: 0 15px;


        }


    </style>


</head>


<body>


@@ -76,20 +119,17 @@


    <input type="text" id="matnr" onkeyup="find(this)" autocomplete="off">


</div>




<!-- 堆垛机状态 -->


<div class="mat-msg" id="mat-msg-id">


    <table id="mat-msg-table">


        <thead id="tthead">


        <tr>


            <th>编码</th>


            <th>名称</th>


            <th>单位</th>


            <th>数量</th>


        </tr>


        </thead>


        <tbody id="ttbody">


        </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 id="btn-con">


@@ -97,6 +137,28 @@


    <button >组托</button>


    <span id="tips"></span>


</div>




<!-- 详情 -->


<div class="form-box">


    <div class="form-item">


        <span>名称</span>


        <input id="matName" type="text" disabled="disabled" style="background-color: #ececec">


    </div>


    <div class="form-item">


        <span>单位</span>


        <input id="str1" type="text" disabled="disabled" style="background-color: #ececec">


    </div>


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


        <span style="margin-right: 10px">数量</span>


        <button onclick="reduce()">-</button><input id="count" type="number"><button onclick="add()">+</button>


    </div>


    <div class="form-item form-btn-con">


        <button id="confirm" onclick="confirm()">提取</button>


        <button id="cancel" onclick="cancel()" style="background-color: #fff">取消</button>


    </div>


</div>






</body>


<script>


    // initCrnMsgTable()


@@ -109,6 +171,10 @@


    var ttbody = document.getElementById("ttbody");


    var btnCon = document.getElementById("btn-con");


    var tipDom = document.getElementById("tips");




    // todo


    matMsg.style.display = 'none';


    btnCon.style.display = 'none';




    // 查询物流


    function find(el) {


@@ -139,7 +205,7 @@


    function initCrnMsgTable(row) {


        var line;


        if (row === undefined){


            var one = tthead.offsetHeight;


            var one = 15;


            var total = matMsg.offsetHeight;


            var count = total / one;


            count = parseInt(count) - 1;


@@ -148,16 +214,16 @@


        } else {


            line = row;


        }




        var html = "";


        for (var i = 0; i < line; i ++){


            html += " <tr>\n" +


                "       <td>1</td>\n" +


                "       <td>2</td>\n" +


                "       <td>3</td>\n" +


                "       <td>4</td>\n" +


                "     </tr>\n";


            html += " <div>\n" +


                "       <span></span>\n" +


                "       <span></span>\n" +


                "       <span></span>\n" +


                "       <span></span>\n" +


                "     </div>\n";


        }


        alert(html)


        ttbody.innerHTML = html;


    }