From a41594ef918d97795a59541cbbe9096df3d45507 Mon Sep 17 00:00:00 2001
From: LSH
Date: 星期五, 19 五月 2023 16:41:10 +0800
Subject: [PATCH] #

---
 src/main/java/com/zy/asrs/controller/ManPakOutController.java |  293 ++++++++++
 /dev/null                                                     |  272 ---------
 src/main/webapp/static/js/picking/picking.js                  |  313 ++++++++++
 src/main/webapp/views/picking/pickingOrder.html               |  157 +++++
 src/main/webapp/static/js/picking/pickingOrder.js             |  495 +++++++++++++++++
 src/main/webapp/views/picking/picking.html                    |  204 +++++++
 6 files changed, 1,462 insertions(+), 272 deletions(-)

diff --git a/src/main/java/com/zy/asrs/controller/ManPakOutController.java b/src/main/java/com/zy/asrs/controller/ManPakOutController.java
index fe2e3fd..ff45f55 100644
--- a/src/main/java/com/zy/asrs/controller/ManPakOutController.java
+++ b/src/main/java/com/zy/asrs/controller/ManPakOutController.java
@@ -90,6 +90,293 @@
         }
     }
 
+    @RequestMapping(value = "/ManPakOut/add/auth")
+    @ManagerAuth(memo = "鐢熸垚鎷h揣鍗�")
+    @Transactional
+    public R manPakOutAdd(@RequestBody OrderDomainParam param){
+        if (Cools.isEmpty(param)){
+            return R.error("鏁版嵁寮傚父");
+        }
+        if (!Cools.isEmpty(param.getOrderNo())){
+            Order order = orderService.selectOne(new EntityWrapper<Order>()
+                    .eq("order_no", param.getOrderNo())
+            );
+            if (Cools.isEmpty(order)){
+                return R.error("鍗曟嵁涓嶅瓨鍦�");
+            }
+            List<OrderDetl> orderDetls =orderDetlService.selectList(new EntityWrapper<OrderDetl>()
+                    .eq("order_no", param.getOrderNo())
+            );
+            if (Cools.isEmpty(orderDetls)){
+                return R.error("鍗曟嵁鏄庣粏涓虹┖");
+            }
+            for (OrderDetl orderDetl : orderDetls){
+                List<ManLocDetl> manLocDetls=null;
+                try{
+                    if (Cools.isEmpty(orderDetl.getBatch())){
+                        manLocDetls = manLocDetlService.selectList(new EntityWrapper<ManLocDetl>()
+                                .eq("matnr",orderDetl.getMatnr())
+                        );
+                    }else {
+                        manLocDetls = manLocDetlService.selectList(new EntityWrapper<ManLocDetl>()
+                                .eq("matnr",orderDetl.getMatnr())
+                                .eq("batch",orderDetl.getBatch())
+                        );
+                    }
+                }catch (Exception e){
+                    return R.error("娣诲姞鎷h揣鍗曞け璐�");
+                }
+
+                if (!Cools.isEmpty(manLocDetls)){
+                    for (ManLocDetl manLocDetl:manLocDetls){
+                        Double statusAnfme = 0.0;
+                        if (Cools.isEmpty(manLocDetl.getStatus())){
+                            manLocDetl.setStatus(1);
+                        }
+                        try{
+                            if (manLocDetl.getStatus$().equals("绂佺敤")){
+                                if (Cools.isEmpty(manLocDetl.getBatch())){
+                                    List<ManPakOut> manPakOuts = manPakOutService.selectList(new EntityWrapper<ManPakOut>()
+                                            .eq("loc_no", manLocDetl.getLocNo())
+                                            .eq("matnr", manLocDetl.getMatnr())
+                                            .eq("status",0)
+                                    );
+                                    if (!Cools.isEmpty(manPakOuts)){
+                                        for (ManPakOut manPakOut:manPakOuts){
+                                            statusAnfme=statusAnfme+manPakOut.getAnfme();
+                                        }
+                                    }
+                                }else {
+                                    List<ManPakOut> manPakOuts = manPakOutService.selectList(new EntityWrapper<ManPakOut>()
+                                            .eq("loc_no", manLocDetl.getLocNo())
+                                            .eq("matnr", manLocDetl.getMatnr())
+                                            .eq("batch",manLocDetl.getBatch())
+                                            .eq("status",0)
+                                    );
+                                    if (!Cools.isEmpty(manPakOuts)){
+                                        for (ManPakOut manPakOut:manPakOuts){
+                                            statusAnfme=statusAnfme+manPakOut.getAnfme();
+                                        }
+                                    }
+                                }
+                            }
+                        }catch (Exception e){
+                            return R.error("鏌ヨ搴撳瓨绂佺敤鏁伴噺澶辫触");
+                        }
+                        Wrapper<ManLocDetl> wrapper = new EntityWrapper<ManLocDetl>()
+                                .eq("loc_no", manLocDetl.getLocNo())
+                                .eq("matnr", manLocDetl.getMatnr());
+                        if (orderDetl.getAnfme() > manLocDetl.getAnfme()-statusAnfme){
+                            if (addPakOUT(manLocDetl,param.getOrderNo()).equals(R.ok())){
+                                manLocDetl.setStatus(0);
+                                try{
+                                    if (Cools.isEmpty(manLocDetl.getBatch())){
+                                        manLocDetlService.update(manLocDetl,wrapper.eq("modi_time",manLocDetl.getModiTime()));
+                                    }else {
+                                        manLocDetlService.update(manLocDetl,wrapper.eq("batch",manLocDetl.getBatch()));
+                                    }
+                                }catch (Exception e){
+                                    return R.error("鏇存柊搴撳瓨澶辫触");
+                                }
+                                orderDetl.setAnfme(orderDetl.getAnfme()-manLocDetl.getAnfme());
+                            }else {
+                                return R.error("娣诲姞鎷h揣鍗曞け璐�");
+                            }
+                        }else if (orderDetl.getAnfme()-manLocDetl.getAnfme()-statusAnfme==0){
+                            if (addPakOUT(manLocDetl,param.getOrderNo()).equals(R.ok())){
+                                manLocDetl.setStatus(0);
+                                try{
+                                    if (Cools.isEmpty(manLocDetl.getBatch())){
+                                        manLocDetlService.update(manLocDetl,wrapper.eq("modi_time",manLocDetl.getModiTime()));
+                                    }else {
+                                        manLocDetlService.update(manLocDetl,wrapper.eq("batch",manLocDetl.getBatch()));
+                                    }
+                                }catch (Exception e){
+                                    return R.error("鏇存柊搴撳瓨澶辫触");
+                                }
+                                orderDetl.setAnfme(orderDetl.getAnfme()-manLocDetl.getAnfme());
+                            }else {
+                                return R.error("娣诲姞鎷h揣鍗曞け璐�");
+                            }
+                        }else if (orderDetl.getAnfme()<manLocDetl.getAnfme()-statusAnfme){
+                            Double a=manLocDetl.getAnfme();
+                            manLocDetl.setAnfme(orderDetl.getAnfme());
+                            if (addPakOUT(manLocDetl,param.getOrderNo()).equals(R.ok())){
+                                orderDetl.setAnfme(orderDetl.getAnfme()-manLocDetl.getAnfme());
+                                manLocDetl.setStatus(0);
+                                manLocDetl.setAnfme(a);
+                                try{
+                                    if (Cools.isEmpty(manLocDetl.getBatch())){
+                                        manLocDetlService.update(manLocDetl,wrapper.eq("modi_time",manLocDetl.getModiTime()));
+                                    }else {
+                                        manLocDetlService.update(manLocDetl,wrapper.eq("batch",manLocDetl.getBatch()));
+                                    }
+                                }catch (Exception e){
+                                    return R.error("鏇存柊搴撳瓨澶辫触");
+                                }
+
+                            }else {
+                                return R.error("娣诲姞鎷h揣鍗曞け璐�");
+                            }
+                        }else {
+                            return R.error("绯荤粺鍑洪敊,璇疯仈绯荤鐞嗗憳");
+                        }
+                        if (orderDetl.getAnfme()==0){
+                            break;
+                        }
+                    }
+                    if (orderDetl.getAnfme()!=0){
+                        ManLocDetl manLocDetl=new ManLocDetl();
+                        manLocDetl.setAnfme(0.0);
+                        manLocDetl.setMatnr(orderDetl.getMatnr());
+                        manLocDetl.setMaktx(orderDetl.getMaktx());
+                        manLocDetl.setMemo(orderDetl.getMemo()+"搴撳瓨涓嶈冻");
+                        if (addPakOUT(manLocDetl,param.getOrderNo()).equals(R.ok())){
+                            continue;
+                        }else {
+                            return R.error("娣诲姞鎷h揣鍗曞け璐�");
+                        }
+                    }
+                }else {
+                    ManLocDetl manLocDetl=new ManLocDetl();
+                    manLocDetl.setAnfme(0.0);
+                    manLocDetl.setMatnr(orderDetl.getMatnr());
+                    manLocDetl.setMaktx(orderDetl.getMaktx());
+                    manLocDetl.setMemo(orderDetl.getMemo()+"鏃犲簱瀛�");
+                    if (addPakOUT(manLocDetl,param.getOrderNo()).equals(R.ok())){
+                        continue;
+                    }else {
+                        return R.error("娣诲姞鎷h揣鍗曞け璐�");
+                    }
+                }
+
+
+            }
+            orderService.updateSettle(order.getId(),(long)2,null);
+        }else {
+            return R.error("鍗曟嵁缂栧彿寮傚父");
+        }
+        return R.ok("鎷h揣鍗曟坊鍔犳垚鍔�");
+    }
+    private R addPakOUT(ManLocDetl manLocDetl,String OrderNo){
+        ManPakOut manPakOut=new ManPakOut();
+        manPakOut.setWrkNo(OrderNo+"-"+System.currentTimeMillis());
+        manPakOut.setWrkSts((long)1);
+        manPakOut.setAnfme(manLocDetl.getAnfme());
+        manPakOut.setLocNo(manLocDetl.getLocNo());
+        manPakOut.setNodeId(manLocDetl.getNodeId());
+        manPakOut.setMatnr(manLocDetl.getMatnr());
+        manPakOut.setMaktx(manLocDetl.getMaktx());
+        manPakOut.setSpecs(manLocDetl.getSpecs());
+        manPakOut.setUnit(manLocDetl.getUnit());
+        manPakOut.setBarcode(manLocDetl.getBarcode());
+        manPakOut.setDocNum(OrderNo);
+        manPakOut.setStatus(0);
+        manPakOut.setCreateTime(new Date());
+        if (!Cools.isEmpty(manLocDetl.getBatch())){
+            manPakOut.setBatch(manLocDetl.getBatch());
+            manPakOut.setUpdateTime(new Date());
+        }else {
+            manPakOut.setUpdateTime(manLocDetl.getModiTime());//鐢ㄤ簬璇嗗埆璐х墿
+        }
+
+        manPakOut.setMemo(manLocDetl.getMemo());
+        if (Cools.isEmpty(manPakOutService.selectOne(new EntityWrapper<ManPakOut>().eq("doc_num",OrderNo)))){
+            manPakOut.setName(manLocDetl.getMaktx());
+        }
+        try{
+            if (!manPakOutService.insert(manPakOut)){
+                return R.error("娣诲姞鎷h揣鏄庣粏澶辫触锛岃鑱旂郴绠$悊鍛�");
+            }
+        }catch (Exception e){
+            return R.error("娣诲姞鎷h揣鏄庣粏澶辫触锛岃鑱旂郴绠$悊鍛�");
+        }
+        return R.ok();
+
+    }
+
+    @RequestMapping("/manPakOut/finish")
+    public R finish(@RequestBody ManPakOut manPakOut){
+        Wrapper<ManLocDetl> wrapper = new EntityWrapper<ManLocDetl>()
+                .eq("loc_no", manPakOut.getLocNo())
+                .eq("matnr", manPakOut.getMatnr());
+        try{
+            if (Cools.isEmpty(manPakOut.getBatch())){
+                List<ManLocDetl> manLocDetls = manLocDetlService.selectList(wrapper);
+                Double anfme=manPakOut.getAnfme();
+                for (ManLocDetl manLocDetl:manLocDetls){
+                    if (anfme<manLocDetl.getAnfme()){
+                        manLocDetl.setAnfme(manLocDetl.getAnfme()-anfme);
+                        manLocDetlService.update(manLocDetl,wrapper.eq("batch",manLocDetl.getBatch()));
+                        anfme=0.0;
+                    }else if (anfme>=manLocDetl.getAnfme()){
+                        manLocDetlService.delete(wrapper.eq("batch",manLocDetl.getBatch()));
+                        anfme=anfme-manLocDetl.getAnfme();
+                    }
+                    if (anfme==0.0){
+                        break;
+                    }
+                }
+            }else {
+                ManLocDetl manLocDetl = manLocDetlService.selectOne(wrapper.eq("batch", manPakOut.getBatch()));
+                if (manPakOut.getAnfme()<manLocDetl.getAnfme()){
+                    manLocDetl.setAnfme(manLocDetl.getAnfme()-manPakOut.getAnfme());
+                    manLocDetlService.update(manLocDetl,wrapper.eq("batch",manLocDetl.getBatch()));
+                }else if (manPakOut.getAnfme()-manLocDetl.getAnfme()==0){
+                    manLocDetlService.delete(wrapper.eq("batch",manLocDetl.getBatch()));
+                }
+            }
+        }catch (Exception e){
+            return R.error("鏇存柊搴撳瓨鏁伴噺澶辫触");
+        }
+
+
+        ManPakOut out = Cools.isEmpty(manPakOut.getBatch())? manPakOutService.selectOne(new EntityWrapper<ManPakOut>()
+                .eq("wrk_no", manPakOut.getWrkNo())
+                .eq("matnr", manPakOut.getMatnr()))
+                :manPakOutService.selectOne(new EntityWrapper<ManPakOut>()
+                .eq("wrk_no", manPakOut.getWrkNo())
+                .eq("matnr", manPakOut.getMatnr())
+                .eq("batch",manPakOut.getBatch()));
+        out.setWrkSts(manPakOut.getWrkSts());
+        out.setZpallet(manPakOut.getZpallet());
+        out.setAnfme(manPakOut.getAnfme());
+        out.setNodeId(manPakOut.getNodeId());
+        out.setLocNo(manPakOut.getLocNo());
+        out.setMatnr(manPakOut.getMatnr());
+        out.setMaktx(manPakOut.getMaktx());
+        out.setBatch(manPakOut.getBatch());
+        out.setStatus(manPakOut.getStatus());
+        boolean update =Cools.isEmpty(manPakOut.getBatch())? manPakOutService.update(out, new EntityWrapper<ManPakOut>()
+                .eq("wrk_no", manPakOut.getWrkNo())
+                .eq("matnr", manPakOut.getMatnr()))
+                :manPakOutService.update(out, new EntityWrapper<ManPakOut>()
+                .eq("wrk_no", manPakOut.getWrkNo())
+                .eq("matnr", manPakOut.getMatnr())
+                .eq("batch",manPakOut.getBatch()));
+        try {
+            Order order = orderService.selectOne(new EntityWrapper<Order>().eq("order_no", manPakOut.getDocNum()));
+            List<ManPakOut> pakOuts = manPakOutService.selectList(new EntityWrapper<ManPakOut>().eq("doc_num", order.getOrderNo()));
+            if (Cools.isEmpty(pakOuts)){
+                return R.error("鏌ヨ鎷h揣鍗曟槑缁嗗け璐�");
+            }else {
+                Long settle = order.getSettle();
+                for (ManPakOut pakOut:pakOuts){
+                    if (pakOut.getStatus()==0 || pakOut.getStatus()==8){
+                        order.setSettle(settle);
+                        break;
+                    }else {
+                        order.setSettle(4L);
+                    }
+                }
+            }
+            orderService.updateSettle(order.getId(),order.getSettle(),(long)9527);
+        }catch (Exception e){
+            return R.error("鏇存柊璁㈠崟鐘舵�佸け璐�");
+        }
+        return update? R.ok("鏇存柊鎴愬姛") : R.error("鏇存柊澶辫触");
+    }
+
     @RequestMapping("/manPakOut/notIssued")
     public R notIssued(){
         List<Order> orders = orderService.selectList(new EntityWrapper<Order>().eq("settle", 1L).or().eq("settle", 2L));
@@ -107,6 +394,12 @@
         return R.ok(orders1);
     }
 
