수정 본

This commit is contained in:
2026-03-10 18:57:09 +09:00
parent 13dfb3e112
commit 9650707caf
11 changed files with 2701 additions and 964 deletions

View File

@@ -40,16 +40,20 @@ class NaverWorker extends BaseCommand
while (true) {
// 1. DB 연결 상태 체크 (더 견고하게)
// 1. DB 연결 상태 체크
try {
// connID가 없거나, 가벼운 쿼리 실행 실패 시 재연결 시도
if ($this->db->connID === false || !$this->db->simpleQuery('SELECT 1')) {
// 연결이 없으면 재연결 시도
if ($this->db->connID === false) {
$this->db->reconnect();
CLI::write(CLI::color('🔄 Database reconnected.', 'yellow'));
}
} catch (\Throwable $e) {
// 어떤 이유로든 에러 발생 시 재연결 시도
$this->db->reconnect();
try {
$this->db->reconnect();
} catch (\Throwable $reconnectError) {
CLI::write(CLI::color('❌ Database reconnect failed: ' . $reconnectError->getMessage(), 'red'));
}
}
$result = $redis->brPop(['naver:raw_queue'], 30);

View File

@@ -31,6 +31,7 @@ class Assign extends BaseController
{
$start = (int) $this->request->getGet('start') ?: 0;
$end = (int) $this->request->getGet('length') ?: 10;
$draw = (int) $this->request->getGet('draw') ?: 1;
$data = [
'bonbu' => $this->request->getGet('bonbu'),
@@ -42,12 +43,18 @@ class Assign extends BaseController
'srchTxt' => $this->request->getGet('srchTxt'),
];
$totalCount = $this->assignModel->getTotalCount($data);
$datas = $this->assignModel->getUserList($start, $end, $data);
// 첫 번째 행에서 total_count 추출 (없으면 0)
$totalCount = !empty($datas) ? (int)$datas[0]['total_count'] : 0;
// 각 행에서 total_count 컬럼 제거
foreach ($datas as &$row) {
unset($row['total_count']);
}
return $this->response->setJSON(body: [
'draw' => $draw,
'recordsTotal' => $totalCount,
'recordsFiltered' => $totalCount,
'data' => $datas,

View File

@@ -99,10 +99,11 @@ class AssignModel extends Model
public function getTotalCount($data)
{
$sql = "SELECT
COUNT(*) AS cnt
COUNT(DISTINCT b.usr_sq) AS cnt
FROM result a
INNER JOIN users b ON b.usr_sq = a.usr_sq
INNER JOIN receipt d ON d.rcpt_sq = a.rcpt_sq
INNER JOIN departments c ON c.dept_sq = a.dept_sq
WHERE 1=1 ";
@@ -138,13 +139,13 @@ class AssignModel extends Model
if (!empty($data['srchTxt'])) {
if ($data['srchType'] === "1") {
$sql .= "AND usr_id like CONCAT('%', '{$data['srchTxt']}', '%' ) ";
$sql .= "AND b.usr_id like CONCAT('%', '{$data['srchTxt']}', '%' ) ";
} else if ($data['srchType'] === "2") {
$sql .= "AND usr_nm like CONCAT('%', '{$data['srchTxt']}', '%' ) ";
$sql .= "AND b.usr_nm like CONCAT('%', '{$data['srchTxt']}', '%' ) ";
} else {
$sql .= "AND (
usr_id like CONCAT('%', '{$data['srchTxt']}', '%' )
OR usr_nm like CONCAT('%', '{$data['srchTxt']}', '%' )
b.usr_id like CONCAT('%', '{$data['srchTxt']}', '%' )
OR b.usr_nm like CONCAT('%', '{$data['srchTxt']}', '%' )
) ";
}
}
@@ -157,26 +158,31 @@ class AssignModel extends Model
public function getUserList($start, $end, $data)
{
$sql = "SELECT
b.usr_nm, b.usr_id, b.usr_sq
, SUM(CASE WHEN a.rsrv_tm_hour IN ('00','01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24') THEN 1 ELSE 0 END) TODAY
, SUM(CASE WHEN a.rsrv_tm_ap = 'AM' AND a.rsrv_tm_hour = '09' THEN 1 ELSE 0 END) AM09
, SUM(CASE WHEN a.rsrv_tm_ap = 'AM' AND a.rsrv_tm_hour = '10' THEN 1 ELSE 0 END) AM10
, SUM(CASE WHEN a.rsrv_tm_ap = 'AM' AND a.rsrv_tm_hour = '11' THEN 1 ELSE 0 END) AM11
, SUM(CASE WHEN a.rsrv_tm_ap = 'AM' AND a.rsrv_tm_hour = '12' THEN 1 ELSE 0 END) AM12
, SUM(CASE WHEN a.rsrv_tm_ap = 'AM' AND a.rsrv_tm_hour IN ('00','01','02','03','04','05','06','07','08') THEN 1 ELSE 0 END) AMETC
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('01', '13') THEN 1 ELSE 0 END) PM01
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('02', '14') THEN 1 ELSE 0 END) PM02
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('03', '15') THEN 1 ELSE 0 END) PM03
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('04', '16') THEN 1 ELSE 0 END) PM04
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('05', '17') THEN 1 ELSE 0 END) PM05
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('06', '18') THEN 1 ELSE 0 END) PM06
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('07', '19') THEN 1 ELSE 0 END) PM07
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('00','08','09','10','11','12','20','21','22','23','24') THEN 1 ELSE 0 END) PMETC
FROM result a
INNER JOIN users b ON b.usr_sq = a.usr_sq
sub.*,
COUNT(*) OVER() as total_count
FROM (
SELECT
b.usr_nm, b.usr_id, b.usr_sq
, SUM(CASE WHEN a.rsrv_tm_hour IN ('00','01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24') THEN 1 ELSE 0 END) TODAY
, SUM(CASE WHEN a.rsrv_tm_ap = 'AM' AND a.rsrv_tm_hour = '09' THEN 1 ELSE 0 END) AM09
, SUM(CASE WHEN a.rsrv_tm_ap = 'AM' AND a.rsrv_tm_hour = '10' THEN 1 ELSE 0 END) AM10
, SUM(CASE WHEN a.rsrv_tm_ap = 'AM' AND a.rsrv_tm_hour = '11' THEN 1 ELSE 0 END) AM11
, SUM(CASE WHEN a.rsrv_tm_ap = 'AM' AND a.rsrv_tm_hour = '12' THEN 1 ELSE 0 END) AM12
, SUM(CASE WHEN a.rsrv_tm_ap = 'AM' AND a.rsrv_tm_hour IN ('00','01','02','03','04','05','06','07','08') THEN 1 ELSE 0 END) AMETC
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('01', '13') THEN 1 ELSE 0 END) PM01
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('02', '14') THEN 1 ELSE 0 END) PM02
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('03', '15') THEN 1 ELSE 0 END) PM03
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('04', '16') THEN 1 ELSE 0 END) PM04
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('05', '17') THEN 1 ELSE 0 END) PM05
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('06', '18') THEN 1 ELSE 0 END) PM06
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('07', '19') THEN 1 ELSE 0 END) PM07
, SUM(CASE WHEN a.rsrv_tm_ap = 'PM' AND a.rsrv_tm_hour IN ('00','08','09','10','11','12','20','21','22','23','24') THEN 1 ELSE 0 END) PMETC
FROM result a
INNER JOIN users b ON b.usr_sq = a.usr_sq
INNER JOIN receipt d ON d.rcpt_sq = a.rcpt_sq
INNER JOIN departments c ON c.dept_sq = a.dept_sq
WHERE 1=1 ";
WHERE 1=1 ";
if (!empty($data['bonbu'])) {
$sql .= "AND c.pdept_sq = {$data['bonbu']} ";
@@ -210,20 +216,20 @@ class AssignModel extends Model
if (!empty($data['srchTxt'])) {
if ($data['srchType'] === "1") {
$sql .= "AND usr_id like CONCAT('%', '{$data['srchTxt']}', '%' ) ";
$sql .= "AND b.usr_id like CONCAT('%', '{$data['srchTxt']}', '%' ) ";
} else if ($data['srchType'] === "2") {
$sql .= "AND usr_nm like CONCAT('%', '{$data['srchTxt']}', '%' ) ";
$sql .= "AND b.usr_nm like CONCAT('%', '{$data['srchTxt']}', '%' ) ";
} else {
$sql .= "AND (
usr_id like CONCAT('%', '{$data['srchTxt']}', '%' )
OR usr_nm like CONCAT('%', '{$data['srchTxt']}', '%' )
b.usr_id like CONCAT('%', '{$data['srchTxt']}', '%' )
OR b.usr_nm like CONCAT('%', '{$data['srchTxt']}', '%' )
) ";
}
}
$sql .= "GROUP BY b.usr_id, b.usr_nm ";
$sql .= "LIMIT {$start}, {$end}";
$sql .= "GROUP BY b.usr_id, b.usr_nm
) sub
LIMIT {$start}, {$end}";
$query = $this->db->query($sql);

