¶Ô±ÈÐÂÎļþ |
| | |
| | | <!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" /> |
| | | <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 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="请è¾å
¥åææ°é" " /> |
| | | </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(); |
| | | //åå§å |
| | | fetchData(); |
| | | fetchCYSData(); |
| | | |
| | | |
| | | 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"); |
| | | mui.ajax({ |
| | | |
| | | url: app.API_URL_HEADER + "/WARBABChag/GetBarInfoXSCK_TB", |
| | | |
| | | 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 |
| | | { |
| | | console.log("æ¡ç æ°éè¿å¤§"); |
| | | DAB001.focus(); |
| | | DAB001.value = ""; |
| | | alert("ææ¿æ¡ç æ°é大äºå¾
åæ°éï¼è¯·æåï¼ï¼ï¼"); |
| | | return; |
| | | } |
| | | |
| | | //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); |
| | | |
| | | mui.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 |
| | | } |
| | | |
| | | mui.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 è¯·æ± |
| | | mui.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); |
| | | |
| | | mui.ajax(app.API_URL_HEADER + "/WARBABChag/CreateXSCK_TB", { |
| | | 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"; |
| | | mui.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 |
| | | } |
| | | mui.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> |