현장확인 화면 및 기능 수정

This commit is contained in:
2026-03-05 21:00:40 +09:00
parent 9d9df394c5
commit 13dfb3e112
2 changed files with 54 additions and 10 deletions

View File

@@ -14,6 +14,12 @@ $usr_nm = session('usr_nm');
text-align: center;
}
/* 테이블 헤더 좌우 여백 조정 */
#resultList thead th {
padding-left: 4px !important;
padding-right: 4px !important;
}
td {
text-align: center;
}
@@ -66,19 +72,47 @@ $usr_nm = session('usr_nm');
overflow-x: auto !important;
}
/* 테이블 폭: 내용 기준으로 커지되, 최소는 100% */
/* 테이블 폭: 내용에 따라 자동 조정, 스크롤 필요시 표시 */
.table-responsive #resultList {
width: max-content !important;
min-width: 100% !important;
width: 100% !important;
table-layout: auto !important;
}
/* 줄바꿈 금지 */
/* 줄바꿈 허용 - 공백 기준으로 줄바꿈 */
#resultList th,
#resultList td {
white-space: nowrap;
white-space: normal !important;
word-wrap: break-word;
}
/* tw-* 클래스가 DataTable의 inline 스타일보다 우선순위 높이기 */
#resultList th.tw-30,
#resultList td.tw-30 { width: 30px !important; max-width: 30px !important; min-width: 30px !important; }
#resultList th.tw-50,
#resultList td.tw-50 { width: 50px !important; max-width: 50px !important; min-width: 50px !important; }
#resultList th.tw-70,
#resultList td.tw-70 { width: 70px !important; max-width: 70px !important; min-width: 70px !important; }
#resultList th.tw-80,
#resultList td.tw-80 { width: 80px !important; max-width: 80px !important; min-width: 80px !important; }
#resultList th.tw-90,
#resultList td.tw-90 { width: 90px !important; max-width: 90px !important; min-width: 90px !important; }
#resultList th.tw-100,
#resultList td.tw-100 { width: 100px !important; max-width: 100px !important; min-width: 100px !important; }
#resultList th.tw-120,
#resultList td.tw-120 { width: 120px !important; max-width: 120px !important; min-width: 120px !important; }
#resultList th.tw-130,
#resultList td.tw-130 { width: 130px !important; max-width: 130px !important; min-width: 130px !important; }
#resultList th.tw-140,
#resultList td.tw-140 { width: 140px !important; max-width: 140px !important; min-width: 140px !important; }
#resultList th.tw-150,
#resultList td.tw-150 { width: 150px !important; max-width: 150px !important; min-width: 150px !important; }
#resultList th.tw-180,
#resultList td.tw-180 { width: 180px !important; max-width: 180px !important; min-width: 180px !important; }
#resultList th.tw-200,
#resultList td.tw-200 { width: 200px !important; max-width: 200px !important; min-width: 200px !important; }
#resultList th.tw-250,
#resultList td.tw-250 { width: 250px !important; max-width: 250px !important; min-width: 250px !important; }
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
.main-card,
.card,
@@ -101,6 +135,16 @@ $usr_nm = session('usr_nm');
.card-body {
min-width: 0;
}
/* 검색 영역 행마다 구분선 추가 */
#frm_srch_info .row.g-3 {
padding: 12px 0;
border-bottom: 1px solid #e9ecef;
}
#frm_srch_info .row.g-3:last-child {
border-bottom: none;
}
</style>
<div class="col-md-12 col-xl-12">
@@ -592,6 +636,7 @@ $usr_nm = session('usr_nm');
language: lang_kor,
serverSide: true,
processing: true,
autoWidth: false,
ajax: {
url: '/article/receipt/getResultList',
type: 'GET',
@@ -650,12 +695,12 @@ $usr_nm = session('usr_nm');
columns: [
{ data: 'rcpt_stat_nm' },
{ data: 'rcpt_atclno' },
{ data: 'insert_tm' },
{ data: 'insert_tm', className: 'tw-80' },
{ data: null, render: fn_rsrv_render },
{ data: 'rsrv_tm_hour' },
{ data: 'photo_save_dt' },
{ data: 'rcpt_cpid' },
{ data: null, render: fn_agent_render },
{ data: null, render: fn_agent_render , className: 'tw-150' },
{ data: null, render: fn_addr_render },
{ data: null, render: fn_prd_render },
{ data: 'rcpt_product_info1' },
@@ -689,7 +734,7 @@ $usr_nm = session('usr_nm');
if (!rowData) return;
const rcpt_atclno = rowData.rcpt_atclno;
window.open("<?= site_url('article/receipt/detail') ?>/" + rcpt_atclno, '_blank');
window.location.href = "<?= site_url('article/receipt/detail') ?>/" + rcpt_atclno;
});