View File

@@ -7,434 +7,370 @@ $usr_nm = session('usr_nm');
<?= $this->extend('layouts/main') ?>
<?= $this->section('content') ?>
<style>
th {
font-size: 11px;
text-align: center;
}
th {
font-size: 11px;
text-align: center;
}
td {
text-align: center;
}
/* 테이블 헤더 좌우 여백 조정 */
#resultList thead th {
padding-left: 4px !important;
padding-right: 4px !important;
}
#resultList tbody tr {
cursor: pointer;
}
td {
text-align: center;
}
.blockUI {
z-index: 1500 !important;
}
#resultList tbody tr {
cursor: pointer;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 180px;
}
.blockUI {
z-index: 1500 !important;
}
.card-header {
display: flex !important;
align-items: center;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 180px;
}
.card-header-tab {
justify-content: flex-start !important;
}
.card-header {
display: flex !important;
align-items: center;
}
.table-scroll {
max-height: 300px;
overflow-y: scroll;
}
.card-header-tab {
justify-content: flex-start !important;
}
.swal2-cancel {
background-color: #ff0000 !important;
color: #fff !important;
}
.table-scroll {
max-height: 300px;
overflow-y: scroll;
}
#resultList.dataTable {
width: max-content !important;
}
.swal2-cancel {
background-color: #ff0000 !important;
color: #fff !important;
}
table.dataTable td,
table.dataTable th {
white-space: nowrap;
}
#resultList.dataTable {
width: max-content !important;
}
/* 테이블이 내용만큼 커지고, wrapper가 스크롤 담당 */
.table-responsive {
overflow-x: auto !important;
}
table.dataTable td,
table.dataTable th {
white-space: nowrap;
}
/* 테이블 폭: 내용 기준으로 커지, 최소는 100% */
.table-responsive #resultList {
width: max-content !important;
min-width: 100% !important;
table-layout: auto !important;
}
/* 테이블이 내용만큼 커지, wrapper가 스크롤 담당 */
.table-responsive {
overflow-x: auto !important;
}
/* 줄바꿈 금지 */
#resultList th,
#resultList td {
white-space: nowrap;
}
/* 테이블 폭: 내용에 따라 자동 조정, 스크롤 필요시 표시 */
.table-responsive #resultList {
width: 100% !important;
table-layout: auto !important;
}
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
.main-card,
.card,
.card-body {
overflow-x: visible !important;
}
/* 줄바꿈 허용 - 공백 기준으로 줄바꿈 */
#resultList th,
#resultList td {
white-space: normal !important;
word-wrap: break-word;
}
/* 만약 레이아웃 wrapper가 숨기고 있으면 이것도 */
.app-main__outer,
.app-main__inner,
.app-main {
overflow-x: visible !important;
}
/* 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; }
/* flex 환경에서 필수 */
.app-main,
.app-main__outer,
.app-main__inner,
.card,
.card-body {
min-width: 0;
}
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
.main-card,
.card,
.card-body {
overflow-x: visible !important;
}
/* 만약 레이아웃 wrapper가 숨기고 있으면 이것도 */
.app-main__outer,
.app-main__inner,
.app-main {
overflow-x: visible !important;
}
/* flex 환경에서 필수 */
.app-main,
.app-main__outer,
.app-main__inner,
.card,
.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>
<h1>조직별 배정 현황</h1>
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-body">
<ul class="nav nav-tabs">
<li class="nav-item"><a data-bs-toggle="tab" href="#tab-eg10-0" class="active nav-link">검색</a></li>
<li class="nav-item"><a data-bs-toggle="tab" href="#tab-eg10-1" class="nav-link">조직별 통계</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-eg10-0" role="tabpanel">
<form id="frm_srch_info" method="get" onsubmit="return false;">
<input type="hidden" name="m" id="m" value="M801">
<input type="hidden" name="todo" id="todo" value="inq">
<input type="hidden" name="usr_id" value="">
<div class="card mb-3">
<div class="card-body">
<div class="row g-3 align-items-end">
<!-- 매물ID -->
<div class="col-12 col-md-2 col-lg-1">
<label class="form-label mb-1">매물ID</label>
<input type="text" class="form-control" name="rcpt_atclno" id="rcpt_atclno"
onkeypress="hscp_no_enter(event)">
</div>
<!-- 지역구분 -->
<div class="col-12 col-md-6 col-lg-3">
<label class="form-label mb-1">지역구분</label>
<div class="row g-2">
<div class="col-4">
<select class="form-select" name="srcSido" id="srcSido">
<option value="">시/도</option>
<?php foreach ($sido as $s): ?>
<option value="<?= $s['region_cd'] ?>"><?= $s['region_nm'] ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="col-4">
<select class="form-select" name="srcGugun" id="srcGugun">
<option value="">시/군/구</option>
</select>
</div>
<div class="col-4">
<select class="form-select" name="srcDong" id="srcDong">
<option value="">읍/면/동</option>
</select>
</div>
<div class="main-card mb-3 card">
<div class="card-header bg-white border-bottom shadow-sm">
<div class="d-flex flex-wrap align-items-center gap-3 card-header-tab">
<div>
<h4 class="mb-0 fw-bold text-dark">조직별 배정 현황</h4>
</div>
</div>
</div>
<div class="card-body">
<form id="frm_srch_info" method="get" onsubmit="return false;">
<!-- 검색 폼 -->
<div class="row g-3">
<div class="col-md-1">
<label class="form-label mb-1">매물ID</label>
<input type="text" class="form-control form-control-sm" name="rcpt_atclno" id="rcpt_atclno"
onkeypress="hscp_no_enter(event)">
</div>
</div>
<!-- 접수일자 -->
<div class="col-12 col-md-6 col-lg-3">
<label class="form-label mb-1">접수일자</label>
<div class="input-group">
<input type="date" class="form-control" name="sdate" id="sdate" placeholder="시작일">
<span class="input-group-text">~</span>
<input type="date" class="form-control" name="date" id="edate" placeholder="종료일">
<div class="col-md-4">
<label class="form-label mb-1">예약일자</label>
<div class="input-group input-group-sm">
<select class="form-select form-select-sm" name="rsrv_tm_ap">
<option value="">오전/오후</option>
<option value="AM">오전</option>
<option value="PM">오후</option>
</select>
<input type="date" class="form-control form-control-sm" name="rsrv_sdate" id="rsrv_sdate" placeholder="시작일">
<span class="input-group-text">~</span>
<input type="date" class="form-control form-control-sm" name="rsrv_edate" id="rsrv_edate" placeholder="종료일">
</div>
</div>
</div>
<!-- 예약일자 -->
<div class="col-12 col-md-6 col-lg-4">
<label class="form-label mb-1">예약일자</label>
<div class="input-group">
<select class="form-select" name="rsrv_tm_ap">
<option value="">오전/오후</option>
<option value="AM">오전</option>
<option value="PM">오후</option>
</select>
<input type="date" class="form-control" name="rsrv_sdate" id="rsrv_sdate" placeholder="시작일">
<span class="input-group-text">~</span>
<input type="date" class="form-control" name="rsrv_edate" id="rsrv_edate" placeholder="종료일">
<div class="col-md-3">
<label class="form-label mb-1">관할조직</label>
<div class="d-flex gap-1">
<select name="bonbu" id="bonbu" class="form-select form-select-sm">
<option value="">-본부-</option>
<?php foreach ($bonbu as $d): ?>
<option value="<?= $d['dept_sq'] ?>">
<?= $d['dept_nm'] ?>
</option>
<?php endforeach; ?>
</select>
<select name="team" id="team" class="form-select form-select-sm">
<option value="">-팀-</option>
</select>
<select name="damdang" id="damdang" class="form-select form-select-sm">
<option value="">-담당자-</option>
</select>
</div>
</div>
</div>
<!-- 방문담당 -->
<div class="col-12 col-lg-4">
<label class="form-label mb-1">관할조직</label>
<div class="row g-2">
<div class="col-4">
<select class="form-select" name="bonbu" id="bonbu">
<option value="">-본부-</option>
<?php foreach ($bonbu as $d): ?>
<option value="<?= $d['dept_sq'] ?>"><?= $d['dept_nm'] ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="col-4">
<select class="form-select" name="team" id="team">
<option value="">-팀-</option>
</select>
</div>
<div class="col-4">
<select class="form-select" name="damdang" id="damdang">
<option value="">-담당자-</option>
</select>
</div>
<div class="col-md-3">
<label class="form-label mb-1">지역별조회</label>
<div class="d-flex gap-1">
<select name="srcSido" id="srcSido" class="form-select form-select-sm">
<option value="">-시/도-</option>
<?php foreach ($sido as $s): ?>
<option value="<?= $s['region_cd'] ?>">
<?= $s['region_nm'] ?>
</option>
<?php endforeach; ?>
</select>
<select name="srcGugun" id="srcGugun" class="form-select form-select-sm">
<option value="">-시/군/구-</option>
</select>
<select name="srcDong" id="srcDong" class="form-select form-select-sm">
<option value="">-읍/면/동-</option>
</select>
</div>
</div>
</div>
<div class="col-12 col-md-2 col-lg-1">
<label class="form-label mb-1">평면도 유무</label>
<select class="form-select" name="ground_plan_yn">
<option value="">선택</option>
<option value="Y">Y</option>
<option value="N">N</option>
<div class="col-md-1">
<label class="form-label mb-1">평면도유무</label>
<select class="form-select form-select-sm" name="ground_plan_yn">
<option value="">전체</option>
<option value="Y">Y</option>
<option value="N">N</option>
</select>
</div>
</div>
<div class="row g-3">
<div class="col-md-1">
<label class="form-label mb-1">평면도요청</label>
<select class="form-select form-select-sm" name="ground_plan">
<option value="">전체</option>
<option value="Y">Y</option>
<option value="N">N</option>
</select>
</div>
<div class="col-md-1">
<label class="form-label mb-1">직거래</label>
<select class="form-select form-select-sm" name="direct_trad_yn">
<option value="">전체</option>
<option value="Y">Y</option>
<option value="N">N</option>
</select>
</div>
<!-- 검색유형 -->
<div class="col-md-1">
<label class="form-label mb-1">검색유형</label>
<select class="form-select form-select-sm" name="srchType">
<option value="">선택</option>
<option value="1">중개사명</option>
<option value="2">중개사연락처</option>
</select>
</div>
<!-- 검색어 -->
<div class="col-md-2">
<label class="form-label mb-1">검색어</label>
<input type="text" class="form-control form-control-sm" name="srchTxt" placeholder="검색어 입력">
</div>
<div class="col-md-6">
<label class="form-label mb-1">진행상태</label>
<div class="d-flex flex-wrap gap-2">
<div class="form-check">
<input class="form-check-input" type="checkbox" name="rcpt_stat_all" value="Y"
id="rcpt_stat_all" onclick="progressStatAll(this, this.checked);">
<label class="form-check-label" for="rcpt_stat_all">전체</label>
</div>
<?php foreach ($codes as $code): ?>
<?php if ($code['category'] === "RECEIPT_STATUS1"): ?>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="stat[]" id="stat_<?= $code['cd'] ?>"
value="<?= $code['cd'] ?>">
<label class="form-check-label" for="stat_<?= $code['cd'] ?>"><?= $code['cd_nm'] ?></label>
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
</div>
<div class="col-md-1 d-grid">
<label class="form-label mb-1 invisible">검색</label>
<button type="button" class="btn btn-primary" id="btnSearch">
<i class="pe-7s-search me-1"></i>검색
</button>
</div>
</div>
</form>
</div>
</div>
<div class="main-card mb-3 card">
<div class="card-header bg-white border-bottom shadow-sm">
<div class="d-flex flex-wrap align-items-center w-100 justify-content-between card-header-tab">
<h5 class="mb-0 fw-bold text-dark">검색 결과</h5>
<div class="d-flex align-items-center gap-2 ms-auto">
<!-- 배정변경 조직 선택 -->
<select class="form-select form-select-sm" id="bonbu2" style="width:120px;">
<option value="">-본부-</option>
<?php foreach ($bonbu as $d): ?>
<option value="<?= $d['dept_sq'] ?>">
<?= $d['dept_nm'] ?>
</option>
<?php endforeach; ?>
</select>
</div>
<div class="col-12 col-md-2 col-lg-1">
<label class="form-label mb-1">평면도 요청</label>
<select class="form-select" name="ground_plan">
<option value="">선택</option>
<option value="Y">Y</option>
<option value="N">N</option>
<select class="form-select form-select-sm" id="team2" style="width:140px;">
<option value="">-팀-</option>
</select>
</div>
<div class="col-12 col-md-2 col-lg-1">
<label class="form-label mb-1">직거래</label>
<select class="form-select" name="direct_trad_yn">
<option value="">선택</option>
<option value="Y">Y</option>
<option value="N">N</option>
<select class="form-select form-select-sm" id="damdang2" style="width:140px;">
<option value="">-담당자-</option>
</select>
</div>
<!-- 검색유형 -->
<div class="col-md-1">
<label class="form-label mb-1">검색유형</label>
<select class="form-select" name="srchType">
<option value="">선택</option>
<option value="1">중개사명</option>
<option value="2">중개사연락처</option>
</select>
</div>
<!-- 검색어 -->
<div class="col-md-2">
<label class="form-label mb-1">검색어</label>
<input type="text" class="form-control" name="srchTxt" placeholder="검색어 입력">
</div>
<!-- 진행상태 + 검색버튼 -->
<div class="col-12 col-lg-10">
<label class="form-label mb-1">진행상태</label>
<div class="d-flex flex-wrap gap-2 align-items-center border rounded p-2">
<div class="form-check me-2">
<input class="form-check-input" type="checkbox" name="rcpt_stat_all" value="Y"
id="rcpt_stat_all" onclick="progressStatAll(this, this.checked);">
<label class="form-check-label" for="rcpt_stat_all">전체</label>
</div>
<?php foreach ($codes as $code): ?>
<?php if ($code['category'] === "RECEIPT_STATUS1"): ?>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="stat[]" id="stat_<?= $code['cd'] ?>"
value="<?= $code['cd'] ?>">
<label class="form-check-label" for="stat_<?= $code['cd'] ?>"><?= $code['cd_nm'] ?></label>
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
</div>
<div class="col-12 col-lg-1 d-grid">
<button type="button" class="btn btn-primary" id="btnSearch">
<i class="pe-7s-search me-1"></i>검색
<button type="button" class="btn btn-sm btn-outline-primary" id="btn_part_change" onclick="updateAssign()">
배정변경
</button>
</div>
</div><!-- /row -->
</div><!-- /card-body -->
</div><!-- /card -->
</form>
<button class="btn btn-sm btn-outline-success" id="excel-download">
<i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i>
엑셀다운로드
</button>
<button class="btn btn-sm btn-outline-secondary" id="excel-download2">
<i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i>
배정내역출력
</button>
</div>
</div>
</div>
<div class="tab-pane" id="tab-eg10-1" role="tabpanel">
<div class="row">
<div class="col-md-3">
<div class="card mb-3" style="max-width: 380px;">
<div class="card-body p-0">
<div class="table-scroll">
<table class="table table-sm table-hover table-striped mb-0 align-middle text-center">
<thead class="table-light">
<div class="card-body">
<div class="table-responsive">
<table id="resultList" class="table table-hover table-striped table-bordered">
<thead>
<tr>
<th style="width:42px;">
<input class="form-check-input" type="checkbox" id="depChkAll">
</th>
<th>관할본부</th>
<th>방문담당</th>
<th style="width:90px;">배정건수</th>
<th>
<input type="checkbox" class="form-check-input" name="chkAll" id="chkAll" />
</th>
<th>진행상태</th>
<th>매물ID</th>
<th>접수(등록)일시</th>
<th>중개사</th>
<th>주소</th>
<th>연락처</th>
<th>예약일자</th>
<th>매물종류</th>
<th>관할조직</th>
<th>방문담당</th>
<th>평면도유무</th>
<th>평면도요청</th>
<th>면적확인</th>
</tr>
</thead>
<tbody id="deptArea"></tbody>
</table>
</div>
</div>
<div class="card-footer d-flex justify-content-end gap-1">
<button type="button" class="btn btn-outline-secondary btn-sm" onclick="printMap()">
<i class="pe-7s-print"></i> 인쇄하기
</button>
<button type="button" class="btn btn-primary btn-sm" onclick="deptMap()">
<i class="pe-7s-map-2"></i> 지도로 보기
</button>
</div>
</div>
</thead>
<tbody>
<!-- 여기는 비워둠: AJAX로 채움 -->
</tbody>
</table>
</div>
<div class="col-md-3">
<div class="card mb-3" style="max-width: 380px;">
<div class="card-body p-0">
<div class="table-scroll">
<table class="table table-sm table-hover table-striped mb-0 align-middle text-center">
<thead class="table-light">
<tr>
<th>지역구분</th>
<th style="width:90px;">요청건수</th>
</tr>
</thead>
<tbody id="statsArea"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-header d-flex align-items-center">
<div class="d-flex align-items-center flex-wrap" style="gap:8px; flex:1;">
<select class="form-select form-select-sm" id="bonbu2" style="width:140px;">
<option value="">-본부-</option>
<?php foreach ($bonbu as $d): ?>
<option value="<?= $d['dept_sq'] ?>">
<?= $d['dept_nm'] ?>
</option>
<?php endforeach; ?>
</select>
<select class="form-select form-select-sm" id="team2" style="width:160px;">
<option value="">-팀-</option>
</select>
<select class="form-select form-select-sm" id="damdang2" style="width:160px;">
<option value="">-담당자-</option>
</select>
<button type="button" class="btn btn-sm btn-outline-primary" id="btn_part_change">
배정변경
</button>
</div>
<div class="ml-auto">
<button class="btn btn-sm btn-outline-success" id="excel-download">
<i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i> 엑셀다운로드
</button>
<button class="btn btn-sm btn-outline-secondary" id="excel-download2">
<i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i> 배정내역출력
</button>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table id="resultList" class="table table-hover table-striped table-bordered">
<thead>
<th class="text-center">
<input type="checkbox" class="form-check-input" name="chkAll" id="chkAll" />
</th>
<th>진행상태</th>
<th>매물ID</th>
<th>접수(등록)일시</th>
<th>중개사</th>
<th>주소</th>
<th>연락처</th>
<th>예약일자</th>
<th>매물종류</th>
<th>관할조직</th>
<th>방문담당</th>
<th>평면도유무</th>
<th>평면도요청</th>
<th>면적확인</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="card-footer justify-content-start gap-1">
<button type="button" class="btn btn-light">
예약 확인
</button>
<button type="button" class="btn btn-outline-light">
검수지연
</button>
<button type="button" class="btn btn-outline-light">
검수지연 삭제
</button>
</div>
</div>
</div>
<?= $this->section('modals') ?>
<div class="modal fade" id="deptMapModal" tabindex="-1">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">지도보기</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body p-0">
<div id="dialog-deptmap-content"></div>
</div>
</div>
</div>
</div>
<?= $this->endSection() ?>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" />
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script defer src="/architectui/assets/js/datatable.kor.js"></script>
@@ -622,61 +558,6 @@ $usr_nm = session('usr_nm');
d.start = d.start || 0
d.length = d.length || 10
},
dataSrc: function (d) {
const deptList = d.widgets?.deptList;
const areaStats = d.widgets?.areaStats ?? [];
if (deptList.length > 0) {
var str = "";
for (var i = 0; i < deptList.length; i++) {
str += `
<tr>
<td><input class="form-check-input depChk" type="checkbox" name="depChk[]" value="${deptList[i].dept_sq}"></td>
<td>${deptList[i].bonbu_nm}</td>
<td>${deptList[i].team_nm}</td>
<td><span class="badge bg-primary">${deptList[i].cnt} 건</span></td>
</tr>
`;
}
$("#deptArea").html(str);
} else {
str = `
<tr>
<td colspan="4">조회 가능한 데이터가 없습니다.</td>
</tr>
`;
$("#deptArea").html(str);
}
if (areaStats.length > 0) {
var str = "";
for (var i = 0; i < areaStats.length; i++) {
str += `
<tr>
<td>${areaStats[i].rcpt_dong}</td>
<td><span class="badge bg-warning">${areaStats[i].cnt} 건</span></td>
</tr>
`;
}
$("#statsArea").html(str);
} else {
str = `
<tr>
<td colspan="2">조회 가능한 데이터가 없습니다.</td>
</tr>
`;
$("#statsArea").html(str);
}
return d.data;
}
},
columnDefs: [
@@ -700,7 +581,7 @@ $usr_nm = session('usr_nm');
{ data: 'exp_spc_yn' },
],
// 옵션들 예시
pdestroy: true,
destroy: true,
deferRender: true,
scrollX: false,
autoWidth: false,
@@ -737,18 +618,6 @@ $usr_nm = session('usr_nm');
$('#chkAll').prop('checked', total > 0 && total === checkedCnt);
});
// 전체 선택
$(document).on('change', '#depChkAll', function () {
$('.depChk').prop('checked', this.checked);
});
// 개별 체크 시 전체 체크 동기화
$(document).on('change', '.depChk', function () {
const total = $('.depChk').length;
const checked = $('.depChk:checked').length;
$('#depChkAll').prop('checked', total === checked);
});
table.on('draw', function () {
$('#chkAll').prop('checked', false);
});
@@ -815,6 +684,15 @@ $usr_nm = session('usr_nm');
}
function hscp_no_enter(event) {
if (event.keyCode == 13) {
table.ajax.reload()
}
}
function progressStatAll(el, checked) {
$('input[name="stat[]"]').prop('checked', checked);
}
/** datatable render */
function fn_chk_render(data, type, row, meta) {
@@ -890,56 +768,9 @@ $usr_nm = session('usr_nm');
/** datatable render */
// 인쇄하기
function printMap() {
var data = $('input[name="depChk[]"]').serialize();
var usr_id = $('input[name="usr_id"]').serialize();
if (data == '') {
alert('팀을 선택해주세요');
return;
}
var url = '/article/dept/print?' + data;
window.open(url, '', '');
}
function deptMap() {
const data = $('input[name="depChk[]"]:checked').serialize();
if (!data) {
alert('팀을 선택해주세요');
return;
}
const url = '/article/dept/print?' + data;
$('#dialog-deptmap-content').html(
`<iframe style="border:0;width:100%;height:650px;" src="${url}"></iframe>`
);
const modal = new bootstrap.Modal(document.getElementById('deptMapModal'));
modal.show();
}
// 엑셀 다운로드
function downloadExcel(data) {
const ws = XLSX.utils.json_to_sheet(data);
// ws['!cols'] = [
// { wpx: 100 },
// { wpx: 100 },
// { wpx: 100 },
// { wpx: 100 },
// { wpx: 150 },
// { wpx: 120 },
// { wpx: 100 },
// { wpx: 100 },
// { wpx: 100 },
// { wpx: 100 },
// { wpx: 100 },
// { wpx: 100 },
// ];
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
@@ -1047,7 +878,7 @@ $usr_nm = session('usr_nm');
var arr = new Array();
const bonbu = $("#bonbu2").val();
const team = $("#team2").val();
const user = $("#user2").val();
const user = $("#damdang2").val();
$('#resultList tbody .row-chk:checked').each(function () {
const rowData = table.row($(this).closest('tr')).data();
@@ -1088,14 +919,12 @@ $usr_nm = session('usr_nm');
return;
}
swal.fire({
Swal.fire({
text: "배정을 변경하시겠습니까?",
type: "warning",
icon: "warning",
showCancelButton: true,
confirmButtonText: "예",
cancelButtonText: "아니오",
closeOnConfirm: false,
closeOnCancel: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
}).then((result) => {
@@ -1155,4 +984,4 @@ $usr_nm = session('usr_nm');
}
</script>
<?= $this->endSection() ?>
<?= $this->endSection() ?>

File diff suppressed because it is too large Load Diff

View File

@@ -8,111 +8,160 @@ $usr_nm = session('usr_nm');
<?= $this->section('content') ?>
<style>
th {
font-size: 11px;
text-align: center;
}
th {
font-size: 11px;
text-align: center;
}
td {
text-align: center;
}
/* 테이블 헤더 좌우 여백 조정 */
#resultList thead th {
padding-left: 4px !important;
padding-right: 4px !important;
}
#resultList tbody tr {
cursor: pointer;
}
td {
text-align: center;
}
.blockUI {
z-index: 1500 !important;
}
#resultList tbody tr {
cursor: pointer;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 180px;
}
.blockUI {
z-index: 1500 !important;
}
.card-header {
display: flex !important;
align-items: center;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 180px;
}
.card-header-tab {
justify-content: flex-start !important;
}
.card-header {
display: flex !important;
align-items: center;
}
.table-scroll {
max-height: 300px;
overflow-y: scroll;
}
.card-header-tab {
justify-content: flex-start !important;
}
.swal2-cancel {
background-color: #ff0000 !important;
color: #fff !important;
}
.table-scroll {
max-height: 300px;
overflow-y: scroll;
}
#resultList.dataTable {
width: max-content !important;
}
.swal2-cancel {
background-color: #ff0000 !important;
color: #fff !important;
}
table.dataTable td,
table.dataTable th {
white-space: nowrap;
}
#resultList.dataTable {
width: max-content !important;
}
/* 테이블이 내용만큼 커지고, wrapper가 스크롤 담당 */
.table-responsive {
overflow-x: auto !important;
}
table.dataTable td,
table.dataTable th {
white-space: nowrap;
}
/* 테이블 폭: 내용 기준으로 커지, 최소는 100% */
.table-responsive #resultList {
width: max-content !important;
min-width: 100% !important;
table-layout: auto !important;
}
/* 테이블이 내용만큼 커지, wrapper가 스크롤 담당 */
.table-responsive {
overflow-x: auto !important;
}
/* 줄바꿈 금지 */
#resultList th,
#resultList td {
white-space: nowrap;
}
/* 테이블 폭: 내용에 따라 자동 조정, 스크롤 필요시 표시 */
.table-responsive #resultList {
width: 100% !important;
table-layout: auto !important;
}
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
.main-card,
.card,
.card-body {
overflow-x: visible !important;
}
/* 줄바꿈 허용 - 공백 기준으로 줄바꿈 */
#resultList th,
#resultList td {
white-space: normal !important;
word-wrap: break-word;
}
/* 만약 레이아웃 wrapper가 숨기고 있으면 이것도 */
.app-main__outer,
.app-main__inner,
.app-main {
overflow-x: visible !important;
}
/* 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; }
/* flex 환경에서 필수 */
.app-main,
.app-main__outer,
.app-main__inner,
.card,
.card-body {
min-width: 0;
}
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
.main-card,
.card,
.card-body {
overflow-x: visible !important;
}
/* 만약 레이아웃 wrapper가 숨기고 있으면 이것도 */
.app-main__outer,
.app-main__inner,
.app-main {
overflow-x: visible !important;
}
/* flex 환경에서 필수 */
.app-main,
.app-main__outer,
.app-main__inner,
.card,
.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>
<h1>현장확인V2 조직별 배정 현황</h1>
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-body">
<ul class="nav nav-tabs">
<li class="nav-item"><a data-bs-toggle="tab" href="#tab-eg10-0" class="active nav-link">검색</a></li>
<li class="nav-item"><a data-bs-toggle="tab" href="#tab-eg10-1" class="nav-link">조직별 통계</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-eg10-0" role="tabpanel">
<div class="main-card mb-3 card">
<div class="card-header bg-white border-bottom shadow-sm">
<div class="d-flex flex-wrap align-items-center gap-3 card-header-tab">
<div>
<h4 class="mb-0 fw-bold text-dark">현장확인V2 조직별 배정 현황</h4>
</div>
</div>
</div>
<div class="card-body">
<ul class="nav nav-tabs">
<li class="nav-item"><a data-bs-toggle="tab" href="#tab-eg10-0" class="active nav-link">검색</a></li>
<li class="nav-item"><a data-bs-toggle="tab" href="#tab-eg10-1" class="nav-link">조직별 통계</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-eg10-0" role="tabpanel">
<form id="frm_srch_info" method="get" onsubmit="return false;">
<input type="hidden" name="m" id="m" value="M801">
<input type="hidden" name="todo" id="todo" value="inq">

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,12 +135,27 @@ $usr_nm = session('usr_nm');
.card-body {
min-width: 0;
}
</style>
<h1>평면도 관리</h1>
/* 검색 영역 행마다 구분선 추가 */
#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">
<div class="main-card mb-3 card">
<div class="card-header bg-white border-bottom shadow-sm">
<div class="d-flex flex-wrap align-items-center gap-3 card-header-tab">
<div>
<h4 class="mb-0 fw-bold text-dark">평면도 관리</h4>
</div>
</div>
</div>
<div class="card-body">
<form id="frm_srch_info" method="get" onsubmit="return false;">
<div class="alert alert-warning py-2 mb-3">

