自动化立体仓库 - WMS系统
#
luxiaotao1123
2020-07-09 a905bb95d665b2b2c0f6f368d6658c8e314fee84
src/main/webapp/views/pdaCe/index.html
@@ -72,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>
@@ -84,7 +119,6 @@
    <input type="text" id="matnr" onkeyup="find(this)" autocomplete="off">
</div>
<!-- 堆垛机状态 -->
<div class="mat-msg" id="mat-msg-id">
    <div id="mat-msg-table">
        <div id="tthead">
@@ -103,10 +137,32 @@
    <button >组托</button>
    <span id="tips"></span>
</div>
<!-- 详情 -->
<div class="form-box" id="mat-detail">
    <div class="form-item">
        <span>名称</span>
        <input id="matName" type="text" disabled="disabled" style="background-color: #ececec;color: #000">
    </div>
    <div class="form-item">
        <span>单位</span>
        <input id="str1" type="text" disabled="disabled" style="background-color: #ececec;color: #000; text-align: center;">
    </div>
    <div class="form-item form-count">
        <span style="margin-right: 10px">数量</span>
        <button onclick="reduce()">-</button><input id="count" type="number" style="text-align: center"><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()
    var matMsgTableBlankRows = 0;   // 空白行数
    var matData = []; // 表格数据
    var code = document.getElementById("code")
    var matnr = document.getElementById("matnr")
    var matMsg = document.getElementById("mat-msg-id");
@@ -115,6 +171,14 @@
    var ttbody = document.getElementById("ttbody");
    var btnCon = document.getElementById("btn-con");
    var tipDom = document.getElementById("tips");
    var matDetail = document.getElementById("mat-detail");
    var matName = document.getElementById("matName");
    var str1 = document.getElementById("str1");
    var count = document.getElementById("count");
    matDetail.style.display = 'none';
    var initMatCount = 1;
    // 查询物流
    function find(el) {
@@ -127,11 +191,18 @@
        }, function (res) {
            if (res.code === 200) {
                if (res.data != null) {
                    // 样式
                    matMsg.style.display = 'none';
                    btnCon.style.display = 'none';
                    matDetail.style.display = 'block';
                    // 填充数据
                    matName.value = res.data.matName;
                    str1.value = res.data.str1;
                    count.value = initMatCount;
                } else {
                    matMsg.style.display = 'block';
                    btnCon.style.display = 'block';
                    matDetail.style.display = 'none';
                }
            } else {
                alert(res.msg);
@@ -141,7 +212,6 @@
    }
    initCrnMsgTable();
    // 堆垛机数据表获取  ----- 表二
    function initCrnMsgTable(row) {
        var line;
        if (row === undefined){
@@ -154,7 +224,6 @@
        } else {
            line = row;
        }
        var html = "";
        for (var i = 0; i < line; i ++){
            html += " <div>\n" +
@@ -165,6 +234,35 @@
                "     </div>\n";
        }
        ttbody.innerHTML = html;
    }
    // 添加表格数据
    function addTableData(data) {
        if (isEmpty(data.matName)){
            tips("提取失败");
            return;
        }
        var toPush = true;
        for (var j=0;j<matData.length;j++){
            if (data.matnr === matData[j].matnr) {
                matData[j].count = Number(matData[j].count) + Number(data.count);
                toPush  = false;
            }
        }
        if (toPush) {
            matData.push(data);
            var html = "";
            for (var i=0;i<matData.length;i++) {
                html += " <div>\n" +
                    "       <span>" + matData[i].matnr + "</span>\n" +
                    "       <span>" + matData[i].matName + "</span>\n" +
                    "       <span>" + matData[i].str1 + "</span>\n" +
                    "       <span>" + matData[i].count + "</span>\n" +
                    "     </div>\n";
            }
            ttbody.innerHTML = html;
        }
    }
    // 重置
@@ -187,6 +285,42 @@
        }
    }
    /**
     * 详情
     */
    // 提取
    function confirm() {
        addTableData({
            matnr: matnr.value,
            matName: matName.value,
            str1: str1.value,
            count: count.value
        })
        cancel();
        tips("提取成功");
    }
    // 取消
    function cancel() {
        matnr.value = "";
        matName.value = "";
        str1.value = "";
        count.value = initMatCount;
        matMsg.style.display = 'block';
        btnCon.style.display = 'block';
        matDetail.style.display = 'none';
        tips("");
    }
    function add() {
        count.value = Number(count.value) + 1;
    }
    function reduce() {
        if (count.value <= initMatCount) {
            return;
        }
        count.value = count.value - 1;
    }
    function httpRequest(paramObj,fun,errFun) {
        var xmlhttp = null;
        /*创建XMLHttpRequest对象,