南骏 池
2024-12-14 a6e5d667123496f0129c8e7c3d930c46e7a46ba1
1.待发区界面
已添加1个文件
1089 ■■■■■ 文件已修改
pages/CangKuManage/CK_XSCK_DFQ.html 1089 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/CangKuManage/CK_XSCK_DFQ.html
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,1089 @@
<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>销售出库(待发区)</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script src="../../js/mui.min.js"></script>
    <script src="../../js/api.js"></script>
    <script src="../../js/common.js"></script>
    <script src="../../js/jquery.js"></script>
    <script src="../../js/jquery-1.11.1.js"></script>
    <script src="../../js/jquery.xml2json.js.js"></script>
    <!-- <script src="../../js/template-web.js"></script> -->
        <link href="../../css/mui.min.css" rel="stylesheet" />
        <script type="text/javascript" src="../../lib/base_js/js/app.js"></script>
        <script type="text/javascript" src="../../lib/base_js/js/common.js" ></script>
        <link href="../../lib/mui/css/mui.min.css" rel="stylesheet" />
        <link href="../../lib/mui/css/mui.picker.min.css" rel="stylesheet" />
        <link href="../../lib/mui/css/mui.poppicker.css" rel="stylesheet" />
        <script src="../../lib/mui/js/mui.picker.min.js"></script>
        <script src="../../lib/mui/js/mui.poppicker.js"></script>
        <link rel="stylesheet" href="../../lib/base_js/css/common.css" />
                <link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
        <style>
            #info {
                /*查询信息属性*/
                background-color: #FFE48D;
            }
        </style>
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link href="../../lib/mui/css/mui.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="mui-input-group mui-content" >
            <!-- <div class="mui-input-row  ">
                <div style=" float: left; ">
                    <label class="row-title">人员</label>
                    <input class="row-content-split" type="text" name="txtBillNo" id="txtBillNo" placeholder="请选择报工人员"readonly="readonly">
                </div>
            </div> -->
            <div class="mui-input-row" id="row001">
                <label>人员编码</label>
                <input id="txtBillNoN" type="text" value="" class="mui-input-clear text-color" placeholder="请扫描人员码" onkeypress="GetBarInfoT()" />
            </div>
            <div class="mui-input-row" id="row001">
                <label>人员名称</label>
                <input id="txtBillNo" type="text" value="" class="mui-input-clear text-color" readonly="readonly" onkeypress="GetBarInfoT()" />
            </div>
            <tr>
              <td class="quantity-cell">
                <div class="center-content">
                  <button class="confirm-button" onclick="confirmQuantity()">刷新</button>
                </div>
              </td>
            </tr>
            <input type="text" id="input" placeholder="输入关键字进行查询">
            <div class="mui-input-row" id="row001">
                <label>发货通知单</label>
                <select id="order" class="mui-h5 " style="margin:auto; color:#000;" >
                    <option value="">请点击选择发货通知单</option>
                </select>
            </div>
            <div class="mui-input-row" id="row001">
                <label>单据类型</label>
                <select id="orderType" class="mui-h5 " style="margin:auto; color:#000;" >
                    <option value="">请点击选择单据类型</option>
                    <option value="ad0779a4685a43a08f08d2e42d7bf3e9--标准销售出库单">标准销售出库单</option>
                    <option value="63e4a64ce0b4ae--发出商品出库单">发出商品出库单</option>
                </select>
            </div>
            <div class="mui-input-row" id="row001">
                <label>业务类型</label>
                <select id="base" class="mui-h5 " style="margin:auto; color:#000;" >
                    <option value="">请点击选择业务类型</option>
                    <option value="001">001-现金销售</option>
                    <option value="002">002-普通业务</option>
                </select>
            </div>
            <div class="mui-input-row" id="row001">
                <label>承运商</label>
                <select id="cys"  style="margin:auto; color:#000;font-size: 12px" >
                    <option value="">请点击选择承运商</option>
                </select>
            </div>
            <div class=" mui-input-row" id="row002">
                <label>请输入车牌</label>
                <input id="cpinfo" type="text" value="" class="mui-input-clear text-color" tabindex="0" placeholder="请输入车牌"
                    onkeypress="" />
            </div>
            <div class=" mui-input-row" id="row002">
                <label>条码</label>
                <input id="DAB001" type="text" value="" class="mui-input-clear text-color" tabindex="0" placeholder="请扫描条码"
                    onkeypress="GetBarInfoXSCK()" />
            </div>
            <div class="mui-input-row" id="div002">
                <div style="width:31%;float: left;">
                    <label style="width: 100%;float: left;">库位</label>
                </div>
                <div style="width: 40%;float: left;">
                    <input id="MBA001" type="text" value="" class="text-color" placeholder="请扫描库位"
                        style="width: 100%;float: left;" onkeypress="GetStoreTAA()" />
                </div>
                <div style="width: 29%;float: left;" class="mui-checkbox mui-left">
                    <label style="width: 100%;float: left;">默认</label>
                    <input id="checkdefault" name="checkbox" value="Item1" type="checkbox">
                </div>
            </div>
            <div id="txtInfo"><!--<div class="mui-input-row" style="height: 350px; margin-top: 10px;">-->
                <div class="link-area" id="div001">
                    <h4 style="color: #008000; text-align: center;">
                        å¾…出库单据明细
                        <span id="dgWOMDAG-sum" class="mui-badge mui-badge-success easyui-draggable"
                            style="font-size: 15px;" data-options="onStopDrag:onStopDrag">0</span>
                    </h4>
                </div>
            </div>
            <div class="mui-input-row" id="row001">
                <label>物料编码</label>
                <input id="DAB020" type="text" value="" class="mui-input-clear text-color"  readonly="readonly" />
            </div>
            <div class="mui-input-row" id="row001">
                <label>条码数量</label>
                <input id="txtSL" type="text" value="" class="mui-input-clear text-color"  readonly="readonly" />
            </div>
            <div class="mui-input-row" id="row001">
                <label>发料数量</label>
                <input id="FLSL" type="text" value="" class="mui-input-clear text-color" placeholder="请输入发料数量" onkeypress="is_CreateXSCKD()" />
            </div>
            <div class="data-table-container" style="height: 100%; width: 100%;">
              <table class="data-table" id="myTable" style="height: 100%; width: 100%;">
                <!-- è¡¨æ ¼ä»£ç  -->
                <table class="data-table" id="myTable" style="height:100% width: 100%;;">
                  <thead>
                    <tr>
                      <!-- <th style="width: 100px;">物料名称</th> -->
                      <th>物料代码</th>
                      <th>待发数量</th>
                      <th>已发数量</th>
                      <th>推荐仓位</th>
                      <!-- <th>规格型号</th>
                      <th>图号</th> -->
                    </tr>
                  </thead>
                  <tbody>
                    <!-- è¡¨æ ¼å†…容将通过 JS åŠ¨æ€ç”Ÿæˆ -->
                  </tbody>
                </table>
              </table>
            </div>
        </div>
    </body>