View File

@@ -9,105 +9,154 @@ $usr_nm = session('usr_nm');
<?= $this->section('content') ?>
<style>
th {
font-size: 11px;
text-align: center;
}
th {
font-size: 11px;
text-align: center;
}
td {
text-align: center;
}
/* 테이블 헤더 좌우 여백 조정 */
#resultList thead th {
padding-left: 4px !important;
padding-right: 4px !important;
}
#resultList tbody tr {
cursor: pointer;
}
td {
text-align: center;
}
.blockUI {
z-index: 1500 !important;
}
#resultList tbody tr {
cursor: pointer;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 180px;
}
.blockUI {
z-index: 1500 !important;
}
.card-header {
display: flex !important;
align-items: center;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 180px;
}
.card-header-tab {
justify-content: flex-start !important;
}
.card-header {
display: flex !important;
align-items: center;
}
.table-scroll {
max-height: 300px;
overflow-y: scroll;
}
.card-header-tab {
justify-content: flex-start !important;
}
.swal2-cancel {
background-color: #ff0000 !important;
color: #fff !important;
}
.table-scroll {
max-height: 300px;
overflow-y: scroll;
}
#resultList.dataTable {
width: max-content !important;
}
.swal2-cancel {
background-color: #ff0000 !important;
color: #fff !important;
}
table.dataTable td,
table.dataTable th {
white-space: nowrap;
}
#resultList.dataTable {
width: max-content !important;
}
/* 테이블이 내용만큼 커지고, wrapper가 스크롤 담당 */
.table-responsive {
overflow-x: auto !important;
}
table.dataTable td,
table.dataTable th {
white-space: nowrap;
}
/* 테이블 폭: 내용 기준으로 커지, 최소는 100% */
.table-responsive #resultList {
width: max-content !important;
min-width: 100% !important;
table-layout: auto !important;
}
/* 테이블이 내용만큼 커지, wrapper가 스크롤 담당 */
.table-responsive {
overflow-x: auto !important;
}
/* 줄바꿈 금지 */
#resultList th,
#resultList td {
white-space: nowrap;
}
/* 테이블 폭: 내용에 따라 자동 조정, 스크롤 필요시 표시 */
.table-responsive #resultList {
width: 100% !important;
table-layout: auto !important;
}
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
.main-card,
.card,
.card-body {
overflow-x: visible !important;
}
/* 줄바꿈 허용 - 공백 기준으로 줄바꿈 */
#resultList th,
#resultList td {
white-space: normal !important;
word-wrap: break-word;
}
/* 만약 레이아웃 wrapper가 숨기고 있으면 이것도 */
.app-main__outer,
.app-main__inner,
.app-main {
overflow-x: visible !important;
}
/* 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; }
/* flex 환경에서 필수 */
.app-main,
.app-main__outer,
.app-main__inner,
.card,
.card-body {
min-width: 0;
}
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
.main-card,
.card,
.card-body {
overflow-x: visible !important;
}
/* 만약 레이아웃 wrapper가 숨기고 있으면 이것도 */
.app-main__outer,
.app-main__inner,
.app-main {
overflow-x: visible !important;
}
/* flex 환경에서 필수 */
.app-main,
.app-main__outer,
.app-main__inner,
.card,
.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>
<h1>현장확인V2 매물 접수 현황</h1>
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-body">
<div class="main-card mb-3 card">
<div class="card-header bg-white border-bottom shadow-sm">
<div class="d-flex flex-wrap align-items-center gap-3 card-header-tab">
<div>
<h4 class="mb-0 fw-bold text-dark">현장확인V2 매물 접수 현황</h4>
</div>
</div>
</div>
<div class="card-body">
<form id="frm_srch_info" method="get" onsubmit="return false;">
<!-- 검색 폼 -->

