// container const containerAll = document.querySelectorAll('.container'); const containerFixedAd = document.querySelector('.fixedAd'); const containerAdmin = document.querySelector('.admin__container'); const containerMain = document.querySelector('.mainHome__container'); const containerEntry = document.querySelector('.entry__container'); const containerEntryNumber = document.querySelector('.entryNumber__container'); const containerCowLists = document.querySelector('.cowLists__container'); const containerAuctionNumber = document.querySelector( '.auctionNumber__container' ); const containerStatementsSelect = document.querySelector( '.statements__container-select' ); const containerStatements = document.querySelector('.statements__container'); const containerStatementsPrint = document.querySelector( '.statements__container-print' ); const containerSeller = document.querySelector('.seller__container'); const containerSellerPrint = document.querySelector('.seller__container-print'); // all common const commonInput = document.querySelectorAll('.common__input'); const commonBtn = document.querySelectorAll('.common__btn'); const noticeMarqueeBox = document.querySelectorAll('.notice__box'); const noticeMarqueeTxt = document.querySelectorAll('.notice__txt'); const commonPrintBtn = document.querySelectorAll('.common__print-btn'); // move home btn const moveHomeBtn = document.querySelector('.main__moveHome-btn'); const timerHome = document.querySelector('.timerHome'); // move home remove active const commonBtnAll = document.querySelectorAll('.commonBtn'); // keypad const adminNumberKeypadWrap = document.querySelectorAll( '.admin__numberKeypad_wrap' ); const keyPadNumVal = document.querySelectorAll('.number'); const keyPadDelete = document.querySelector('.keyPad_delete'); // 한글 키패드 const keyboardKr = document.querySelector('#virtual-keyboard'); // admin container const adminId = document.querySelector('#admin__id'); const adminPw = document.querySelector('#admin__pw'); const loginBtn = document.querySelector('.loginBtn'); // main container // main page btn const mainAuctionNumberBtn = document.querySelector('.main__auctionNumber-btn'); const mainEntryNumberBtn = document.querySelector('.main__entryNumber-btn'); const mainCowListsBtn = document.querySelector('.main__cowLists-btn'); const mainStatementsBtn = document.querySelector('.main__statements-btn'); /** * entry container */ // entry page input const entryNumberInput = document.querySelector('.entryNumber__input'); // entry page btn const entryNumberBtn = document.querySelector('.entryNumber__btn'); // entry check page close btn const entryNumberCloseBtn = document.querySelector('.infomation__close-btn'); /** * cow lists container */ // cow lists btn color change const cowSelectPrintBtn = document.querySelectorAll('.cowItem'); // cow lists select print btn const calfSelectBtnFemale = document.querySelector('.cowLists__femaleCalf-btn'); const calfSelectBtnMale = document.querySelector('.cowLists__maleCalf-btn'); const calfSelectBtnAll = document.querySelector('.cowLists__allCalf-btn'); const cowSelectBtnBeefFemale = document.querySelector( '.cowLists__femaleBeefCattle-btn' ); const cowSelectBtnBeefMale = document.querySelector( '.cowLists__maleBeefCattle-btn' ); const cowSelectBtnBeefAll = document.querySelector( '.cowLists__allBeefCattle-btn' ); const cowSelectBtnBreed = document.querySelector('.cowLists__breedCattle-btn'); /** * * statements container * */ /** * statements select page */ // buyer // statements select btn const statementsSelectBtn = document.querySelectorAll('.statement__select-btn'); // seller /** * statements check page */ // buyer // statements check input const statementsCheckInput = document.querySelector('.statements__input'); // statements check btn const statementsCheckBtn = document.querySelector('.statements__btn'); //seller // seller check input const sellerCheckInput = document.querySelector('.seller__input'); // seller check btn const sellerCheckBtn = document.querySelector('.seller__btn'); /** * statements print page */ // statements print btn const statementsPrintBtn = document.querySelector('.statements__print-btn'); // buyer const statementsSelectPrintBtn = document.querySelectorAll( '.statements__selectPrint-btn' ); // statement buyer print btn const statementsFemaleBtn = document.querySelector('.statements__female-btn'); const statementsMaleBtn = document.querySelector('.statements__male-btn'); const statementsAllBtn = document.querySelector('.statements__all-btn'); const statementsFemaleBeefBtn = document.querySelector( '.statements__femaleBeef-btn' ); const statementsMaleBeefBtn = document.querySelector( '.statements__maleBeef-btn' ); const statementsAllBeefBtn = document.querySelector('.statements__allBeef-btn'); const statementsBreedBtn = document.querySelector('.statements__breed-btn'); // seller const sellerSelectPrintBtn = document.querySelectorAll( '.seller__selectPrint-btn' ); const sellerAllBtn = document.querySelector('.seller__all-btn'); const sellerFemaleBtn = document.querySelector('.seller__female-btn'); const sellerMaleBtn = document.querySelector('.seller__male-btn'); /** * print table */ // append tr, table const appendSumTable = document.querySelector('.appendSumTable'); const appendTotalTable = document.querySelector('.appendTotalTable'); // buyer statement table // calf, beef appen table const statementsDataTable = document.querySelector('.broker_dataTable'); // breed append table const breedDataTable = document.querySelector('.breedingCattle_dataTable'); //seller statements table const shipperDataTable = document.querySelector( '.shipper__Statement_data_table' ); const shipperData = document.querySelector('.shipper_data'); // cowList table const calfListDataTable = document.querySelector('.calfList_dataTable'); // auctionNumber table const auctionNumberDataTable = document.querySelector( '.auctionNumber_dataTable' ); /** * print area */ // cow lists print area const printAreaCowList = document.querySelector('.cowList__print__body'); const printAreaAuctionNumber = document.querySelector( '.auctionNumber__print__body' ); // const printAreaBuyerStatements = document.querySelector('.buyer__print__body'); const printAreaBuyerBreed = document.querySelector('.buyerBreed__print__body'); const printAreaSellerStatements = document.querySelector( '.shipper__print__body' ); // print btn // cow lists print btn active const cowPrintBtnActive = document.querySelector('.cowLists__print-btn'); const auctionNumberPrintBtn = document.querySelector( '.auctionNumber__print-btn' ); const buyerStatementsPrintBtn = document.querySelector( '.statements__print-btn' ); const sellerPrintBtn = document.querySelector('.seller__print-btn'); // print area all const commonPrintArea = document.querySelectorAll('.common__printArea'); const footerwrap = document.querySelector('.footer_wrap'); // timer const timer60s = document.querySelector('.timer60s'); // 키패드 입력배열 const keyPadTextArr = []; // 키오스크 url const getCowListRoute = `8808990657189`; /** * */ // 당일 날짜 뽑아내기 let today; let year; let month; let day; let dateString; let date; let dateTime; let resetDate; let loginResetDate; // 불러오는 날짜 (출력 등) function dateReset() { today = new Date(); year = today.getFullYear(); month = ('0' + (today.getMonth() + 1)).slice(-2); day = ('0' + today.getDate()).slice(-2); dateString = year + month + day; date = year + '-' + month + '-' + day; dateTime = ('0' + today.getHours()).slice(-2) + ':' + ('0' + today.getMinutes()).slice(-2); resetDate = month + day; } // 터치시 리셋하는 날짜 (재로그인) function loginResetDateFun() { today = new Date(); month = ('0' + (today.getMonth() + 1)).slice(-2); day = ('0' + today.getDate()).slice(-2); loginResetDate = month + day; } //출력 날짜 insert function todayData() { $('.year').text(year); $('.month').text(month); $('.day').text(day); $('.date').text(date); $('.dateTime').text(dateTime); } // DOM 로드될때 날짜불러오기 dateReset(); /** * 재사용함수 */ // 모든 컨테이너 display none 함수 function containerAllNone() { containerAll.forEach((con) => { con.style.display = 'none'; }); } // 버튼 활성화 함수 function btnActive(input, btn) { input.addEventListener('keyup', function () { btn.classList.add('active'); if (input.value == '') { btn.classList.remove('active'); } }); } // 키패드 none 배열 비우는 함수 function keyPadEmpty() { adminNumberKeypadWrap.forEach((idx) => { idx.style.display = 'none'; }); commonInput.forEach((input) => { // keyPadTextArr.splice(0); keyPadTextArr.length = 0; }); } // 타이머리셋 const GV = { isPause: false, timer: null, }; const GV1 = { isPause: false, timer: null, }; let TIMER_SEC = 180; let timerSec; let min; let sec; const TIME_SECOND = 1000; // 타이머 리셋 함수 function timerResetFunc() { containerAll.forEach((con) => { moveHomeBtn.style.display = 'none'; timerHome.style.display = 'none'; GV.isPause = false; clearInterval(GV.timer); GV1.isPause = false; clearInterval(GV1.timer); con.style.display = 'none'; // adminNumberKeypadWrap[0].style.display = 'none'; // adminNumberKeypadWrap[1].style.display = 'none'; // adminNumberKeypadWrap[2].style.display = 'none'; adminNumberKeypadWrap.forEach((idx) => { idx.style.display = 'none'; }); keyboardKr.style.display = 'none'; timer60s.textContent = '\u00A0'; containerMain.style.display = 'block'; // 버튼 active remove 함수 btnActiveClassRemove(commonBtnAll); // input 빨간보더 remove 함수 removeInputRedBorder(); searchNameInput.value = ''; }); } // 타이머 알림 함수 function timerAlert() { min = parseInt(timerSec / 60); sec = [0, timerSec % 60].join('').slice(-2); if (min == 0) { timer60s.textContent = `${sec}초 후 메인화면으로 돌아갑니다.`; } else { timer60s.textContent = `${min}분 ${sec}초 후 메인화면으로 돌아갑니다.`; } } // 컨테이너 활성화 함수 function containerActive(btn, none, block) { btn.addEventListener('click', function () { keyPadEmpty(); none.style.display = 'none'; block.style.display = 'block'; moveHomeBtn.style.display = 'block'; timerHome.style.display = 'block'; // if ( // btn == mainEntryNumberBtn || // btn == statementsSelectBtn[0] || // btn == statementsSelectBtn[1] // ) { // adminNumberKeypadWrap.style.display = 'block'; // } if (containerMain.style.display == 'block') { GV.isPause = true; clearInterval(GV.timer); timer60s.textContent = '\u00A0'; return; } else if (containerAuctionNumber.style.display == 'block') { speechFunc('출하주 이름을 입력하세요.'); } else { clearInterval(GV.timer); timerSec = TIMER_SEC; GV.isPause = false; timerAlert(); GV.timer = setInterval(() => { --timerSec; timerAlert(); if (min + sec == 0) { // 타이머 리셋 timerResetFunc(); return; } }, TIME_SECOND); return; } }); } containerAll.forEach((con) => { if (containerMain.style.display == 'block') { GV.isPause = true; clearInterval(GV.timer); timer60s.textContent = '\u00A0'; return; } containerMain.style.display = 'block'; }); // fetch 컨테이너 활성화 함수 function fetchContainerActive(none, block) { adminValue.value = 'false'; commonInput.forEach((input) => { input.value = ''; }); none.style.display = 'none'; block.style.display = 'block'; if (containerMain.style.display == 'block') { adminId.value = ''; adminPw.value = ''; moveHomeBtn.style.display = 'none'; timerHome.style.display = 'none'; GV.isPause = true; clearInterval(GV.timer); timer60s.textContent = '\u00A0'; return; } else { clearInterval(GV.timer); GV.isPause = false; timerSec = TIMER_SEC; timerAlert(); GV.timer = setInterval(() => { --timerSec; timerAlert(); if (min + sec == 0) { // 타이머 리셋 timerResetFunc(); return; } }, TIME_SECOND); return; } } // 알림창 function alertBox(txt) { Swal.fire({ title: txt, // text: '다시 되돌릴 수 없습니다. 신중하세요.', icon: 'warning', iconColor: '#fdc220', // showConfirmButton: false, // showCancelButton: true, confirmButtonColor: '#144e9b', // cancelButtonColor: '#d33', confirmButtonText: '확인', timer: 3000, timerProgressBar: true, }); } function alertPrintBox() { Swal.fire({ title: '출력중입니다.', text: '잠시만 기다려주세요.', icon: 'success', iconColor: '#02a64a', showConfirmButton: false, timer: 3000, timerProgressBar: true, }); } // 메인메뉴로 갔을때 출력버튼 비활성화 function homeMovePrintBtnDeactivate() { commonPrintBtn.forEach((btn) => { btn.style.pointerEvents = 'none'; btn.classList.remove('active'); }); } // 클릭전 active 클래스 remove function btnActiveClassRemove(btn) { btn.forEach((click) => { click.classList.remove('active'); }); homeMovePrintBtnDeactivate(); } btnActiveClassRemove(commonBtnAll); // 클릭시 버튼 색 변경 let btnClassBreed; function btnColorChange(btn, printBtn) { btn.forEach((tab, idx) => { tab.addEventListener('click', function () { dateReset(); btn.forEach((item) => { item.classList.remove('active'); }); btn[idx].classList.add('active'); printBtn.classList.add('active'); btnClassBreed = tab.attributes[0].nodeValue; commonPrintBtn.forEach((btn) => { btn.style.pointerEvents = 'all'; }); }); }); } // null 데이터 비우는 함수 함수 function tableDataNullEmptyFunc() { let removeTd = document.querySelectorAll('.removeTd'); removeTd.forEach((td) => { if (td.textContent == 'null') { td.textContent = '\u00A0'; } }); } const synth = window.speechSynthesis; // 사운드 const registSound = document.querySelectorAll('.registrationSound'); speechFunc(); function speechFunc(txt) { let speech = new SpeechSynthesisUtterance(txt); const voices = window.speechSynthesis.getVoices(); speech.rate = 1; speech.volume = 0.5; speech.pitch = 1; // 크롬 speech.voice = voices.filter(function (voice) { keyPadTextArr; return voice.name == 'Google 한국의'; })[0]; // 엣지 // speech.voice = voices.filter(function (voice) { // return voice.name == 'Microsoft SunHi Online (Natural) - Korean (Korea)'; // })[0]; speechSynthesis.speak(speech); } registSound.forEach((click) => { click.addEventListener('click', function () { speechFunc('인증번호 여섯자리를 입력하세요.'); }); }); // 음성인식 const mike = document.querySelector('.fa-microphone'); // const $ = (el) => document.querySelector(el); const store = { texts: '', isRecognizing: true, }; (() => { /* Speech API start */ let SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; if (!('webkitSpeechRecognition' in window)) { alert('음성지원이 되는 브라우저가 아닙니다 !'); } else { const recognition = new SpeechRecognition(); recognition.interimResults = true; // true면 음절을 연속적으로 인식하나 false면 한 음절만 기록함 recognition.lang = 'ko-KR'; // 값이 없으면 HTML의 을 참고합니다. ko-KR, en-US recognition.continuous = false; //각 인식에 대해 연속 결과가 반환되는지 아니면 단일 결과만 반환되는지를 제어합니다. 기본값은 단일( false.) recognition.maxAlternatives = 0; // maxAlternatives가 숫자가 작을수록 발음대로 적고, 크면 문장의 적합도에 따라 알맞은 단어로 대체합니다. recognition.onspeechend = function () { // 음성 감지가 끝날때 실행될 이벤트 recognition.stop(); mike.style.color = '#02a64a'; mike.classList.remove('on'); store.isRecognizing = true; }; recognition.onresult = function (e) { //result이벤트는 음성 인식 서비스가 결과를 반환할 때 시작됩니다. store.texts = Array.from(e.results) .map((results) => results[0].transcript) .join(''); mike.style.color = '#02a64a'; searchNameInput.value = store.texts; }; /* // Speech API END */ const active = () => { mike.classList.add('on'); mike.style.color = 'rgb(0, 86, 184)'; recognition.start(); store.isRecognizing = false; }; const unactive = () => { mike.classList.remove('on'); mike.style.color = '#02a64a'; recognition.stop(); store.isRecognizing = true; }; mike.addEventListener('click', () => { if (store.isRecognizing) { active(); } else { unactive(); } }); } })(); // 한글키패드 $(document).ready(function () { /* funcs ---------------------------------------------------------- */ // 초중종성 INDEX값을 문자료 변환 var makeChar = function (i, m, t) { var code = (i * 21 + m) * 28 + t + 0xac00; return String.fromCharCode(code); }; var iChrIndex = function (chr) { var index = (chr.charCodeAt(0) - 0xac00) / 28 / 21; return parseInt(index); }; var mChrIndex = function (chr) { var index = ((chr.charCodeAt(0) - 0xac00) / 28) % 21; return parseInt(index); }; var tChrIndex = function (chr) { var index = (chr.charCodeAt(0) - 0xac00) % 28; return parseInt(index); }; /* var ---------------------------------------------------------- */ // 초성INDEX var indexI = [ 'ㄱ', 'ㄲ', 'ㄴ', 'ㄷ', 'ㄸ', 'ㄹ', 'ㅁ', 'ㅂ', 'ㅃ', 'ㅅ', 'ㅆ', 'ㅇ', 'ㅈ', 'ㅉ', 'ㅊ', 'ㅋ', 'ㅌ', 'ㅍ', 'ㅎ', ]; // 중성INDEX var indexM = [ 'ㅏ', 'ㅐ', 'ㅑ', 'ㅒ', 'ㅓ', 'ㅔ', 'ㅕ', 'ㅖ', 'ㅗ', 'ㅘ', 'ㅙ', 'ㅚ', 'ㅛ', 'ㅜ', 'ㅝ', 'ㅞ', 'ㅟ', 'ㅠ', 'ㅡ', 'ㅢ', 'ㅣ', ]; // 종성INDEX var indexT = [ '', 'ㄱ', 'ㄲ', 'ㄳ', 'ㄴ', 'ㄵ', 'ㄶ', 'ㄷ', 'ㄹ', 'ㄺ', 'ㄻ', 'ㄼ', 'ㄽ', 'ㄾ', 'ㄿ', 'ㅀ', 'ㅁ', 'ㅂ', 'ㅄ', 'ㅅ', 'ㅆ', 'ㅇ', 'ㅈ', 'ㅊ', 'ㅋ', 'ㅌ', 'ㅍ', 'ㅎ', ]; // 조합INDEX var indexJComb1 = [ 'ㄳ', 'ㄵ', 'ㄶ', 'ㄺ', 'ㄻ', 'ㄼ', 'ㄽ', 'ㄾ', 'ㄿ', 'ㅀ', 'ㅄ', ]; var indexJComb2 = [ 'ㄱㅅ', 'ㄴㅈ', 'ㄴㅎ', 'ㄹㄱ', 'ㄹㅁ', 'ㄹㅂ', 'ㄹㅅ', 'ㄹㅌ', 'ㄹㅍ', 'ㄹㅎ', 'ㅄ', ]; var indexMComb1 = ['ㅘ', 'ㅙ', 'ㅚ', 'ㅝ', 'ㅞ', 'ㅟ', 'ㅢ']; var indexMComb2 = ['ㅗㅏ', 'ㅗㅐ', 'ㅗㅣ', 'ㅜㅓ', 'ㅜㅔ', 'ㅜㅣ', 'ㅡㅣ']; // 호환용 한글 자모 (3130~318F) var jaCode = 'ㄱ'.charCodeAt(0); var jaCodeLast = 'ㅎ'.charCodeAt(0); var moCode = 'ㅏ'.charCodeAt(0); var moCodeLast = 'ㅣ'.charCodeAt(0); /* start ---------------------------------------------------------- */ // test input var $input = $('.searchName__input'); // event $('#virtual-keyboard').on('click', 'li', function () { var chr = $(this).text(); var text = $input.val(); // $input.focus(); var chrCode = chr.charCodeAt(0); var isJa = jaCode <= chrCode && chrCode <= jaCodeLast; var isMo = moCode <= chrCode && chrCode <= moCodeLast; if (text) { var lastChr = text.substring(text.length - 1); var lastChrCode = lastChr.charCodeAt(0); if (jaCode <= lastChrCode && lastChrCode <= moCodeLast) { // 자음,모음 if (jaCode <= lastChrCode && lastChrCode <= jaCodeLast) { if (isMo) { var i = indexI.indexOf(lastChr); var m = indexM.indexOf(chr); var t = 0; var c = makeChar(i, m, t); $input.val(text.substring(0, text.length - 1) + c); return; } } else if (moCode <= lastChrCode && lastChrCode <= moCodeLast) { } } else if (lastChrCode >= 0xac00 && lastChrCode <= 0xac00 + 0x2ba4) { // 한글 var i = iChrIndex(lastChr); var m = mChrIndex(lastChr); var t = tChrIndex(lastChr); if (t == 0) { // 종성이 없는경우 if (isJa) { t = indexT.indexOf(chr); if (t != -1) { // 없는 종성문자인경우 제외 var c = makeChar(i, m, t); $input.val(text.substring(0, text.length - 1) + c); return; } } else if (isMo) { // 모음조합문자 var chkChr = indexM[m] + chr; var combIndex = indexMComb2.indexOf(chkChr); if (combIndex != -1) { var combChr = indexMComb1[combIndex]; m = indexM.indexOf(combChr); var c = makeChar(i, m, t); $input.val(text.substring(0, text.length - 1) + c); return; } } } else { // 종성이 있는경우 if (isMo) { var tChr = indexT[t]; // 조합문자일경우 다시 쪼갠다 var combIndex = indexJComb1.indexOf(tChr); if (combIndex != -1) { var partChr = indexJComb2[combIndex]; t = indexT.indexOf(partChr[0]); tChr = partChr[1]; } else { t = 0; } var c1 = makeChar(i, m, t); i = indexI.indexOf(tChr); if (i != -1) { m = indexM.indexOf(chr); var c2 = makeChar(i, m, 0); $input.val(text.substring(0, text.length - 1) + c1 + c2); return; } } else if (isJa) { // 자음조합문자 var chkChr = indexT[t] + chr; var combIndex = indexJComb2.indexOf(chkChr); if (combIndex != -1) { var combChr = indexJComb1[combIndex]; t = indexT.indexOf(combChr); var c = makeChar(i, m, t); $input.val(text.substring(0, text.length - 1) + c); return; } } } } else { // 없는 문자 } } $input.val(text + chr); }); }); $('.del_Text').on('click', function () { var text = $('.searchName__input').val(); text = text.substring(0, text.length - 1); $('.searchName__input').val(text); }); $('.enter').on('click', function () { $('#virtual-keyboard').css({ display: 'none' }); }); $('.searchName__input').focus(function () { $('#virtual-keyboard').css({ display: 'block' }); }); // 키패드 입력 function keyPadInsert(param) { $(`.keyPad_${param}`).on('click', function () { document.getElementById('numberSound').play(); if (keyPadTextArr.length > 5) { alertBox('인증번호는 6자리입니다.'); // alert('6자리입력'); return; } keyPadTextArr.push(`${this.value}`); commonInput.forEach((input) => { input.value = keyPadTextArr.join(''); }); }); } keyPadInsert(0); keyPadInsert(1); keyPadInsert(2); keyPadInsert(3); keyPadInsert(4); keyPadInsert(5); keyPadInsert(6); keyPadInsert(7); keyPadInsert(8); keyPadInsert(9); $('.keyPad_delete').on('click', function () { document.getElementById('DeleteSound').play(); keyPadTextArr.pop(); commonInput.forEach((input) => { input.value = keyPadTextArr.join(''); }); }); $('.keyPad_check').on('click', function () { document.getElementById('numberSound').play(); }); $('.check__Key').on('click', function () { $('.admin__numberKeypad_wrap').css('display', 'none'); }); // 합계 테이블 append // tr 1개만 추가 // 키패드 배열 지우기 // commonBtn.forEach((remove) => { // remove.addEventListener('click', function () { // keyPadEmpty(); // }); // }); // input 빨간보더 remove 함수 function removeInputRedBorder() { adminPw.classList.remove('wrongAlert'); entryNumberInput.classList.remove('wrongAlert'); statementsCheckInput.classList.remove('wrongAlert'); sellerCheckInput.classList.remove('wrongAlert'); searchNameInput.classList.remove('wrongAlert'); searchVoice.classList.remove('wrongAlert'); } // 메인 홈 이동 버튼 timerHome.addEventListener('click', function () { moveHomeBtn.style.display = 'none'; timerHome.style.display = 'none'; keyboardKr.style.display = 'none'; synth.cancel(); // 모든 컨테이너 display none 함수 containerAllNone(); commonInput.forEach((input) => { input.value = ''; keyPadTextArr.splice(0); }); GV.isPause = true; clearInterval(GV.timer); GV1.isPause = true; clearInterval(GV1.timer); timer60s.textContent = '\u00A0'; // input 빨간보더 remove 함수 removeInputRedBorder(); keyPadEmpty(); containerMain.style.display = 'block'; // 버튼 active remove 함수 btnActiveClassRemove(commonBtnAll); searchNameInput.value = ''; return; }); // 모든 컨테이너 display none 함수 containerAllNone(); // 로그인버튼 활성화 btnActive(adminPw, loginBtn); const form = document.getElementById('form'); let adminData = {}; adminPw.addEventListener('click', function () { adminNumberKeypadWrap[0].style.display = 'none'; adminNumberKeypadWrap[1].style.display = 'none'; adminNumberKeypadWrap[2].style.display = 'none'; adminNumberKeypadWrap[3].style.display = 'block'; }); form.addEventListener('submit', (e) => { e.preventDefault(); dateReset(); let adminPwVal = adminPw.value; fetch(`https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getLoginGochang.php`, { method: 'POST', body: JSON.stringify({ pw: `${adminPwVal}`, }), } ) .then((response) => response.json()) .then((data) => { if (!data.data) { speechFunc(data.message); adminPw.classList.add('wrongAlert'); return; } else if (adminPwVal == '') { adminPw.classList.remove('wrongAlert'); } fetchContainerActive(containerAdmin, containerMain); adminData = data.data; keyPadEmpty(); return adminData; }); }); // --------------------------토큰발급 후 쿠키 변수수저장 관리자로그인화면 비활성화 ----------------------------------- window.addEventListener('DOMContentLoaded', function () { if (document.cookie.split('=')[0] == 'LOGIN') { containerAllNone(); adminValue.value = 'false'; commonInput.forEach((input) => { input.value = ''; }); containerMain.style.display = 'block'; if (containerMain.style.display == 'block') { adminId.value = ''; adminPw.value = ''; moveHomeBtn.style.display = 'none'; timerHome.style.display = 'none'; GV.isPause = true; clearInterval(GV.timer); timer60s.textContent = '\u00A0'; return; } else { clearInterval(GV.timer); GV.isPause = false; timerSec = TIMER_SEC; timerAlert(); GV.timer = setInterval(() => { --timerSec; timerAlert(); if (min + sec == 0) { // 타이머 리셋 timerResetFunc(); return; } }, TIME_SECOND); } } else { adminData = ''; btnActiveClassRemove(commonBtnAll); GV.isPause = true; clearInterval(GV.timer); timer60s.textContent = '\u00A0'; // input 빨간보더 remove 함수 removeInputRedBorder(); // 모든 컨테이너 display none 함수 containerAllNone(); containerAdmin.style.display = 'block'; adminValue.value = 'true'; resetDate = loginResetDate; containerAdmin.style.display = 'block'; alertBox('로그인이 필요한 서비스입니다.'); } }); // 관리자로그인 value값으로 인터벌 유무판별 const adminValue = document.querySelector('.adminValue'); // window 클릭시 토큰재로그인, 인터벌 reset window.document.addEventListener('click', function () { let userAgent = navigator.userAgent.toLowerCase(); let Android = userAgent.indexOf('android') > -1; if (Android) { //안드로이드일 경우-- 해당서비스에 적합 } else { } if (containerEntryNumber.style.display == 'block') { GV.isPause = true; clearInterval(GV.timer); timer60s.textContent = '\u00A0'; return; } todayData(); dateReset(); loginResetDateFun(); if (resetDate != loginResetDate) { if (adminValue.value == 'true') { return; } else { window.location.reload(); return; } } if (adminValue.value == 'true') { GV.isPause = true; clearInterval(GV.timer); timer60s.textContent = '\u00A0'; return; } if ( containerMain.style.display == 'block' || containerAdmin.style.display == 'block' ) { GV.isPause = true; clearInterval(GV.timer); timer60s.textContent = '\u00A0'; return; } else { clearInterval(GV.timer); GV.isPause = false; timerSec = TIMER_SEC; timerAlert(); GV.timer = setInterval(() => { --timerSec; timerAlert(); if (min + sec == 0) { // 타이머 리셋 timerResetFunc(); return; } }, TIME_SECOND); return; } }); /** * 메인화면 컨테이너 */ /** * 참가번호등록 컨테이너 */ // 참가번호등록 페이지 활성화 containerActive(mainEntryNumberBtn, containerMain, containerEntry); // 참가번호버튼 활성화 btnActive(entryNumberInput, entryNumberBtn); // 참가번호 인증 API mainEntryNumberBtn.addEventListener('click', function () { adminNumberKeypadWrap[0].style.display = 'block'; adminNumberKeypadWrap[1].style.display = 'none'; adminNumberKeypadWrap[2].style.display = 'none'; adminNumberKeypadWrap[3].style.display = 'none'; }); entryNumberBtn.addEventListener('click', function () { let authToken = entryNumberInput.value; fetch(`https://www.xn--289a90wpc693bbiu.kr/api/kiosk/getEntry1.php`, { method: 'POST', body: JSON.stringify({ authNo: `${authToken}`, }), }) .then((response) => response.json()) .then((data) => { if (!data.data) { speechFunc(data.message); entryNumberInput.classList.add('wrongAlert'); keyPadTextArr.length = 0; entryNumberInput.value = ''; entryNumberInput.attributes[2].nodeValue = `${data.message}`; return; } let entryNumToken = {}; entryNumToken = data.data; fetchContainerActive(containerEntry, containerEntryNumber); keyPadEmpty(); // 참가번호확인 창 페이지 활성화 let entryMessage = {}; fetch( `https://www.xn--289a90wpc693bbiu.kr/api/kiosk/getEntryNumber1.php`, { method: 'POST', body: JSON.stringify({ token: `${entryNumToken['TOKEN']}`, }), } ) .then((response) => response.json()) .then((data) => { // 초 후 메인페이지 이동 GV.isPause = true; clearInterval(GV.timer); GV1.isPause = false; let TIMER_ENTRY_NUMBER = 5; timer60s.textContent = `0${TIMER_ENTRY_NUMBER}초 후 메인화면으로 이동합니다.`; GV1.timer = setInterval(() => { --TIMER_ENTRY_NUMBER; timer60s.textContent = `0${TIMER_ENTRY_NUMBER}초 후 메인화면으로 이동합니다.`; if (TIMER_ENTRY_NUMBER == 0) { // 타이머 리셋 timerResetFunc(); entryNumber.textContent = ''; return; } }, TIME_SECOND); const successMessage = document.querySelector( '.entryNumber__successMessage' ); const entryNumber = document.querySelector('.entryNumber__number'); entryMessage = data.message; const entryMessageSuccess = entryMessage.slice( 0, entryMessage.indexOf('.') + 1 ); const entryMessageNumber = entryMessage.slice( entryMessage.indexOf('.') + 1 ); // successMessage.textContent = entryMessageSuccess; successMessage.textContent = '참가등록에 성공했습니다.'; // 하드코딩 꼭지우기 /////////////////////////////////////////////////////////////////////////// entryNumber.textContent = entryMessageNumber; entryNumberInput.value = ''; speechFunc(entryMessageNumber + '입니다.'); }); }); }); // 닫기 버튼 클릭시 메인화면 entryNumberCloseBtn.addEventListener('click', function () { fetchContainerActive(containerEntryNumber, containerMain); keyPadEmpty(); // input 빨간보더 remove 함수 removeInputRedBorder(); GV1.isPause = true; clearInterval(GV1.timer); }); /** * 출장우 컨테이너 */ // 출장우 페이지 활성화 containerActive(mainCowListsBtn, containerMain, containerCowLists); // 출장우 선택 버튼 클릭전 active 클래스 remove / 클릭시 출장우 출력 색 활성화 // btnColorChange(cowSelectPrintBtn, cowPrintBtnActive); // 출장우 출력 // -------------------------------출장우 출력------------------------------------------- let cowListURL; let cowListMode; let setTime; let xhr = false; // 암송아지 calfSelectBtnFemale.addEventListener('click', function () { if(xhr != false) { xhr.abort(); xhr = false; } btnActiveClassRemove(commonBtnAll); calfSelectBtnFemale.classList.add('active'); $('.spinner').css({'display':'block', 'width':'100%'}); $('.spinnerText').css({'display':'none'}); clearTimeout(setTime); cowListMode = 1; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getCowList.php?aucDt=${dateString}&aucObjDsc=1&selStsDsc=&indvSexC=1&cowListMode=${cowListMode}`; calfSelectBtnFemale.classList.add('active'); xhr = $.ajax({ type: 'GET', // HTTP method type(GET, POST) 형식이다. dataType: 'html', url: cowListURL, success: function (data) { printAreaCowList.innerHTML = ``; let messageCheck = data.split('|')[1]; if (data.split('|' ,1) == 'none') { alertBox(messageCheck); btnActiveClassRemove(commonBtnAll); printAreaCowList.innerHTML = ``; $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); return; } printAreaCowList.innerHTML = `${data}`; let secCheck = $('#secCheck').text()*1000; setTime = setTimeout(() =>{ $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); cowPrintBtnActive.classList.add('active'); cowPrintBtnActive.style.pointerEvents = 'all'; },secCheck) }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); }); // 수송아지 calfSelectBtnMale.addEventListener('click', function () { if(xhr != false) { xhr.abort(); xhr = false; } btnActiveClassRemove(commonBtnAll); calfSelectBtnMale.classList.add('active'); $('.spinner').css({'display':'block', 'width':'100%'}); $('.spinnerText').css({'display':'none'}); clearTimeout(setTime); cowListMode = 1; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getCowList.php?aucDt=${dateString}&aucObjDsc=1&selStsDsc=&indvSexC=2&cowListMode=${cowListMode}`; calfSelectBtnMale.classList.add('active'); xhr = $.ajax({ type: 'GET', // HTTP method type(GET, POST) 형식이다. dataType: 'html', url: cowListURL, success: function (data) { printAreaCowList.innerHTML = ``; let messageCheck = data.split('|')[1]; if (data.split('|' ,1) == 'none') { alertBox(messageCheck); btnActiveClassRemove(commonBtnAll); printAreaCowList.innerHTML = ``; $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); return; } printAreaCowList.innerHTML = `${data}`; let secCheck = $('#secCheck').text()*1000; setTime = setTimeout(() =>{ $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); cowPrintBtnActive.classList.add('active'); cowPrintBtnActive.style.pointerEvents = 'all'; },secCheck) }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); }); // 전체송아지 calfSelectBtnAll.addEventListener('click', function () { if(xhr != false) { xhr.abort(); xhr = false; } calfSelectBtnAll.classList.add('active'); $('.spinner').css({'display':'block', 'width':'100%'}); $('.spinnerText').css({'display':'none'}); btnActiveClassRemove(commonBtnAll); clearTimeout(setTime); cowListMode = 1; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getCowList.php?aucDt=${dateString}&aucObjDsc=1&selStsDsc=&indvSexC=&cowListMode=${cowListMode}`; //cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getCowList.php?aucDt=20230703&aucObjDsc=1&selStsDsc=&indvSexC=&cowListMode=${cowListMode}`; calfSelectBtnAll.classList.add('active'); xhr = $.ajax({ type: 'GET', // HTTP method type(GET, POST) 형식이다. dataType: 'html', url: cowListURL, success: function (data) { printAreaCowList.innerHTML = ``; let messageCheck = data.split('|')[1]; if (data.split('|' ,1) == 'none') { alertBox(messageCheck); btnActiveClassRemove(commonBtnAll); printAreaCowList.innerHTML = ``; $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); return; } printAreaCowList.innerHTML = `${data}`; let secCheck = $('#secCheck').text()*1000; setTime = setTimeout(() =>{ $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); cowPrintBtnActive.classList.add('active'); cowPrintBtnActive.style.pointerEvents = 'all'; },secCheck) }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); }); // 암비육우 cowSelectBtnBeefFemale.addEventListener('click', function () { if(xhr != false) { xhr.abort(); xhr = false; } btnActiveClassRemove(commonBtnAll); cowSelectBtnBeefFemale.classList.add('active'); $('.spinner').css({'display':'block', 'width':'100%'}); $('.spinnerText').css({'display':'none'}); clearTimeout(setTime); cowListMode = 2; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getCowList.php?aucDt=${dateString}&aucObjDsc=2&selStsDsc=&indvSexC=1&cowListMode=${cowListMode}`; cowSelectBtnBeefFemale.classList.add('active'); xhr = $.ajax({ type: 'GET', // HTTP method type(GET, POST) 형식이다. dataType: 'html', url: cowListURL, success: function (data) { printAreaCowList.innerHTML = ``; let messageCheck = data.split('|')[1]; if (data.split('|' ,1) == 'none') { alertBox(messageCheck); btnActiveClassRemove(commonBtnAll); printAreaCowList.innerHTML = ``; $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); return; } printAreaCowList.innerHTML = `${data}`; let secCheck = $('#secCheck').text()*1000; setTime = setTimeout(() =>{ $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); cowPrintBtnActive.classList.add('active'); cowPrintBtnActive.style.pointerEvents = 'all'; },secCheck) }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); }); // 수비육우 cowSelectBtnBeefMale.addEventListener('click', function () { if(xhr != false) { xhr.abort(); xhr = false; } btnActiveClassRemove(commonBtnAll); cowSelectBtnBeefMale.classList.add('active'); $('.spinner').css({'display':'block', 'width':'100%'}); $('.spinnerText').css({'display':'none'}); clearTimeout(setTime); cowListMode = 2; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getCowList.php?aucDt=${dateString}&aucObjDsc=2&selStsDsc=&indvSexC=2&cowListMode=${cowListMode}`; cowSelectBtnBeefMale.classList.add('active'); xhr = $.ajax({ type: 'GET', // HTTP method type(GET, POST) 형식이다. dataType: 'html', url: cowListURL, success: function (data) { printAreaCowList.innerHTML = ``; let messageCheck = data.split('|')[1]; if (data.split('|' ,1) == 'none') { alertBox(messageCheck); btnActiveClassRemove(commonBtnAll); printAreaCowList.innerHTML = ``; $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); return; } printAreaCowList.innerHTML = `${data}`; let secCheck = $('#secCheck').text()*1000; setTime = setTimeout(() =>{ $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); cowPrintBtnActive.classList.add('active'); cowPrintBtnActive.style.pointerEvents = 'all'; },secCheck) }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); }); // 전체비육우 cowSelectBtnBeefAll.addEventListener('click', function () { if(xhr != false) { xhr.abort(); xhr = false; } btnActiveClassRemove(commonBtnAll); cowSelectBtnBeefAll.classList.add('active'); $('.spinner').css({'display':'block', 'width':'100%'}); $('.spinnerText').css({'display':'none'}); clearTimeout(setTime); cowListMode = 2; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getCowList.php?aucDt=${dateString}&aucObjDsc=2&selStsDsc=&indvSexC=&cowListMode=${cowListMode}`; //cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getCowList.php?aucDt=20230703&aucObjDsc=2&selStsDsc=&indvSexC=&cowListMode=${cowListMode}`; cowSelectBtnBeefAll.classList.add('active'); xhr = $.ajax({ type: 'GET', // HTTP method type(GET, POST) 형식이다. dataType: 'html', url: cowListURL, success: function (data) { printAreaCowList.innerHTML = ``; let messageCheck = data.split('|')[1]; if (data.split('|' ,1) == 'none') { alertBox(messageCheck); btnActiveClassRemove(commonBtnAll); printAreaCowList.innerHTML = ``; $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); return; } printAreaCowList.innerHTML = `${data}`; let secCheck = $('#secCheck').text()*1000; setTime = setTimeout(() =>{ $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); cowPrintBtnActive.classList.add('active'); cowPrintBtnActive.style.pointerEvents = 'all'; },secCheck) }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); }); // 전체번식우 cowSelectBtnBreed.addEventListener('click', function () { if(xhr != false) { xhr.abort(); xhr = false; } btnActiveClassRemove(commonBtnAll); cowSelectBtnBreed.classList.add('active'); $('.spinner').css({'display':'block', 'width':'100%'}); $('.spinnerText').css({'display':'none'}); clearTimeout(setTime); cowListMode = 2; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getCowList.php?aucDt=${dateString}&aucObjDsc=3&selStsDsc=&indvSexC=&cowListMode=${cowListMode}`; //cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getCowList.php?aucDt=20230703&aucObjDsc=3&selStsDsc=&indvSexC=&cowListMode=${cowListMode}`; cowSelectBtnBreed.classList.add('active'); xhr = $.ajax({ type: 'GET', // HTTP method type(GET, POST) 형식이다. dataType: 'html', url: cowListURL, success: function (data) { printAreaCowList.innerHTML = ``; let messageCheck = data.split('|')[1]; if (data.split('|' ,1) == 'none') { alertBox(messageCheck); btnActiveClassRemove(commonBtnAll); printAreaCowList.innerHTML = ``; $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); return; } printAreaCowList.innerHTML = `${data}`; let secCheck = $('#secCheck').text()*1000; setTime = setTimeout(() =>{ $('.spinner').css({'display':'none'}); $('.spinnerText').css({'display':'block'}); cowPrintBtnActive.classList.add('active'); cowPrintBtnActive.style.pointerEvents = 'all'; },secCheck) }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); }); /** * */ /** * 계류대 컨테이너 */ // 계류대 페이지 활성화 containerActive(mainAuctionNumberBtn, containerMain, containerAuctionNumber); const auctionNumberValue = document.querySelector('.auctionNumberValue'); // 계류대검색 // FTSNM const searchVoice = document.querySelector('.searchVoice'); const searchNameInput = document.querySelector('.searchName__input'); const searchNameBtn = document.querySelector('.searchName__btn'); searchNameBtn.addEventListener('click', function () { let userName = encodeURIComponent(searchNameInput.value); cowListURL = `https://www.xn--289a90wpc693bbiu.kr/api/kiosk/getAuctionNum.php?aucDt=${dateString}&aucObjDsc=0&selStsDsc=&indvSexC=&userName=${userName}`; //cowListURL = `https://www.xn--289a90wpc693bbiu.kr/api/kiosk/getAuctionNum.php?aucDt=20230703&aucObjDsc=0&selStsDsc=&indvSexC=&userName=${userName}`; $.ajax({ type: 'GET', dataType: 'html', url: cowListURL, success: function (data) { printAreaAuctionNumber.innerHTML = ``; printAreaAuctionNumber.innerHTML = `${data}`; if ($('#numAucRowsCheck').text() == 0) { searchVoice.classList.add('wrongAlert'); speechFunc('일치하는 이름이 없습니다. 다시 검색해주세요.'); alertBox('일치하는 이름이 없습니다.\n다시 검색해주세요.'); searchNameInput.value = ''; printAreaAuctionNumber.innerHTML = ``; return; } auctionNumberPrintBtn.value = 'auctionNumber'; window.print(); }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); }); /** * */ /** * * 정산서 컨테이너 * */ // 정산서 선택 페이지 활성화 containerActive(mainStatementsBtn, containerMain, containerStatementsSelect); // 정산서 인증페이지 활성화 statementsSelectBtn.forEach(() => { containerActive( statementsSelectBtn[0], containerStatementsSelect, containerStatements ); containerActive( statementsSelectBtn[1], containerStatementsSelect, containerSeller ); }); // 정산서버튼 활성화 btnActive(statementsCheckInput, statementsCheckBtn); btnActive(sellerCheckInput, sellerCheckBtn); /** * */ /** * 중도매인 인증 컨테이너 */ // 중도매인 인증 API const brokerGroup = document.querySelector('#broker_group'); brokerGroup.addEventListener('click', function () { adminNumberKeypadWrap[0].style.display = 'none'; adminNumberKeypadWrap[1].style.display = 'block'; adminNumberKeypadWrap[2].style.display = 'none'; adminNumberKeypadWrap[3].style.display = 'none'; }); let statementsAuthToken = {}; statementsCheckBtn.addEventListener('click', function () { authToken = statementsCheckInput.value; fetch(`https://www.xn--289a90wpc693bbiu.kr/api/kiosk/getEntry1.php`, { method: 'POST', body: JSON.stringify({ authNo: `${authToken}`, }), }) .then((response) => response.json()) .then((data) => { if (!data.data) { speechFunc(data.message); statementsCheckInput.classList.add('wrongAlert'); keyPadTextArr.length = 0; statementsCheckInput.value = ''; statementsCheckInput.attributes[2].nodeValue = `${data.message}`; return; } document.getElementById('entrySound').play(); statementsAuthToken = data.data; // 중도매인 정산서 출력창 활성화 fetchContainerActive(containerStatements, containerStatementsPrint); keyPadEmpty(); statementsCheckInput.value = ''; return statementsAuthToken; }); }); // 정산서 선택 버튼 클릭전 active 클래스 remove / 클릭시 출장우 출력 색 활성화 btnColorChange(statementsSelectPrintBtn, statementsPrintBtn); //채무확인서 $('#broker_group').on('click', function () { Swal.fire({ html: `

