| | |
|---|
| | | .status-3 { |
|---|
| | | color: green; |
|---|
| | | } |
|---|
| | | /* 客户 */ |
|---|
| | | #custName { |
|---|
| | | padding-left: 2px; |
|---|
| | | line-height: 30px; |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | /* 主体 */ |
|---|
| | | main { |
|---|
| | | border: 1px solid gainsboro; |
|---|
| | | text-align: center; |
|---|
| | | padding-bottom: 15px; |
|---|
| | | } |
|---|
| | | main hr { |
|---|
| | | width: 80%; |
|---|
| | | margin: 5px 0; |
|---|
| | | display: inline-block |
|---|
| | | } |
|---|
| | | .pakout-item { |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | .item-header { |
|---|
| | | text-align: left; |
|---|
| | | padding-left: 20px |
|---|
| | | } |
|---|
| | | .item-content { |
|---|
| | | padding: 15px |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | |
|---|
| | | <header> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <label class="layui-form-label" style="width: 84px">单据编号</label> |
|---|
| | | <input class="layui-input" type="text" id="docNum" onkeyup="findNum(this)" oninput="if(value.length>8)value=value.slice(0,8)" placeholder="扫码 / 输入" autocomplete="off"> |
|---|
| | | <input class="layui-input" type="text" id="docNum" onkeyup="findNum(this)" placeholder="扫码 / 输入" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | <div class="layui-input-inline" style="width: 100%"> |
|---|
| | | <label class="layui-form-label" style="width: 84px">状态</label> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </header> |
|---|
| | | |
|---|
| | | <hr style="padding: 0 10px; margin: 5px 0"> |
|---|
| | | |
|---|
| | | <!-- 主体 --> |
|---|
| | | <main> |
|---|
| | | <div class="pakout-item"> |
|---|
| | | <div class="item-header"> |
|---|
| | | <span>1、</span> |
|---|
| | | 六角钻尾螺丝4.8* 80 |
|---|
| | | </div> |
|---|
| | | <div class="item-content"> |
|---|
| | | <span>10箱</span> |
|---|
| | | <span>货位：A01-1</span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <main id="pakout-box"> |
|---|
| | | |
|---|
| | | </main> |
|---|
| | | <!-- 尾部 --> |
|---|
| | | <footer> |
|---|
| | |
|---|
| | | success: function (res) { |
|---|
| | | if (res.code === 200) { |
|---|
| | | if (res.data != null) { |
|---|
| | | pakoutData = res.data; |
|---|
| | | console.log(pakoutData); |
|---|
| | | pakoutData = res.data.pakouts; |
|---|
| | | if (pakoutData != null) { |
|---|
| | | // 头 |
|---|
| | | $('#status').html(res.data.wrkSts$); |
|---|
| | | $('#status').attr("class", "layui-form-label status-" + res.data.wrkSts); |
|---|
| | | $('#custName').html(res.data.custName); |
|---|
| | | // 主 |
|---|
| | | var tpl = $("#pakoutDetlTpl").html(); |
|---|
| | | var template = Handlebars.compile(tpl); |
|---|
| | | var html = template(res.data); |
|---|
| | | $('#pakout-box').append(html); |
|---|
| | | } |
|---|
| | | $('#confirm').focus(); |
|---|
| | | } |
|---|
| | | $('#confirm').focus(); |
|---|
| | | } else if (res.code === 201) { |
|---|
| | | } else if (res.code === 403) { |
|---|
| | | top.location.href = baseUrl + "/pda"; |
|---|
| | | } else { |
|---|
| | | locDetlData = []; |
|---|
| | | tableIns.reload({data: locDetlData}); |
|---|
| | | pakoutData = []; |
|---|
| | | tips(res.msg, true); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <script type="text/template" id="takeSiteSelectTemplate"> |
|---|
| | | {{#each data}} |
|---|
| | | <option value="{{siteId}}">{{desc}}</option> |
|---|
| | | <script type="text/template" id="pakoutDetlTpl"> |
|---|
| | | {{#each pakouts}} |
|---|
| | | <hr> |
|---|
| | | <div class="pakout-item"> |
|---|
| | | <div class="item-header"> |
|---|
| | | {{maktx}} |
|---|
| | | </div> |
|---|
| | | <div class="item-content"> |
|---|
| | | <div style="float: left">{{anfme}}{{unit}}</div> |
|---|
| | | <div style="float: right">货位：{{locNo}}</div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | {{/each}} |
|---|
| | | </script> |
|---|
| | | </html> |
|---|