View File

@@ -9,105 +9,154 @@ $usr_nm = session('usr_nm');
<?= $this->section('content') ?>
<style>
th {
font-size: 11px;
text-align: center;
}
th {
font-size: 11px;
text-align: center;
}
td {
text-align: center;
}
/* 테이블 헤더 좌우 여백 조정 */
#resultList thead th {
padding-left: 4px !important;
padding-right: 4px !important;
}
#resultList tbody tr {
cursor: pointer;
}
td {
text-align: center;
}
.blockUI {
z-index: 1500 !important;
}
#resultList tbody tr {
cursor: pointer;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 180px;
}
.blockUI {
z-index: 1500 !important;
}
.card-header {
display: flex !important;
align-items: center;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 180px;
}
.card-header-tab {
justify-content: flex-start !important;
}
.card-header {
display: flex !important;
align-items: center;
}
.table-scroll {
max-height: 300px;
overflow-y: scroll;
}
.card-header-tab {
justify-content: flex-start !important;
}
.swal2-cancel {
background-color: #ff0000 !important;
color: #fff !important;
}
.table-scroll {
max-height: 300px;
overflow-y: scroll;
}
#resultList.dataTable {
width: max-content !important;
}
.swal2-cancel {
background-color: #ff0000 !important;
color: #fff !important;
}
table.dataTable td,
table.dataTable th {
white-space: nowrap;
}
#resultList.dataTable {
width: max-content !important;
}
/* 테이블이 내용만큼 커지고, wrapper가 스크롤 담당 */
.table-responsive {
overflow-x: auto !important;
}
table.dataTable td,
table.dataTable th {
white-space: nowrap;
}
/* 테이블 폭: 내용 기준으로 커지, 최소는 100% */
.table-responsive #resultList {
width: max-content !important;
min-width: 100% !important;
table-layout: auto !important;
}
/* 테이블이 내용만큼 커지, wrapper가 스크롤 담당 */
.table-responsive {
overflow-x: auto !important;
}
/* 줄바꿈 금지 */
#resultList th,
#resultList td {
white-space: nowrap;
}
/* 테이블 폭: 내용에 따라 자동 조정, 스크롤 필요시 표시 */
.table-responsive #resultList {
width: 100% !important;
table-layout: auto !important;
}
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
.main-card,
.card,
.card-body {
overflow-x: visible !important;
}
/* 줄바꿈 허용 - 공백 기준으로 줄바꿈 */
#resultList th,
#resultList td {
white-space: normal !important;
word-wrap: break-word;
}
/* 만약 레이아웃 wrapper가 숨기고 있으면 이것도 */
.app-main__outer,
.app-main__inner,
.app-main {
overflow-x: visible !important;
}
/* 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; }
/* flex 환경에서 필수 */
.app-main,
.app-main__outer,
.app-main__inner,
.card,
.card-body {
min-width: 0;
}
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
.main-card,
.card,
.card-body {
overflow-x: visible !important;
}
/* 만약 레이아웃 wrapper가 숨기고 있으면 이것도 */
.app-main__outer,
.app-main__inner,
.app-main {
overflow-x: visible !important;
}
/* flex 환경에서 필수 */
.app-main,
.app-main__outer,
.app-main__inner,
.card,
.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>
<h1>녹취매물 내역</h1>
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-body">
<div class="main-card mb-3 card">
<div class="card-header bg-white border-bottom shadow-sm">
<div class="d-flex flex-wrap align-items-center gap-3 card-header-tab">
<div>
<h4 class="mb-0 fw-bold text-dark">녹취매물 내역</h4>
</div>
</div>
</div>
<div class="card-body">
<form id="frm_srch_info" method="get" onsubmit="return false;">
<!-- 검색 폼 -->
@@ -227,16 +276,15 @@ $usr_nm = session('usr_nm');
</div>
<div class="main-card mb-3 card">
<div class="card-header d-flex align-items-center">
<div class="d-flex align-items-center flex-wrap" style="gap: 8px; flex: 1">
</div>
<div class="ml-auto">
<button class="btn btn-sm btn-outline-success" id="excel-download">
<i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i>
엑셀다운로드
</button>
<div class="card-header bg-white border-bottom shadow-sm">
<div class="d-flex flex-wrap align-items-center w-100 justify-content-between card-header-tab">
<h5 class="mb-0 fw-bold text-dark">검색 결과</h5>
<div class="d-flex align-items-center gap-2 ms-auto">
<button class="btn btn-sm btn-outline-success" id="excel-download">
<i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i>
엑셀다운로드
</button>
</div>
</div>
</div>
<div class="card-body">