</html>
<script>
            mui.init(); // åˆå§‹åŒ– MUI
            //app.init();
            //初始化
            mui.plusReady(function() {
                app.init();
                fetchData();
                fetchCYSData();
                 //   console.log("1111");
                //app.init();
                //fetchData();
                //fetchCYSData();
            });
            // window.onload = function(){
            //     fetchData();
            //     fetchCYSData();
            // }
            var is_DY =false;
            // å½“确定按钮被点击时,执行的回调函数
            function onConfirmButtonClick(e) {
              if (e.index == 0) {
                console.log("确定按钮被点击");
                // æ‰§è¡Œä½ çš„逻辑代码
                // ...
                // è§£ç»‘事件处理函数,避免重复触发
                document.querySelector('.mui-popup-button-bold').removeEventListener('tap', onConfirmButtonClick);
              }
            }
            //获取条码信息
            function GetBarInfoXSCK() {
                 if(event.keyCode == 13) {
                    //console.log("销售出库条码测试!!");
                    var barcodeInput = document.getElementById("DAB001");
                    var txtSL = document.getElementById("txtSL");
                    var DAB020 = document.getElementById("DAB020");
                    var FLSL = document.getElementById("FLSL");
                    var barcodeValue = barcodeInput.value;
                     //如果未输入条码,跳出方法
                    if(barcodeValue == "") {
                        //console.log("1");
                        barcodeInput.focus();
                        playerAudio("NG");
                        mui.toast("请先扫描物料条码!");
                        return;
                    }
                    //console.log("2");
                    //获取发货通知单,校验
                    var COMDFA = document.getElementById("order");
                    var selectedValue = COMDFA.value;
                    if (selectedValue === '') {
                        alert("请选择发货通知单!!!");
                        return;
                    }
                    var splitValues = selectedValue.split("--");
                    if (splitValues.length === 2) {
                        var DFA001 = splitValues[0]; // ç¬¬ä¸€ä¸ªå€¼å­˜å…¥ DFA001
                        var DFB002 = splitValues[1]; // ç¬¬äºŒä¸ªå€¼å­˜å…¥ DFB002
                        }
                     //用户ID
                    //    var currentSession = app.loadconfig(app.CONFIG_CURRENT_SESSION);
                       // var user_id =currentSession.user_id; //currentSession.user_id;
            //        var user_id = "admin";
                    //console.log("4");
                     $.ajax({
                         url: app.API_URL_HEADER + "/WARBABChag/GetBarInfoXSCK",
                         data: {
                             DAB001: barcodeValue,
                            DFA001: DFA001,
                            DFB002: DFB002,
                         },
                         DataType: "json",
                         type: "post",
                         async: false,
                         //timeout: 15000,
                         success: function(data) {
                             //console.log(JSON.stringify(data));
                             if(data.status != 0) {
                                playerAudio("NG");
                                 mui.alert(data.message,"","",function(){
                                     barcodeInput.focus();
                                    barcodeInput.value = '';
                                    txtSL.value = '';//先清空一下数据源
                                 });
                                 return;
                             } else {
                                 matterTable = data.data.matterTable;
                                txtSL.value = '';//先清空一下数据源
                                FLSL.value = '';//先清空一下数据源
                                txtSL.value = data.data.txtSL;//先清空一下数据源
                                FLSL.value = data.data.FLSL;//先清空一下数据源
                                DAB020.value = data.data.DAB020;
                                //$("#txtSL").val(data.data.txtSL);//填入条码数量
                                //$("#FLSL").val(data.data.FLSL);//填入发料数量
                                //$("#DAB020").val(data.data.DAB020);//填入物料编码
                                if (parseFloat(txtSL.value) <= parseFloat(FLSL.value)) {
                                  // txtSL的值小于FLSL的值
                                  console.log("生成出库单");
                                  CreateXSCKD();
                                  txtSL.value = "";
                                  FLSL.value = "";
                                  document.getElementById("DAB020").value = "";
                                }else
                                {
                                    FLSL.focus();
                                }
                                is_DY = true;
                             }
                         },
                         error: function(xhr, type, errorThrown) {
                             alert("获取数据异常:" + JSON.stringify(errorThrown));
                         }
                     });
                    //console.log("5");
                 }
             };
            //判断是否需要拆分条码
            //判断是否需要拆分条码
            function is_CreateXSCKD() {
              if (event.keyCode == 13) {
                  console.log("出库拆分调试");
                  var txtSL = document.getElementById("txtSL");
                  var FLSL = document.getElementById("FLSL");
                    console.log("1");
                  var txtSLValue = parseFloat(txtSL.value);
                  var FLSLValue = parseFloat(FLSL.value);
                  var COMDFA = document.getElementById("order");
                  var selectedValue = COMDFA.value;
                  if (selectedValue === '') {
                      alert("请选择发货通知单!!!");
                      return;
                  }
                  var splitValues = selectedValue.split("--");
                  if (splitValues.length === 2) {
                      var DFA001 = splitValues[0]; // ç¬¬ä¸€ä¸ªå€¼å­˜å…¥ DFA001
                      var DFB002 = splitValues[1]; // ç¬¬äºŒä¸ªå€¼å­˜å…¥ DFB002
                      }
                // æ¯”较数值大小
                    if (txtSLValue <= FLSLValue) {
                      // txtSL的值小于FLSL的值
                      console.log("生成出库单1");
                      // CreateXSCKD();
                      // txtSL.value = "";
                      // FLSL.value = "";
                      // document.getElementById("DAB020").value = "";
                    } else if (txtSLValue > FLSLValue) {
                      // txtSL的值大于FLSL的值
                      //console.log("确认是否拆分领料");
                      mui.confirm('是否拆分该条码?', '请确认', ['确认', '取消'], function(e) {
                        if (e.index === 0) {
                            //PrintSplit();
                            if(is_DY)
                            {
                                PrintSplit_XSCK();
                                SX_FHTZD();
                                console.log("刷新成功!");
                                is_DY = false;
                            }
                        } else {
                          // ç”¨æˆ·ç‚¹å‡»äº†å–消按钮
                            console.log("取消拆分!");
                            FLSL.focus();
                        }
                      });
                    }
              }
            };
            //刷新按钮
            function confirmQuantity() {
                fetchData();
                }
            //获取承运商
            function fetchCYSData() {
              $.ajax({
                url: app.API_URL_HEADER + "/WARBABChag/GetGSCYS",
                type: "GET",
                dataType: "json",
                success: function(response) {
                  if (response.status === 0) {
                    var selectElement = document.getElementById('cys');
                    selectElement.innerHTML = "";
                    var options = response.data.CYS001;
                    var option = document.createElement("option");
                    option.value = "";
                    option.text = "请选择承运商";
                    selectElement.appendChild(option);
                    for (var i = 0; i < options.length; i++) {
                      var option = document.createElement("option");
                      option.value = options[i]+'--'+response.data.CYS002[i];
                      option.text = options[i]+'--'+response.data.CYS002[i];
                      selectElement.appendChild(option);
                    }
                  } else {
                    alert("获取数据异常:" + response.message);
                  }
                },
                error: function(xhr, type, errorThrown) {
                  mui.toast("获取数据异常:" + JSON.stringify(errorThrown));
                  alert("获取数据异常:");
                }
              });
            }
            //条码拆分打印
            function PrintSplit_XSCK() {
              var barcodeInput = document.getElementById("DAB001");
              var barcodeValue = barcodeInput.value;
                // å¦‚果未输入条码,跳出方法
                if (barcodeValue === '') {
                    alert("请扫描条码!!!");
                    return;
                }
                console.log("1");
                //获取发货通知单,校验
                var COMDFA = document.getElementById("order");
                var selectedValue = COMDFA.value;
                if (selectedValue === '') {
                    alert("请选择发货通知单!!!");
                    return;
                }
                var splitValues = selectedValue.split("--");
                if (splitValues.length === 2) {
                    var DFA001 = splitValues[0]; // ç¬¬ä¸€ä¸ªå€¼å­˜å…¥ DFA001
                    var DFB002 = splitValues[1]; // ç¬¬äºŒä¸ªå€¼å­˜å…¥ DFB002
                    }
                //获取业务类型,校验。
                var ywlx = document.getElementById("base");
                var ywlxValue = ywlx.value;
                if (ywlxValue === '') {
                    alert("请选择业务类型!!!");
                    return;
                }
                //获取单据类型,校验。
                var orderType = document.getElementById("orderType");
                var orderTypeValue = orderType.value;
                if (orderTypeValue === '') {
                    alert("请选择单据类型!!!");
                    return;
                }
                var orderTypeValues = orderTypeValue.split("--");
                if (orderTypeValues.length === 2) {
                    var orderTypeBill = orderTypeValues[0]; // ç¬¬ä¸€ä¸ªå€¼å­˜å…¥ DFA001
                    var orderTypeName = orderTypeValues[1]; // ç¬¬äºŒä¸ªå€¼å­˜å…¥ DFB002
                    }
                //获取承运商,校验
                var CYS = document.getElementById("cys");
                var CYSValue = CYS.value;
                if (CYSValue === '') {
                    alert("请选择承运商!!!");
                    return;
                }
                var CYSsplitValues = CYSValue.split("--");
                if (CYSsplitValues.length === 2) {
                    var CYS001 = CYSsplitValues[0]; // ç¬¬ä¸€ä¸ªå€¼å­˜å…¥ DFA001
                    var CYS002 = CYSsplitValues[1]; // ç¬¬äºŒä¸ªå€¼å­˜å…¥ DFB002
                    }
                //获取车牌号,校验。
                var cpinfo = document.getElementById("cpinfo");
                var cpinfoValue = cpinfo.value;
                // if (cpinfoValue === '') {
                //     alert("请输入车牌号!!!");
                //     return;
                // }
                // var currentSession = app.loadconfig(app.CONFIG_CURRENT_SESSION);
                // var user_id = currentSession.user_id;
                // var user_id = app.userid
                // if(app.userid === undefined)
                // {
                //     user_id = document.getElementById('txtBillNo').value;
                // }
                       var currentSession = app.loadconfig(app.CONFIG_CURRENT_SESSION);
                            //var user_id = currentSession.user_id;
                            if($("#txtBillNo").val() == ""){
                            var user_id =currentSession.user_id;
                            }else{
                            var user_id =$("#txtBillNo").val();
                            }
                console.log(user_id);
                $.ajax(app.API_URL_HEADER + "/WARBABChag/PrintSplit_XSCK", {
                    data: {
                        DAB001: barcodeValue,
                        user_id: user_id,
                        DFA001: DFA001,
                        DFB002: DFB002,
                        YWLX: ywlxValue,
                        CYS001: CYS001,
                        CYS002: CYS002,
                        cpinfo: cpinfoValue,
                        orderTypeBill: orderTypeBill,
                        orderTypeName: orderTypeName,
                        FLSL:document.getElementById("FLSL").value,
                    },
                    dataType: "json",
                    type: "post",
                    async: false,
                    // timeout: 15000,
                    success: function(data) {
                        // console.log(JSON.stringify(data));
                        if (data.status != 0) {
                            playerAudio("NG");
                            alert(data.message);
                            document.getElementById("txtSL").value = "";
                            document.getElementById("FLSL").value = "";
                            document.getElementById("DAB020").value = "";
                            barcodeInput.value = ''; // æ¸…空输入框的值
                            barcodeInput.focus();
                            return;
                        } else {
                            mui.toast("出库成功!");
                            console.log("出库成功,返回打印ID:");
                            console.log(data.data.BARID);
                            var str = data.data.BARID.toString();
                            console.log(str); // å°†BARID转换为字符串并打印输出
                            barcodeInput.value = ''; // æ¸…空输入框的值
                            document.getElementById("txtSL").value = "";
                            document.getElementById("FLSL").value = "";
                            document.getElementById("DAB020").value = "";
                            barcodeInput.focus();
                            // å‘èµ· AJAX è¯·æ±‚
                            SX_FHTZD();
                            playerAudio("OK");
                            //printByIds(str);
                        }
                    },
                    error: function(xhr, type, errorThrown) {
                        mui.alert("获取数据异常:" + JSON.stringify(errorThrown));
                    }
                });
              document.getElementById('DAB001').focus();
            }
            //获取发货通知单
            function fetchData() {
              $.ajax({
                url: app.API_URL_HEADER + "/WARBABChag/GetCOMDFA",
                type: "GET",
                dataType: "json",
                success: function(response) {
                  if (response.status === 0) {
                    var selectElement = document.getElementById('order');
                    selectElement.innerHTML = "";
                    var options = response.data.DFA001;
                    var option = document.createElement("option");
                    option.value = "";
                    option.text = "请选择发货通知单";
                    selectElement.appendChild(option);
                    for (var i = 0; i < options.length; i++) {
                      var option = document.createElement("option");
                      option.value = options[i]+'--'+response.data.DFB002[i];
                      option.text = options[i]+'--'+response.data.DFB002[i];
                      selectElement.appendChild(option);
                    }
                  } else {
                    alert("获取数据异常:" + response.message);
                  }
                },
                error: function(xhr, type, errorThrown) {
                  mui.toast("获取数据异常:" + JSON.stringify(errorThrown));
                  alert("获取数据异常:");
                }
              });
            }
            //刷新发货通知单
            function SX_FHTZD() {
                //获取发货通知单,校验
                var COMDFA = document.getElementById("order");
                var selectedValue = COMDFA.value;
                if (selectedValue === '') {
                    alert("请选择发货通知单!!!");
                    return;
                }
                var splitValues = selectedValue.split("--");
                if (splitValues.length === 2) {
                    var DFA001 = splitValues[0]; // ç¬¬ä¸€ä¸ªå€¼å­˜å…¥ DFA001
                    var DFB002 = splitValues[1]; // ç¬¬äºŒä¸ªå€¼å­˜å…¥ DFB002
                    }
                $.ajax({
                  url: app.API_URL_HEADER + "/WARBABChag/GetCOMDFB", // åŽå°æŽ¥å£çš„URL
                  type: 'POST', // è¯·æ±‚方法
                  data: {
                                    DFA001: DFA001,
                                    DFB002: DFB002, //获取复选框是否被选中(true,false)
                                    }, // è¯·æ±‚参数,根据后台接口的要求进行修改
                  dataType: 'json', // æŽ¥æ”¶åˆ°çš„æ•°æ®ç±»åž‹
                  success: function(response) {
                    // å¤„理成功响应
                        //console.log(response); // è¾“出响应数据,你可以根据实际接口返回的数据进行相应的处理
                        document.getElementById('DAB001').focus();
                        if (response.status === 0) {
                            // è¡¨æ ¼æ•°æ®èŽ·å–æˆåŠŸ
                            var data = response.data;
                            var tableBody = document.querySelector("#myTable tbody");
                            tableBody.innerHTML = ""; // æ¸…空表格内容
                            for (var i = 0; i < data.物料名称.length; i++) {
                                if(data.待发数量[i] == 0)
                                {
                                    var tableBody = document.querySelector("#myTable tbody");
                                    tableBody.innerHTML = ""; // æ¸…空表格内容
                                    fetchData();
                                    return;
                                }
                                // åˆ›å»ºæ–°çš„表格行
                                var newRow = document.createElement("tr");
                                // // åˆ›å»ºå¹¶è®¾ç½®ç‰©æ–™åç§°å•元格
                                // var nameCell = document.createElement("td");
                                // nameCell.innerText = data.物料名称[i];
                                // newRow.appendChild(nameCell);
                                // åˆ›å»ºå¹¶è®¾ç½®ç‰©æ–™ä»£ç å•元格
                                var codeCell = document.createElement("td");
                                codeCell.innerText = data.物料代码[i];
                                newRow.appendChild(codeCell);
                                // åˆ›å»ºå¹¶è®¾ç½®ä»£å‘数量单元格
                                var pendingCell = document.createElement("td");
                                pendingCell.innerText = data.待发数量[i];
                                newRow.appendChild(pendingCell);
                                // åˆ›å»ºå¹¶è®¾ç½®å·²å‘数量单元格
                                var shippedCell = document.createElement("td");
                                shippedCell.innerText = data.已发数量[i];
                                newRow.appendChild(shippedCell);
                                // åˆ›å»ºå¹¶è®¾ç½®æŽ¨èä»“位单元格
                                var locationCell = document.createElement("td");
                                locationCell.innerText = data.推荐仓位[i];
                                newRow.appendChild(locationCell);
                                // // åˆ›å»ºå¹¶è®¾ç½®è§„格型号单元格
                                // var specificationCell = document.createElement("td");
                                // specificationCell.innerText = data.规格型号[i];
                                // newRow.appendChild(specificationCell);
                                // // åˆ›å»ºå¹¶è®¾ç½®å›¾å·å•元格
                                // var drawingCell = document.createElement("td");
                                // drawingCell.innerText = data.图号[i];
                                // newRow.appendChild(drawingCell);
                                // å°†æ–°çš„表格行添加到表格体中
                                tableBody.appendChild(newRow);
                            }
                        } else {
                            // è¡¨æ ¼æ•°æ®èŽ·å–å¤±è´¥
                            alert("发生错误:" + response.message); // ä½¿ç”¨å¼¹çª—显示错误信息
                        }
                  },
                  error: function(xhr, type, errorThrown) {
                    // å¤„理错误响应
                                  alert("发生错误:" + errorThrown); // ä½¿ç”¨å¼¹çª—显示错误信息
                  }
                });
            }
            document.getElementById('order').addEventListener('change', function() {
              // èŽ·å–é€‰ä¸­çš„å€¼
              var selectedValue = this.value;
              //console.log(selectedValue);
              var splitValues = selectedValue.split("--");
              if (splitValues.length === 2) {
                  var DFA001 = splitValues[0]; // ç¬¬ä¸€ä¸ªå€¼å­˜å…¥ DFA001
                  var DFB002 = splitValues[1]; // ç¬¬äºŒä¸ªå€¼å­˜å…¥ DFB002
                  }
              // å‘èµ· AJAX è¯·æ±‚
              $.ajax({
                url: app.API_URL_HEADER + "/WARBABChag/GetCOMDFB", // åŽå°æŽ¥å£çš„URL
                type: 'POST', // è¯·æ±‚方法
                data: {
                    DFA001: DFA001,
                    DFB002: DFB002, //获取复选框是否被选中(true,false)
                    }, // è¯·æ±‚参数,根据后台接口的要求进行修改
                dataType: 'json', // æŽ¥æ”¶åˆ°çš„æ•°æ®ç±»åž‹
                success: function(response) {
                  // å¤„理成功响应
                      //console.log(response); // è¾“出响应数据,你可以根据实际接口返回的数据进行相应的处理
                      document.getElementById('DAB001').focus();
                      if (response.status === 0) {
                          // è¡¨æ ¼æ•°æ®èŽ·å–æˆåŠŸ
                          var data = response.data;
                          var tableBody = document.querySelector("#myTable tbody");
                          tableBody.innerHTML = ""; // æ¸…空表格内容
                          for (var i = 0; i < data.物料名称.length; i++) {
                              // åˆ›å»ºæ–°çš„表格行
                              var newRow = document.createElement("tr");
                              // åˆ›å»ºå¹¶è®¾ç½®ç‰©æ–™åç§°å•元格
                              // var nameCell = document.createElement("td");
                              // nameCell.innerText = data.物料名称[i];
                              // newRow.appendChild(nameCell);
                              // åˆ›å»ºå¹¶è®¾ç½®ç‰©æ–™ä»£ç å•元格
                              var codeCell = document.createElement("td");
                              codeCell.innerText = data.物料代码[i];
                              newRow.appendChild(codeCell);
                              // åˆ›å»ºå¹¶è®¾ç½®ä»£å‘数量单元格
                              var pendingCell = document.createElement("td");
                              pendingCell.innerText = data.待发数量[i];
                              newRow.appendChild(pendingCell);
                              // åˆ›å»ºå¹¶è®¾ç½®å·²å‘数量单元格
                              var shippedCell = document.createElement("td");
                              shippedCell.innerText = data.已发数量[i];
                              newRow.appendChild(shippedCell);
                              // åˆ›å»ºå¹¶è®¾ç½®æŽ¨èä»“位单元格
                              var locationCell = document.createElement("td");
                              locationCell.innerText = data.推荐仓位[i];
                              newRow.appendChild(locationCell);
                              // // åˆ›å»ºå¹¶è®¾ç½®è§„格型号单元格
                              // var specificationCell = document.createElement("td");
                              // specificationCell.innerText = data.规格型号[i];
                              // newRow.appendChild(specificationCell);
                              // // åˆ›å»ºå¹¶è®¾ç½®å›¾å·å•元格
                              // var drawingCell = document.createElement("td");
                              // drawingCell.innerText = data.图号[i];
                              // newRow.appendChild(drawingCell);
                              // å°†æ–°çš„表格行添加到表格体中
                              tableBody.appendChild(newRow);
                          }
                      } else {
                          // è¡¨æ ¼æ•°æ®èŽ·å–å¤±è´¥
                          alert("发生错误:" + response.message); // ä½¿ç”¨å¼¹çª—显示错误信息
                      }
                },
                error: function(xhr, type, errorThrown) {
                  // å¤„理错误响应
                  //console.log(errorThrown); // è¾“出错误信息
                  alert("发生错误:" + errorThrown); // ä½¿ç”¨å¼¹çª—显示错误信息
                }
              });
            });
            //生成销售出库单
            function CreateXSCKD() {
              var barcodeInput = document.getElementById("DAB001");
              var barcodeValue = barcodeInput.value;
                // å¦‚果未输入条码,跳出方法
                if (barcodeValue === '') {
                    alert("请扫描条码!!!");
                    return;
                }
                //获取发货通知单,校验
                var COMDFA = document.getElementById("order");
                var selectedValue = COMDFA.value;
                if (selectedValue === '') {
                    alert("请选择发货通知单!!!");
                    return;
                }
                var splitValues = selectedValue.split("--");
                if (splitValues.length === 2) {
                    var DFA001 = splitValues[0]; // ç¬¬ä¸€ä¸ªå€¼å­˜å…¥ DFA001
                    var DFB002 = splitValues[1]; // ç¬¬äºŒä¸ªå€¼å­˜å…¥ DFB002
                    }
                //获取业务类型,校验。
                var ywlx = document.getElementById("base");
                var ywlxValue = ywlx.value;
                if (ywlxValue === '') {
                    alert("请选择业务类型!!!");
                    return;
                }
                //获取单据类型,校验。
                var orderType = document.getElementById("orderType");
                var orderTypeValue = orderType.value;
                if (orderTypeValue === '') {
                    alert("请选择单据类型!!!");
                    return;
                }
                var orderTypeValues = orderTypeValue.split("--");
                if (orderTypeValues.length === 2) {
                    var orderTypeBill = orderTypeValues[0]; // ç¬¬ä¸€ä¸ªå€¼å­˜å…¥ DFA001
                    var orderTypeName = orderTypeValues[1]; // ç¬¬äºŒä¸ªå€¼å­˜å…¥ DFB002
                    }
                //获取承运商,校验
                var CYS = document.getElementById("cys");
                var CYSValue = CYS.value;
                if (CYSValue === '') {
                    alert("请选择承运商!!!");
                    return;
                }
                var CYSsplitValues = CYSValue.split("--");
                if (CYSsplitValues.length === 2) {
                    var CYS001 = CYSsplitValues[0]; // ç¬¬ä¸€ä¸ªå€¼å­˜å…¥ DFA001
                    var CYS002 = CYSsplitValues[1]; // ç¬¬äºŒä¸ªå€¼å­˜å…¥ DFB002
                    }
                //获取车牌号,校验。
                var cpinfo = document.getElementById("cpinfo");
                var cpinfoValue = cpinfo.value;
                // if (cpinfoValue === '') {
                //     alert("请输入车牌号!!!");
                //     return;
                // }
                // var currentSession = app.loadconfig(app.CONFIG_CURRENT_SESSION);
                // var user_id = currentSession.user_id;
                // var user_id = app.userid
                // if(app.userid === undefined)
                // {
                //     user_id = document.getElementById('txtBillNo').value;
                // }
                  var currentSession = app.loadconfig(app.CONFIG_CURRENT_SESSION);
                            //var user_id = currentSession.user_id;
                            if($("#txtBillNo").val() == ""){
                            var user_id =currentSession.user_id;
                            }else{
                            var user_id =$("#txtBillNo").val();
                            }
                console.log(user_id);
                $.ajax(app.API_URL_HEADER + "/WARBABChag/CreateXSCK", {
                    data: {
                        DAB001: barcodeValue,
                        user_id: user_id,
                        DFA001: DFA001,
                        DFB002: DFB002,
                        YWLX: ywlxValue,
                        CYS001: CYS001,
                        CYS002: CYS002,
                        cpinfo: cpinfoValue,
                        orderTypeBill: orderTypeBill,
                        orderTypeName: orderTypeName,
                    },
                    dataType: "json",
                    type: "post",
                    async: false,
                    // timeout: 15000,
                    success: function(data) {
                        // console.log(JSON.stringify(data));
                        if (data.status != 0) {
                            playerAudio("NG");
                            alert(data.message);
                            barcodeInput.value = ''; // æ¸…空输入框的值
                            barcodeInput.focus();
                            return;
                        } else {
                            mui.toast("出库成功!");
                            barcodeInput.value = ''; // æ¸…空输入框的值
                            // å‘èµ· AJAX è¯·æ±‚
                            SX_FHTZD();
                            playerAudio("OK");
                        }
                    },
                    error: function(xhr, type, errorThrown) {
                        mui.alert("获取数据异常:" + JSON.stringify(errorThrown));
                    }
                });
              document.getElementById('DAB001').focus();
            }
            function GetBarInfoT() {
                var barcodeInput = document.getElementById("txtBillNoN");
                var barcodeValue = barcodeInput.value;
                 if(event.keyCode == 13) {
                     //用户ID
                    //var currentSession = app.loadconfig(app.CONFIG_CURRENT_SESSION);
                       //var user_id = currentSession.user_id;
                    var user_id = "admin";
                     $.ajax({
                         url: app.API_URL_HEADER + "/WARBABChag/GetBarInfoNAME",
                         data: {
                             txtBillNoN: barcodeValue,
                         },
                         DataType: "json",
                         type: "post",
                         async: false,
                         //timeout: 15000,
                         success: function(data) {
                             //console.log(JSON.stringify(data));
                             if(data.status != 0) {
                                playerAudio("NG");
                                 mui.alert(data.message,"","",function(){
                                    document.getElementById('txtBillNoN').focus();
                                    document.getElementById('txtBillNoN').value = "";
                                    document.getElementById('txtBillNo').value = "";
                                 });
                                 return;
                             } else {
                                 //matterTable = data.data.matterTable;
                                console.log(data.data.NAME);
                                 document.getElementById('txtBillNo').value = data.data.NAME//填入条码明细信息
                             }
                         },
                         error: function(xhr, type, errorThrown) {
                             alert("获取数据异常:" + JSON.stringify(errorThrown));
                         }
                     });
                 }
             };
            // èŽ·å–select元素和输入框元素
            var selectElement = document.getElementById('order');
            var inputElement = document.getElementById('input');
            // ç»™è¾“入框添加input事件监听
            inputElement.addEventListener('input', function() {
               var keyword = inputElement.value.toLowerCase(); // èŽ·å–è¾“å…¥æ¡†çš„å€¼å¹¶è½¬æ¢ä¸ºå°å†™
               // éåކselect元素的选项
               for (var i = 0; i < selectElement.options.length; i++) {
                  var optionText = selectElement.options[i].text.toLowerCase(); // èŽ·å–é€‰é¡¹çš„å€¼å¹¶è½¬æ¢ä¸ºå°å†™
                  // å¦‚果选项的值包含输入框的值,则显示该选项,否则隐藏该选项
                  if (optionText.includes(keyword)) {
                     selectElement.options[i].style.display = 'block';
                  } else {
                     selectElement.options[i].style.display = 'none';
                  }
               }
            });
            document.getElementById('cys').addEventListener('change', function() {
              var cysValue = this.value;
              var splitValues = cysValue.split("--");
              if (splitValues.length === 2) {
                  var CYS001 = splitValues[0]; // ç¬¬ä¸€ä¸ªå€¼å­˜å…¥ DFA001
                  var CYS002 = splitValues[1]; // ç¬¬äºŒä¸ªå€¼å­˜å…¥ DFB002
                                }
             $.ajax({
               url: app.API_URL_HEADER + "/WARBABChag/GetCPInfo", // åŽå°æŽ¥å£çš„URL
               type: 'POST', // è¯·æ±‚方法
               data: {
                                 CYS001: CYS001,
                                 CYS002: CYS002,
                                 }, // è¯·æ±‚参数,根据后台接口的要求进行修改
               dataType: 'json', // æŽ¥æ”¶åˆ°çš„æ•°æ®ç±»åž‹
               success: function(response) {
                 // å¤„理成功响应
                     //console.log(response); // è¾“出响应数据,你可以根据实际接口返回的数据进行相应的处理
                     if (response.status === 0) {
                        document.getElementById('cpinfo').value = response.data.CPINFO;
                        var element = document.getElementById('DAB001');
                        element.blur();
                        element.focus();
                     } else {
                        //无车牌信息
                        document.getElementById('cpinfo').value = "";
                        mui.toast(response.data);
                        var element = document.getElementById('cpinfo');
                        element.blur();
                        element.focus();
                        //alert(response.data); // ä½¿ç”¨å¼¹çª—显示错误信息
                     }
               },
               error: function(xhr, type, errorThrown) {
                 // å¤„理错误响应
                 //console.log(errorThrown); // è¾“出错误信息
                               alert("发生错误:" + errorThrown); // ä½¿ç”¨å¼¹çª—显示错误信息
               }
             });
            });
        </script>
