| | |
| | | .status-3 { |
| | | color: green; |
| | | } |
| | | |
| | | /* 主体 */ |
| | | 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"> |
| | | <!-- <hr>--> |
| | | <!-- <div class="pakout-item">--> |
| | | <!-- <div class="item-header">--> |
| | | <!-- 六角钻尾螺丝4.8*--> |
| | | <!-- </div>--> |
| | | <!-- <div class="item-content">--> |
| | | <!-- <div style="float: left">10箱</div>--> |
| | | <!-- <div style="float: right">货位:A01-1</div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | |
| | | </main> |
| | | <!-- 尾部 --> |
| | | <footer> |
| | |
| | | method: 'POST', |
| | | success: function (res) { |
| | | if (res.code === 200) { |
| | | if (res.data != null) { |
| | | if (res.data != null && res.data.length > 0) { |
| | | pakoutData = res.data; |
| | | console.log(pakoutData); |
| | | if (pakoutData != null) { |
| | | var tpl = $("#pakoutDetlTpl").html(); |
| | | var template = Handlebars.compile(tpl); |
| | | var html = template(pakoutData); |
| | | $('#pakout-box').append(html); |
| | | } |
| | | console.log(res.data) |
| | | $('#confirm').focus(); |
| | | } |
| | | $('#confirm').focus(); |
| | | } else if (res.code === 403) { |
| | | top.location.href = baseUrl + "/pda"; |
| | | } else { |
| | |
| | | } |
| | | } |
| | | </script> |
| | | <script type="text/template" id="takeSiteSelectTemplate"> |
| | | <script type="text/template" id="pakoutDetlTpl"> |
| | | {{#each data}} |
| | | <option value="{{siteId}}">{{desc}}</option> |
| | | <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> |