+    public static void main(String[] args) {
+        ManPakOutService bean = SpringUtils.getBean(ManPakOutService.class);
+        ManPakOut out = bean.selectOne(null);
+        System.out.println("JSON.toJSONString(out) = " + JSON.toJSONString(out));
+    }
+
     @RequestMapping(value = "/ManPakOut/print/auth")
     @ManagerAuth(memo = "璁㈠崟缂栫爜鎵撳嵃")
     public R manPakOutPrint(@RequestParam(value = "param[]") String[] param) {
diff --git a/src/main/webapp/static/js/pakout/pakout.js b/src/main/webapp/static/js/pakout/pakout.js
deleted file mode 100644
index cea086e..0000000
--- a/src/main/webapp/static/js/pakout/pakout.js
+++ /dev/null
@@ -1,378 +0,0 @@
-var pageCurr;
-var printMatCodeNos = [];
-layui.config({
-    base: baseUrl + "/static/layui/lay/modules/"
-}).use(['table','laydate', 'form', 'admin' , 'layer'], function(){
-    var table = layui.table;
-    var $ = layui.jquery;
-    var layer = layui.layer;
-    var layDate = layui.laydate;
-    var form = layui.form;
-    var admin = layui.admin;
-
-
-    // 鏁版嵁娓叉煋
-    tableIns = table.render({
-        elem: '#pakout',
-        headers: {token: localStorage.getItem('token')},
-        url: baseUrl+'/pakout/list/auth',
-        page: true,
-        limit: 15,
-        limits: [15, 30, 50, 100, 200, 500],
-        toolbar: '#toolbar',
-        cellMinWidth: 50,
-        height: 'full-120',
-        cols: [[
-            // {type: 'checkbox'}
-            ,{field: 'wrkNo', align: 'center',title: 'id', hide:true}
-            ,{field: 'docNum',title: '鎷h揣鍗曞彿' , templet: '#orderNoTpl'}
-            ,{align: 'center', title: '鏄庣粏', toolbar: '#tbLook', minWidth: 160, width: 160}
-            ,{field: 'status$', align: 'center',title: '鐘舵��'}
-            // ,{field: 'custName', align: 'center',title: '瀹㈡埛鍚嶇О', width: 160}
-            ,{field: 'createTime$', align: 'center',title: '鎿嶄綔鏃堕棿'}
-        ]],
-        request: {
-            pageName: 'curr',
-            pageSize: 'limit'
-        },
-        parseData: function (res) {
-            return {
-                'code': res.code,
-                'msg': res.msg,
-                'count': res.data.total,
-                'data': res.data.records
-            }
-        },
-        response: {
-            statusCode: 200
-        },
-        done: function(res, curr, count) {
-            if (res.code === 403) {
-                top.location.href = baseUrl+"/";
-            }
-            pageCurr=curr;
-            limit();
-        }
-    });
-
-    // 鐩戝惉鎺掑簭浜嬩欢
-    table.on('sort(pakout)', function (obj) {
-        var searchData = {};
-        $.each($('#search-box [name]').serializeArray(), function() {
-            searchData[this.name] = this.value;
-        });
-        searchData['orderByField'] = obj.field;
-        searchData['orderByType'] = obj.type;
-        tableIns.reload({
-            where: searchData,
-            page: {curr: 1}
-        });
-    });
-
-    function btnPrint(orderId, orderNo, settle) {
-        printMatCodeNos.push(orderNo)
-        var templateNo = 3;
-        $.ajax({
-            // url: baseUrl+"/pakOut/print/auth",
-            url: baseUrl+"/pakOut/show",
-            headers: {'token': localStorage.getItem('token')},
-            // data: {param: printMatCodeNos},
-            method: 'POST',
-            async: false,
-            success: function (res) {
-                if (res.code === 200){
-                    layer.closeAll();
-                    for (let i=0;i<res.data.length;i++){
-                        var templateDom = $("#templatePreview"+templateNo);
-                        var className = templateDom.attr("class");
-                        if (className === 'template-barcode') {
-                            res.data[i]["barcodeUrl"]=baseUrl+"/mac/code/auth?type=1&param="+res.data[i].docNum;
-                        } else {
-                            res.data[i]["barcodeUrl"]=baseUrl+"/mac/code/auth?type=2&param="+res.data[i].docNum;
-                        }
-                    }
-
-
-                    // var tpl = templateDom.html();
-                    // var template = Handlebars.compile(tpl);
-                    // var html = template(res);
-                    // var box = $("#box");
-                    // box.html(html);
-                    // box.show();
-                    var imgUrl;
-                    // console.log(res.data[0]);
-                    for (let i=0;i<res.data.length;i++){
-                        if (res.data[i].docNum === orderNo){
-                            imgUrl = res.data[i]["barcodeUrl"];
-                        }
-
-                    }
-
-                    var img = '<img className="template-code template-qrcode" src='+imgUrl+' height="80%">'
-                    layer.open({
-                        type: 1,
-                        title: "鎷h揣鍗�",
-                        area: '150px',
-                        content: img
-                    })
-
-                    // box.print({mediaPrint:true});
-                    // box.hide();
-
-                } else if (res.code === 403){
-                    top.location.href = baseUrl+"/";
-                }else {
-                    layer.msg(res.msg)
-                }
-            }
-        })
-    }
-
-    // 鐩戝惉澶村伐鍏锋爮浜嬩欢
-    table.on('toolbar(pakout)', function (obj) {
-        var checkStatus = table.checkStatus(obj.config.id).data;
-        switch(obj.event) {
-            case 'addData':
-                showEditModel();
-                break;
-            case 'deleteData':
-               if (checkStatus.length === 0) {
-                   layer.msg('璇烽�夋嫨瑕佸垹闄ょ殑鏁版嵁', {icon: 2});
-                   return;
-               }
-               del(checkStatus.map(function (d) {
-                   return d.matnr;
-               }));
-               break;
-
-            case 'exportData':
-                admin.confirm('纭畾瀵煎嚭Excel鍚�', {shadeClose: true}, function(){
-                    var titles=[];
-                    var fields=[];
-                    obj.config.cols[0].map(function (col) {
-                        if (col.type === 'normal' && col.hide === false && col.toolbar == null) {
-                            titles.push(col.title);
-                            fields.push(col.field);
-                        }
-                    });
-                    var exportData = {};
-                    $.each($('#search-box [name]').serializeArray(), function() {
-                        exportData[this.name] = this.value;
-                    });
-                    var param = {
-                        'pakout': exportData,
-                        'fields': fields
-                    };
-                    $.ajax({
-                        url: baseUrl+"/pakout/export/auth",
-                        headers: {'token': localStorage.getItem('token')},
-                        data: JSON.stringify(param),
-                        dataType:'json',
-                        contentType:'application/json;charset=UTF-8',
-                        method: 'POST',
-                        success: function (res) {
-                            layer.closeAll();
-                            if (res.code === 200) {
-                                table.exportFile(titles,res.data,'xls');
-                            } else if (res.code === 403) {
-                                top.location.href = baseUrl+"/";
-                            } else {
-                                layer.msg(res.msg, {icon: 2})
-                            }
-                        }
-                    });
-                });
-                break;
-        }
-    });
-
-    // 鐩戝惉琛屽伐鍏蜂簨浠�
-    table.on('tool(pakout)', function(obj){
-        var data = obj.data;
-        switch (obj.event) {
-            case 'edit':
-                showEditModel(data);
-                break;
-            case "del":
-                del([data.matnr]);
-                break;
-            case "wrkTrace":
-                btnPrint(data.wrkNo, data.docNum, 4);
-                break
-            case "look":
-                var $a = $(obj.tr).find('a[lay-event="look"]');
-                var offset = $a.offset();
-                var top = offset.top;
-                var left = offset.left;
-                layer.open({
-                    type: 1,
-                    title: false,
-                    area: '1200px',
-                    offset: [top + 'px', (left - 530 + $a.outerWidth()) + 'px'],
-                    shade: .01,
-                    shadeClose: true,
-                    fixed: false,
-                    content: '<table id="lookSSXMTable" lay-filter="lookSSXMTable"></table>',
-                    success: function (layero) {
-                        table.render({
-                            elem: '#lookSSXMTable',
-                            headers: {token: localStorage.getItem('token')},
-                            url: baseUrl+'/pakout/list/auth',
-                            where: {
-                                doc_num: data.docNum
-                            },
-                            page: true,
-                            cellMinWidth: 100,
-                            cols: [[
-                                {type: 'numbers'},
-                                ,{field: 'id', align: 'center',title: 'id', hide:true}
-                                ,{field: 'docNum', align: 'center',title: '鎷h揣鍗曞彿'}
-                                ,{field: 'locNo', align: 'center',title: '搴撲綅'}
-                                ,{field: 'matnr', align: 'center',title: '鐗╂枡鍙�'}
-                                ,{field: 'maktx', align: 'center',title: '鍟嗗搧鍚嶇О'}
-                                ,{field: 'anfme', align: 'center',title: '鏁伴噺'}
-                                ,{field: 'createTime$', align: 'center',title: '鎿嶄綔鏃堕棿'}
-                                ,{field: 'status$', align: 'center',title: '鐘舵��'}
-                                ,{field: 'memo', align: 'center',title: '澶囨敞'}
-                                ,{field: 'createBy', align: 'center',title: '', hide:true}
-                            ]],
-                            request: {
-                                pageName: 'curr',
-                                pageSize: 'limit'
-                            },
-                            parseData: function (res) {
-                                return {
-                                    'code': res.code,
-                                    'msg': res.msg,
-                                    'count': res.data.total,
-                                    'data': res.data.records
-                                }
-                            },
-                            response: {
-                                statusCode: 200
-                            },
-                            done: function () {
-                                $(layero).find('.layui-table-view').css('margin', '0');
-                            },
-                            size: ''
-                        });
-                    }
-                });
-        }
-    });
-
-    /* 寮圭獥 - 鏂板銆佷慨鏀� */
-    function showEditModel(mData) {
-        admin.open({
-            type: 1,
-            area: '600px',
-            title: (mData ? '淇敼' : '娣诲姞') + '璁㈠崟鐘舵��',
-            content: $('#editDialog').html(),
-            success: function (layero, dIndex) {
-                layDateRender(mData);
-                form.val('detail', mData);
-                form.on('submit(editSubmit)', function (data) {
-                    var loadIndex = layer.load(2);
-                    $.ajax({
-                        url: baseUrl+"/pakout/"+(mData?'update':'add')+"/auth",
-                        headers: {'token': localStorage.getItem('token')},
-                        data: data.field,
-                        method: 'POST',
-                        success: function (res) {
-                            layer.close(loadIndex);
-                            if (res.code === 200){
-                                layer.close(dIndex);
-                                layer.msg(res.msg, {icon: 1});
-                                tableReload();
-                            } else if (res.code === 403){
-                                top.location.href = baseUrl+"/";
-                            }else {
-                                layer.msg(res.msg, {icon: 2});
-                            }
-                        }
-                    })
-                    return false;
-                });
-                $(layero).children('.layui-layer-content').css('overflow', 'visible');
-                layui.form.render('select');
-            }
-        });
-    }
-
-    /* 鍒犻櫎 */
-    function del(ids) {
-        layer.confirm('纭畾瑕佸垹闄ら�変腑鏁版嵁鍚楋紵', {
-            skin: 'layui-layer-admin',
-            shade: .1
-        }, function (i) {
-            layer.close(i);
-            var loadIndex = layer.load(2);
-            $.ajax({
-                url: baseUrl+"/pakout/delete/auth",
-                headers: {'token': localStorage.getItem('token')},
-                data: {ids: ids},
-                method: 'POST',
-                success: function (res) {
-                    layer.close(loadIndex);
-                    if (res.code === 200){
-                        layer.msg(res.msg, {icon: 1});
-                        tableReload();
-                    } else if (res.code === 403){
-                        top.location.href = baseUrl+"/";
-                    } else {
-                        layer.msg(res.msg, {icon: 2});
-                    }
-                }
-            })
-        });
-    }
-
-    // 鎼滅储
-    form.on('submit(search)', function (data) {
-        pageCurr = 1;
-        tableReload(false);
-    });
-
-    // 閲嶇疆
-    form.on('submit(reset)', function (data) {
-        pageCurr = 1;
-        clearFormVal($('#search-box'));
-        tableReload(false);
-    });
-
-    // 鏃堕棿閫夋嫨鍣�
-    function layDateRender(data) {
-        setTimeout(function () {
-            layDate.render({
-                elem: '#createTime\\$',
-                type: 'datetime',
-                value: data!==undefined?data['createTime\\$']:null
-            });
-            layDate.render({
-                elem: '#updateTime\\$',
-                type: 'datetime',
-                value: data!==undefined?data['updateTime\\$']:null
-            });
-
-        }, 300);
-    }
-    layDateRender();
-
-});
-
-
-// 鍏抽棴鍔ㄤ綔
-$(document).on('click','#data-detail-close', function () {
-    parent.layer.closeAll();
-});
-
-function tableReload(child) {
-    var searchData = {};
-    $.each($('#search-box [name]').serializeArray(), function() {
-        searchData[this.name] = this.value;
-    });
-    tableIns.reload({
-        where: searchData,
-        page: {curr: pageCurr}
-     });
-}
diff --git a/src/main/webapp/static/js/picking/picking.js b/src/main/webapp/static/js/picking/picking.js
new file mode 100644
index 0000000..5963f04
--- /dev/null
+++ b/src/main/webapp/static/js/picking/picking.js
@@ -0,0 +1,313 @@
+var pageCurr;
+var printMatCodeNos = [];
+var ordernoo = "123";
+layui.config({
+    base: baseUrl + "/static/layui/lay/modules/"
+}).use(['table','laydate', 'form', 'admin', 'layer'], function(){
+    var table = layui.table;
+    var $ = layui.jquery;
+    var layer = layui.layer;
+    var layDate = layui.laydate;
+    var form = layui.form;
+    var admin = layui.admin;
+
+    // 鏁版嵁娓叉煋
+    tableIns = table.render({
+        elem: '#saasLog',
+        headers: {token: localStorage.getItem('token')},
+        url: baseUrl+'/ManPakOut/detailed/auth',
+        page: true,
+        limit: 15,
+        limits: [15, 30, 50, 100, 200, 500],
+        // toolbar: '#toolbar',
+        cellMinWidth: 50,
+        height: 'full-120',
+        cols: [[
+            // {type: 'checkbox'}
+            {type: 'numbers'}
+            ,{field: 'wrkNo', align: 'center',title: 'id', hide:true}
+            ,{field: 'docNum',title: '鎷h揣鍗曞彿' , templet: '#orderNoTpl'}
+            ,{align: 'center', title: '浜岀淮鐮�', toolbar: '#operate', width: 200 , hide:true}
+            ,{align: 'center', title: '鏄庣粏', toolbar: '#tbLook', minWidth: 160, width: 160}
+            ,{field: 'status$', align: 'center',title: '鐘舵��'}
+            ,{field: 'custName', align: 'center',title: '瀹㈡埛鍚嶇О', width: 160}
+            ,{field: 'createTime$', align: 'center',title: '鎿嶄綔鏃堕棿'}
+            ,{align: 'center', title: '鎿嶄綔', toolbar: '#operate'}
+
+        ]],
+        request: {
+            pageName: 'curr',
+            pageSize: 'limit'
+        },
+        parseData: function (res) {
+            console.log(res);
+            return {
+                'code': res.code,
+                'msg': res.msg,
+                'count': res.data.total,
+                'data': res.data.records
+            }
+        },
+        response: {
+            statusCode: 200
+        },
+        done: function(res, curr, count) {
+            if (res.code === 403) {
+                top.location.href = baseUrl+"/";
+            }
+            pageCurr=curr;
+            limit();
+        }
+    });
+
+    // 鐩戝惉鎺掑簭浜嬩欢
+    table.on('sort(saasLog)', function (obj) {
+        var searchData = {};
+        $.each($('#search-box [name]').serializeArray(), function() {
+            searchData[this.name] = this.value;
+        });
+        searchData['orderByField'] = obj.field;
+        searchData['orderByType'] = obj.type;
+        tableIns.reload({
+            where: searchData,
+            page: {curr: 1}
+        });
+    });
+    // 鐩戝惉琛屽伐鍏蜂簨浠�
+    table.on('tool(saasLog)', function(obj){
+        var data = obj.data;
+        switch (obj.event) {
+            case "btnPrint":
+                btnPrint(data.wrkNo, data.docNum, 4);
+                break;
+            case "wrkTrace":
+                btnPrint(data.wrkNo, data.docNum, 4);
+                break;
+            case "btnPrint2":
+                btnPrint2(data.wrkNo, data.docNum, 4);
+                break;
+            case "look":
+                var $a = $(obj.tr).find('a[lay-event="look"]');
+                var offset = $a.offset();
+                var top = offset.top;
+                var left = offset.left;
+                layer.open({
+                    type: 1,
+                    title: false,
+                    area: '1200px',
+                    offset: [top + 'px', (left - 530 + $a.outerWidth()) + 'px'],
+                    shade: .01,
+                    shadeClose: true,
+                    fixed: false,
+                    content: '<table id="lookSSXMTable" lay-filter="lookSSXMTable"></table>',
+                    success: function (layero) {
+                        table.render({
+                            elem: '#lookSSXMTable',
+                            headers: {token: localStorage.getItem('token')},
+                            url: baseUrl+'/ManPakOut/list/auth',
+                            where: {
+                                doc_num: data.docNum
+                            },
+                            page: true,
+                            cellMinWidth: 100,
+                            cols: [[
+                                {type: 'numbers'}
+                                ,{field: 'id', align: 'center',title: 'id', hide:true}
+                                ,{field: 'docNum', align: 'center',title: '鎷h揣鍗曞彿'}
+                                ,{field: 'locNo', align: 'center',title: '搴撲綅'}
+                                ,{field: 'matnr', align: 'center',title: '鐗╂枡鍙�'}
+                                ,{field: 'maktx', align: 'center',title: '鍟嗗搧鍚嶇О'}
+                                ,{field: 'anfme', align: 'center',title: '鏁伴噺'}
+                                ,{field: 'createTime$', align: 'center',title: '鎿嶄綔鏃堕棿'}
+                                ,{field: 'count', align: 'center',title: '瀹屾垚鏁�'}
+                                ,{field: 'status$', align: 'center',title: '鐘舵��'}
+                                ,{field: 'memo', align: 'center',title: '澶囨敞'}
+                                ,{field: 'createBy', align: 'center',title: '', hide:true}
+                            ]],
+                            request: {
+                                pageName: 'curr',
+                                pageSize: 'limit'
+                            },
+                            parseData: function (res) {
+                                return {
+                                    'code': res.code,
+                                    'msg': res.msg,
+                                    'count': res.data.total,
+                                    'data': res.data.records
+                                }
+                            },
+                            response: {
+                                statusCode: 200
+                            },
+                            done: function () {
+                                $(layero).find('.layui-table-view').css('margin', '0');
+                            },
+                            size: ''
+                        });
+                    }
+                });
+        }
+    });
+
+    // 鎼滅储
+    form.on('submit(search)', function (data) {
+        pageCurr = 1;
+        tableReload(false);
+    });
+
+    // 閲嶇疆
+    form.on('submit(reset)', function (data) {
+        pageCurr = 1;
+        clearFormVal($('#search-box'));
+        tableReload(false);
+    });
+
+    // 鏃堕棿閫夋嫨鍣�
+    function layDateRender(data) {
+        setTimeout(function () {
+            layDate.render({
+                elem: '#ioTime\\$',
+                type: 'datetime',
+                value: data!==undefined?data['ioTime\\$']:null
+            });
+
+        }, 300);
+    }
+    layDateRender();
+
+    // 鎵撳嵃
+    function btnPrint(orderId, orderNo, settle) {
+        printMatCodeNos.push(orderNo)
+        var templateNo = 3;
+        $.ajax({
+             url: baseUrl+"/pakOut/print/auth",
+           // url: baseUrl+"/pakOut/show",
+            headers: {'token': localStorage.getItem('token')},
+             data: {param: printMatCodeNos},
+            method: 'POST',
+            async: false,
+            success: function (res) {
+                if (res.code === 200){
+                    layer.closeAll();
+                    for (let i=0;i<res.data.length;i++){
+                        var templateDom = $("#templatePreview"+templateNo);
+                        var className = templateDom.attr("class");
+                        if (className === 'template-barcode') {
+                            res.data[i]["barcodeUrl"]=baseUrl+"/mac/code/auth?type=1&param="+res.data[i].docNum;
+                        } else {
+                            res.data[i]["barcodeUrl"]=baseUrl+"/mac/code/auth?type=2&param="+res.data[i].docNum;
+                        }
+                    }
+
+
+                    var tpl = templateDom.html();
+                    var template = Handlebars.compile(tpl);
+                    var html = template(res);
+                    var box = $("#box");
+                    box.html(html);
+                    box.show();
+                    var imgUrl;
+                    // console.log(res.data[0]);
+                    for (let i=0;i<res.data.length;i++){
+                        if (res.data[i].docNum === orderNo){
+                            imgUrl = res.data[i]["barcodeUrl"];
+                        }
+
+                    }
+
+                    var img = '<img className="template-code template-qrcode" src='+imgUrl+' height="80%">'
+                    layer.open({
+                        type: 1,
+                        title: "鎷h揣鍗�",
+                        area: '150px',
+                        content: img
+                    })
+
+                    // box.print({mediaPrint:true});
+                    // box.hide();
+
+                } else if (res.code === 403){
+                    top.location.href = baseUrl+"/";
+                }else {
+                    layer.msg(res.msg)
+                }
+            }
+        })
+    }
+
+         function btnPrint2(orderId, orderNo, settle) {
+            console.log(orderId);
+            console.log(orderNo);
+            console.log(settle);
+            printMatCodeNos.push(orderNo)
+            var templateNo = 4;
+            $.ajax({
+                url: baseUrl + "/ManPakOut/print/auth",
+                headers: {'token': localStorage.getItem('token')},
+                data: {param: printMatCodeNos},
+                method: 'POST',
+                async: false,
+                success: function (res) {
+                    if (res.code === 200) {
+                        layer.closeAll();
+                         var json = res;
+
+                        json.docNum = orderNo;
+                        console.log("json"+json);
+                        let sum = 0;
+
+                        for (let i = 0; i < res.data.length; i++){
+                            sum += res.data[i].anfme;
+                            console.log("sum:"+res.data.anfme);
+
+                        }
+                        json.anfmeSum = sum;
+                        var barcodeUrl = baseUrl + "/ManPakOut/code/auth?type=1&param=" + res.data[0].docNum;
+                        console.log("barcodeUrl:"+barcodeUrl);
+                        json.barcodeUrl = barcodeUrl;
+                        for (let i = 0; i < json.data.length; i++) {
+                            var templateDom = $("#templatePreview" + templateNo);
+                            var className = templateDom.attr("class");
+
+                            if (className === 'template-barcode') {
+                                json.data[i]["barcodeUrl"] = baseUrl + "/ManPakOut/code/auth?type=2&param=" + (json.data[i].docNum+";"+json.data[i].matnr+";"+json.data[i].maktx+";"+json.data[i].anfme+";"+json.data[i].locNo+";");
+                            } else {
+                                json.data[i]["barcodeUrl"] = baseUrl + "/ManPakOut/code/auth?type=2&param=" + (json.data[i].docNum+";"+json.data[i].matnr+";"+json.data[i].maktx+";"+json.data[i].anfme+";"+json.data[i].locNo+";");
+                            }
+                        }
+                        var tpl = templateDom.html();
+                        var template = Handlebars.compile(tpl);
+                        var html = template(json);
+                        var box = $("#box");
+                        box.html(html);
+                        box.show();
+                        box.print({mediaPrint: true});
+                        box.hide();
+                    } else if (json.code === 403) {
+                        top.location.href = baseUrl + "/";
+                    } else {
+                        layer.msg(json.msg)
+                    }
+                }
+            })
+        }
+
+
+
+});
+
+// 鍏抽棴鍔ㄤ綔
+$(document).on('click','#data-detail-close', function () {
+    parent.layer.closeAll();
+});
+
+function tableReload(child) {
+    var searchData = {};
+    $.each($('#search-box [name]').serializeArray(), function() {
+        searchData[this.name] = this.value;
+    });
+    tableIns.reload({
+        where: searchData,
+        page: {curr: pageCurr}
+     });
+}
diff --git a/src/main/webapp/static/js/picking/pickingOrder.js b/src/main/webapp/static/js/picking/pickingOrder.js
new file mode 100644
index 0000000..847332b
--- /dev/null
+++ b/src/main/webapp/static/js/picking/pickingOrder.js
@@ -0,0 +1,495 @@
+var pageCurr;
+layui.config({
+    base: baseUrl + "/static/layui/lay/modules/"
+}).use(['layer','table','laydate', 'form', 'admin', 'xmSelect'], function(){
+    var table = layui.table;
+    var $ = layui.jquery;
+    var layer = layui.layer;
+    var layDate = layui.laydate;
+    var form = layui.form;
+    var admin = layui.admin;
+    var xmSelect = layui.xmSelect;
+
+    // 鏁版嵁娓叉煋
+    tableIns = table.render({
+        elem: '#saasLog',
+        headers: {token: localStorage.getItem('token')},
+        url: baseUrl+'/order/picking/head/page/auth',
+        page: true,
+        limit: 15,
+        limits: [15, 30, 50, 100, 200, 500],
+        // toolbar: '#toolbar',
+        cellMinWidth: 50,
+        height: 'full-120',
+        cols: [[
+            {type: 'numbers'},
+            {field: 'orderNo', title: '鍗曟嵁缂栧彿'},
+            {field: 'docType$', align: 'center', title: '绫诲瀷',  minWidth: 160, width: 160},
+            {align: 'center', title: '鏄庣粏', toolbar: '#tbLook', minWidth: 160, width: 160},
+            {field: 'createTime$', title: '鍒涘缓鏃堕棿', minWidth: 200, width: 200},
+            {field: 'settle$', align: 'center', title: '鐘舵��', templet: '#settleTpl',  minWidth: 160, width: 160},
+            {field: 'memo', align: 'center',title: '澶囨敞', hide: true},
+            {align: 'center', title: '鎿嶄綔', toolbar: '#operate', width: 380}
+        ]],
+        request: {
+            pageName: 'curr',
+            pageSize: 'limit'
+        },
+        parseData: function (res) {
+            return {
+                'code': res.code,
+                'msg': res.msg,
+                'count': res.data.total,
+                'data': res.data.records
+            }
+        },
+        response: {
+            statusCode: 200
+        },
+        done: function(res, curr, count) {
+            if (res.code === 403) {
+                top.location.href = baseUrl+"/";
+            }
+            pageCurr=curr;
+            limit();
+        }
+    });
+
+    // 鐩戝惉鎺掑簭浜嬩欢
+    table.on('sort(saasLog)', function (obj) {
+        var searchData = {};
+        $.each($('#search-box [name]').serializeArray(), function() {
+            searchData[this.name] = this.value;
+        });
+        searchData['orderByField'] = obj.field;
+        searchData['orderByType'] = obj.type;
+        tableIns.reload({
+            where: searchData,
+            page: {curr: 1}
+        });
+    });
+    // 鐩戝惉琛屽伐鍏蜂簨浠�
+    table.on('tool(saasLog)', function(obj){
+        var data = obj.data;
+        switch (obj.event) {
+            case "edit":
+                console.log("淇敼");
+                showEditModel(data);
+                break;
+            case "del":
+                console.log("鍒犻櫎");
+                doDel(data.id);
+                break;
+            case "complete":
+                console.log("瀹岀粨");
+                break;
+            case "btnPrint":
+                console.log("鎵撳嵃");
+                break;
+            case "manPrint":
+                addPakOut(data.orderNo);
+                break;
+            case "look":
+                var $a = $(obj.tr).find('a[lay-event="look"]');
+                var offset = $a.offset();
+                var top = offset.top;
+                var left = offset.left;
+                layer.open({
+                    type: 1,
+                    title: false,
+                    area: '820px',
+                    offset: [top + 'px', (left - 530 + $a.outerWidth()) + 'px'],
+                    shade: .01,
+                    shadeClose: true,
+                    fixed: false,
+                    content: '<table id="lookSSXMTable" lay-filter="lookSSXMTable"></table>',
+                    success: function (layero) {
+                        table.render({
+                            elem: '#lookSSXMTable',
+                            headers: {token: localStorage.getItem('token')},
+                            url: baseUrl+'/orderDetl/list/auth',
+                            where: {
+                                order_id: data.id
+                            },
+                            page: true,
+                            cellMinWidth: 100,
+                            cols: [[
+                                {type: 'numbers'},
+                                {field: 'matnr', title: '鍟嗗搧缂栫爜', width: 160},
+                                {field: 'maktx', title: '鍟嗗搧鍚嶇О', width: 160},
+                                {field: 'batch', title: '鎵瑰彿'},
+                                {field: 'anfme', title: '鏁伴噺'},
+                                // {field: 'workQty', title: '浣滀笟鏁伴噺'},
+                                {field: 'qty', title: '瀹屾垚鏁伴噺', style: 'font-weight: bold'},
+                                {field: 'specs', title: '瑙勬牸'}
+                            ]],
+                            request: {
+                                pageName: 'curr',
+                                pageSize: 'limit'
+                            },
+                            parseData: function (res) {
+                                return {
+                                    'code': res.code,
+                                    'msg': res.msg,
+                                    'count': res.data.total,
+                                    'data': res.data.records
+                                }
+                            },
+                            response: {
+                                statusCode: 200
+                            },
+                            done: function () {
+                                $(layero).find('.layui-table-view').css('margin', '0');
+                            },
+                            size: ''
+                        });
+                    }
+                });
+                break;
+        }
+    });
+
+    // 鎼滅储
+    form.on('submit(search)', function (data) {
+        pageCurr = 1;
+        tableReload(false);
+    });
+
+    // 閲嶇疆
+    form.on('submit(reset)', function (data) {
+        pageCurr = 1;
+        clearFormVal($('#search-box'));
+        tableReload(false);
+    });
+
+    // 娣诲姞
+    $("#orderAddBtn").click(function () {
+        showEditModel();
+    });
+
+    // 鏃堕棿閫夋嫨鍣�
+    function layDateRender(data) {
+        setTimeout(function () {
+            layDate.render({
+                elem: '#ioTime\\$',
+                type: 'datetime',
+                value: data!==undefined?data['ioTime\\$']:null
+            });
+
+        }, 300);
+    }
+    layDateRender();
+
+    // 鐢熸垚鎷h揣鍗�
+    function addPakOut(expTpe) {
+        $.ajax({
+            url: baseUrl+"/ManPakOut/add/auth",
+            headers: {'token': localStorage.getItem('token')},
+            data: JSON.stringify({
+                docType: Number(20),
+                orderNo: expTpe,
+            }),
+            contentType:'application/json;charset=UTF-8',
+            method: 'POST',
+            success: function (res) {
+                if (res.code === 200){
+                    layer.msg("鐢熸垚鎷h揣鍗曪細ok");
+                } else if (res.code === 403){
+                    layer.msg("鐢熸垚鎷h揣鍗曪細403");
+                }else {
+                    layer.msg("鐢熸垚鎷h揣鍗曪細???");
+                }
+
+            }
+        })
+    }
+    // 鍒犻櫎鍗曟嵁
+    function doDel(orderId) {
+        console.log(orderId)
+        layer.confirm('纭畾瑕佸垹闄ゅ悧锛�', {
+            shade: .1,
+            skin: 'layui-layer-admin'
+        }, function (i) {
+            layer.close(i);
+            layer.load(2);
+            $.ajax({
+                url: baseUrl+"/order/delete/auth",
+                headers: {'token': localStorage.getItem('token')},
+                data: {
+                    orderId: orderId
+                },
+                method: 'POST',
+                success: function (res) {
+                    layer.closeAll('loading');
+                    if (res.code === 200){
+                        layer.msg(res.msg, {icon: 1});
+                    } else if (res.code === 403){
+                        top.location.href = baseUrl+"/";
+                    }else {
+                        layer.msg(res.msg, {icon: 2});
+                    }
+                }
+            })
+        });
+    }
+
+
+    // 鏄剧ず琛ㄥ崟寮圭獥
+    function showEditModel(expTpe) {
+        admin.open({
+            type: 1,
+            title: (expTpe ? '淇敼' : '娣诲姞') + '鍗曟嵁',
+            content: $('#editDialog').html(),
+            area: '1300px',
+            success: function (layero, dIndex) {
+                $(layero).children('.layui-layer-content').css('overflow', 'visible');
+                var isExpAdd = !expTpe;
+                // 鍥炴樉鏁版嵁
+                form.val('editForm', expTpe);
+                if (expTpe) {
+                    $('#orderNo').attr("disabled", "disabled");
+                }
+                // 琛ㄥ崟鎻愪氦浜嬩欢
+                form.on('submit(orderEditSubmit)', function (data) {
+                    // 缁勮鏁版嵁
+                    if (xxDataList.length <= 0) {
+                        layer.tips('璇锋坊鍔犲崟鎹槑缁�', '#matAddBtnComment', {tips: [1, '#ff4c4c']});
+                        return false;
+                    }
+                    let nList = admin.util.deepClone(xxDataList);
+                    for (let xi = 0; xi < nList.length; xi++) {
+                        if (nList[xi].anfme <= 0){
+                            layer.msg('鏄庣粏淇敼鏁伴噺涓嶅悎娉�', {icon: 2});
+                            return false;
+                        }
+                        if (nList[xi].anfme < nList[xi].workQty){
+                            layer.msg('鏁伴噺涓嶈兘灏忎簬宸蹭綔涓氭暟閲�', {icon: 2});
+                            return false;
+                        }
+                    }
+                    layer.load(2);
+                    $.ajax({
+                        url: baseUrl+"/order/form/" + (isExpAdd?"add":"modify") + "/auth",
+                        headers: {'token': localStorage.getItem('token')},
+                        data: JSON.stringify({
+                            orderId: Number(data.field.id),
+                            docType: Number(20),
+                            orderNo: data.field.orderNo,
+                            orderDetlList: nList
+                        }),
+                        contentType:'application/json;charset=UTF-8',
+                        method: 'POST',
+                        success: function (res) {
+                            layer.closeAll('loading');
+                            if (res.code === 200){
+                                layer.close(dIndex);
+                                $(".layui-laypage-btn")[0].click();
+                                layer.msg(res.msg, {icon: 1});
+                            } else if (res.code === 403){
+                                top.location.href = baseUrl+"/";
+                            }else {
+                                layer.msg(res.msg, {icon: 2});
+                            }
+                        }
+                    })
+                    return false;
+                });
+                // 鏄庣粏琛ㄦ牸
+                var xxDataList = [];
+                var tbOptions = {
+                    elem: '#formSSXMTable',
+                    headers: {token: localStorage.getItem('token')},
+                    data: xxDataList,
+                    page: true,
+                    height: '350px;',
+                    cellMinWidth: 100,
+                    cols: [[
+                        {type: 'numbers', title: '#'},
+                        {field: 'matnr', title: '鍟嗗搧缂栫爜', width: 160},
+                        {field: 'maktx', title: '鍟嗗搧鍚嶇О', width: 200},
+                        {field: 'batch', title: '鎵瑰彿', edit: true},
+                        {field: 'specs', title: '瑙勬牸'},
+                        {field: 'anfme', title: '鏁伴噺(淇敼)', style: 'color: blue;font-weight: bold', edit: true, minWidth: 110, width: 110},
+                        {field: 'workQty', title: '浣滀笟鏁伴噺',  minWidth: 100, width: 100},
+                        // {field: 'unit', title: '鍗曚綅', width: 80},
+                        {field: 'memo', title: '澶囨敞' , edit: true},
+                        {align: 'center', title: '鎿嶄綔', toolbar: '#formSSXMTableBar', minWidth: 80, width: 80, fixed: 'right'}
+                    ]],
+                    done: function (res) {
+                        $(layero).find('.layui-table-view').css('margin', '0');
+                    },
+                    size: ''
+                };
+                if (!isExpAdd) {
+                    $.ajax({
+                        url: baseUrl+"/order/detl/all/auth?orderId=" + expTpe.id,
+                        headers: {'token': localStorage.getItem('token')},
+                        method: 'GET',
+                        async: false,
+                        success: function (res) {
+                            if (res.code === 200){
+                                xxDataList = res.data;
+                                tbOptions.data = xxDataList;
+                            } else if (res.code === 403){
+                                top.location.href = baseUrl+"/";
+                            }else {
+                                layer.msg(res.msg, {icon: 2})
+                            }
+                        }
+                    })
+                }
+                var insTbSSXM = table.render(tbOptions);
+                // 宸ュ叿鏉$偣鍑讳簨浠�
+                table.on('tool(formSSXMTable)', function (obj) {
+                    var data = obj.data;
+                    var layEvent = obj.event;
+                    if (layEvent === 'edit') {
+                        showEditModel2(data);
+                    } else if (layEvent === 'del') {
+                        if(data.workQty > 0){
+                            layer.msg("宸插瓨鍦ㄤ綔涓氭暟閲忥紝涓嶈兘鍒犻櫎", {icon: 2});
+                            return;
+                        }
+                        layer.confirm('纭畾瑕佸垹闄ゅ悧锛�', {
+                            shade: .1,
+                            skin: 'layui-layer-admin'
+                        }, function (i) {
+                            layer.close(i);
+                            for (var j = 0; j < xxDataList.length; j++) {
+                                if (xxDataList[j].matnr === data.matnr && xxDataList[j].batch === data.batch) {
+                                    xxDataList.splice(j, 1);
+                                    break;
+                                }
+                            }
+                            insTbSSXM.reload({data: xxDataList, page: {curr: 1}});
+                        });
+                    }
+                });
+                // 鏄庣粏鏁版嵁淇敼
+                table.on('edit(formSSXMTable)', function (obj) {
+                    let index = obj.tr.attr("data-index");
+                    let data = xxDataList[index];
+                    if (obj.field === 'anfme'){
+                        let vle = Number(obj.value);
+                        if (isNaN(vle)) {
+                            layer.msg("璇疯緭鍏ユ暟瀛�", {icon: 2});
+                            return false;
+                        } else {
+                            if (vle <= 0) {
+                                layer.msg("鏁伴噺蹇呴』澶т簬闆�", {icon: 2});
+                                // data[obj.field] = 0;
+                                // insTbSSXM.reload({data: xxDataList});
+                                return false;
+                            }
+                            if(obj.value < data.workQty){
+                                layer.msg("杈撳叆鏁伴噺涓嶈兘灏忎簬浣滀笟涓暟閲�", {icon: 2});
+                                // data[obj.field] = 0;
+                                // insTbSSXM.reload({data: xxDataList});
+                                return false;
+                            }
+                        }
+                    }
+                    data[obj.field] = obj.value;
+                    insTbSSXM.reload({data: xxDataList});
+                });
+
+                $('#matAddBtnComment').click(function () {
+                    showEditModel2();
+                });
+
+                // 鏄剧ず娣诲姞鏄庣粏琛ㄥ崟寮圭獥
+                function showEditModel2(exp) {
+                    admin.open({
+                        type: 1,
+                        offset: '150px',
+                        area: '680px',
+                        title: (exp ? '淇敼' : '娣诲姞') + '鏄庣粏',
+                        content: $('#matEditDialog').html(),
+                        success: function (layero, dIndex) {
+                            // 鍥炴樉鏁版嵁
+                            form.val('matEditForm', exp);
+                            // 琛ㄥ崟鎻愪氦浜嬩欢
+                            form.on('submit(matEditSubmit)', function (data) {
+                                let selectList = matXmSelect.getValue();
+                                for (let i = 0; i<selectList.length; i++) {
+                                    let item = selectList[i];
+                                    // 鏌ヨ鐗╂枡璇︽儏
+                                    $.ajax({
+                                        url: baseUrl+"/mat/covert/"+item.value+"/auth",
+                                        headers: {'token': localStorage.getItem('token')},
+                                        method: 'GET',
+                                        async: false,
+                                        success: function (res) {
+                                            if (res.code === 200){
+                                                xxDataList.push(res.data);
+                                                insTbSSXM.reload({data: xxDataList, page: {curr: 1}});
+                                            } else if (res.code === 403){
+                                                top.location.href = baseUrl+"/";
+                                            }else {
+                                                layer.msg(res.msg, {icon: 2})
+                                            }
+                                        }
+                                    })
+                                }
+                                layer.close(dIndex);
+                                return false;
+                            });
+                            // 娓叉煋鐗╂枡閫夋嫨
+                            var matXmSelect = xmSelect.render({
+                                el: '#mat',
+                                style: {
+                                    width: '340px',
+                                },
+                                autoRow: true,
+                                toolbar: { show: true },
+                                filterable: true,
+                                remoteSearch: true,
+                                remoteMethod: function(val, cb, show){
+                                    $.ajax({
+                                        url: baseUrl+"/mat/all/get/kv",
+                                        headers: {'token': localStorage.getItem('token')},
+                                        data: {
+                                            condition: val
+                                        },
+                                        method: 'POST',
+                                        success: function (res) {
+                                            if (res.code === 200){
+                                                cb(res.data)
+                                            } else {
+                                                cb([]);
+                                                layer.msg(res.msg, {icon: 2});
+                                            }
+                                        }
+                                    });
+                                }
+                            })
+                            // 寮圭獥涓嶅嚭鐜版粴鍔ㄦ潯
+                            $(layero).children('.layui-layer-content').css('overflow', 'visible');
+                            layui.form.render('select');
+                        }
+                    });
+                }
+
+            }
+        });
+    }
+
+});
+
+// 鍏抽棴鍔ㄤ綔
+$(document).on('click','#data-detail-close', function () {
+    parent.layer.closeAll();
+});
+
+function tableReload(child) {
+    var searchData = {};
+    $.each($('#search-box [name]').serializeArray(), function() {
+        searchData[this.name] = this.value;
+    });
+    tableIns.reload({
+        where: searchData,
+        page: {curr: pageCurr}
+    });
+}
+
+
diff --git a/src/main/webapp/views/pakout/pakout.html b/src/main/webapp/views/pakout/pakout.html
deleted file mode 100644
index d648adb..0000000
--- a/src/main/webapp/views/pakout/pakout.html
+++ /dev/null
@@ -1,272 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title></title>
-    <meta name="renderer" content="webkit">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
-    <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all">
-    <link rel="stylesheet" href="../../static/css/cool.css" media="all">
-</head>
-<body>
-
-<div class="layui-fluid">
-    <div class="layui-card">
-        <div class="layui-card-body">
-            <div class="layui-form toolbar" id="search-box">
-                <div class="layui-form-item">
-                    <div class="layui-inline">
-                        <label class="layui-form-label">鎷h揣鍗曞彿:</label>
-                        <div class="layui-input-inline">
-                            <input class="layui-input" type="text" name="doc_num" placeholder="鎷h揣鍗曞彿" autocomplete="off">
-                        </div>
-                    </div>
-                    <div class="layui-inline">&emsp;
-                        <button class="layui-btn icon-btn" lay-filter="search" lay-submit>
-                            <i class="layui-icon">&#xe615;</i>鎼滅储
-                        </button>
-                        <button class="layui-btn icon-btn" lay-filter="reset" lay-submit>
-                            <i class="layui-icon">&#xe666;</i>閲嶇疆
-                        </button>
-                    </div>
-                </div>
-            </div>
-            <table class="layui-hide" id="pakout" lay-filter="pakout"></table>
-        </div>
-    </div>
-</div>
-
-<script type="text/html" id="toolbar">
-    <div class="layui-btn-container">
-<!--        <button class="layui-btn layui-btn-sm" id="btn-add" lay-event="addData">鏂板</button>-->
-<!--        <button class="layui-btn layui-btn-sm layui-btn-danger" id="btn-delete" lay-event="deleteData">鍒犻櫎</button>-->
-        <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData" style="float: right">瀵煎嚭</button>
-    </div>
-</script>
-
-<script type="text/html" id="orderNoTpl">
-    {{d.docNum}}
-    <!--    {{# if(d.settle > 1 && d.settle !== 3){ }}-->
-
-    <!--    {{# } }}-->
-    <i class="layui-icon layui-icon-about wrk-trace" lay-tips="鏌ョ湅浜岀淮鐮�" lay-direction="2" lay-offset="-10px,0px" lay-event="wrkTrace"></i>
-</script>
-<script type="text/html" id="tbLook">
-    <span class="layui-text">
-        <a href="javascript:;" lay-event="look">
-            <i class="layui-icon" style="font-size: 12px;">&#xe61a;</i> 鏌ョ湅鍗曟嵁鏄庣粏
-        </a>
-    </span>
-</script>
-
-<script type="text/html" id="operate">
-    <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">淇敼</a>
-    <a class="layui-btn layui-btn-danger layui-btn-xs btn-edit" lay-event="del">鍒犻櫎</a>
-</script>
-
-<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
-<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
-<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
-<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
-<script type="text/javascript" src="../../static/js/pakout/pakout.js" charset="utf-8"></script>
-</body>
-
-
-<!-- 琛ㄥ崟寮圭獥 -->
-<script type="text/html" id="editDialog">
-    <form id="detail" lay-filter="detail" class="layui-form admin-form model-form">
-        <input name="id" type="hidden">
-        <div class="layui-row">
-            <div class="layui-col-md12">
-                <div class="layui-form-item">
-                    <label class="layui-form-label layui-form-required">浠诲姟鍙�: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="wrkNo" placeholder="璇疯緭鍏ヤ换鍔″彿" lay-vertype="tips" lay-verify="required">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">宸ヤ綔鐘舵��: </label>
-                    <div class="layui-input-block cool-auto-complete">
-                        <input class="layui-input" name="wrkSts" placeholder="璇疯緭鍏ュ伐浣滅姸鎬�" style="display: none">
-                        <input id="wrkSts$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="璇疯緭鍏ュ伐浣滅姸鎬�" onfocus=this.blur()>
-                        <div class="cool-auto-complete-window">
-                            <input class="cool-auto-complete-window-input" data-key="wrkStsQueryBywrkSts" onkeyup="autoLoad(this.getAttribute('data-key'))">
-                            <select class="cool-auto-complete-window-select" data-key="wrkStsQueryBywrkStsSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">
-                            </select>
-                        </div>
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鎵樼洏鍙�: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="zpallet" placeholder="璇疯緭鍏ユ墭鐩樺彿">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鍑哄簱鏁伴噺: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="anfme" placeholder="璇疯緭鍏ュ嚭搴撴暟閲�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鍏宠仈璐т綅: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="nodeId" placeholder="璇疯緭鍏ュ叧鑱旇揣浣�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">璐т綅: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="locNo" placeholder="璇疯緭鍏ヨ揣浣�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label layui-form-required">鍟嗗搧缂栫爜: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="matnr" placeholder="璇疯緭鍏ュ晢鍝佺紪鐮�" lay-vertype="tips" lay-verify="required">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鍟嗗搧鍚嶇О: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="maktx" placeholder="璇疯緭鍏ュ晢鍝佸悕绉�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鍚嶇О: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="name" placeholder="璇疯緭鍏ュ悕绉�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">瑙勬牸: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="specs" placeholder="璇疯緭鍏ヨ鏍�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鍨嬪彿: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="model" placeholder="璇疯緭鍏ュ瀷鍙�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鎵瑰彿: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="batch" placeholder="璇疯緭鍏ユ壒鍙�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鍗曚綅: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="unit" placeholder="璇疯緭鍏ュ崟浣�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">璐х墿鏉$爜: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="barcode" placeholder="璇疯緭鍏ヨ揣鐗╂潯鐮�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鍗曟嵁绫诲瀷: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="docId" placeholder="璇疯緭鍏ュ崟鎹被鍨�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鍗曟嵁缂栧彿: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="docNum" placeholder="璇疯緭鍏ュ崟鎹紪鍙�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">瀹㈡埛鍚嶇О: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="custName" placeholder="璇疯緭鍏ュ鎴峰悕绉�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鍝侀」鏁�: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="itemNum" placeholder="璇疯緭鍏ュ搧椤规暟">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鏁伴噺: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="count" placeholder="璇疯緭鍏ユ暟閲�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">閲嶉噺: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="weight" placeholder="璇疯緭鍏ラ噸閲�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">鐘舵��: </label>
-                    <div class="layui-input-block">
-                        <select name="status">
-                            <option value="">璇烽�夋嫨鐘舵��</option>
-                            <option value="1">姝e父</option>
-                            <option value="0">绂佺敤</option>
-                        </select>
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">娣诲姞浜哄憳: </label>
-                    <div class="layui-input-block cool-auto-complete">
-                        <input class="layui-input" name="createBy" placeholder="璇疯緭鍏ユ坊鍔犱汉鍛�" style="display: none">
-                        <input id="createBy$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="璇疯緭鍏ユ坊鍔犱汉鍛�" onfocus=this.blur()>
-                        <div class="cool-auto-complete-window">
-                            <input class="cool-auto-complete-window-input" data-key="userQueryBycreateBy" onkeyup="autoLoad(this.getAttribute('data-key'))">
-                            <select class="cool-auto-complete-window-select" data-key="userQueryBycreateBySelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">
-                            </select>
-                        </div>
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">娣诲姞鏃堕棿: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="createTime" id="createTime$" placeholder="璇疯緭鍏ユ坊鍔犳椂闂�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">淇敼浜哄憳: </label>
-                    <div class="layui-input-block cool-auto-complete">
-                        <input class="layui-input" name="updateBy" placeholder="璇疯緭鍏ヤ慨鏀逛汉鍛�" style="display: none">
-                        <input id="updateBy$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="璇疯緭鍏ヤ慨鏀逛汉鍛�" onfocus=this.blur()>
-                        <div class="cool-auto-complete-window">
-                            <input class="cool-auto-complete-window-input" data-key="userQueryByupdateBy" onkeyup="autoLoad(this.getAttribute('data-key'))">
-                            <select class="cool-auto-complete-window-select" data-key="userQueryByupdateBySelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">
-                            </select>
-                        </div>
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">淇敼鏃堕棿: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="updateTime" id="updateTime$" placeholder="璇疯緭鍏ヤ慨鏀规椂闂�">
-                    </div>
-                </div>
-                <div class="layui-form-item">
-                    <label class="layui-form-label">澶囨敞: </label>
-                    <div class="layui-input-block">
-                        <input class="layui-input" name="memo" placeholder="璇疯緭鍏ュ娉�">
-                    </div>
-                </div>
-
-             </div>
-        </div>
-        <hr class="layui-bg-gray">
-        <div class="layui-form-item text-right">
-            <button class="layui-btn" lay-filter="editSubmit" lay-submit="">淇濆瓨</button>
-            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">鍙栨秷</button>
-        </div>
-    </form>
-</script>
-</html>
-
diff --git a/src/main/webapp/views/picking/picking.html b/src/main/webapp/views/picking/picking.html
new file mode 100644
index 0000000..018c501
--- /dev/null
+++ b/src/main/webapp/views/picking/picking.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title></title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all">
+    <link rel="stylesheet" href="../../static/css/cool.css" media="all">
+    <style>
+        .contain td {
+            border: 1px solid #000;
+            /*font-family: 榛戜綋;*/
+            /*font-weight: bold;*/
+            /*color: #000000;*/
+        }
+    </style>
+</head>
+<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
+<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
+<script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></script>
+<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
+<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
+<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
+<script type="text/javascript" src="../../static/js/picking/picking.js" charset="utf-8"></script>
+<body>
+
+<div class="layui-fluid">
+    <div class="layui-card">
+        <div class="layui-card-body">
+            <div class="layui-form toolbar" id="search-box">
+                <div class="layui-form-item">
+                    <div class="layui-inline">
+                        <label class="layui-form-label">鎷h揣鍗曞彿:</label>
+                        <div class="layui-input-inline">
+                            <input class="layui-input" type="text" name="doc_num" placeholder="鎷h揣鍗曞彿" autocomplete="off">
+                        </div>
+                    </div>
+                    <div class="layui-inline">&emsp;
+                        <button class="layui-btn icon-btn" lay-filter="search" lay-submit>
+                            <i class="layui-icon">&#xe615;</i>鎼滅储
+                        </button>
+                        <button class="layui-btn icon-btn" lay-filter="reset" lay-submit>
+                            <i class="layui-icon">&#xe666;</i>閲嶇疆
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <table class="layui-hide" id="saasLog" lay-filter="saasLog"></table>
+        </div>
+    </div>
+</div>
+
+
+</body>
+<!-- 琛ㄦ牸鎿嶄綔鍒� -->
+<script type="text/html" id="tbLook">
+    <span class="layui-text">
+        <a href="javascript:;" lay-event="look">
+            <i class="layui-icon" style="font-size: 12px;">&#xe61a;</i> 鏌ョ湅鍗曟嵁鏄庣粏
+        </a>
+    </span>
+</script>
+<!-- 琛ㄦ牸鎿嶄綔鍒� -->
+<script type="text/html" id="operate">
+    {{# if (d.settle == 0 || d.settle == 1) { }}
+    <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">淇敼</a>
+    <a class="layui-btn layui-btn-danger layui-btn-xs btn-delete" lay-event="del">鍒犻櫎</a>
+    {{# } }}
+    {{# if ((d.settle == 0 || d.settle == 1) && (d.docType == 21 || d.docType == 11 || d.docType == 12)) { }}
+    {{# } }}
+    {{# if (d.settle == 2) { }}
+    <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="complete">瀹岀粨</a>
+    {{# } }}
+    <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="btnPrint2">鎵撳嵃</a>
+ <!--   <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="btnPrint"><img src="../../static/image/nav/fn_3.png" alt="浜岀淮鐮�"></a>
+-->
+</script>
+
+<script type="text/html" id="orderNoTpl">
+    {{d.docNum}}
+<!--    {{# if(d.settle > 1 && d.settle !== 3){ }}-->
+
+<!--    {{# } }}-->
+    <i class="layui-icon layui-icon-about wrk-trace" lay-tips="鏌ョ湅浜岀淮鐮�" lay-direction="2" lay-offset="-10px,0px" lay-event="wrkTrace"></i>
+</script>
+<!-- 鎵撳嵃鎿嶄綔寮圭獥 -->
+<div id="printDataDiv" style="display: none;padding: 20px">
+    <div class="layui-form" style="text-align: center">
+        <hr>
+        <!--鍗曢�夋-->
+        <div class="layui-form-item" style="display: inline-block; margin-bottom: 10px">
+            <input type="radio" name="selectTemplate" value="3" title="妯℃澘涓�" lay-filter="selectTemplateRadio" checked="">
+        </div>
+        <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;text-align: left;">
+            <legend>鎵撳嵃棰勮</legend>
+            <div id="template-container" style="margin: 20px;text-align: center">
+                <!-- 棰勮鍥� 3 -->
+                <div id="template-preview-3" class="template-preview" style="display: inline-block">
+                    <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;">
+                    </table>
+                </div>
+            </div>
+        </fieldset>
+    </div>
+</div>
+<div id="box" style="display: block"></div>
+
+<script type="text/template" id="docTypeTpl">
+    <option value="">閫夋嫨绫诲瀷</option>
+    {{#each records}}
+    <option value="{{docId}}">{{docName}}</option>
+    {{/each}}
+</script>
+<!-- 鍒濆鍖栨墦鍗版ā鏉跨殑鏉″舰鐮� -->
+<script type="text/javascript">
+    $('.template-qrcode').attr("src", baseUrl+"/ManPakOut/code/auth?type=2&param=123");
+</script>
+<!-- 妯℃澘寮曟搸 -->
+<!-- 妯℃澘3 -->
+<script type="text/template" id="templatePreview3" class="template-qrcode">
+    {{#each data}}
+    <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;">
+        <thead></thead>
+        <tbody>
+        <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" height="80%">
+<!--        <img class="template-code template-qrcode" src="{{res.data}}" height="80%">-->
+        </tbody>
+    </table>
+    {{/each}}
+</script>
+
+<div id="qrcode" style="display: none;padding: 20px">
+    {{#each result}}
+    <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;">
+        <thead></thead>
+        <tbody>
+        <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" height="80%">
+        <!--        <img class="template-code template-qrcode" src="{{res.data}}" height="80%">-->
+        </tbody>
+    </table>
+    {{/each}}
+</div>
+
+
+<!-- 妯℃澘寮曟搸 -->
+<!-- 妯℃澘4 -->
+<script type="text/template" id="templatePreview4" class="template-qrcode">
+
+    <div style="width: 100%;border-bottom: #0C0C0C solid 2px;margin-bottom: 20px;">
+        <div style="height: 60px;text-align: center;line-height: 60px;font-size: 30px;">鎷h揣鍗�</div>
+        <div style="height: 90px;text-align: center;line-height: 90px;">
+            <img class="template-code template-qrcode" src="{{barcodeUrl}}" width="300">
+        </div>
+        <div style="height: 50px;text-align: center;font-size: 25px;">{{docNum}}</div>
+        <div style="height: 40px;text-align: left;line-height: 40px;font-size: 20px;">鍑哄簱鍗曞彿锛歿{docNum}}</div>
+        <div style="height: 40px;text-align: left;line-height: 40px;font-size: 20px;">鎬绘暟閲忥細{{anfmeSum}}</div>
+    </div>
+    {{#each data}}
+    <table width="100%" style="border:0;border-bottom:#0C0C0C solid 2px; margin-bottom:20px;padding:0;overflow: hidden;font-size: xx-small;table-layout: fixed;">
+        <tr style="height: 25px;font-size: 15px;">
+            <td align="left" scope="col" colspan="1" style="width: 100px;">
+                鏂欏彿:
+            </td>
+            <td>
+                {{this.matnr}}
+            </td>
+            <td align="left" scope="col" colspan="1" rowspan="4">
+                <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" width="100px">
+            </td>
+        </tr>
+        <tr style="height: 25px;font-size: 15px;">
+            <td align="left" scope="col" colspan="1" style="width: 100px;">
+                鍟嗗搧鍚�:
+            </td>
+            <td>
+                {{this.maktx}}
+            </td>
+        </tr>
+        <tr style="height: 25px; font-size: 15px;">
+        <td align="left" scope="col" colspan="1" style="width: 100px;">
+            鎷h揣鏁伴噺:
+        </td>
+        <td>
+            {{this.anfme}}
+        </td>
+        </tr>
+        <tr style="height: 30px; font-size: 15px;">
+            <td align="left" scope="col" colspan="1" style="width: 100px;">
+                搴撲綅:
+            </td>
+            <td align="left" scope="col" colspan="1">
+                {{this.locNo}}
+            </td>
+        </tr>
+    </table>
+    {{/each}}
+</script>
+
+
+</html>
+
diff --git a/src/main/webapp/views/picking/pickingOrder.html b/src/main/webapp/views/picking/pickingOrder.html
new file mode 100644
index 0000000..c467b21
--- /dev/null
+++ b/src/main/webapp/views/picking/pickingOrder.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title></title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all">
+    <link rel="stylesheet" href="../../static/css/cool.css" media="all">
+    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<!--    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>-->
+<!--    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>-->
+    <style>
+        .wrk-trace {
+            color: green;
+            cursor: pointer;
+            margin-left: 6px;
+            font-size: 18px;
+        }
+    </style>
+</head>
+<body>
+
+<div class="layui-fluid">
+    <div class="layui-card">
+        <div class="layui-card-body">
+            <div class="layui-form toolbar" id="search-box">
+                <div class="layui-form-item">
+                    <div class="layui-inline">
+                        <label class="layui-form-label">鍗曟嵁缂栧彿:</label>
+                        <div class="layui-input-inline">
+                            <input class="layui-input" type="text" name="order_no" placeholder="鍗曟嵁缂栧彿" autocomplete="off">
+                        </div>
+                    </div>
+                    <div class="layui-inline">&emsp;
+                        <button class="layui-btn icon-btn" lay-filter="search" lay-submit>
+                            <i class="layui-icon">&#xe615;</i>鎼滅储
+                        </button>
+                        <button class="layui-btn icon-btn" lay-filter="reset" lay-submit>
+                            <i class="layui-icon">&#xe666;</i>閲嶇疆
+                        </button>
+                        <button id="orderAddBtn" class="layui-btn icon-btn btn-add"><i class="layui-icon">&#xe654;</i>娣诲姞
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <table class="layui-hide" id="saasLog" lay-filter="saasLog"></table>
+        </div>
+    </div>
+</div>
+
+<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
+<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
+<script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></script>
+<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
+<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
+<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
+<script type="text/javascript" src="../../static/js/echarts/echarts.min.js" charset="utf-8"></script>
+<script type="text/javascript" src="../../static/js/picking/pickingOrder.js" charset="utf-8"></script>
+</body>
+<!-- 琛ㄦ牸鎿嶄綔鍒� -->
+<script type="text/html" id="tbLook">
+    <span class="layui-text">
+        <a href="javascript:;" lay-event="look">
+            <i class="layui-icon" style="font-size: 12px;">&#xe61a;</i> 鏌ョ湅鍗曟嵁鏄庣粏
+        </a>
+    </span>
+</script>
+
+<script type="text/html" id="settleTpl">
+    <span name="settle"
+          {{# if( d.settle === 1){ }}
+          class="layui-badge layui-badge-red"
+          {{# }else if(d.settle === 2){ }}
+          class="layui-badge layui-badge-green"
+          {{# }else if(d.settle === 3){ }}
+          class="layui-badge layui-badge-gray"
+          {{# }else if(d.settle === 4){ }}
+          class="layui-badge layui-badge-blue"
+          {{# }else if(d.settle === 5){ }}
+          class="layui-badge layui-badge-gray"
+          {{# }else if(d.settle === 6){ }}
+          class="layui-badge layui-badge-gray"
+          {{# } }}
+    >{{d.settle$}}</span>
+</script>
+
+
+<!-- 琛ㄥ崟寮圭獥 -->
+<script type="text/html" id="editDialog">
+    <form id="editForm" lay-filter="editForm" class="layui-form model-form">
+        <input name="id" type="hidden"/>
+        <div class="layui-form-item">
+            <label class="layui-form-label">鍗曟嵁绫诲瀷锛�</label>
+            <div class="layui-input-block cool-auto-complete">
+                <input class="layui-input" name="docType" style="display: none" value="骞冲簱鎷h揣鍗�">
+                <input id="docType$" name="docType$" value="骞冲簱鎷h揣鍗�" class="layui-input cool-auto-complete-div" onclick="autoShow(20)" placeholder="骞冲簱鎷h揣鍗�" onfocus=this.blur() lay-verType="tips" lay-verify="required">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">鍗曟嵁缂栧彿锛�</label>
+            <div class="layui-input-block">
+                <input id="orderNo" name="orderNo" placeholder="杈撳叆鍗曟嵁缂栧彿" type="text" class="layui-input" maxlength="20" lay-verType="tips" />
+                <!--                lay-verify="required"-->
+            </div>
+        </div>
+        <div class="layui-form-item" style="position: relative;">
+            <label class="layui-form-label">鍗曟嵁鏄庣粏锛�</label>
+            <div class="layui-input-block">
+                <table id="formSSXMTable" lay-filter="formSSXMTable"></table>
+            </div>
+            <button class="layui-btn layui-btn-sm icon-btn" id="matAddBtnComment"
+                    style="position: absolute; left: 20px;top: 60px;padding: 0 5px;" type="button">
+                <i class="layui-icon">&#xe654;</i>娣诲姞鏄庣粏
+            </button>
+        </div>
+        <div class="layui-form-item text-right">
+            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">鍙栨秷</button>
+            <button class="layui-btn" lay-filter="orderEditSubmit" lay-submit>淇濆瓨</button>
+        </div>
+    </form>
+</script>
+<!-- 琛ㄦ牸鎿嶄綔鍒� -->
+<script type="text/html" id="operate">
+    {{# if (d.settle == 0 || d.settle == 1) { }}
+    <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">淇敼</a>
+    <a class="layui-btn layui-btn-danger layui-btn-xs btn-delete" lay-event="del">鍒犻櫎</a>
+    <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="manPrint">鐢熸垚鎷h揣鍗�</a>
+    {{# } }}
+    {{# if (d.settle == 2) { }}
+<!--    <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="complete">瀹岀粨</a>-->
+    {{# } }}
+<!--    <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="btnPrint">鎵撳嵃</a>-->
+
+</script>
+<!-- 琛ㄥ崟寮圭獥 -->
+<script type="text/html" id="matEditDialog">
+    <form id="matEditForm" lay-filter="matEditForm" class="layui-form model-form">
+        <input name="experimentId" type="hidden"/>
+        <div class="layui-form-item" style="float: left">
+            <label class="layui-form-label">鐗╂枡 - 澶氶��</label>
+            <div class="layui-input-block">
+                <div id="mat" name="mat">
+                </div>
+            </div>
+        </div>
+        <div class="layui-form-item text-right" style="display: inline-block; margin-left: 35px">
+            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">鍙栨秷</button>
+            <button class="layui-btn" lay-filter="matEditSubmit" lay-submit>淇濆瓨</button>
+        </div>
+    </form>
+</script>
+</html>
+

--
Gitblit v1.9.1