bklLiudl
2024-09-02 9885a8a2f98104f5ee63dd5ab8023095a1d8b9f6
HTML/views/ASNSetting/BindBoxInfo.html
@@ -1,40 +1,45 @@
<!DOCTYPE html>
<html>
   <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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
      <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
   </head>
   <body>
      <div class="layui-fluid" style="padding-bottom: 0;">
            <div class="layui-card">
            <div class="layui-form layui-card-header layuiadmin-card-header-auto">
               <div class="layui-form-item" style="margin-bottom: 0px;">
                  <div class="layui-inline zongdan" >
                     <label class="layui-form-label" style="width: 60px;">支码</label>
                     <div class="layui-input-inline" style="width: 170px; margin-right: 0px;">
                        <input type="text" id="BoxNo3"  name="BoxNo3" placeholder="支码" autocomplete="off" class="layui-input">
                     </div>
                  </div>
<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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
   <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
</head>
                  <div class="layui-inline sousuo">
                     <button class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-submit lay-filter="LAY-app-contlist-search">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>搜索
                     </button>
<body>
   <div class="layui-fluid" style="padding-bottom: 0;">
      <div class="layui-card">
         <div class="layui-form layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item" style="margin-bottom: 0px;">
               <div class="layui-inline zongdan">
                  <label class="layui-form-label" style="width: 60px;">支码</label>
                  <div class="layui-input-inline" style="width: 170px; margin-right: 0px;">
                     <input type="text" id="BoxNo3" name="BoxNo3" placeholder="支码" autocomplete="off"
                        class="layui-input">
                  </div>
               </div>
             </div>
               <div class="layui-inline sousuo">
                  <button class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-submit
                     lay-filter="LAY-app-contlist-search">
                     <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>搜索
                  </button>
               </div>
            </div>
         </div>
      </div>
            <div class="layui-card-body">
      <div class="layui-card-body">
            <table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table>
            <script type="text/html" id="BoxStatus">
         <table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table>
         <script type="text/html" id="BoxStatus">
               {{# function GetBoxInfoBtn(d){
                  var html = '';
                  if(d.Status=='0'){
@@ -51,133 +56,132 @@
               }}
               {{ GetBoxInfoBtn(d) }}
            </script>
         </div>
      </div>
      <script src="../../layuiadmin/layui/layui.js"></script>
      <script src="../../js/public.js"></script>
      <script src="../../js/jquery-3.5.1.min.js"></script>
      <script src="../../js/jquery.cookie.js"></script>
      <script>
         layui.config({
            base: '../../layuiadmin/' //静态资源所在路径
         }).extend({
            index: 'lib/index' //主入口模块
         }).use(['index', 'table', 'laypage', 'layer'], function() {
            var table = layui.table,
               form = layui.form,
               laypage = layui.laypage,
               layer = layui.layer;
            var $ = layui.$,
               form = layui.form,
               layer = layui.layer;
            var boxNo = getQueryString('BoxNo');
            var bindNo = getQueryString('BindNo');
            if (!boxNo)
            {
               boxNo = "";
            }
            else
            {
               var param = {
                  boxNo: boxNo,
               };
                    console.log(getQueryString('BoxNo'))
                    console.log(boxNo)
                    refreshTable();
                    function refreshTable() {
                  var param={
                     BoxNo:getQueryString('BoxNo'),
                     BoxNo3:$("#BoxNo3").val(),
                     BindNo:getQueryString('BindNo')
                  }
                        sendData(IP + "/BllAsn/GetBoxInfoByBoxNo", param , 'get', function(res) {
                            console.log(res)
                            if (res.code == 0) { //成功
                                var list = res.data;
                                $.extend(infoOptions, {
                                    data: list
                                });
                                infoOptions.page = {
                                    curr: 1
                                }
                                tableIns = table.render(infoOptions);
                            }
                            else { //不成功
                                layer.msg('获取箱码明细列表信息失败!', {
                                    icon: 2,
                                    time: 2000 //2秒关闭(如果不配置,默认是3秒)
                                }, function() {});
                            }
                        });
                    }
            }
                // 表单需要的变量
            var infoOptions = {
               elem: '#LAY-app-content-list',
               height: 'full-98',
               id: 'LAY-app-content-list',
               page: true,
               limit: pageCnt,
               limits: pageLimits,
               even: true,
               cellMinWidth: 80, //全局定义常规单元格的最小宽度,layui 2.2.1 新增
               cols:
               [[
                        {
                            title: '序号',  type: 'numbers',  fixed: 'left'
                        },
                        {
                            field: 'SkuNo', title: '物料号', align: 'center',hide:true
                        },
                        {
                            field: 'SkuName', title: '物料名称', align: 'center',hide:true
                        },
                        {
                            field: 'PalletNo', title: '托盘条码', align: 'center', width: 110,
                        },
                        {
                            field: 'BoxNo', title: '箱码', align: 'center', width: 100,hide:true
                        },
                        {
                            field: 'BoxNo2', title: '盒码', align: 'center', width: 100,hide:true
                        },
                        {
                            field: 'BoxNo3', title: '支码', align: 'center', width: 220,
                        },
                        {
                            field: 'Status', title: '箱支状态', align: 'center',width: 110, templet: '#BoxStatus',
                        },
                        {
                            field: 'LotNo', title: '批次', align: 'center',width: 160,
                        },
                        {
                            field: 'LotText', title: '批次描述', align: 'center',
                        },
                        {
                            field: 'Qty', title: '数量', width: 90, align: 'center',
                        },
                        {
                            field: 'FullQty', title: '整箱数量', width: 100, align: 'center',
                        },
               ]]
   </div>
   <script src="../../layuiadmin/layui/layui.js"></script>
   <script src="../../js/public.js"></script>
   <script src="../../js/jquery-3.5.1.min.js"></script>
   <script src="../../js/jquery.cookie.js"></script>
   <script>
      layui.config({
         base: '../../layuiadmin/' //静态资源所在路径
      }).extend({
         index: 'lib/index' //主入口模块
      }).use(['index', 'table', 'laypage', 'layer'], function () {
         var table = layui.table,
            form = layui.form,
            laypage = layui.laypage,
            layer = layui.layer;
         var $ = layui.$,
            form = layui.form,
            layer = layui.layer;
         var boxNo = getQueryString('BoxNo');
         var bindNo = getQueryString('BindNo');
         if (!boxNo) {
            boxNo = "";
         }
         else {
            var param = {
               boxNo: boxNo,
            };
                //监听搜索
            form.on('submit(LAY-app-contlist-search)', function(data) {
                    refreshTable();
            });
            //获取浏览器参数
            function getQueryString(name) {
               var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
               var r = window.location.search.substr(1).match(reg);
               if (r != null) return unescape(r[2]);
               return null;
            console.log(getQueryString('BoxNo'))
            console.log(boxNo)
            refreshTable();
            function refreshTable() {
               var param = {
                  BoxNo: getQueryString('BoxNo'),
                  BoxNo3: $("#BoxNo3").val(),
                  BindNo: getQueryString('BindNo')
               }
               sendData(IP + "/BllAsn/GetBoxInfoByBoxNo", param, 'get', function (res) {
                  console.log(res)
                  if (res.code == 0) { //成功
                     var list = res.data;
                     $.extend(infoOptions, {
                        data: list
                     });
                     infoOptions.page = {
                        curr: 1
                     }
                     tableIns = table.render(infoOptions);
                  }
                  else { //不成功
                     layer.msg('获取箱码明细列表信息失败!', {
                        icon: 2,
                        time: 2000 //2秒关闭(如果不配置,默认是3秒)
                     }, function () { });
                  }
               });
            }
         })
      </script>
   </body>
</html>
         }
         // 表单需要的变量
         var infoOptions = {
            elem: '#LAY-app-content-list',
            height: 'full-98',
            id: 'LAY-app-content-list',
            page: true,
            limit: pageCnt,
            limits: pageLimits,
            even: true,
            cellMinWidth: 80, //全局定义常规单元格的最小宽度,layui 2.2.1 新增
            cols:
               [[
                  {
                     title: '序号', type: 'numbers', fixed: 'left'
                  },
                  {
                     field: 'SkuNo', title: '物料号', align: 'center', hide: true
                  },
                  {
                     field: 'SkuName', title: '物料名称', align: 'center', hide: true
                  },
                  {
                     field: 'PalletNo', title: '托盘条码', align: 'center',
                  },
                  {
                     field: 'BoxNo', title: '箱码', align: 'center', hide: false
                  },
                  {
                     field: 'BoxNo2', title: '盒码', align: 'center', width: 100, hide: true
                  },
                  {
                     field: 'BoxNo3', title: '支码', align: 'center',
                  },
                  {
                     field: 'Status', title: '箱支状态', align: 'center', width: 110, templet: '#BoxStatus',
                  },
                  {
                     field: 'LotNo', title: '批次', align: 'center', width: 160,
                  },
                  {
                     field: 'LotText', title: '批次描述', align: 'center', hide: true
                  },
                  {
                     field: 'Qty', title: '数量', width: 90, align: 'center',
                  },
                  {
                     field: 'FullQty', title: '整箱数量', width: 100, align: 'center',
                  },
               ]]
         };
         //监听搜索
         form.on('submit(LAY-app-contlist-search)', function (data) {
            refreshTable();
         });
         //获取浏览器参数
         function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
         }
      })
   </script>
</body>
</html>