View File

@@ -4,6 +4,17 @@
<style>
th {
font-size: 11px;
text-align: center;
}
/* 테이블 헤더 좌우 여백 조정 */
#userList thead th {
padding-left: 4px !important;
padding-right: 4px !important;
}
td {
text-align: center;
}
#userList tbody tr {
@@ -18,161 +29,198 @@
background-color: #ff0000 !important;
color: #fff !important;
}
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
.main-card,
.card,
.card-body {
overflow-x: visible !important;
}
/* 만약 레이아웃 wrapper가 숨기고 있으면 이것도 */
.app-main__outer,
.app-main__inner,
.app-main {
overflow-x: visible !important;
}
/* flex 환경에서 필수 */
.app-main,
.app-main__outer,
.app-main__inner,
.card,
.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>
<h1>현장확인인원별배정현황</h1>
<div class="row">
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-body">
<form class="row align-items-end" id="frm_srch_info" onsubmit="return false;">
<!-- 1줄 -->
<div class="row mb-3">
<!-- 관할조직 -->
<div class="col-md-2">
<label class="form-label mb-1">관할조직</label>
<div class="row g-2">
<div class="col-6">
<select class="form-control" name="bonbu" id="bonbu">
<option value="">선택</option>
<?php foreach ($bonbu as $d): ?>
<option value="<?= $d['dept_sq'] ?>"><?= $d['dept_nm'] ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="col-6">
<select class="form-control" name="dept_sq" id="dept_sq">
<option value="">선택</option>
</select>
</div>
</div>
</div>
<!-- 유형 -->
<div class="col-md-1">
<label class="form-label mb-1">유형</label>
<select class="form-control" name="schDateGb">
<option value="1">예약일자</option>
<option value="2">등록일자</option>
</select>
</div>
<!-- 기준일자 -->
<div class="col-md-3">
<label class="form-label mb-1">기준일자</label>
<div class="row g-2">
<div class="col-5">
<input type="date" class="form-control" id="sdate" name="sdate">
</div>
<div class="col-2 d-flex align-items-center justify-content-center">~</div>
<div class="col-5">
<input type="date" class="form-control" id="edate" name="edate">
</div>
</div>
</div>
<!-- 지역검색 -->
<div class="col-md-4">
<label class="form-label mb-1">지역검색</label>
<div class="row g-2">
<div class="col-4">
<select class="form-control" name="srcSido" id="srcSido">
<option value="">시/도</option>
<?php foreach ($sido as $s): ?>
<option value="<?= $s['region_cd'] ?>"><?= $s['region_nm'] ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="col-4">
<select class="form-control" name="srcGugun" id="srcGugun">
<option value="">시/군/구</option>
</select>
</div>
<div class="col-4">
<select class="form-control" name="srcDong" id="srcDong">
<option value="">읍/면/동</option>
</select>
</div>
</div>
</div>
</div>
<!-- 2줄 -->
<div class="row mb-3">
<!-- 검색유형 -->
<div class="col-md-1">
<label class="form-label mb-1">검색유형</label>
<select class="form-control" name="srchType">
<option value="">선택</option>
<option value="1">아이디</option>
<option value="2">이름</option>
</select>
</div>
<!-- 검색어 -->
<div class="col-md-2">
<label class="form-label mb-1">검색어</label>
<input type="text" class="form-control" name="srchTxt" placeholder="검색어 입력">
</div>
<!-- 검색버튼 -->
<div class="col-md-1 d-grid align-items-end">
<button type="button" class="btn btn-primary" id="btnSearch">검색</button>
</div>
</div>
</form>
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-header bg-white border-bottom shadow-sm">
<div class="d-flex flex-wrap align-items-center gap-3 card-header-tab">
<div>
<h4 class="mb-0 fw-bold text-dark">현장확인인원별배정현황</h4>
</div>
</div>
</div>
<div class="card-body">
<form id="frm_srch_info" onsubmit="return false;">
<!-- 1줄 -->
<div class="row g-3 mb-3">
<!-- 관할조직 -->
<div class="col-md-2">
<label class="form-label mb-1 text-sm fw-semibold text-muted">관할조직</label>
<div class="row g-2">
<div class="col-6">
<select class="form-control form-control-sm" name="bonbu" id="bonbu">
<option value="">선택</option>
<?php foreach ($bonbu as $d): ?>
<option value="<?= $d['dept_sq'] ?>"><?= $d['dept_nm'] ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="col-6">
<select class="form-control form-control-sm" name="dept_sq" id="dept_sq">
<option value="">선택</option>
</select>
</div>
</div>
</div>
<!-- 유형 -->
<div class="col-md-1">
<label class="form-label mb-1 text-sm fw-semibold text-muted">유형</label>
<select class="form-control form-control-sm" name="schDateGb">
<option value="1">예약일자</option>
<option value="2">등록일자</option>
</select>
</div>
<!-- 기준일자 -->
<div class="col-md-3">
<label class="form-label mb-1 text-sm fw-semibold text-muted">기준일자</label>
<div class="row g-2">
<div class="col-5">
<input type="date" class="form-control form-control-sm" id="sdate" name="sdate">
</div>
<div class="col-2 d-flex align-items-center justify-content-center">~</div>
<div class="col-5">
<input type="date" class="form-control form-control-sm" id="edate" name="edate">
</div>
</div>
</div>
<!-- 지역검색 -->
<div class="col-md-4">
<label class="form-label mb-1 text-sm fw-semibold text-muted">지역검색</label>
<div class="row g-2">
<div class="col-4">
<select class="form-control form-control-sm" name="srcSido" id="srcSido">
<option value="">시/도</option>
<?php foreach ($sido as $s): ?>
<option value="<?= $s['region_cd'] ?>"><?= $s['region_nm'] ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="col-4">
<select class="form-control form-control-sm" name="srcGugun" id="srcGugun">
<option value="">시/군/구</option>
</select>
</div>
<div class="col-4">
<select class="form-control form-control-sm" name="srcDong" id="srcDong">
<option value="">읍/면/동</option>
</select>
</div>
</div>
</div>
</div>
<!-- 2줄 -->
<div class="row g-3">
<!-- 검색유형 -->
<div class="col-md-1">
<label class="form-label mb-1 text-sm fw-semibold text-muted">검색유형</label>
<select class="form-control form-control-sm" name="srchType">
<option value="">선택</option>
<option value="1">아이디</option>
<option value="2">이름</option>
</select>
</div>
<!-- 검색어 -->
<div class="col-md-2">
<label class="form-label mb-1 text-sm fw-semibold text-muted">검색어</label>
<input type="text" class="form-control form-control-sm" name="srchTxt" placeholder="검색어 입력">
</div>
<!-- 검색버튼 -->
<div class="col-md-1 d-flex align-items-end">
<button type="button" class="btn btn-primary btn-sm w-100" id="btnSearch">검색</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-header d-flex align-items-center">
<h3 class="card-title mb-0">사용자 목록</h3>
<div class="ms-auto d-flex align-items-center gap-3">
<button class="mb-2 me-2 border-0 btn-transition btn btn-shadow btn-outline-success"
id="excel-download">
<i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i>엑셀다운로드
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-header bg-white border-bottom shadow-sm">
<div class="d-flex flex-wrap align-items-center w-100 justify-content-between card-header-tab">
<h4 class="mb-0 fw-bold text-dark">사용자 목록</h4>
<div class="d-flex align-items-center gap-2 ms-auto">
<button class="btn btn-sm btn-outline-success" id="excel-download">
<i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i>
엑셀다운로드
</button>
</div>
</div>
<div class="card-body">
<table id="userList" class="table table-hover table-striped table-bordered">
<thead>
<tr>
<th rowspan="2">순번</th>
<th rowspan="2">아이디</th>
<th rowspan="2">이름</th>
<th colspan="5" style="text-align: center;">오전</th>
<th colspan="8" style="text-align: center;">오</th>
<th rowspan="2">합계</th>
</tr>
<tr>
<th width="50">무관</th>
<th width="50">9</th>
<th width="50">10</th>
<th width="50">11</th>
<th width="50">12</th>
</div>
<div class="card-body">
<table id="userList" class="table table-hover table-striped table-bordered">
<thead>
<tr>
<th rowspan="2">순번</th>
<th rowspan="2">아이디</th>
<th rowspan="2">이름</th>
<th colspan="5" style="text-align: center;">오</th>
<th colspan="8" style="text-align: center;">오후</th>
<th rowspan="2">합계</th>
</tr>
<tr>
<th width="50">무관</th>
<th width="50">9</th>
<th width="50">10</th>
<th width="50">11</th>
<th width="50">12</th>
<th width="50">무관</th>
<th width="50">1</th>
<th width="50">2</th>
<th width="50">3</th>
<th width="50">4</th>
<th width="50">5</th>
<th width="50">6</th>
<th width="50">7</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<th width="50">무관</th>
<th width="50">1</th>
<th width="50">2</th>
<th width="50">3</th>
<th width="50">4</th>
<th width="50">5</th>
<th width="50">6</th>
<th width="50">7</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
@@ -269,7 +317,8 @@
let table = $('#userList').DataTable({
language: lang_kor,
processing: true,
serverSide: false,
serverSide: true,
pageLength: 25,
ajax: {
url: '/results/assign/getUserList',
type: 'GET',
@@ -291,20 +340,17 @@
d.srchType = $("#frm_srch_info [name=srchType]").val()
d.srchTxt = $("#frm_srch_info [name=srchTxt]").val()
d.start = d.start || 0
d.length = d.length || 10
}
},
"columnDefs": [
{ 'targets': '_all', "defaultContent": "" },
{ 'className': 'text-center', 'targets': [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16] },
columnDefs: [
{ targets: '_all', defaultContent: "" },
{ className: 'text-center', targets: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16] },
],
columns: [
{
"data": null,
"width": "50px",
"render": function (data, type, row, meta) {
data: null,
width: "50px",
render: function (data, type, row, meta) {
return meta.row + meta.settings._iDisplayStart + 1;
}
},
@@ -325,11 +371,9 @@
{ data: 'PM07' },
{ data: 'TODAY' },
],
// 옵션들 예시
paging: true,
searching: false,
ordering: false,
serverSide: true,
});
@@ -531,4 +575,4 @@
});
</script>
<?= $this->endSection() ?>
<?= $this->endSection() ?>