<style>
          /* æ·»åŠ è¡¨æ ¼æ ·å¼ */
          .data-table {
            width: 100%;
            border-collapse: collapse;
            overflow-x: auto; /* æ°´å¹³æ»šåŠ¨æ¡ */
          }
          .data-table th,
          .data-table td {
            border: 1px solid #ccc;
            padding: 8px;
            text-align: left;
            word-wrap: break-word;
            white-space: pre-wrap;
            text-overflow: ellipsis; /* æ–‡æœ¬æˆªæ–­å’Œçœç•¥å· */
            overflow: hidden;
          }
          /* åª’体查询 */
          @media (max-width: 768px) {
            .data-table {
              /* è°ƒæ•´è¡¨æ ¼æ ·å¼ä»¥é€‚应小屏幕 */
            }
          }
           option {
               font-size: 25px; /* è°ƒæ•´ä¸‹æ‹‰é€‰é¡¹çš„字体大小 */
               padding: 20px; /* è°ƒæ•´ä¸‹æ‹‰é€‰é¡¹çš„内边距 */
             }
             .confirm-button {
               margin-top: 5px; /* è®¾ç½®æŒ‰é’®ä¸Žæ•°é‡æ–‡æœ¬çš„垂直距离 */
               font-size: 15px; /* è®¾ç½®æŒ‰é’®çš„字体大小 */
               padding: 5px 10px; /* è®¾ç½®æŒ‰é’®çš„内边距 */
               background-color: #f0f0f0; /* è®¾ç½®æŒ‰é’®çš„背景颜色 */
               border: none; /* ç§»é™¤æŒ‰é’®çš„边框 */
               cursor: pointer; /* è®¾ç½®é¼ æ ‡æ ·å¼ä¸ºæ‰‹åž‹ */
                width: 150px;
             }
             .center-content {
               display: flex;
               justify-content: center;
               align-items: center;
               height: 100%;
             }
        </style>