[채무확인서 동의]


미납대금에 대하여
당일 납입 할 것을 확약합니다.


[ 초후 자동비동의 ]
비동의시 홈으로 돌아갑니다.
`, width: 700, showCancelButton: true, // cancel버튼 보이기. 기본은 원래 없음 confirmButtonColor: '#144e9b', // confrim 버튼 색깔 지정 cancelButtonColor: '#d33', // cancel 버튼 색깔 지정 confirmButtonText: `  동의  `, // confirm 버튼 텍스트 지정 cancelButtonText: ` 비동의 `, // cancel 버튼 텍스트 지정 allowOutsideClick: false, timer: 20000, timerProgressBar: true, didOpen: () => { timerInterval = setInterval(() => { Swal.getHtmlContainer().querySelector('strong') .textContent = (Swal.getTimerLeft() / 1000) .toFixed(0) }, 100) }, willClose: () => { clearInterval(timerInterval) }, }).then((result) => { if (result.isConfirmed) { speechFunc('인증번호 여섯자리를 입력하세요.'); } else if (result.isDismissed) { window.location.href = './'; } }); }); // 채무확인서 변수넣기 function debtObject(data) { // 채무확인서 $.ajax({ type: 'GET', // HTTP method type(GET, POST) 형식이다. url: `https://www.xn--289a90wpc693bbiu.kr/kiosk/_manager/setStatement1.php?aucDt=${dateString}`, success: function (data) {}, error: function (xhr, status, error) { // console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); } // 중도매인 정산서 송아지(암)구매내역 statementsFemaleBtn.addEventListener('click', function () { const statementAucObjDsc = '1'; const statementAucDt = `${dateString}`; const statementIndvSexC = '1'; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getBrokerStatCalf1.php`; $.ajax({ type: 'post', dataType: 'html', data: JSON.stringify({ token: `${statementsAuthToken['TOKEN']}`, aucObjDsc: `${statementAucObjDsc}`, aucDt: `${statementAucDt}`, indvSexC: `${statementIndvSexC}`, }), url: cowListURL, success: function (data) { printAreaBuyerStatements.innerHTML = ``; printAreaBuyerStatements.innerHTML = `${data}`; if ($('#numBuyerRowsCheck').text() == 0) { alertBox($('#messageCheckBuyer').text()); btnActiveClassRemove(commonBtnAll); printAreaBuyerStatements.innerHTML = ``; return; } }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }).then((data) => { //채무확인서 debtObject(data); }); }); // 중도매인 정산서 송아지(수)구매내역 statementsMaleBtn.addEventListener('click', function () { const statementAucObjDsc = '1'; const statementAucDt = `${dateString}`; const statementIndvSexC = '2'; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getBrokerStatCalf1.php`; $.ajax({ type: 'post', dataType: 'html', data: JSON.stringify({ token: `${statementsAuthToken['TOKEN']}`, aucObjDsc: `${statementAucObjDsc}`, aucDt: `${statementAucDt}`, indvSexC: `${statementIndvSexC}`, }), url: cowListURL, success: function (data) { printAreaBuyerStatements.innerHTML = ``; printAreaBuyerStatements.innerHTML = `${data}`; if ($('#numBuyerRowsCheck').text() == 0) { alertBox($('#messageCheckBuyer').text()); btnActiveClassRemove(commonBtnAll); printAreaBuyerStatements.innerHTML = ``; return; } }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }).then((data) => { //채무확인서 debtObject(data); }); }); // 중도매인 정산서 송아지(전체)구매내역 statementsAllBtn.addEventListener('click', function () { const statementAucObjDsc = '1'; let statementAucDt = `${dateString}`; //statementAucDt = '20230703'; const statementIndvSexC = ''; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getBrokerStatCalf1.php`; $.ajax({ type: 'post', dataType: 'html', data: JSON.stringify({ token: `${statementsAuthToken['TOKEN']}`, aucObjDsc: `${statementAucObjDsc}`, aucDt: `${statementAucDt}`, indvSexC: `${statementIndvSexC}`, }), url: cowListURL, success: function (data) { printAreaBuyerStatements.innerHTML = ``; printAreaBuyerStatements.innerHTML = `${data}`; if ($('#numBuyerRowsCheck').text() == 0) { alertBox($('#messageCheckBuyer').text()); btnActiveClassRemove(commonBtnAll); printAreaBuyerStatements.innerHTML = ``; return; } }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }).then((data) => { //채무확인서 debtObject(data); }); }); // 중도매인 정산서 비육우(암)구매내역 statementsFemaleBeefBtn.addEventListener('click', function () { const statementAucObjDsc = '2'; const statementAucDt = `${dateString}`; const statementIndvSexC = '1'; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getBrokerStatCalf1.php`; $.ajax({ type: 'post', dataType: 'html', data: JSON.stringify({ token: `${statementsAuthToken['TOKEN']}`, aucObjDsc: `${statementAucObjDsc}`, aucDt: `${statementAucDt}`, indvSexC: `${statementIndvSexC}`, }), url: cowListURL, success: function (data) { printAreaBuyerStatements.innerHTML = ``; printAreaBuyerStatements.innerHTML = `${data}`; if ($('#numBuyerRowsCheck').text() == 0) { alertBox($('#messageCheckBuyer').text()); btnActiveClassRemove(commonBtnAll); printAreaBuyerStatements.innerHTML = ``; return; } }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }).then((data) => { //채무확인서 debtObject(data); }); }); // 중도매인 정산서 비육우(수)구매내역 statementsMaleBeefBtn.addEventListener('click', function () { const statementAucObjDsc = '2'; const statementAucDt = `${dateString}`; const statementIndvSexC = '2'; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getBrokerStatCalf1.php`; $.ajax({ type: 'post', dataType: 'html', data: JSON.stringify({ token: `${statementsAuthToken['TOKEN']}`, aucObjDsc: `${statementAucObjDsc}`, aucDt: `${statementAucDt}`, indvSexC: `${statementIndvSexC}`, }), url: cowListURL, success: function (data) { printAreaBuyerStatements.innerHTML = ``; printAreaBuyerStatements.innerHTML = `${data}`; if ($('#numBuyerRowsCheck').text() == 0) { alertBox($('#messageCheckBuyer').text()); btnActiveClassRemove(commonBtnAll); printAreaBuyerStatements.innerHTML = ``; return; } }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }).then((data) => { //채무확인서 debtObject(data); }); }); // 중도매인 정산서 비육우(전체)구매내역 statementsAllBeefBtn.addEventListener('click', function () { const statementAucObjDsc = '2'; let statementAucDt = `${dateString}`; //statementAucDt = `20230703`; const statementIndvSexC = ''; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getBrokerStatCalf1.php`; $.ajax({ type: 'post', dataType: 'html', data: JSON.stringify({ token: `${statementsAuthToken['TOKEN']}`, aucObjDsc: `${statementAucObjDsc}`, aucDt: `${statementAucDt}`, indvSexC: `${statementIndvSexC}`, }), url: cowListURL, success: function (data) { printAreaBuyerStatements.innerHTML = ``; printAreaBuyerStatements.innerHTML = `${data}`; if ($('#numBuyerRowsCheck').text() == 0) { alertBox($('#messageCheckBuyer').text()); btnActiveClassRemove(commonBtnAll); printAreaBuyerStatements.innerHTML = ``; return; } }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }).then((data) => { //채무확인서 debtObject(data); }); }); // 중도매인 정산서 번식우구매내역 statementsBreedBtn.addEventListener('click', function () { const statementAucObjDsc = '3'; let statementAucDt = `${dateString}`; //statementAucDt = '20230703'; const statementIndvSexC = ''; cowListURL = `https://www.xn--289a90wpc693bbiu.kr/${getCowListRoute}/getBrokerStatCalf1.php`; $.ajax({ type: 'post', dataType: 'html', data: JSON.stringify({ token: `${statementsAuthToken['TOKEN']}`, aucObjDsc: `${statementAucObjDsc}`, aucDt: `${statementAucDt}`, indvSexC: `${statementIndvSexC}`, }), url: cowListURL, success: function (data) { printAreaBuyerStatements.innerHTML = ``; printAreaBuyerStatements.innerHTML = `${data}`; if ($('#numBuyerRowsCheck').text() == 0) { alertBox($('#messageCheckBuyer').text()); btnActiveClassRemove(commonBtnAll); printAreaBuyerStatements.innerHTML = ``; return; } }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }).then((data) => { //채무확인서 debtObject(data); }); }); /** * */ /** * 출하주 인증 컨테이너 */ // 출하주 인증 API const shipperGroup = document.querySelector('#shipper_group'); shipperGroup.addEventListener('click', function () { adminNumberKeypadWrap[0].style.display = 'none'; adminNumberKeypadWrap[1].style.display = 'none'; adminNumberKeypadWrap[2].style.display = 'block'; adminNumberKeypadWrap[3].style.display = 'none'; }); let sellerAuthToken = {}; sellerCheckBtn.addEventListener('click', function () { authToken = sellerCheckInput.value; fetch(`https://www.xn--289a90wpc693bbiu.kr/api/kiosk/getChulha1.php`, { method: 'POST', body: JSON.stringify({ authNo: `${authToken}`, }), }) .then((response) => response.json()) .then((data) => { if (!data.data) { speechFunc(data.message); sellerCheckInput.classList.add('wrongAlert'); keyPadTextArr.length = 0; sellerCheckInput.value = ''; sellerCheckInput.attributes[2].nodeValue = `${data.message}`; return; } document.getElementById('entrySound').play(); sellerAuthToken = data.data; // 출하주 정산서 출력창 활성화 fetchContainerActive(containerSeller, containerSellerPrint); keyPadEmpty(); sellerCheckInput.value = ''; return sellerAuthToken; }); }); // 정산서 선택 버튼 클릭전 active 클래스 remove / 클릭시 출장우 출력 색 활성화 btnColorChange(sellerSelectPrintBtn, sellerPrintBtn); // 전체송아지구매내역 sellerAllBtn.addEventListener('click', function () { cowListURL = `https://www.xn--289a90wpc693bbiu.kr/api/kiosk/getChulhaStat1.php`; $.ajax({ type: 'POST', // HTTP method type(GET, POST) 형식이다. dataType: 'html', data: JSON.stringify({ token: `${sellerAuthToken['TOKEN']}`, aucObjDsc: '1', aucDt: `${dateString}`, //aucDt: `20230724`, }), url: cowListURL, success: function (data) { printAreaSellerStatements.innerHTML = ``; printAreaSellerStatements.innerHTML = `${data}`; if ($('#numBreederRowsCheck').text() == 0) { alertBox($('#messageCheckChulha').text()); btnActiveClassRemove(commonBtnAll); printAreaSellerStatements.innerHTML = ``; return; } }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); }); // 전체비육우구매내역 sellerFemaleBtn.addEventListener('click', function () { cowListURL = `https://www.xn--289a90wpc693bbiu.kr/api/kiosk/getChulhaStat1.php`; $.ajax({ type: 'POST', // HTTP method type(GET, POST) 형식이다. dataType: 'html', data: JSON.stringify({ token: `${sellerAuthToken['TOKEN']}`, aucObjDsc: '2', aucDt: `${dateString}`, //aucDt: `20230703`, }), url: cowListURL, success: function (data) { printAreaSellerStatements.innerHTML = ``; printAreaSellerStatements.innerHTML = `${data}`; if ($('#numBreederRowsCheck').text() == 0) { alertBox($('#messageCheckChulha').text()); btnActiveClassRemove(commonBtnAll); printAreaSellerStatements.innerHTML = ``; return; } }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); }); // 전체번식우구매내역 sellerMaleBtn.addEventListener('click', function () { cowListURL = `https://www.xn--289a90wpc693bbiu.kr/api/kiosk/getChulhaStat1.php`; $.ajax({ type: 'POST', dataType: 'html', data: JSON.stringify({ token: `${sellerAuthToken['TOKEN']}`, aucObjDsc: '3', aucDt: `${dateString}`, //aucDt: `20230703`, }), url: cowListURL, success: function (data) { printAreaSellerStatements.innerHTML = ``; printAreaSellerStatements.innerHTML = `${data}`; if ($('#numBreederRowsCheck').text() == 0) { alertBox($('#messageCheckChulha').text()); btnActiveClassRemove(commonBtnAll); printAreaSellerStatements.innerHTML = ``; return; } }, error: function (xhr, status, error) { console.log('//xhr: ', xhr, '\n//status: ', status, '\n//error: ', error); }, }); }); // 프린트 테이블 none function printTableNone() { commonPrintArea.forEach((con) => { con.style.display = 'none'; }); } // 출장우 출력 cowPrintBtnActive.addEventListener('click', function () { cowPrintBtnActive.value = 'cowLists'; window.print(); alertPrintBox(); }); // 중도매인 정산서 출력 buyerStatementsPrintBtn.addEventListener('click', function () { buyerStatementsPrintBtn.value = 'buyerStatements'; window.print(); alertPrintBox(); }); // 출하주 정산서 출력 sellerPrintBtn.addEventListener('click', function () { sellerPrintBtn.value = 'sellerStatements'; window.print(); alertPrintBox(); }); // 프린트 전 이벤트 window.addEventListener('beforeprint', function () { footerwrap.style.display = 'none'; adminNumberKeypadWrap[0].style.display = 'none'; adminNumberKeypadWrap[1].style.display = 'none'; adminNumberKeypadWrap[2].style.display = 'none'; keyboardKr.style.display = 'none'; speechFunc('출력중입니다. 잠시만 기다려주세요.'); // 출장우 if (cowPrintBtnActive.value == 'cowLists') { document.body.style.height = 'auto'; // 프린트 테이블 none printTableNone(); // 모든 컨테이너 display none 함수 containerAllNone(); containerFixedAd.style.display = 'none'; printAreaCowList.style.display = 'block'; $('head').append( `` ); // 계류대 } else if (auctionNumberPrintBtn.value == 'auctionNumber') { document.body.style.height = 'auto'; // 프린트 테이블 none printTableNone(); // 모든 컨테이너 display none 함수 containerAllNone(); containerFixedAd.style.display = 'none'; printAreaAuctionNumber.style.display = 'block'; $('head').append( `` ); // 중도매인 } else if (buyerStatementsPrintBtn.value == 'buyerStatements') { // 타이머 리셋 함수 timerResetFunc(); document.body.style.height = 'auto'; // 프린트 테이블 none printTableNone(); // 모든 컨테이너 display none 함수 containerAllNone(); containerFixedAd.style.display = 'none'; printAreaBuyerStatements.style.display = 'block'; $('head').append( `` ); // 출하주 } else if (sellerPrintBtn.value == 'sellerStatements') { // 타이머 리셋 함수 timerResetFunc(); document.body.style.height = 'auto'; // 프린트 테이블 none printTableNone(); // 모든 컨테이너 display none 함수 containerAllNone(); containerFixedAd.style.display = 'none'; printAreaSellerStatements.style.display = 'block'; $('head').append( `` ); } }); // 프린트 후 이벤트 window.onafterprint = function afterPrint() { footerwrap.style.display = 'block'; searchNameInput.value = ''; // 출장우 if (cowPrintBtnActive.value == 'cowLists') { $('head').find(`style[media="print"]`).remove(); // 모든 컨테이너 display none 함수 containerAllNone(); containerCowLists.style.display = 'block'; containerFixedAd.style.display = 'block'; printAreaCowList.style.display = 'none'; cowPrintBtnActive.value = ''; // 계류대 } else if (auctionNumberPrintBtn.value == 'auctionNumber') { $('head').find(`style[media="print"]`).remove(); // 모든 컨테이너 display none 함수 containerAllNone(); // 타이머 리셋 함수 timerResetFunc(); containerAuctionNumber.style.display = 'none'; moveHomeBtn.style.display = 'none'; timerHome.style.display = 'none'; containerFixedAd.style.display = 'block'; containerMain.style.display = 'block'; printAreaAuctionNumber.style.display = 'none'; auctionNumberPrintBtn.value = ''; // 중도매인 } else if (buyerStatementsPrintBtn.value == 'buyerStatements') { $('head').find(`style[media="print"]`).remove(); // 모든 컨테이너 display none 함수 containerAllNone(); containerStatementsPrint.style.display = 'block'; containerFixedAd.style.display = 'block'; printAreaBuyerStatements.style.display = 'none'; //containerMain.style.display = 'block'; buyerStatementsPrintBtn.value = ''; // 출하주 } else if (sellerPrintBtn.value == 'sellerStatements') { $('head').find(`style[media="print"]`).remove(); // 모든 컨테이너 display none 함수 containerAllNone(); //containerSellerPrint.style.display = 'block'; containerFixedAd.style.display = 'block'; printAreaSellerStatements.style.display = 'none'; containerMain.style.display = 'block'; sellerPrintBtn.value = 'sellerStatements'; } };