View File

@@ -0,0 +1,534 @@
<?= $this->extend('layouts/main') ?>
<?= $this->section('content') ?>
<style>
th {
font-size: 11px;
}
#userList tbody tr {
cursor: pointer;
}
.blockUI {
z-index: 1500 !important;
}
.swal2-cancel {
background-color: #ff0000 !important;
color: #fff !important;
}
</style>
<h1>현장확인인원별배정현황</h1>
<div class="row">
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-body">
<form class="row align-items-end" id="frm_srch_info" onsubmit="return false;">
<!-- 1줄 -->
<div class="row mb-3">
<!-- 관할조직 -->
<div class="col-md-2">
<label class="form-label mb-1">관할조직</label>
<div class="row g-2">
<div class="col-6">
<select class="form-control" name="bonbu" id="bonbu">
<option value="">선택</option>
<?php foreach ($bonbu as $d): ?>
<option value="<?= $d['dept_sq'] ?>"><?= $d['dept_nm'] ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="col-6">
<select class="form-control" name="dept_sq" id="dept_sq">
<option value="">선택</option>
</select>
</div>
</div>
</div>
<!-- 유형 -->
<div class="col-md-1">
<label class="form-label mb-1">유형</label>
<select class="form-control" name="schDateGb">
<option value="1">예약일자</option>
<option value="2">등록일자</option>
</select>
</div>
<!-- 기준일자 -->
<div class="col-md-3">
<label class="form-label mb-1">기준일자</label>
<div class="row g-2">
<div class="col-5">
<input type="date" class="form-control" id="sdate" name="sdate">
</div>
<div class="col-2 d-flex align-items-center justify-content-center">~</div>
<div class="col-5">
<input type="date" class="form-control" id="edate" name="edate">
</div>
</div>
</div>
<!-- 지역검색 -->
<div class="col-md-4">
<label class="form-label mb-1">지역검색</label>
<div class="row g-2">
<div class="col-4">
<select class="form-control" name="srcSido" id="srcSido">
<option value="">시/도</option>
<?php foreach ($sido as $s): ?>
<option value="<?= $s['region_cd'] ?>"><?= $s['region_nm'] ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="col-4">
<select class="form-control" name="srcGugun" id="srcGugun">
<option value="">시/군/구</option>
</select>
</div>
<div class="col-4">
<select class="form-control" name="srcDong" id="srcDong">
<option value="">읍/면/동</option>
</select>
</div>
</div>
</div>
</div>
<!-- 2줄 -->
<div class="row mb-3">
<!-- 검색유형 -->
<div class="col-md-1">
<label class="form-label mb-1">검색유형</label>
<select class="form-control" name="srchType">
<option value="">선택</option>
<option value="1">아이디</option>
<option value="2">이름</option>
</select>
</div>
<!-- 검색어 -->
<div class="col-md-2">
<label class="form-label mb-1">검색어</label>
<input type="text" class="form-control" name="srchTxt" placeholder="검색어 입력">
</div>
<!-- 검색버튼 -->
<div class="col-md-1 d-grid align-items-end">
<button type="button" class="btn btn-primary" id="btnSearch">검색</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-header d-flex align-items-center">
<h3 class="card-title mb-0">사용자 목록</h3>
<div class="ms-auto d-flex align-items-center gap-3">
<button class="mb-2 me-2 border-0 btn-transition btn btn-shadow btn-outline-success"
id="excel-download">
<i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i>엑셀다운로드
</button>
</div>
</div>
<div class="card-body">
<table id="userList" class="table table-hover table-striped table-bordered">
<thead>
<tr>
<th rowspan="2">순번</th>
<th rowspan="2">아이디</th>
<th rowspan="2">이름</th>
<th colspan="5" style="text-align: center;">오전</th>
<th colspan="8" style="text-align: center;">오후</th>
<th rowspan="2">합계</th>
</tr>
<tr>
<th width="50">무관</th>
<th width="50">9</th>
<th width="50">10</th>
<th width="50">11</th>
<th width="50">12</th>
<th width="50">무관</th>
<th width="50">1</th>
<th width="50">2</th>
<th width="50">3</th>
<th width="50">4</th>
<th width="50">5</th>
<th width="50">6</th>
<th width="50">7</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" />
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script defer src="/architectui/assets/js/datatable.kor.js"></script>
<script type="text/javascript">
// const tpl = document.querySelector('.my-loader-template');
var teamArr = <?= json_encode($team, JSON_UNESCAPED_UNICODE); ?>;
let date = new Date();
$(function () {
$("#bonbu").on("change", function (e) {
var dept_sq = e.target.value
$("#dept_sq").empty()
var str = "<option value=''>선택</option>"
if (teamArr != null) {
for (var i = 0; i < teamArr.length; i++) {
if (dept_sq === teamArr[i].pdept_sq) {
str += "<option value='" + teamArr[i].dept_sq + "'>" + teamArr[i].dept_nm + "</option>"
}
}
}
$("#dept_sq").append(str)
});
$("#srcSido, #srcGugun").on("change", function (e) {
const targetId = this.id;
$.ajax({
url: "/manage/areas/getAreaList",
method: "POST",
dataType: "json",
data: {
'srcSido': $("#frm_srch_info [name=srcSido]").val(),
'srcGugun': $("#frm_srch_info [name=srcGugun]").val(),
},
beforeSend: function () {
blockUI.blockPage({
message: tpl
})
},
complete: function () {
blockUI.unblockPage()
},
success: function (result) {
switch (targetId) {
case "srcSido":
$("#srcGugun").empty()
var str = "";
str += "<option value=''>시/군/구</option>";
if (result.length > 0) {
for (var i = 0; i < result.length; i++) {
str += "<option value='" + result[i]['region_cd'] + "'>" + result[i].region_nm + "</option>";
}
}
$("#srcGugun").append(str);
break;
case "srcGugun":
$("#srcDong").empty()
var str = "";
str += "<option value=''>읍/면/동</option>";
if (result.length > 0) {
for (var i = 0; i < result.length; i++) {
str += "<option value='" + result[i]['region_cd'] + "'>" + result[i].region_nm + "</option>";
}
}
$("#srcDong").append(str);
break;
}
}
});
});
let table = $('#userList').DataTable({
language: lang_kor,
processing: true,
serverSide: false,
ajax: {
url: '/results/assign/getUserList',
type: 'GET',
beforeSend: function () {
blockUI.blockPage({
message: tpl
})
},
complete: function () {
blockUI.unblockPage()
},
data: function (d) {
d.schDateGb = $("#frm_srch_info [name=schDateGb]").val()
d.sdate = $("#frm_srch_info [name=sdate]").val()
d.edate = $("#frm_srch_info [name=edate]").val()
d.bonbu = $("#frm_srch_info [name=bonbu]").val()
d.team = $("#frm_srch_info [name=dept_sq]").val()
d.srchType = $("#frm_srch_info [name=srchType]").val()
d.srchTxt = $("#frm_srch_info [name=srchTxt]").val()
d.start = d.start || 0
d.length = d.length || 10
}
},
"columnDefs": [
{ 'targets': '_all', "defaultContent": "" },
{ 'className': 'text-center', 'targets': [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16] },
],
columns: [
{
"data": null,
"width": "50px",
"render": function (data, type, row, meta) {
return meta.row + meta.settings._iDisplayStart + 1;
}
},
{ data: 'usr_id' },
{ data: 'usr_nm' },
{ data: 'AMETC' },
{ data: 'AM09' },
{ data: 'AM10' },
{ data: 'AM11' },
{ data: 'AM12' },
{ data: 'PMETC' },
{ data: 'PM01' },
{ data: 'PM02' },
{ data: 'PM03' },
{ data: 'PM04' },
{ data: 'PM05' },
{ data: 'PM06' },
{ data: 'PM07' },
{ data: 'TODAY' },
],
// 옵션들 예시
paging: true,
searching: false,
ordering: false,
serverSide: true,
});
$('#userList tbody').on('click', 'tr', function () {
const row = table.row(this).data()
if (!row) return
location.href = '/article/receipt/lists?usr_id=' + row.usr_id;
});
// [검색] 버튼 눌렀을 때 다시 조회
$('#btnSearch').on('click', function () {
table.ajax.reload()
});
// 유저 등록 모달
$("#addUser").on("click", function () {
// $("#frm_user_info")[0].reset()
// $("#frm_user_info [name=usr_sq]").val("")
// $("#frm_user_info [name=type]").val("create")
// $("#frm_user_info [name=addUserId]").prop("readonly", false)
// const modalEl = document.getElementById('userModal');
// const myModal = new bootstrap.Modal(modalEl);
// myModal.show();
});
// 엑셀다운 click
$("#excel-download").on("click", function () {
$.ajax({
url: "/results/assign/excel",
method: "GET",
dataType: "json",
data: $("#frm_srch_info").serialize(),
beforeSend: function () {
blockUI.blockPage({
message: tpl
})
},
complete: function () {
blockUI.unblockPage()
},
success: function (result) {
// downloadExcel(result.data);
downloadExcelWithHeader(result.data);
}
});
});
});
// 엑셀 다운로드
function downloadExcelWithHeader(dataRows) {
// 1) 헤더 (16컬럼)
const header1 = [
"아이디", "이름",
"오전", "", "", "", "",
"오후", "", "", "", "", "", "", "",
"합계"
];
const header2 = [
"", "",
"무관", "9", "10", "11", "12",
"무관", "1", "2", "3", "4", "5", "6", "7",
""
];
// 2) 바디 (16컬럼 정확히 맞춤)
const body = dataRows.map(r => ([
r.usr_id,
r.usr_nm,
r.AMETC, r.AM09, r.AM10, r.AM11, r.AM12,
r.PMETC, r.PM01, r.PM02, r.PM03, r.PM04, r.PM05, r.PM06, r.PM07,
r.TODAY
]));
const aoa = [header1, header2, ...body];
// 3) 시트 생성
const ws = XLSX.utils.aoa_to_sheet(aoa);
// 4) 병합(colspan / rowspan)
ws["!merges"] = [
// 아이디, 이름 (rowspan 2)
{ s: { r: 0, c: 0 }, e: { r: 1, c: 0 } }, // A1:A2
{ s: { r: 0, c: 1 }, e: { r: 1, c: 1 } }, // B1:B2
// 오전 (colspan 5)
{ s: { r: 0, c: 2 }, e: { r: 0, c: 6 } }, // C1:G1
// 오후 (colspan 8)
{ s: { r: 0, c: 7 }, e: { r: 0, c: 14 } }, // H1:O1
// 합계 (rowspan 2)
{ s: { r: 0, c: 15 }, e: { r: 1, c: 15 } }, // P1:P2
];
ws['!cols'] = [
{ wpx: 80 }, // A: 아이디
{ wpx: 100 }, // B: 이름
{ wpx: 50 }, // C: 오전-무관
{ wpx: 50 }, // D: 오전-9
{ wpx: 50 }, // E: 오전-10
{ wpx: 50 }, // F: 오전-11
{ wpx: 50 }, // G: 오전-12
{ wpx: 50 }, // H: 오후-무관
{ wpx: 50 }, // I: 오후-1
{ wpx: 50 }, // J: 오후-2
{ wpx: 50 }, // K: 오후-3
{ wpx: 50 }, // L: 오후-4
{ wpx: 50 }, // M: 오후-5
{ wpx: 50 }, // N: 오후-6
{ wpx: 50 }, // O: 오후-7
{ wpx: 60 }, // P: 합계
];
// 6) 저장
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
XLSX.writeFile(
wb,
"현장확인인원별배정현황" + getDateTimeString() + ".xlsx"
);
}
// 엑셀 다운로드
function downloadExcel(data) {
const ws = XLSX.utils.json_to_sheet(data);
ws['!cols'] = [
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
{ wpx: 80 },
];
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
const blob = new Blob([wbout], { type: 'application/octet-stream' });
const link = document.createElement("a");
link.href = URL.createObjectURL(blob);
link.download = "현장확인인원별배정현황" + getDateTimeString() + ".xlsx";
link.click();
URL.revokeObjectURL(link.href);
}
function getDateTimeString() {
const d = new Date();
const yyyy = d.getFullYear();
const mm = String(d.getMonth() + 1).padStart(2, '0');
const dd = String(d.getDate()).padStart(2, '0');
const hh = String(d.getHours()).padStart(2, '0');
const mi = String(d.getMinutes()).padStart(2, '0');
const ss = String(d.getSeconds()).padStart(2, '0');
return `${yyyy}${mm}${dd}${hh}${mi}${ss}`;
}
window.addEventListener("DOMContentLoaded", function () {
// 오늘 날짜
const today = new Date();
// 이번 달 1일
const firstDay = new Date(today.getFullYear(), today.getMonth(), 1);
// 이번 달 말일 (다음달 0일 = 이번달 말일)
const lastDay = new Date(today.getFullYear(), today.getMonth() + 1, 0);
// yyyy-mm-dd 형태로 변환
const toDate = (d) => d.toISOString().split("T")[0];
document.getElementById("sdate").value = toDate(firstDay);
document.getElementById("edate").value = toDate(lastDay);
});
</script>
<?= $this->endSection() ?>