실적관리 추가
This commit is contained in:
yangsh
@@ -57,7 +57,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
const tpl = document.querySelector('.my-loader-template');
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
|
||||
$(function () {
|
||||
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
src="https://cdn.jsdelivr.net/npm/froala-editor@latest/js/froala_editor.pkgd.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
const editorKey = '5OA4gF4D3I3G3B6C4D-13TMIBDIa2NTMNZFFPFZe2a1Id1f1I1fA8D6C4F4G3H3I2A18A15A6==';
|
||||
const tpl = document.querySelector('.my-loader-template');
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
|
||||
$(function () {
|
||||
editor = new FroalaEditor("#content", {
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
src="https://cdn.jsdelivr.net/npm/froala-editor@latest/js/froala_editor.pkgd.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
const editorKey = '5OA4gF4D3I3G3B6C4D-13TMIBDIa2NTMNZFFPFZe2a1Id1f1I1fA8D6C4F4G3H3I2A18A15A6==';
|
||||
const tpl = document.querySelector('.my-loader-template');
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
|
||||
$(function () {
|
||||
editor = new FroalaEditor("#content", {
|
||||
|
||||
@@ -20,8 +20,15 @@
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-xl-4">
|
||||
<div class="main-card mb-3 card">
|
||||
<div class="card-body">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">예약 미확정 매물 목록</h5>
|
||||
<div class="ms-auto d-flex align-items-center gap-3">
|
||||
<a href="">
|
||||
더보기 <small>></small>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="mb-0 table">
|
||||
<thead>
|
||||
@@ -60,8 +67,15 @@
|
||||
|
||||
<div class="col-md-4 col-xl-4">
|
||||
<div class="main-card mb-3 card">
|
||||
<div class="card-body">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">공지사항</h5>
|
||||
<div class="ms-auto d-flex align-items-center gap-3">
|
||||
<a href="/board/notice/lists">
|
||||
더보기 <small>></small>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="mb-0 table">
|
||||
<colgroup>
|
||||
@@ -99,8 +113,15 @@
|
||||
|
||||
<div class="col-md-4 col-xl-4">
|
||||
<div class="main-card mb-3 card">
|
||||
<div class="card-body">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">검수지연내역(녹취필요)</h5>
|
||||
<div class="ms-auto d-flex align-items-center gap-3">
|
||||
<a href="">
|
||||
더보기 <small>></small>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="mb-0 table">
|
||||
<thead>
|
||||
@@ -140,8 +161,15 @@
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-xl-4">
|
||||
<div class="main-card mb-3 card">
|
||||
<div class="card-body">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">검수지연내역(홍보확인서)</h5>
|
||||
<div class="ms-auto d-flex align-items-center gap-3">
|
||||
<a href="">
|
||||
더보기 <small>></small>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="mb-0 table">
|
||||
<thead>
|
||||
|
||||
@@ -73,8 +73,8 @@
|
||||
<div class="card-body p-5">
|
||||
<div class="text-center mb-5">
|
||||
<div class="app-logo mx-auto mb-4"></div>
|
||||
<h1 class="fw-bold text-dark mb-2" style="font-size: 2rem;">Welcome Back!</h1>
|
||||
<p class="text-muted fs-5 mb-0">Sign in to your account to continue</p>
|
||||
<!-- <h1 class="fw-bold text-dark mb-2" style="font-size: 2rem;">환영합니다</h1> -->
|
||||
<p class="text-muted fs-5 mb-0">아이디와 비밀번호를 적어 주세요.</p>
|
||||
</div>
|
||||
|
||||
<form class="" id="frm_login_info">
|
||||
@@ -111,7 +111,7 @@
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<button type="button"
|
||||
<button type="submit"
|
||||
class="btn btn-gradient-primary btn-shadow btn-lg w-100 mb-4 fw-semibold text-white"
|
||||
id="btn_login" style="border-radius: 16px; height: 58px; font-size: 1.1rem;">
|
||||
<i class="fa fa-sign-in-alt me-2"></i>로그인
|
||||
@@ -124,7 +124,7 @@
|
||||
<div class="text-center mt-4">
|
||||
<p class="text-white mb-0"
|
||||
style="font-size: 0.9rem; text-shadow: 0 1px 2px rgba(0,0,0,0.1);">
|
||||
Copyright © Confirms
|
||||
Copyright © Confirms All Rights Reserved.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -138,10 +138,8 @@
|
||||
|
||||
$(function () {
|
||||
|
||||
console.log('login page loaded')
|
||||
|
||||
|
||||
$("#btn_login").on("click", function () {
|
||||
$("#frm_login_info").on("submit", function (e) {
|
||||
e.preventDefault(); // 기본 submit 막기
|
||||
|
||||
$.ajax({
|
||||
url: '/login/chkLogin',
|
||||
|
||||
@@ -180,7 +180,7 @@
|
||||
<script defer src="/architectui/assets/js/datatable.kor.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
const tpl = document.querySelector('.my-loader-template');
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
|
||||
const bonbuArr = <?= json_encode($bonbu, JSON_UNESCAPED_UNICODE); ?>;
|
||||
const teamArr = <?= json_encode($team, JSON_UNESCAPED_UNICODE); ?>;
|
||||
|
||||
@@ -202,7 +202,7 @@
|
||||
<script defer src="/architectui/assets/js/datatable.kor.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
const tpl = document.querySelector('.my-loader-template');
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
|
||||
|
||||
$(function () {
|
||||
|
||||
@@ -98,7 +98,7 @@
|
||||
<script defer src="/architectui/assets/js/datatable.kor.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
const tpl = document.querySelector('.my-loader-template');
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
|
||||
$(function () {
|
||||
let table = $('#userList').DataTable({
|
||||
|
||||
@@ -61,7 +61,7 @@
|
||||
<script defer src="/architectui/assets/js/datatable.kor.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
const tpl = document.querySelector('.my-loader-template')
|
||||
// const tpl = document.querySelector('.my-loader-template')
|
||||
let date = new Date()
|
||||
|
||||
$(function () {
|
||||
|
||||
@@ -138,7 +138,7 @@
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.5/css/ui.jqgrid.min.css">
|
||||
<script type="text/javascript">
|
||||
|
||||
const tpl = document.querySelector('.my-loader-template')
|
||||
// const tpl = document.querySelector('.my-loader-template')
|
||||
let date = new Date()
|
||||
|
||||
var tbl;
|
||||
|
||||
@@ -75,7 +75,7 @@
|
||||
<script src="/plugin/js/jqgrid/jstree.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
const tpl = document.querySelector('.my-loader-template')
|
||||
// const tpl = document.querySelector('.my-loader-template')
|
||||
let date = new Date()
|
||||
|
||||
$(function () {
|
||||
@@ -194,14 +194,14 @@
|
||||
},
|
||||
beforeSend: function () {
|
||||
// 호출 직전에 실행
|
||||
console.log("로딩 시작");
|
||||
|
||||
blockUI.blockPage({
|
||||
message: tpl
|
||||
});
|
||||
},
|
||||
complete: function () {
|
||||
// 완료 시(성공/실패 모두)
|
||||
console.log("로딩 종료");
|
||||
|
||||
blockUI.unblockPage();
|
||||
},
|
||||
error: function (xhr) {
|
||||
|
||||
@@ -224,7 +224,7 @@
|
||||
<script defer src="/architectui/assets/js/datatable.kor.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
const tpl = document.querySelector('.my-loader-template');
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
|
||||
|
||||
$(function () {
|
||||
|
||||
@@ -196,7 +196,7 @@
|
||||
<script defer src="/architectui/assets/js/datatable.kor.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
const tpl = document.querySelector('.my-loader-template');
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
|
||||
|
||||
$(function () {
|
||||
|
||||
@@ -106,7 +106,7 @@
|
||||
<script defer src="/architectui/assets/js/datatable.kor.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
const tpl = document.querySelector('.my-loader-template')
|
||||
// const tpl = document.querySelector('.my-loader-template')
|
||||
let date = new Date()
|
||||
|
||||
$(function () {
|
||||
|
||||
@@ -307,7 +307,7 @@
|
||||
<script defer src="/architectui/assets/js/datatable.kor.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
const tpl = document.querySelector('.my-loader-template');
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
var teamArr = <?= json_encode($teamList, JSON_UNESCAPED_UNICODE); ?>;
|
||||
|
||||
let date = new Date();
|
||||
|
||||
553
app/Views/pages/results/assign/stats_a01.php
Normal file
553
app/Views/pages/results/assign/stats_a01.php
Normal file
@@ -0,0 +1,553 @@
|
||||
<?= $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">엑셀다운로드</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
|
||||
|
||||
const modalEl = document.getElementById('userModal');
|
||||
const myModal = new bootstrap.Modal(modalEl);
|
||||
|
||||
$("#frm_user_info")[0].reset()
|
||||
|
||||
$("#frm_user_info [name=usr_sq]").val(row.usr_sq)
|
||||
$("#frm_user_info [name=type]").val("update")
|
||||
|
||||
$("#frm_user_info [name=addUserNm]").val(row.usr_nm)
|
||||
$("#frm_user_info [name=addUserDept]").val(row.dept_sq)
|
||||
$("#frm_user_info [name=addUserId]").val(row.usr_id)
|
||||
$("#frm_user_info [name=addUserId]").prop("readonly", true)
|
||||
|
||||
$("#frm_user_info [name=addUserLevel]").val(row.usr_level)
|
||||
$("#frm_user_info [name=addUserPosition]").val(row.usr_position)
|
||||
$("#frm_user_info [name=addUserTel1]").val(row.usr_tel1)
|
||||
$("#frm_user_info [name=addUserTel2]").val(row.usr_tel2)
|
||||
$("#frm_user_info [name=addSmsYn]").val(row.sms_auth_yn)
|
||||
$("#frm_user_info [name=addUserAddr1]").val(row.usr_addr1)
|
||||
$("#frm_user_info [name=addUserAddr2]").val(row.usr_addr2)
|
||||
$("#frm_user_info [name=addUseYn]").val(row.use_yn)
|
||||
|
||||
myModal.show();
|
||||
|
||||
});
|
||||
|
||||
// [검색] 버튼 눌렀을 때 다시 조회
|
||||
$('#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() ?>
|
||||
298
app/Views/pages/results/dept/stats_d01.php
Normal file
298
app/Views/pages/results/dept/stats_d01.php
Normal file
@@ -0,0 +1,298 @@
|
||||
<?= $this->extend('layouts/main') ?>
|
||||
|
||||
<?= $this->section('content') ?>
|
||||
<style>
|
||||
th {
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#smsList tbody tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.blockUI {
|
||||
z-index: 1500 !important;
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 180px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<h1>현장확인조직별실적</h1>
|
||||
|
||||
<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" method="post" id="frm_srch_info">
|
||||
<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
|
||||
$selected = "";
|
||||
foreach ($bonbu as $d): ?>
|
||||
<?php if ($pBonbu === $d['dept_sq']):
|
||||
$selected = "selected";
|
||||
else:
|
||||
$selected = "";
|
||||
endif; ?>
|
||||
<option value="<?= $d['dept_sq'] ?>" <?= $selected; ?>><?= $d['dept_nm'] ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<select class="form-control" name="dept_sq" id="dept_sq">
|
||||
<?php if (!empty($pBonbu)): ?>
|
||||
<option value="">선택</option>
|
||||
<?php foreach ($team as $t): ?>
|
||||
<?php
|
||||
$selected2 = "";
|
||||
if ($t['pdept_sq'] === $pBonbu): ?>
|
||||
<?php if ($pDeptSq === $t['dept_sq']):
|
||||
$selected2 = "selected";
|
||||
else:
|
||||
$selected2 = "";
|
||||
endif; ?>
|
||||
<option value="<?= $t['dept_sq'] ?>" <?= $selected2 ?>><?= $t['dept_nm'] ?></option>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php else: ?>
|
||||
<option value="">선택</option>
|
||||
<?php endif; ?>
|
||||
</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" <?= $schDateGb == '1' ? 'selected' : '' ?>>예약일자</option>
|
||||
<option value="2" <?= $schDateGb == '2' ? 'selected' : '' ?>>등록일자</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" value="<?= $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" value="<?= $edate ?>" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-1 d-grid">
|
||||
<button type="submit" class="btn btn-primary" id="btnSearch">
|
||||
검색
|
||||
</button>
|
||||
</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">엑셀다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<table class="table table-hover table-striped table-bordered">
|
||||
<!-- <caption>조직별 실적</caption> -->
|
||||
<thead>
|
||||
<tr>
|
||||
<th>순번</th>
|
||||
<th>조직명</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>
|
||||
<?php
|
||||
if (!empty($st_list)) {
|
||||
$nRow = 1;
|
||||
foreach ($st_list as $row) {
|
||||
|
||||
// if ($row['depth'] == '1') {
|
||||
// $rowPars = array_merge($pars, array('bonbu' => $row['dept_sq']));
|
||||
// } else {
|
||||
// $rowPars = array_merge($pars, array('bonbu' => $row['pdept_sq'], 'dept_sq' => $row['dept_sq']));
|
||||
// }
|
||||
|
||||
echo '<tr onmouseover="this.className=\'highlight\'" onmouseout="this.className=\'normal\'" style="cursor:pointer">';
|
||||
echo '<td>' . $nRow . '</td>';
|
||||
echo '<td style="text-align:left">' . str_replace(' ', ' ', $row['dept_nm']) . '</td>';
|
||||
echo '<td>' . $row['region_cnt'] . '</td>';
|
||||
echo '<td>' . (empty($row['rcpt_cnt']) ? '-' : $row['rcpt_cnt']) . '</td>';
|
||||
echo '<td>' . (empty($row['resv_cancel_cnt']) ? '-' : $row['resv_cancel_cnt']) . '</td>';
|
||||
echo '<td>' . (empty($row['resv_assign_cnt']) ? '-' : $row['resv_assign_cnt']) . '</td>';
|
||||
echo '<td>' . (empty($row['prev_visit_cnt']) ? '-' : $row['prev_visit_cnt']) . '</td>';
|
||||
echo '<td>' . (empty($row['next_visit_cnt']) ? '-' : $row['next_visit_cnt']) . '</td>';
|
||||
echo '<td>' . (empty($row['next_shoot_cnt']) ? '-' : $row['next_shoot_cnt']) . '</td>';
|
||||
echo '<td>' . (empty($row['shoot_cnt']) ? '-' : $row['shoot_cnt']) . '</td>';
|
||||
echo '<td>' . (empty($row['delay_confirm_cnt']) ? '-' : $row['delay_confirm_cnt']) . '</td>';
|
||||
echo '<td>' . (empty($row['fail_confirm_cnt']) ? '-' : $row['fail_confirm_cnt']) . '</td>';
|
||||
echo '<td>' . (empty($row['confirm_cnt']) ? '-' : $row['confirm_cnt']) . '</td>';
|
||||
echo '</tr>';
|
||||
$nRow++;
|
||||
}
|
||||
} else {
|
||||
echo "<tr><td colspan='13'>조회된 결과가 없습니다.</td></tr>";
|
||||
}
|
||||
?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
// const tpl = document.querySelector('.my-loader-template')
|
||||
let date = new Date()
|
||||
const teamArr = <?= json_encode($team, JSON_UNESCAPED_UNICODE); ?>;
|
||||
|
||||
$(function () {
|
||||
|
||||
$("#bonbu").on("change", function (e) {
|
||||
|
||||
const value = e.target.value
|
||||
|
||||
$("#dept_sq").empty()
|
||||
|
||||
var str = "<option value=''>선택</option>"
|
||||
if (teamArr != null) {
|
||||
|
||||
for (var i = 0; i < teamArr.length; i++) {
|
||||
if (value === teamArr[i].pdept_sq) {
|
||||
str += "<option value='" + teamArr[i].dept_sq + "'>" + teamArr[i].dept_nm + "</option>"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$("#dept_sq").append(str)
|
||||
|
||||
});
|
||||
|
||||
|
||||
// 엑셀 다운로드 click
|
||||
$("#excel-download").on("click", function () {
|
||||
$.ajax({
|
||||
url: "/results/dept/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);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
function tr_onclick(pars) {
|
||||
location.href = '/article/receipt/lists' + pars + '&m=M201';
|
||||
}
|
||||
|
||||
// 엑셀 다운로드
|
||||
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 },
|
||||
];
|
||||
|
||||
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() ?>
|
||||
499
app/Views/pages/results/m409/stats.php
Normal file
499
app/Views/pages/results/m409/stats.php
Normal file
@@ -0,0 +1,499 @@
|
||||
<?= $this->extend('layouts/main') ?>
|
||||
|
||||
<?= $this->section('content') ?>
|
||||
<style>
|
||||
th {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#resultList 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-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-1">
|
||||
<label class="form-label mb-1">검증방식</label>
|
||||
<select class="form-control" name="vrfcreq_way">
|
||||
<option value="">선택</option>
|
||||
<?php foreach ($code_vrfcreq_way as $cd => $cd_nm): ?>
|
||||
<option value="<?= esc($cd) ?>"><?= esc($cd_nm) ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-1">
|
||||
<label class="form-label mb-1">매체사(CP)</label>
|
||||
<select class="form-control" name="cp_id">
|
||||
<option value="">선택</option>
|
||||
<?php foreach ($code_cp_id as $cd => $cd_nm): ?>
|
||||
<option value="<?= esc($cd) ?>"><?= esc($cd_nm) ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</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">엑셀다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table id="resultList" class="table table-hover table-striped table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">일자</th>
|
||||
<th rowspan="2">접수</th>
|
||||
<th rowspan="2">미배정</th>
|
||||
<th rowspan="2">일반확인배정</th>
|
||||
<th rowspan="2">서류확인<br />완료</th>
|
||||
<th rowspan="2">전화확인<br />완료</th>
|
||||
<th rowspan="2">접수취소<br />(홍보확인서<br />미수신)</th>
|
||||
<th colspan="5" style="text-align: center;">전화/서류 확인실패</th>
|
||||
<th rowspan="2">1차 재검증</th>
|
||||
<th rowspan="2">등기부등본<br />확인완료</th>
|
||||
<th colspan="2" style="text-align: center;">등기부등본<br />확인실패</th>
|
||||
<th rowspan="2">검증완료</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>개인정보<br />제공동의</th>
|
||||
<th>매물정보</th>
|
||||
<th>가격정보</th>
|
||||
<th>권리자</th>
|
||||
<th>합계</th>
|
||||
<th>매물정보</th>
|
||||
<th>권리자</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
|
||||
<tfoot class="table-light">
|
||||
<tr class="fw-bold">
|
||||
<td>합계</td>
|
||||
<td class="sum-rcpt_cnt"></td>
|
||||
<td class="sum-notassign_cnt"></td>
|
||||
<td class="sum-assign_cnt"></td>
|
||||
<td class="sum-paper_cnt"></td>
|
||||
<td class="sum-phone_cnt"></td>
|
||||
<td class="sum-cancel_cnt"></td>
|
||||
<td class="sum-priv_cnt"></td>
|
||||
<td class="sum-info_cnt"></td>
|
||||
<td class="sum-price_cnt"></td>
|
||||
<td class="sum-owner_cnt"></td>
|
||||
<td class="sum-fail_cnt"></td>
|
||||
<td class="sum-retry_cnt"></td>
|
||||
<td class="sum-rgbk_cnt"></td>
|
||||
<td class="sum-reg_info_cnt"></td>
|
||||
<td class="sum-reg_owner_cnt"></td>
|
||||
<td class="sum-complete_cnt"></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</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');
|
||||
|
||||
let date = new Date();
|
||||
|
||||
$(function () {
|
||||
|
||||
|
||||
let table = $('#resultList').DataTable({
|
||||
language: lang_kor,
|
||||
processing: true,
|
||||
ajax: {
|
||||
url: '/m409/m409a/getResultList',
|
||||
type: 'GET',
|
||||
beforeSend: function () {
|
||||
blockUI.blockPage({
|
||||
message: tpl
|
||||
})
|
||||
},
|
||||
complete: function () {
|
||||
blockUI.unblockPage()
|
||||
},
|
||||
data: function (d) {
|
||||
d.sdate = $("#frm_srch_info [name=sdate]").val()
|
||||
d.edate = $("#frm_srch_info [name=edate]").val()
|
||||
d.vrfcreq_way = $("#frm_srch_info [name=vrfcreq_way]").val()
|
||||
d.cp_id = $("#frm_srch_info [name=cp_id]").val()
|
||||
|
||||
d.start = d.start || 0
|
||||
d.length = d.length || 10
|
||||
}
|
||||
},
|
||||
"columnDefs": [
|
||||
{ 'targets': '_all', "defaultContent": "" },
|
||||
{ className: 'text-center', targets: '_all' },
|
||||
],
|
||||
columns: [
|
||||
{ data: 'ref_date', "width": "100px" },
|
||||
{ data: 'rcpt_cnt' },
|
||||
{ data: 'notassign_cnt' },
|
||||
{ data: 'assign_cnt' },
|
||||
{ data: 'paper_cnt' },
|
||||
{ data: 'phone_cnt' },
|
||||
{ data: 'cancel_cnt' },
|
||||
{ data: 'priv_cnt' },
|
||||
{ data: 'info_cnt' },
|
||||
{ data: 'price_cnt' },
|
||||
{ data: 'owner_cnt' },
|
||||
{ data: 'fail_cnt' },
|
||||
{ data: 'retry_cnt' },
|
||||
{ data: 'rgbk_cnt' },
|
||||
{ data: 'reg_info_cnt' },
|
||||
{ data: 'reg_owner_cnt' },
|
||||
{ data: 'complete_cnt' },
|
||||
],
|
||||
// 옵션들 예시
|
||||
paging: false,
|
||||
searching: false,
|
||||
ordering: false,
|
||||
serverSide: true,
|
||||
});
|
||||
|
||||
|
||||
$('#resultList').on('xhr.dt', function (e, settings, json) {
|
||||
const rows = json?.data || [];
|
||||
|
||||
const fields = [
|
||||
'rcpt_cnt', 'notassign_cnt', 'assign_cnt', 'paper_cnt', 'phone_cnt',
|
||||
'cancel_cnt', 'priv_cnt', 'info_cnt', 'price_cnt', 'owner_cnt',
|
||||
'fail_cnt', 'retry_cnt', 'rgbk_cnt', 'reg_info_cnt', 'reg_owner_cnt',
|
||||
'complete_cnt'
|
||||
];
|
||||
|
||||
const toNum = (v) => {
|
||||
if (v == null || v === '') return 0;
|
||||
return Number(String(v).replace(/,/g, '')) || 0; // "18" 같은 문자열 대응
|
||||
};
|
||||
|
||||
// 합계 객체 생성
|
||||
const sum = {};
|
||||
fields.forEach(f => sum[f] = 0);
|
||||
|
||||
// rows 합산
|
||||
rows.forEach(r => {
|
||||
fields.forEach(f => sum[f] += toNum(r[f]));
|
||||
});
|
||||
|
||||
// footer에 주입
|
||||
fields.forEach(f => {
|
||||
$('#resultList tfoot .sum-' + f).text(sum[f].toLocaleString());
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
$('#resultList tbody').on('click', 'tr', function () {
|
||||
const row = table.row(this).data()
|
||||
if (!row) return
|
||||
|
||||
// const modalEl = document.getElementById('userModal');
|
||||
// const myModal = new bootstrap.Modal(modalEl);
|
||||
|
||||
// $("#frm_user_info")[0].reset()
|
||||
|
||||
// $("#frm_user_info [name=usr_sq]").val(row.usr_sq)
|
||||
// $("#frm_user_info [name=type]").val("update")
|
||||
|
||||
// $("#frm_user_info [name=addUserNm]").val(row.usr_nm)
|
||||
// $("#frm_user_info [name=addUserDept]").val(row.dept_sq)
|
||||
// $("#frm_user_info [name=addUserId]").val(row.usr_id)
|
||||
// $("#frm_user_info [name=addUserId]").prop("readonly", true)
|
||||
|
||||
// $("#frm_user_info [name=addUserLevel]").val(row.usr_level)
|
||||
// $("#frm_user_info [name=addUserPosition]").val(row.usr_position)
|
||||
// $("#frm_user_info [name=addUserTel1]").val(row.usr_tel1)
|
||||
// $("#frm_user_info [name=addUserTel2]").val(row.usr_tel2)
|
||||
// $("#frm_user_info [name=addSmsYn]").val(row.sms_auth_yn)
|
||||
// $("#frm_user_info [name=addUserAddr1]").val(row.usr_addr1)
|
||||
// $("#frm_user_info [name=addUserAddr2]").val(row.usr_addr2)
|
||||
// $("#frm_user_info [name=addUseYn]").val(row.use_yn)
|
||||
|
||||
// myModal.show();
|
||||
|
||||
});
|
||||
|
||||
// [검색] 버튼 눌렀을 때 다시 조회
|
||||
$('#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: "/m409/m409a/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) 헤더
|
||||
* ======================= */
|
||||
const header1 = [
|
||||
"일자",
|
||||
"접수",
|
||||
"미배정",
|
||||
"일반확인배정",
|
||||
"서류확인완료",
|
||||
"전화확인완료",
|
||||
"접수취소(홍보확인서 미수신)",
|
||||
"전화/서류 확인실패", "", "", "", "",
|
||||
"1차 재검증",
|
||||
"등기부등본 확인완료",
|
||||
"등기부등본 확인실패", "",
|
||||
"검증완료"
|
||||
];
|
||||
|
||||
const header2 = [
|
||||
"", "", "", "", "", "", "",
|
||||
"개인정보 제공동의",
|
||||
"매물정보",
|
||||
"가격정보",
|
||||
"권리자",
|
||||
"합계",
|
||||
"",
|
||||
"",
|
||||
"매물정보",
|
||||
"권리자",
|
||||
""
|
||||
];
|
||||
|
||||
/* =======================
|
||||
* 2) 바디 (컬럼 순서 정확히)
|
||||
* ======================= */
|
||||
const body = dataRows.map(r => ([
|
||||
r.ref_date,
|
||||
r.rcpt_cnt,
|
||||
r.notassign_cnt,
|
||||
r.assign_cnt,
|
||||
r.paper_cnt,
|
||||
r.phone_cnt,
|
||||
r.cancel_cnt,
|
||||
r.priv_cnt,
|
||||
r.info_cnt,
|
||||
r.price_cnt,
|
||||
r.owner_cnt,
|
||||
r.fail_cnt,
|
||||
r.retry_cnt,
|
||||
r.rgbk_cnt,
|
||||
r.reg_info_cnt,
|
||||
r.reg_owner_cnt,
|
||||
r.complete_cnt
|
||||
]));
|
||||
|
||||
const aoa = [header1, header2, ...body];
|
||||
|
||||
const ws = XLSX.utils.aoa_to_sheet(aoa);
|
||||
|
||||
/* =======================
|
||||
* 3) 병합 설정
|
||||
* ======================= */
|
||||
ws["!merges"] = [
|
||||
// rowspan 2
|
||||
{ s: { r: 0, c: 0 }, e: { r: 1, c: 0 } }, // 일자
|
||||
{ s: { r: 0, c: 1 }, e: { r: 1, c: 1 } }, // 접수
|
||||
{ s: { r: 0, c: 2 }, e: { r: 1, c: 2 } }, // 미배정
|
||||
{ s: { r: 0, c: 3 }, e: { r: 1, c: 3 } },
|
||||
{ s: { r: 0, c: 4 }, e: { r: 1, c: 4 } },
|
||||
{ s: { r: 0, c: 5 }, e: { r: 1, c: 5 } },
|
||||
{ s: { r: 0, c: 6 }, e: { r: 1, c: 6 } },
|
||||
{ s: { r: 0, c: 12 }, e: { r: 1, c: 12 } }, // 1차 재검증
|
||||
{ s: { r: 0, c: 13 }, e: { r: 1, c: 13 } }, // 등기부 완료
|
||||
{ s: { r: 0, c: 16 }, e: { r: 1, c: 16 } }, // 검증완료
|
||||
|
||||
// 전화/서류 확인실패 (colspan 5)
|
||||
{ s: { r: 0, c: 7 }, e: { r: 0, c: 11 } },
|
||||
|
||||
// 등기부등본 확인실패 (colspan 2)
|
||||
{ s: { r: 0, c: 14 }, e: { r: 0, c: 15 } }
|
||||
];
|
||||
|
||||
/* =======================
|
||||
* 4) 컬럼 너비
|
||||
* ======================= */
|
||||
ws["!cols"] = [
|
||||
{ wpx: 100 }, // 일자
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 },
|
||||
{ wpx: 50 }
|
||||
];
|
||||
|
||||
/* =======================
|
||||
* 5) 저장
|
||||
* ======================= */
|
||||
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}`;
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const today = new Date().toISOString().slice(0, 10);
|
||||
document.getElementById("sdate").value = today;
|
||||
document.getElementById("edate").value = today;
|
||||
});
|
||||
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
479
app/Views/pages/results/m410/stats.php
Normal file
479
app/Views/pages/results/m410/stats.php
Normal file
@@ -0,0 +1,479 @@
|
||||
<?= $this->extend('layouts/main') ?>
|
||||
|
||||
<?= $this->section('content') ?>
|
||||
<style>
|
||||
th {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#resultList 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-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-2">
|
||||
<label class="form-label mb-1">팀별실적</label>
|
||||
<select class="form-control" name="dept_sq">
|
||||
<option value="">선택</option>
|
||||
<?php foreach ($department as $key => $d): ?>
|
||||
<option value="<?= $d['dept_sq'] ?>"><?= $d['dept_nm'] ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-1">
|
||||
<label class="form-label mb-1">검증방식</label>
|
||||
<select class="form-control" name="vrfcreq_way">
|
||||
<option value="">선택</option>
|
||||
<?php foreach ($code_vrfcreq_way as $cd => $cd_nm): ?>
|
||||
<option value="<?= esc($cd) ?>"><?= esc($cd_nm) ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</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">엑셀다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table id="resultList" class="table table-hover table-striped table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">상담원</th>
|
||||
<th colspan="2" style="text-align: center;">서류확인</th>
|
||||
<th colspan="3" style="text-align: center;">전화확인</th>
|
||||
<th colspan="5" style="text-align: center;">등기부등본</th>
|
||||
<th colspan="2" style="text-align: center;">리얼탑 열람</th>
|
||||
<th colspan="2" style="text-align: center;">리얼탑 기열람</th>
|
||||
<th rowspan="2">모바일 확인</th>
|
||||
<th rowspan="2">등기부등본<br />없음</th>
|
||||
<th colspan="2" style="text-align: center;">검증</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>완료</th>
|
||||
<th>실패</th>
|
||||
<th>건수</th>
|
||||
<th>완료</th>
|
||||
<th>실패</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>
|
||||
</tbody>
|
||||
|
||||
<tfoot class="table-light">
|
||||
<tr class="fw-bold">
|
||||
<td>합계</td>
|
||||
<td class="sum-paper_complete_cnt"></td>
|
||||
<td class="sum-paper_fail_cnt"></td>
|
||||
<td class="sum-phone_all_cnt"></td>
|
||||
<td class="sum-phone_complete_cnt"></td>
|
||||
<td class="sum-phone_fail_cnt"></td>
|
||||
<td class="sum-reg_complete_cnt"></td>
|
||||
<td class="sum-same_reg_open"></td>
|
||||
<td class="sum-reg_fail_Open"></td>
|
||||
<td class="sum-same_reg_tempOpen"></td>
|
||||
<td class="sum-reg_fail_tempOpen"></td>
|
||||
<td class="sum-real_top_RS"></td>
|
||||
<td class="sum-real_top_RF"></td>
|
||||
<td class="sum-real_top_GS"></td>
|
||||
<td class="sum-real_top_GF"></td>
|
||||
<td class="sum-mobile_upload"></td>
|
||||
<td class="sum-reg_none"></td>
|
||||
<td class="sum-complete_cnt"></td>
|
||||
<td class="sum-fail_cnt"></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</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');
|
||||
|
||||
let date = new Date();
|
||||
|
||||
$(function () {
|
||||
|
||||
|
||||
let table = $('#resultList').DataTable({
|
||||
language: lang_kor,
|
||||
processing: true,
|
||||
ajax: {
|
||||
url: '/m410/m410a/getResultList',
|
||||
type: 'GET',
|
||||
beforeSend: function () {
|
||||
blockUI.blockPage({
|
||||
message: tpl
|
||||
})
|
||||
},
|
||||
complete: function () {
|
||||
blockUI.unblockPage()
|
||||
},
|
||||
data: function (d) {
|
||||
d.sdate = $("#frm_srch_info [name=sdate]").val()
|
||||
d.edate = $("#frm_srch_info [name=edate]").val()
|
||||
d.vrfcreq_way = $("#frm_srch_info [name=vrfcreq_way]").val()
|
||||
d.dept_sq = $("#frm_srch_info [name=dept_sq]").val()
|
||||
|
||||
d.start = d.start || 0
|
||||
d.length = d.length || 10
|
||||
}
|
||||
},
|
||||
"columnDefs": [
|
||||
{ 'targets': '_all', "defaultContent": "" },
|
||||
{ className: 'text-center', targets: '_all' },
|
||||
],
|
||||
columns: [
|
||||
{ data: 'usr_nm', "width": "100px" },
|
||||
{ data: 'paper_complete_cnt' },
|
||||
{ data: 'paper_fail_cnt' },
|
||||
{ data: 'phone_all_cnt' },
|
||||
{ data: 'phone_complete_cnt' },
|
||||
{ data: 'phone_fail_cnt' },
|
||||
{ data: 'reg_complete_cnt' },
|
||||
{ data: 'same_reg_open' },
|
||||
{ data: 'reg_fail_Open' },
|
||||
{ data: 'same_reg_tempOpen' },
|
||||
{ data: 'reg_fail_tempOpen' },
|
||||
{ data: 'real_top_RS' },
|
||||
{ data: 'real_top_RF' },
|
||||
{ data: 'real_top_GS' },
|
||||
{ data: 'real_top_GF' },
|
||||
{ data: 'mobile_upload' },
|
||||
{ data: 'reg_none' },
|
||||
{ data: 'complete_cnt' },
|
||||
{ data: 'fail_cnt' },
|
||||
],
|
||||
// 옵션들 예시
|
||||
paging: false,
|
||||
searching: false,
|
||||
ordering: false,
|
||||
serverSide: true,
|
||||
});
|
||||
|
||||
|
||||
$('#resultList').on('xhr.dt', function (e, settings, json) {
|
||||
const rows = json?.data || [];
|
||||
|
||||
|
||||
const fields = [
|
||||
'paper_complete_cnt', 'paper_fail_cnt', 'phone_all_cnt', 'phone_complete_cnt', 'phone_fail_cnt'
|
||||
, 'reg_complete_cnt', 'same_reg_open', 'reg_fail_Open', 'same_reg_tempOpen', 'reg_fail_tempOpen'
|
||||
, 'real_top_RS', 'real_top_RF', 'real_top_GS', 'real_top_GF'
|
||||
, 'mobile_upload', 'reg_none', 'complete_cnt', 'fail_cnt'
|
||||
];
|
||||
|
||||
const toNum = (v) => {
|
||||
if (v == null || v === '') return 0;
|
||||
return Number(String(v).replace(/,/g, '')) || 0; // "18" 같은 문자열 대응
|
||||
};
|
||||
|
||||
// 합계 객체 생성
|
||||
const sum = {};
|
||||
fields.forEach(f => sum[f] = 0);
|
||||
|
||||
// rows 합산
|
||||
rows.forEach(r => {
|
||||
fields.forEach(f => sum[f] += toNum(r[f]));
|
||||
});
|
||||
|
||||
// footer에 주입
|
||||
fields.forEach(f => {
|
||||
$('#resultList tfoot .sum-' + f).text(sum[f].toLocaleString());
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
$('#resultList tbody').on('click', 'tr', function () {
|
||||
const row = table.row(this).data()
|
||||
if (!row) return
|
||||
|
||||
// const modalEl = document.getElementById('userModal');
|
||||
// const myModal = new bootstrap.Modal(modalEl);
|
||||
|
||||
// $("#frm_user_info")[0].reset()
|
||||
|
||||
// $("#frm_user_info [name=usr_sq]").val(row.usr_sq)
|
||||
// $("#frm_user_info [name=type]").val("update")
|
||||
|
||||
// $("#frm_user_info [name=addUserNm]").val(row.usr_nm)
|
||||
// $("#frm_user_info [name=addUserDept]").val(row.dept_sq)
|
||||
// $("#frm_user_info [name=addUserId]").val(row.usr_id)
|
||||
// $("#frm_user_info [name=addUserId]").prop("readonly", true)
|
||||
|
||||
// $("#frm_user_info [name=addUserLevel]").val(row.usr_level)
|
||||
// $("#frm_user_info [name=addUserPosition]").val(row.usr_position)
|
||||
// $("#frm_user_info [name=addUserTel1]").val(row.usr_tel1)
|
||||
// $("#frm_user_info [name=addUserTel2]").val(row.usr_tel2)
|
||||
// $("#frm_user_info [name=addSmsYn]").val(row.sms_auth_yn)
|
||||
// $("#frm_user_info [name=addUserAddr1]").val(row.usr_addr1)
|
||||
// $("#frm_user_info [name=addUserAddr2]").val(row.usr_addr2)
|
||||
// $("#frm_user_info [name=addUseYn]").val(row.use_yn)
|
||||
|
||||
// myModal.show();
|
||||
|
||||
});
|
||||
|
||||
// [검색] 버튼 눌렀을 때 다시 조회
|
||||
$('#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: "/m410/m410a/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) {
|
||||
|
||||
const header1 = [
|
||||
"상담원",
|
||||
"서류확인", "",
|
||||
"전화확인", "", "",
|
||||
"등기부등본", "", "", "", "",
|
||||
"리얼탑 열람", "",
|
||||
"리얼탑 기열람", "",
|
||||
"모바일 확인",
|
||||
"등기부등본 없음",
|
||||
"검증", ""
|
||||
];
|
||||
|
||||
const header2 = [
|
||||
"",
|
||||
"완료", "실패",
|
||||
"건수", "완료", "실패",
|
||||
"확인완료", "일치열람", "열람 불일치", "일치 가열람", "가열람 불일치",
|
||||
"일치", "불일치",
|
||||
"일치", "불일치",
|
||||
"",
|
||||
"",
|
||||
"완료", "실패"
|
||||
];
|
||||
|
||||
// ✅ 컬럼 개수 고정 (19)
|
||||
const COLS = 19;
|
||||
const fitCols = (arr) => {
|
||||
const a = arr.slice(0, COLS);
|
||||
while (a.length < COLS) a.push("");
|
||||
return a;
|
||||
};
|
||||
|
||||
// ✅ 숫자/빈값 안전 처리
|
||||
const val = (v) => (v === undefined || v === null || v === "") ? 0 : v;
|
||||
|
||||
const body = (dataRows || []).map(r => fitCols([
|
||||
r.usr_nm ?? r.usr_id ?? "",
|
||||
val(r.paper_complete_cnt),
|
||||
val(r.paper_fail_cnt),
|
||||
val(r.phone_all_cnt),
|
||||
val(r.phone_complete_cnt),
|
||||
val(r.phone_fail_cnt),
|
||||
val(r.reg_complete_cnt),
|
||||
val(r.same_reg_open),
|
||||
val(r.reg_fail_Open),
|
||||
val(r.same_reg_tempOpen),
|
||||
val(r.reg_fail_tempOpen),
|
||||
val(r.real_top_RS),
|
||||
val(r.real_top_RF),
|
||||
val(r.real_top_GS),
|
||||
val(r.real_top_GF),
|
||||
val(r.mobile_upload),
|
||||
val(r.reg_none),
|
||||
val(r.complete_cnt), // ✅ 검증 완료
|
||||
val(r.fail_cnt), // ✅ 검증 실패
|
||||
]));
|
||||
|
||||
const aoa = [fitCols(header1), fitCols(header2), ...body];
|
||||
const ws = XLSX.utils.aoa_to_sheet(aoa);
|
||||
|
||||
ws["!merges"] = [
|
||||
{ s: { r: 0, c: 0 }, e: { r: 1, c: 0 } }, // 상담원 rowspan 2
|
||||
{ s: { r: 0, c: 1 }, e: { r: 0, c: 2 } }, // 서류확인 colspan 2
|
||||
{ s: { r: 0, c: 3 }, e: { r: 0, c: 5 } }, // 전화확인 colspan 3
|
||||
{ s: { r: 0, c: 6 }, e: { r: 0, c: 10 } }, // 등기부등본 colspan 5
|
||||
{ s: { r: 0, c: 11 }, e: { r: 0, c: 12 } }, // 리얼탑 열람 colspan 2
|
||||
{ s: { r: 0, c: 13 }, e: { r: 0, c: 14 } }, // 리얼탑 기열람 colspan 2
|
||||
{ s: { r: 0, c: 15 }, e: { r: 1, c: 15 } }, // 모바일 rowspan 2
|
||||
{ s: { r: 0, c: 16 }, e: { r: 1, c: 16 } }, // 등기부없음 rowspan 2
|
||||
{ s: { r: 0, c: 17 }, e: { r: 0, c: 18 } }, // ✅ 검증 colspan 2
|
||||
];
|
||||
|
||||
ws["!cols"] = [
|
||||
{ wpx: 90 },
|
||||
{ wpx: 60 }, { wpx: 60 },
|
||||
{ wpx: 60 }, { wpx: 60 }, { wpx: 60 },
|
||||
{ wpx: 70 }, { wpx: 70 }, { wpx: 80 }, { wpx: 80 }, { wpx: 90 },
|
||||
{ wpx: 60 }, { wpx: 60 },
|
||||
{ wpx: 70 }, { wpx: 70 },
|
||||
{ wpx: 80 },
|
||||
{ wpx: 90 },
|
||||
{ wpx: 60 }, { wpx: 60 },
|
||||
];
|
||||
|
||||
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}`;
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const today = new Date().toISOString().slice(0, 10);
|
||||
document.getElementById("sdate").value = today;
|
||||
document.getElementById("edate").value = today;
|
||||
});
|
||||
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
447
app/Views/pages/results/m411/stats.php
Normal file
447
app/Views/pages/results/m411/stats.php
Normal file
@@ -0,0 +1,447 @@
|
||||
<?= $this->extend('layouts/main') ?>
|
||||
|
||||
<?= $this->section('content') ?>
|
||||
<style>
|
||||
th {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#resultList 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-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-2">
|
||||
<label class="form-label mb-1">팀별실적</label>
|
||||
<select class="form-control" name="dept_sq">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-1">
|
||||
<label class="form-label mb-1">검증방식</label>
|
||||
<select class="form-control" name="vrfcreq_way">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</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">엑셀다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table id="resultList" class="table table-hover table-striped table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">매체사</th>
|
||||
<th colspan="6" style="text-align: center;">접수</th>
|
||||
<th colspan="3" style="text-align: center;">서류확인</th>
|
||||
<th colspan="5" style="text-align: center;">전화확인</th>
|
||||
<th colspan="5" style="text-align: center;">등기부확인</th>
|
||||
<th colspan="2" style="text-align: center;">서비스</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>전화</th>
|
||||
<th>확인서</th>
|
||||
<th>확인서v2</th>
|
||||
<th>모바일</th>
|
||||
<th>모바일v2</th>
|
||||
<th>합계</th>
|
||||
<th>일치</th>
|
||||
<th>불일치</th>
|
||||
<th>합계</th>
|
||||
<th>일치</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>
|
||||
</tbody>
|
||||
|
||||
<tfoot class="table-light">
|
||||
<tr class="fw-bold">
|
||||
<td>합계</td>
|
||||
<td class="sum-t_cnt"></td>
|
||||
<td class="sum-hong1_cnt"></td>
|
||||
<td class="sum-hong2_cnt"></td>
|
||||
<td class="sum-m_cnt"></td>
|
||||
<td class="sum-v2_cnt"></td>
|
||||
<td class="sum-total"></td>
|
||||
<td class="sum-d_o"></td>
|
||||
<td class="sum-d_x"></td>
|
||||
<td class="sum-d_tot"></td>
|
||||
<td class="sum-t_o"></td>
|
||||
<td class="sum-t_x"></td>
|
||||
<td class="sum-t_n"></td>
|
||||
<td class="sum-t_e"></td>
|
||||
<td class="sum-t_tot"></td>
|
||||
<td class="sum-r_o"></td>
|
||||
<td class="sum-r_x"></td>
|
||||
<td class="sum-r_e"></td>
|
||||
<td class="sum-done"></td>
|
||||
<td class="sum-r_tot"></td>
|
||||
<td class="sum-s_1"></td>
|
||||
<td class="sum-s_2"></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</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');
|
||||
|
||||
let date = new Date();
|
||||
|
||||
$(function () {
|
||||
|
||||
|
||||
let table = $('#resultList').DataTable({
|
||||
language: lang_kor,
|
||||
processing: true,
|
||||
ajax: {
|
||||
url: '/m411/m411a/getResultList',
|
||||
type: 'GET',
|
||||
beforeSend: function () {
|
||||
blockUI.blockPage({
|
||||
message: tpl
|
||||
})
|
||||
},
|
||||
complete: function () {
|
||||
blockUI.unblockPage()
|
||||
},
|
||||
data: function (d) {
|
||||
d.sdate = $("#frm_srch_info [name=sdate]").val()
|
||||
d.edate = $("#frm_srch_info [name=edate]").val()
|
||||
|
||||
d.start = d.start || 0
|
||||
d.length = d.length || 10
|
||||
}
|
||||
},
|
||||
"columnDefs": [
|
||||
{ 'targets': '_all', "defaultContent": "" },
|
||||
{ className: 'text-center', targets: '_all' },
|
||||
],
|
||||
columns: [
|
||||
{ data: 'cpid', "width": "100px" },
|
||||
{ data: 't_cnt' },
|
||||
{ data: 'hong1_cnt' },
|
||||
{ data: 'hong2_cnt' },
|
||||
{ data: 'm_cnt' },
|
||||
{ data: 'v2_cnt' },
|
||||
{ data: 'total' },
|
||||
|
||||
{ data: 'd_o' },
|
||||
{ data: 'd_x' },
|
||||
{ data: 'd_tot' },
|
||||
|
||||
{ data: 't_o' },
|
||||
{ data: 't_x' },
|
||||
{ data: 't_n' },
|
||||
{ data: 't_e' },
|
||||
{ data: 't_tot' },
|
||||
|
||||
{ data: 'r_o' },
|
||||
{ data: 'r_x' },
|
||||
{ data: 'r_e' },
|
||||
{ data: 'done' },
|
||||
{ data: 'r_tot' },
|
||||
|
||||
{ data: 's_1' },
|
||||
{ data: 's_2' },
|
||||
],
|
||||
// 옵션들 예시
|
||||
paging: false,
|
||||
searching: false,
|
||||
ordering: false,
|
||||
serverSide: true,
|
||||
});
|
||||
|
||||
|
||||
$('#resultList').on('xhr.dt', function (e, settings, json) {
|
||||
const rows = json?.data || [];
|
||||
|
||||
|
||||
const fields = [
|
||||
't_cnt', 'hong1_cnt', 'hong2_cnt', 'm_cnt', 'v2_cnt', 'total'
|
||||
, 'd_o', 'd_x', 'd_tot'
|
||||
, 't_o', 't_x', 't_n', 't_e', 't_tot'
|
||||
, 'r_o', 'r_x', 'r_e', 'done', 'r_tot'
|
||||
, 's_1', 's_2'
|
||||
];
|
||||
|
||||
const toNum = (v) => {
|
||||
if (v == null || v === '') return 0;
|
||||
return Number(String(v).replace(/,/g, '')) || 0; // "18" 같은 문자열 대응
|
||||
};
|
||||
|
||||
// 합계 객체 생성
|
||||
const sum = {};
|
||||
fields.forEach(f => sum[f] = 0);
|
||||
|
||||
// rows 합산
|
||||
rows.forEach(r => {
|
||||
fields.forEach(f => sum[f] += toNum(r[f]));
|
||||
});
|
||||
|
||||
// footer에 주입
|
||||
fields.forEach(f => {
|
||||
$('#resultList tfoot .sum-' + f).text(sum[f].toLocaleString());
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
$('#resultList tbody').on('click', 'tr', function () {
|
||||
const row = table.row(this).data()
|
||||
if (!row) return
|
||||
|
||||
});
|
||||
|
||||
// [검색] 버튼 눌렀을 때 다시 조회
|
||||
$('#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: "/m411/m411a/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) 헤더 (총 22컬럼)
|
||||
* ======================= */
|
||||
const header1 = [
|
||||
"매체사",
|
||||
"접수", "", "", "", "", "",
|
||||
"서류확인", "", "",
|
||||
"전화확인", "", "", "", "",
|
||||
"등기부확인", "", "", "", "",
|
||||
"서비스", ""
|
||||
];
|
||||
|
||||
const header2 = [
|
||||
"",
|
||||
"전화", "확인서", "확인서v2", "모바일", "모바일v2", "합계",
|
||||
"일치", "불일치", "합계",
|
||||
"일치", "불일치", "거부", "무응답외", "합계",
|
||||
"일치", "불일치", "등기부없음", "검증완료", "합계",
|
||||
"건수", "접수 대비"
|
||||
];
|
||||
|
||||
// ✅ 컬럼 개수 고정(22)
|
||||
const COLS = 22;
|
||||
const fitCols = (arr) => {
|
||||
const a = arr.slice(0, COLS);
|
||||
while (a.length < COLS) a.push("");
|
||||
return a;
|
||||
};
|
||||
|
||||
// ✅ 숫자/빈값 안전 처리
|
||||
const val = (v) => (v === undefined || v === null || v === "") ? 0 : v;
|
||||
|
||||
/* =======================
|
||||
* 2) 바디 (DataTables columns 순서 그대로)
|
||||
* ======================= */
|
||||
const body = (dataRows || []).map(r => fitCols([
|
||||
r.cpid ?? "", // 매체사
|
||||
val(r.t_cnt),
|
||||
val(r.hong1_cnt),
|
||||
val(r.hong2_cnt),
|
||||
val(r.m_cnt),
|
||||
val(r.v2_cnt),
|
||||
val(r.total),
|
||||
|
||||
val(r.d_o),
|
||||
val(r.d_x),
|
||||
val(r.d_tot),
|
||||
|
||||
val(r.t_o),
|
||||
val(r.t_x),
|
||||
val(r.t_n),
|
||||
val(r.t_e),
|
||||
val(r.t_tot),
|
||||
|
||||
val(r.r_o),
|
||||
val(r.r_x),
|
||||
val(r.r_e),
|
||||
val(r.done),
|
||||
val(r.r_tot),
|
||||
|
||||
val(r.s_1),
|
||||
val(r.s_2),
|
||||
]));
|
||||
|
||||
const aoa = [fitCols(header1), fitCols(header2), ...body];
|
||||
const ws = XLSX.utils.aoa_to_sheet(aoa);
|
||||
|
||||
/* =======================
|
||||
* 3) 병합(merge) 설정 (thead와 동일)
|
||||
* ======================= */
|
||||
ws["!merges"] = [
|
||||
// 매체사 rowspan 2
|
||||
{ s: { r: 0, c: 0 }, e: { r: 1, c: 0 } },
|
||||
|
||||
// 접수 colspan 6 (1~6)
|
||||
{ s: { r: 0, c: 1 }, e: { r: 0, c: 6 } },
|
||||
|
||||
// 서류확인 colspan 3 (7~9)
|
||||
{ s: { r: 0, c: 7 }, e: { r: 0, c: 9 } },
|
||||
|
||||
// 전화확인 colspan 5 (10~14)
|
||||
{ s: { r: 0, c: 10 }, e: { r: 0, c: 14 } },
|
||||
|
||||
// 등기부확인 colspan 5 (15~19)
|
||||
{ s: { r: 0, c: 15 }, e: { r: 0, c: 19 } },
|
||||
|
||||
// 서비스 colspan 2 (20~21)
|
||||
{ s: { r: 0, c: 20 }, e: { r: 0, c: 21 } },
|
||||
];
|
||||
|
||||
/* =======================
|
||||
* 4) 컬럼 너비(가독성)
|
||||
* ======================= */
|
||||
ws["!cols"] = [
|
||||
{ wpx: 110 }, // 매체사
|
||||
{ wpx: 60 }, { wpx: 70 }, { wpx: 80 }, { wpx: 70 }, { wpx: 80 }, { wpx: 60 }, // 접수 6
|
||||
{ wpx: 60 }, { wpx: 60 }, { wpx: 60 }, // 서류 3
|
||||
{ wpx: 60 }, { wpx: 60 }, { wpx: 60 }, { wpx: 70 }, { wpx: 60 }, // 전화 5
|
||||
{ wpx: 60 }, { wpx: 60 }, { wpx: 80 }, { wpx: 80 }, { wpx: 60 }, // 등기부 5
|
||||
{ wpx: 70 }, { wpx: 80 }, // 서비스 2
|
||||
];
|
||||
|
||||
/* =======================
|
||||
* 5) 저장
|
||||
* ======================= */
|
||||
const wb = XLSX.utils.book_new();
|
||||
XLSX.utils.book_append_sheet(wb, ws, "sheet1");
|
||||
|
||||
XLSX.writeFile(wb, "확인매물_매체사_실적_" + getDateTimeString() + ".xlsx");
|
||||
}
|
||||
|
||||
|
||||
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}`;
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const today = new Date().toISOString().slice(0, 10);
|
||||
document.getElementById("sdate").value = today;
|
||||
document.getElementById("edate").value = today;
|
||||
});
|
||||
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
955
app/Views/pages/results/m412/stats.php
Normal file
955
app/Views/pages/results/m412/stats.php
Normal file
@@ -0,0 +1,955 @@
|
||||
<?= $this->extend('layouts/main') ?>
|
||||
|
||||
<?= $this->section('content') ?>
|
||||
<style>
|
||||
th {
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table td {
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#resultList 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">
|
||||
<div class="main-card mb-3 card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title mb-0">검색 / 전송 설정</h5>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<!-- 기준일자 + 검색 -->
|
||||
<form id="frm_srch_info" onsubmit="return false;">
|
||||
<div class="row g-3 align-items-end">
|
||||
|
||||
<div class="col-3">
|
||||
<label class="form-label mb-1">기준일자</label>
|
||||
<div class="row g-2 align-items-center">
|
||||
<div class="col-5">
|
||||
<input type="date" class="form-control" id="sdate" name="sdate" value="">
|
||||
</div>
|
||||
<div class="col-2 d-flex justify-content-center">
|
||||
<span class="text-muted">~</span>
|
||||
</div>
|
||||
<div class="col-5">
|
||||
<input type="date" class="form-control" id="edate" name="edate" value="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-1 d-grid">
|
||||
<button type="submit" class="btn btn-primary" id="btnSearch">
|
||||
검색
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr class=" my-4">
|
||||
|
||||
<!-- 전송 On/Off 설정 목록 -->
|
||||
<div class="row g-3">
|
||||
|
||||
<!-- 아이템 1 -->
|
||||
<div class="col-12 col-xl-6">
|
||||
<div class="border rounded p-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="fw-semibold">홍보확인서 전송</div>
|
||||
<div class="ms-auto d-flex align-items-center gap-2">
|
||||
<select class="form-select form-select-sm" name="select_H" id="select_H"
|
||||
style="width: 140px;">
|
||||
<option value="">-On/Off-</option>
|
||||
<option value="Y">On</option>
|
||||
<option value="N">Off</option>
|
||||
</select>
|
||||
<button type="button" class="btn btn-sm btn-outline-primary" style="width:60px;"
|
||||
onclick="send_yn('H');">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 아이템 2 -->
|
||||
<div class="col-12 col-xl-6">
|
||||
<div class="border rounded p-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="fw-semibold">전화확인 전송</div>
|
||||
<div class="ms-auto d-flex align-items-center gap-2">
|
||||
<select class="form-select form-select-sm" name="select_T" id="select_T"
|
||||
style="width: 140px;">
|
||||
<option value="">-On/Off-</option>
|
||||
<option value="Y">On</option>
|
||||
<option value="N">Off</option>
|
||||
</select>
|
||||
<button type="button" class="btn btn-sm btn-outline-primary" style="width:60px;"
|
||||
onclick="send_yn('T');">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 아이템 3 -->
|
||||
<div class="col-12 col-xl-6">
|
||||
<div class="border rounded p-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="fw-semibold">등기부등본 전송</div>
|
||||
<div class="ms-auto d-flex align-items-center gap-2">
|
||||
<select class="form-select form-select-sm" name="select_D" id="select_D"
|
||||
style="width: 140px;">
|
||||
<option value="">-On/Off-</option>
|
||||
<option value="Y">On</option>
|
||||
<option value="N">Off</option>
|
||||
</select>
|
||||
<button type="button" class="btn btn-sm btn-outline-primary" style="width:60px;"
|
||||
onclick="send_yn('D');">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 아이템 4 -->
|
||||
<div class="col-12 col-xl-6">
|
||||
<div class="border rounded p-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="fw-semibold">신홍보확인서 전송</div>
|
||||
<div class="ms-auto d-flex align-items-center gap-2">
|
||||
<select class="form-select form-select-sm" name="select_N" id="select_N"
|
||||
style="width: 140px;">
|
||||
<option value="">-On/Off-</option>
|
||||
<option value="Y">On</option>
|
||||
<option value="N">Off</option>
|
||||
</select>
|
||||
<button type="button" class="btn btn-sm btn-outline-primary" style="width:60px;"
|
||||
onclick="send_yn('N');">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 아이템 5 -->
|
||||
<div class="col-12 col-xl-6">
|
||||
<div class="border rounded p-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="fw-semibold">공동중개매물 전송</div>
|
||||
<div class="ms-auto d-flex align-items-center gap-2">
|
||||
<select class="form-select form-select-sm" name="select_J" id="select_J"
|
||||
style="width: 140px;">
|
||||
<option value="">-On/Off-</option>
|
||||
<option value="Y">On</option>
|
||||
<option value="N">Off</option>
|
||||
</select>
|
||||
<button type="button" class="btn btn-sm btn-outline-primary" style="width:60px;"
|
||||
onclick="send_yn('J');">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 아이템 6 -->
|
||||
<div class="col-12 col-xl-6">
|
||||
<div class="border rounded p-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="fw-semibold">모바일확인 V2 전송</div>
|
||||
<div class="ms-auto d-flex align-items-center gap-2">
|
||||
<select class="form-select form-select-sm" name="select_O" id="select_O"
|
||||
style="width: 140px;">
|
||||
<option value="">-On/Off-</option>
|
||||
<option value="Y">On</option>
|
||||
<option value="N">Off</option>
|
||||
</select>
|
||||
<button type="button" class="btn btn-sm btn-outline-primary" style="width:60px;"
|
||||
onclick="send_yn('O');">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
|
||||
<!-- 하단 액션 버튼 -->
|
||||
<div class="d-flex justify-content-end">
|
||||
<button type="button" class="btn btn-shadow btn-outline-secondary" style="min-width: 320px;"
|
||||
id="btnSilver_send_35">
|
||||
전화(서류) 확인 완료 총([0건]) 처리
|
||||
</button>
|
||||
</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">
|
||||
<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">엑셀다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table id="resultList" class="table table-hover table-striped table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="3">날짜</th>
|
||||
<th rowspan="3">매체사</th>
|
||||
<th colspan="11">전화확인</th>
|
||||
<th colspan="10">홍보확인서</th>
|
||||
<th rowspan="2" colspan="4">등기부확인</th>
|
||||
<th rowspan="2" colspan="7">Report</th>
|
||||
<th rowspan="3">미수신삭제</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">확인대상</th>
|
||||
<th colspan="5">확인결과</th>
|
||||
<th colspan="3">확인내역</th>
|
||||
|
||||
<th colspan="3">확인대상</th>
|
||||
<th colspan="4">확인결과</th>
|
||||
<th colspan="3">확인내역</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>전일<br />미확인</th>
|
||||
<th>1차<br />재시도</th>
|
||||
<th>접수</th>
|
||||
|
||||
<th>일치</th>
|
||||
<th>불일치</th>
|
||||
<th>거부</th>
|
||||
<th>무응답<br />외</th>
|
||||
<th>총확인</th>
|
||||
|
||||
<th>1차<br />실패</th>
|
||||
<th>최종<br />실패</th>
|
||||
<th>미확인</th>
|
||||
|
||||
<th>전일<br />미확인</th>
|
||||
<th>1차<br />재시도</th>
|
||||
<th>접수</th>
|
||||
|
||||
<th>일치</th>
|
||||
<th>불일치</th>
|
||||
<th>기타</th>
|
||||
<th>총확인</th>
|
||||
|
||||
<th>1차<br />실패</th>
|
||||
<th>최종<br />실패</th>
|
||||
<th>미확인</th>
|
||||
|
||||
<th>일치</th>
|
||||
<th>불일치</th>
|
||||
<th>등기부<br />없음</th>
|
||||
<th>총확인</th>
|
||||
|
||||
<th>총검증<br />대상</th>
|
||||
<th>검증<br />시도</th>
|
||||
<th>검증<br />완료</th>
|
||||
<th>검증미<br />완료</th>
|
||||
<th>간소화<br />확인율</th>
|
||||
<th>검증<br />시도율</th>
|
||||
<th>시도대비<br />완료율</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>
|
||||
<style>
|
||||
table.dataTable thead th {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
|
||||
const sendH = '<?= $sendH ?>';
|
||||
const sendD = '<?= $sendD ?>';
|
||||
const sendT = '<?= $sendT ?>';
|
||||
const sendN = '<?= $sendN ?>';
|
||||
const sendJ = '<?= $sendJ ?>';
|
||||
const sendO = '<?= $sendO ?>';
|
||||
|
||||
let date = new Date();
|
||||
|
||||
const SUM_KEYS = [
|
||||
'T0101', 'T0102', 'T0103',
|
||||
'T0201', 'T0202', 'T0203', 'T0204', 'T0205',
|
||||
'T0301', 'T0302', 'T0303',
|
||||
'D0101', 'D0102', 'D0103',
|
||||
'D0201', 'D0202', 'D0203', 'D0204',
|
||||
'D0301', 'D0302', 'D0303',
|
||||
'R0101', 'R0102', 'R0103', 'R0104', // 등기부 컬럼도 테이블에 있으면 포함
|
||||
'Z0101', 'Z0102', 'Z0103', 'Z0104',
|
||||
'R0105',
|
||||
'A0101'
|
||||
];
|
||||
|
||||
|
||||
$(function () {
|
||||
initSelect();
|
||||
|
||||
let table = $('#resultList').DataTable({
|
||||
language: lang_kor,
|
||||
processing: true,
|
||||
ajax: {
|
||||
url: '/m412/m412a/getResultList',
|
||||
type: 'GET',
|
||||
beforeSend: function () {
|
||||
blockUI.blockPage({
|
||||
message: tpl
|
||||
})
|
||||
},
|
||||
complete: function () {
|
||||
blockUI.unblockPage()
|
||||
},
|
||||
data: function (d) {
|
||||
d.sdate = $("#frm_srch_info [name=sdate]").val()
|
||||
d.edate = $("#frm_srch_info [name=edate]").val()
|
||||
|
||||
d.start = d.start || 0
|
||||
d.length = d.length || 10
|
||||
}
|
||||
},
|
||||
"columnDefs": [
|
||||
{ 'targets': '_all', "defaultContent": "" },
|
||||
{ className: 'text-center', targets: '_all' },
|
||||
],
|
||||
columns: [
|
||||
{ data: 'st_date', "width": "80px" },
|
||||
{ data: 'cpid', "width": "80px" },
|
||||
|
||||
{ data: 'T0101' },
|
||||
{ data: 'T0102' },
|
||||
{ data: 'T0103' },
|
||||
|
||||
{ data: 'T0201' },
|
||||
{ data: 'T0202' },
|
||||
{ data: 'T0203' },
|
||||
{ data: 'T0204' },
|
||||
{ data: 'T0205' },
|
||||
|
||||
{ data: 'T0301' },
|
||||
{ data: 'T0302' },
|
||||
{ data: 'T0303' },
|
||||
|
||||
{ data: 'R0101' },
|
||||
{ data: 'R0102' },
|
||||
{ data: 'R0103' },
|
||||
{ data: 'R0104' },
|
||||
|
||||
{ data: 'D0101' },
|
||||
{ data: 'D0102' },
|
||||
{ data: 'D0103' },
|
||||
|
||||
{ data: 'D0201' },
|
||||
{ data: 'D0202' },
|
||||
{ data: 'D0203' },
|
||||
{ data: 'D0204' },
|
||||
|
||||
{ data: 'D0301' },
|
||||
{ data: 'D0302' },
|
||||
{ data: 'D0303' },
|
||||
|
||||
{ data: 'Z0101' }, { data: 'Z0102' }, { data: 'Z0103' }, { data: 'Z0104' },
|
||||
{ data: 'Z0107', render: d => d ? `${d} %` : '-' },
|
||||
{ data: 'Z0105', render: d => d ? `${d} %` : '-' },
|
||||
{ data: 'Z0106', render: d => d ? `${d} %` : '-' },
|
||||
|
||||
{ data: 'A0101' },
|
||||
],
|
||||
// 옵션들 예시
|
||||
paging: false,
|
||||
searching: false,
|
||||
ordering: false,
|
||||
serverSide: true,
|
||||
drawCallback: function () {
|
||||
const api = this.api();
|
||||
const rows = api.rows({ page: 'current' }).nodes();
|
||||
const data = api.rows({ page: 'current' }).data();
|
||||
|
||||
// 기존 소계 제거(재그릴 때 중복 방지)
|
||||
$(api.table().body()).find('tr.tr-day-sum').remove();
|
||||
|
||||
let curDate = null;
|
||||
let sum = null;
|
||||
|
||||
function resetSum() {
|
||||
const o = {};
|
||||
SUM_KEYS.forEach(k => o[k] = 0);
|
||||
return o;
|
||||
}
|
||||
|
||||
function appendSumRow(afterRowNode, st_date, sum) {
|
||||
// 퍼센트는 “소계 기준” 재계산
|
||||
const Z0105 = pct(sum.Z0102, sum.Z0101); // Z0102 / Z0101
|
||||
const Z0106 = pct(sum.Z0103, sum.Z0102); // Z0103 / Z0102
|
||||
const Z0107 = pct(sum.R0105, (sum.R0101 + sum.R0102)); // R0105 / (R0101+R0102)
|
||||
|
||||
// 컬럼 개수만큼 TD를 정확히 만들어야 함
|
||||
// 아래는 "st_date, cpid, ... 나머지" 구조를 가정 (너의 columns 순서에 맞춰서 채워줘야 함)
|
||||
const tds = [];
|
||||
tds.push(`<td></td>`); // 날짜 칸 비움
|
||||
tds.push(`<td>일 계</td>`); // 매체사 칸에 "일계"
|
||||
|
||||
// 예: 이후 컬럼들을 네 columns 순서대로 push
|
||||
const colKeysInOrder = [
|
||||
'T0101', 'T0102', 'T0103',
|
||||
'T0201', 'T0202', 'T0203', 'T0204', 'T0205',
|
||||
'T0301', 'T0302', 'T0303',
|
||||
'D0101', 'D0102', 'D0103',
|
||||
'D0201', 'D0202', 'D0203', 'D0204',
|
||||
'D0301', 'D0302', 'D0303',
|
||||
'R0101', 'R0102', 'R0103', 'R0104',
|
||||
'Z0101', 'Z0102', 'Z0103', 'Z0104',
|
||||
'Z0107', 'Z0105', 'Z0106',
|
||||
'A0101'
|
||||
];
|
||||
|
||||
colKeysInOrder.forEach(k => {
|
||||
if (k === 'Z0105') tds.push(`<td>${Z0105}</td>`);
|
||||
else if (k === 'Z0106') tds.push(`<td>${Z0106}</td>`);
|
||||
else if (k === 'Z0107') tds.push(`<td>${Z0107}</td>`);
|
||||
else tds.push(`<td>${n(sum[k]).toLocaleString()}</td>`);
|
||||
});
|
||||
|
||||
const tr = $(`<tr class="bolder tr-day-sum">${tds.join('')}</tr>`);
|
||||
$(afterRowNode).after(tr);
|
||||
}
|
||||
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
const row = data[i];
|
||||
const st = row.st_date;
|
||||
|
||||
if (curDate === null) {
|
||||
curDate = st;
|
||||
sum = resetSum();
|
||||
}
|
||||
|
||||
// 날짜가 바뀌면 이전 날짜 소계 출력 후 리셋
|
||||
if (st !== curDate) {
|
||||
appendSumRow(rows[i - 1], curDate, sum);
|
||||
curDate = st;
|
||||
sum = resetSum();
|
||||
}
|
||||
|
||||
// 합산
|
||||
SUM_KEYS.forEach(k => sum[k] += n(row[k]));
|
||||
}
|
||||
|
||||
// 마지막 날짜 소계 출력
|
||||
if (data.length > 0) {
|
||||
appendSumRow(rows[data.length - 1], curDate, sum);
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
// $('#resultList').on('xhr.dt', function (e, settings, json) {
|
||||
// const rows = json?.data || [];
|
||||
|
||||
|
||||
// const fields = [
|
||||
// 't_cnt', 'hong1_cnt', 'hong2_cnt', 'm_cnt', 'v2_cnt', 'total'
|
||||
// , 'd_o', 'd_x', 'd_tot'
|
||||
// , 't_o', 't_x', 't_n', 't_e', 't_tot'
|
||||
// , 'r_o', 'r_x', 'r_e', 'done', 'r_tot'
|
||||
// , 's_1', 's_2'
|
||||
// ];
|
||||
|
||||
// const toNum = (v) => {
|
||||
// if (v == null || v === '') return 0;
|
||||
// return Number(String(v).replace(/,/g, '')) || 0; // "18" 같은 문자열 대응
|
||||
// };
|
||||
|
||||
// // 합계 객체 생성
|
||||
// const sum = {};
|
||||
// fields.forEach(f => sum[f] = 0);
|
||||
|
||||
// // rows 합산
|
||||
// rows.forEach(r => {
|
||||
// fields.forEach(f => sum[f] += toNum(r[f]));
|
||||
// });
|
||||
|
||||
// // footer에 주입
|
||||
// fields.forEach(f => {
|
||||
// $('#resultList tfoot .sum-' + f).text(sum[f].toLocaleString());
|
||||
// });
|
||||
// });
|
||||
|
||||
|
||||
|
||||
$('#resultList tbody').on('click', 'tr', function () {
|
||||
const row = table.row(this).data()
|
||||
if (!row) return
|
||||
|
||||
});
|
||||
|
||||
// [검색] 버튼 눌렀을 때 다시 조회
|
||||
$('#btnSearch').on('click', function () {
|
||||
table.ajax.reload()
|
||||
});
|
||||
|
||||
|
||||
// 전화확인 완료처리
|
||||
$("#btnSilver_send_35").on("function", function () {
|
||||
var sdate = $("#frm_srch_info [name=sdate]").val();
|
||||
var edate = $("#frm_srch_info [name=edate]").val();
|
||||
|
||||
if (sdate == "") {
|
||||
Swal.fire({
|
||||
title: "시작일자를 선택해 주세요.",
|
||||
icon: "warning"
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (edate == "") {
|
||||
Swal.fire({
|
||||
title: "종료일자를 선택해 주세요.",
|
||||
icon: "warning"
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
swal.fire({
|
||||
text: message,
|
||||
type: "warning",
|
||||
showCancelButton: true,
|
||||
confirmButtonText: "예",
|
||||
cancelButtonText: "아니오",
|
||||
confirmButtonColor: "#3085d6",
|
||||
cancelButtonColor: "#ff0000",
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: '/m412/m412a/saveSendComplete',
|
||||
contentType: 'application/x-www-form-urlencoded;charset=UTF-8',
|
||||
method: 'POST',
|
||||
data: {
|
||||
'sdate': sdate,
|
||||
'edate': edate,
|
||||
},
|
||||
beforeSend: function () {
|
||||
blockUI.blockPage({
|
||||
message: tpl
|
||||
})
|
||||
},
|
||||
complete: function () {
|
||||
blockUI.unblockPage()
|
||||
},
|
||||
error: function (xhr, error, thrown) {
|
||||
blockUI.unblockPage()
|
||||
var msg = "";
|
||||
if (xhr.responseText != null) {
|
||||
msg = xhr.responseText
|
||||
} else {
|
||||
msg = "잠시후 다시 시도해 주세요."
|
||||
}
|
||||
|
||||
Swal.fire({
|
||||
title: msg,
|
||||
icon: "error"
|
||||
})
|
||||
},
|
||||
success: function (result) {
|
||||
|
||||
if (result.code == '0') {
|
||||
Swal.fire({
|
||||
title: '정상 처리되었습니다.',
|
||||
icon: "success"
|
||||
|
||||
})
|
||||
|
||||
setTimeout(() => {
|
||||
location.reload()
|
||||
}, 1000)
|
||||
|
||||
} else {
|
||||
Swal.fire({
|
||||
title: result.msg,
|
||||
icon: "error"
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 엑셀다운 click
|
||||
$("#excel-download").on("click", function () {
|
||||
|
||||
$.ajax({
|
||||
url: "/m412/m412a/excel",
|
||||
method: "GET",
|
||||
dataType: "json",
|
||||
data: $("#frm_srch_info").serialize(),
|
||||
beforeSend: function () {
|
||||
blockUI.blockPage({
|
||||
message: tpl
|
||||
})
|
||||
},
|
||||
complete: function () {
|
||||
blockUI.unblockPage()
|
||||
},
|
||||
success: function (result) {
|
||||
downloadExcel_M412_Daily(result.data);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
function downloadExcel_M412_Daily(dataRows, filenamePrefix = "확인매물_일자별실적") {
|
||||
// ===== 유틸 =====
|
||||
const n = (v) => {
|
||||
const x = parseFloat(v);
|
||||
return Number.isFinite(x) ? x : 0;
|
||||
};
|
||||
const pct = (num, den) => {
|
||||
if (!den) return "-";
|
||||
return Math.round((num / den) * 100) + " %";
|
||||
};
|
||||
|
||||
// ===== DataTables 컬럼 순서(35개) =====
|
||||
// ※ HTML 헤더(전화확인 -> 홍보확인서 -> 등기부 -> Report -> 미수신삭제)와 동일 순서로 맞춤
|
||||
const COL_KEYS = [
|
||||
"st_date", "cpid",
|
||||
// 전화확인(11)
|
||||
"T0101", "T0102", "T0103",
|
||||
"T0201", "T0202", "T0203", "T0204", "T0205",
|
||||
"T0301", "T0302", "T0303",
|
||||
// 홍보확인서(10)
|
||||
"D0101", "D0102", "D0103",
|
||||
"D0201", "D0202", "D0203", "D0204",
|
||||
"D0301", "D0302", "D0303",
|
||||
// 등기부확인(4)
|
||||
"R0101", "R0102", "R0103", "R0104",
|
||||
// Report(7)
|
||||
"Z0101", "Z0102", "Z0103", "Z0104", "Z0107", "Z0105", "Z0106",
|
||||
// 미수신삭제(1)
|
||||
"A0101"
|
||||
];
|
||||
const COLS = COL_KEYS.length; // 35
|
||||
|
||||
// ===== 헤더 3줄 =====
|
||||
const header1 = Array(COLS).fill("");
|
||||
header1[0] = "날짜";
|
||||
header1[1] = "매체사";
|
||||
header1[2] = "전화확인";
|
||||
header1[13] = "홍보확인서";
|
||||
header1[23] = "등기부확인";
|
||||
header1[27] = "Report";
|
||||
header1[34] = "미수신삭제";
|
||||
|
||||
const header2 = Array(COLS).fill("");
|
||||
// 전화확인(2~12)
|
||||
header2[2] = "확인대상";
|
||||
header2[5] = "확인결과";
|
||||
header2[10] = "확인내역";
|
||||
// 홍보확인서(13~22)
|
||||
header2[13] = "확인대상";
|
||||
header2[16] = "확인결과";
|
||||
header2[20] = "확인내역";
|
||||
// 등기부확인(23~26) rowspan2라 비움
|
||||
// Report(27~33) rowspan2라 비움
|
||||
|
||||
const header3 = [
|
||||
"날짜", "매체사",
|
||||
// 전화확인(11)
|
||||
"전일미확인", "1차재시도", "접수",
|
||||
"일치", "불일치", "거부", "무응답외", "총확인",
|
||||
"1차실패", "최종실패", "미확인",
|
||||
// 홍보확인서(10)
|
||||
"전일미확인", "1차재시도", "접수",
|
||||
"일치", "불일치", "기타", "총확인",
|
||||
"1차실패", "최종실패", "미확인",
|
||||
// 등기부확인(4)
|
||||
"일치", "불일치", "등기부없음", "총확인",
|
||||
// Report(7)
|
||||
"총검증대상", "검증시도", "검증완료", "검증미완료", "간소화확인율", "검증시도율", "시도대비완료율",
|
||||
// 미수신삭제(1)
|
||||
"미수신삭제"
|
||||
];
|
||||
|
||||
// ===== 일자별 소계(일계) 포함해서 바디 만들기 =====
|
||||
// dataRows는 st_date 기준으로 정렬되어 있다고 가정(서버에서 ORDER BY st_date, cpid 권장)
|
||||
const body = [];
|
||||
let cur = null;
|
||||
|
||||
const SUM_KEYS = [
|
||||
"T0101", "T0102", "T0103",
|
||||
"T0201", "T0202", "T0203", "T0204", "T0205",
|
||||
"T0301", "T0302", "T0303",
|
||||
"D0101", "D0102", "D0103",
|
||||
"D0201", "D0202", "D0203", "D0204",
|
||||
"D0301", "D0302", "D0303",
|
||||
"R0101", "R0102", "R0103", "R0104",
|
||||
"Z0101", "Z0102", "Z0103", "Z0104",
|
||||
"R0105",
|
||||
"A0101"
|
||||
];
|
||||
|
||||
const resetSum = () => {
|
||||
const s = {};
|
||||
SUM_KEYS.forEach(k => s[k] = 0);
|
||||
return s;
|
||||
};
|
||||
|
||||
const appendDaySum = (st_date, sum) => {
|
||||
// 퍼센트 3개는 소계 기준 재계산
|
||||
const z0105 = pct(sum.Z0102, sum.Z0101);
|
||||
const z0106 = pct(sum.Z0103, sum.Z0102);
|
||||
const z0107 = pct(sum.R0105, (sum.R0101 + sum.R0102));
|
||||
|
||||
// “일계” 행은 날짜칸 비우고 매체사에 '일 계'
|
||||
const row = Array(COLS).fill("");
|
||||
row[0] = "";
|
||||
row[1] = "일 계";
|
||||
|
||||
// 숫자/지표 채우기 (COL_KEYS 기준)
|
||||
COL_KEYS.forEach((k, idx) => {
|
||||
if (idx < 2) return; // st_date, cpid 제외
|
||||
if (k === "Z0105") row[idx] = z0105;
|
||||
else if (k === "Z0106") row[idx] = z0106;
|
||||
else if (k === "Z0107") row[idx] = z0107;
|
||||
else row[idx] = n(sum[k]).toLocaleString();
|
||||
});
|
||||
|
||||
body.push(row);
|
||||
};
|
||||
|
||||
let sum = resetSum();
|
||||
|
||||
for (let i = 0; i < (dataRows || []).length; i++) {
|
||||
const r = dataRows[i];
|
||||
const st = r.st_date;
|
||||
|
||||
if (cur === null) cur = st;
|
||||
|
||||
// 날짜 변경 시 일계 추가
|
||||
if (st !== cur) {
|
||||
appendDaySum(cur, sum);
|
||||
cur = st;
|
||||
sum = resetSum();
|
||||
}
|
||||
|
||||
// 원본 row 추가
|
||||
const row = COL_KEYS.map((k) => {
|
||||
if (k === "Z0105" || k === "Z0106" || k === "Z0107") {
|
||||
return (r[k] === undefined || r[k] === null || r[k] === "") ? "-" : (String(r[k]).includes("%") ? r[k] : `${r[k]} %`);
|
||||
}
|
||||
if (k === "st_date" || k === "cpid") return r[k] ?? "";
|
||||
return (r[k] === undefined || r[k] === null || r[k] === "") ? "0" : String(r[k]);
|
||||
});
|
||||
body.push(row);
|
||||
|
||||
// 합산 누적
|
||||
SUM_KEYS.forEach(k => sum[k] += n(r[k]));
|
||||
}
|
||||
|
||||
// 마지막 날짜 일계
|
||||
if ((dataRows || []).length > 0) {
|
||||
appendDaySum(cur, sum);
|
||||
}
|
||||
|
||||
// ===== Sheet 생성 =====
|
||||
const aoa = [header1, header2, header3, ...body];
|
||||
const ws = XLSX.utils.aoa_to_sheet(aoa);
|
||||
|
||||
// ===== Merge 설정 (정확히 35컬럼 기준) =====
|
||||
ws["!merges"] = [
|
||||
// Row1(0): 날짜/매체/미수신삭제 rowspan 3
|
||||
{ s: { r: 0, c: 0 }, e: { r: 2, c: 0 } }, // 날짜
|
||||
{ s: { r: 0, c: 1 }, e: { r: 2, c: 1 } }, // 매체사
|
||||
{ s: { r: 0, c: 34 }, e: { r: 2, c: 34 } }, // 미수신삭제
|
||||
|
||||
// Row1: 상단 그룹
|
||||
{ s: { r: 0, c: 2 }, e: { r: 0, c: 12 } }, // 전화확인(11)
|
||||
{ s: { r: 0, c: 13 }, e: { r: 0, c: 22 } }, // 홍보확인서(10)
|
||||
{ s: { r: 0, c: 23 }, e: { r: 1, c: 26 } }, // 등기부확인 rowspan2 (4)
|
||||
{ s: { r: 0, c: 27 }, e: { r: 1, c: 33 } }, // Report rowspan2 (7)
|
||||
|
||||
// Row2(1): 전화확인 하위
|
||||
{ s: { r: 1, c: 2 }, e: { r: 1, c: 4 } }, // 확인대상(3)
|
||||
{ s: { r: 1, c: 5 }, e: { r: 1, c: 9 } }, // 확인결과(5)
|
||||
{ s: { r: 1, c: 10 }, e: { r: 1, c: 12 } }, // 확인내역(3)
|
||||
|
||||
// Row2: 홍보확인서 하위
|
||||
{ s: { r: 1, c: 13 }, e: { r: 1, c: 15 } }, // 확인대상(3)
|
||||
{ s: { r: 1, c: 16 }, e: { r: 1, c: 19 } }, // 확인결과(4)
|
||||
{ s: { r: 1, c: 20 }, e: { r: 1, c: 22 } } // 확인내역(3)
|
||||
];
|
||||
|
||||
// ===== 가독성: 컬럼 너비 =====
|
||||
ws["!cols"] = [
|
||||
{ wpx: 90 }, // 날짜
|
||||
{ wpx: 90 }, // 매체사
|
||||
...Array(COLS - 2).fill({ wpx: 70 })
|
||||
];
|
||||
|
||||
// ===== 저장 =====
|
||||
const wb = XLSX.utils.book_new();
|
||||
XLSX.utils.book_append_sheet(wb, ws, "sheet1");
|
||||
XLSX.writeFile(wb, `${filenamePrefix}_${getDateTimeString()}.xlsx`);
|
||||
}
|
||||
|
||||
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}`;
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const today = new Date().toISOString().slice(0, 10);
|
||||
document.getElementById("sdate").value = today;
|
||||
document.getElementById("edate").value = today;
|
||||
});
|
||||
|
||||
function n(v) { // 문자열 "0" 같은 것도 숫자로
|
||||
const x = parseFloat(v);
|
||||
return Number.isFinite(x) ? x : 0;
|
||||
}
|
||||
function pct(num, den) {
|
||||
if (!den) return '-';
|
||||
return Math.round((num / den) * 100) + ' %';
|
||||
}
|
||||
|
||||
function initSelect() {
|
||||
|
||||
$("#select_H").val(sendH);
|
||||
$("#select_D").val(sendD);
|
||||
$("#select_T").val(sendT);
|
||||
$("#select_N").val(sendN);
|
||||
$("#select_J").val(sendJ);
|
||||
$("#select_O").val(sendO);
|
||||
|
||||
}
|
||||
|
||||
function send_yn(type) {
|
||||
var val = $("#select_" + type).val();
|
||||
|
||||
var nm = "";
|
||||
if (type == 'H') {
|
||||
nm = '홍보확인서';
|
||||
} else if (type == 'T') {
|
||||
nm = '전화확인';
|
||||
} else if (type == 'N') {
|
||||
nm = '신홍보확인서';
|
||||
} else if (type == 'J') {
|
||||
nm = '공동중개매물';
|
||||
} else if (type == 'O') {
|
||||
nm = '모바일확인 V2';
|
||||
} else {
|
||||
nm = '등기부등본';
|
||||
}
|
||||
|
||||
var onOff = "";
|
||||
val == "Y" ? onOff = "ON" : onOff = "OFF";
|
||||
|
||||
|
||||
var message = nm + '의 전송을 ' + onOff + '(으)로\n변경하시겠습니까?';
|
||||
|
||||
swal.fire({
|
||||
text: message,
|
||||
type: "warning",
|
||||
showCancelButton: true,
|
||||
confirmButtonText: "예",
|
||||
cancelButtonText: "아니오",
|
||||
confirmButtonColor: "#3085d6",
|
||||
cancelButtonColor: "#ff0000",
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: '/m412/m412a/saveSendType',
|
||||
contentType: 'application/x-www-form-urlencoded;charset=UTF-8',
|
||||
method: 'POST',
|
||||
data: {
|
||||
'type': type,
|
||||
'yn': val
|
||||
},
|
||||
beforeSend: function () {
|
||||
blockUI.blockPage({
|
||||
message: tpl
|
||||
})
|
||||
},
|
||||
complete: function () {
|
||||
blockUI.unblockPage()
|
||||
},
|
||||
error: function (xhr, error, thrown) {
|
||||
blockUI.unblockPage()
|
||||
var msg = "";
|
||||
if (xhr.responseText != null) {
|
||||
msg = xhr.responseText
|
||||
} else {
|
||||
msg = "잠시후 다시 시도해 주세요."
|
||||
}
|
||||
|
||||
Swal.fire({
|
||||
title: msg,
|
||||
icon: "error"
|
||||
})
|
||||
},
|
||||
success: function (result) {
|
||||
|
||||
if (result.code == '0') {
|
||||
Swal.fire({
|
||||
title: '정상 처리되었습니다.',
|
||||
icon: "success"
|
||||
|
||||
})
|
||||
|
||||
setTimeout(() => {
|
||||
location.reload()
|
||||
}, 1000)
|
||||
|
||||
} else {
|
||||
Swal.fire({
|
||||
title: result.msg,
|
||||
icon: "error"
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
420
app/Views/pages/results/m415/stats.php
Normal file
420
app/Views/pages/results/m415/stats.php
Normal file
@@ -0,0 +1,420 @@
|
||||
<?= $this->extend('layouts/main') ?>
|
||||
|
||||
<?= $this->section('content') ?>
|
||||
<style>
|
||||
th {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#resultList 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-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-2">
|
||||
<label class="form-label mb-1">팀별실적</label>
|
||||
<select class="form-control" name="dept_sq">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-1">
|
||||
<label class="form-label mb-1">검증방식</label>
|
||||
<select class="form-control" name="vrfcreq_way">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</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">엑셀다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table id="resultList" class="table table-hover table-striped table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">일자</th>
|
||||
<th rowspan="2">모바일검증</th>
|
||||
<th colspan="3">전화확인</th>
|
||||
<th colspan="3">홍보확인서 확인</th>
|
||||
<th colspan="3">신홍보확인서 확인</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>전화 검증</th>
|
||||
<th>등기부등본 검증</th>
|
||||
<th>총소요</th>
|
||||
<th>FAX검증</th>
|
||||
<th>등기부등본 검증</th>
|
||||
<th>총소요</th>
|
||||
<th>FAX검증</th>
|
||||
<th>등기부등본 검증</th>
|
||||
<th>총소요</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>
|
||||
<style>
|
||||
table.dataTable thead th {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
|
||||
let date = new Date();
|
||||
|
||||
$(function () {
|
||||
|
||||
|
||||
let table = $('#resultList').DataTable({
|
||||
language: lang_kor,
|
||||
processing: true,
|
||||
ajax: {
|
||||
url: '/m415/m415a/getResultList',
|
||||
type: 'GET',
|
||||
beforeSend: function () {
|
||||
blockUI.blockPage({
|
||||
message: tpl
|
||||
})
|
||||
},
|
||||
complete: function () {
|
||||
blockUI.unblockPage()
|
||||
},
|
||||
data: function (d) {
|
||||
d.sdate = $("#frm_srch_info [name=sdate]").val()
|
||||
d.edate = $("#frm_srch_info [name=edate]").val()
|
||||
|
||||
d.start = d.start || 0
|
||||
d.length = d.length || 10
|
||||
}
|
||||
},
|
||||
"columnDefs": [
|
||||
{ 'targets': '_all', "defaultContent": "" },
|
||||
{ className: 'text-center', targets: '_all' },
|
||||
],
|
||||
columns: [
|
||||
{ data: 'stan_date' },
|
||||
{ data: 'm_tot' },
|
||||
{ data: 't_doc' },
|
||||
{ data: 't_cert' },
|
||||
{ data: 't_tot' },
|
||||
{ data: 'd_doc' },
|
||||
{ data: 'd_cert' },
|
||||
{ data: 'd_tot' },
|
||||
{ data: 'n_doc' },
|
||||
{ data: 'n_cert' },
|
||||
{ data: 'n_tot' },
|
||||
|
||||
],
|
||||
// 옵션들 예시
|
||||
paging: false,
|
||||
searching: false,
|
||||
ordering: false,
|
||||
serverSide: true,
|
||||
});
|
||||
|
||||
|
||||
|
||||
$('#resultList tbody').on('click', 'tr', function () {
|
||||
const row = table.row(this).data()
|
||||
if (!row) return
|
||||
|
||||
});
|
||||
|
||||
// [검색] 버튼 눌렀을 때 다시 조회
|
||||
$('#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: "/m415/m415a/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) {
|
||||
|
||||
/* =======================
|
||||
* 0) 유틸
|
||||
* ======================= */
|
||||
const COLS = 11;
|
||||
|
||||
const fitCols = (arr) => {
|
||||
const a = (arr || []).slice(0, COLS);
|
||||
while (a.length < COLS) a.push("");
|
||||
return a;
|
||||
};
|
||||
|
||||
const safe = (v) => (v === undefined || v === null) ? "" : v;
|
||||
|
||||
// 숫자/빈값 안전 처리 (소요시간이 숫자라면 여기로)
|
||||
const num = (v) => (v === undefined || v === null || v === "") ? 0 : Number(v);
|
||||
|
||||
// (선택) 초(seconds) → hh:mm:ss 로 보여주고 싶으면 사용
|
||||
// const secToHms = (sec) => {
|
||||
// const s = Number(sec || 0);
|
||||
// const h = String(Math.floor(s / 3600)).padStart(2, "0");
|
||||
// const m = String(Math.floor((s % 3600) / 60)).padStart(2, "0");
|
||||
// const ss = String(Math.floor(s % 60)).padStart(2, "0");
|
||||
// return `${h}:${m}:${ss}`;
|
||||
// };
|
||||
|
||||
/* =======================
|
||||
* 1) 헤더 (thead와 동일)
|
||||
* ======================= */
|
||||
const header1 = fitCols([
|
||||
"일자",
|
||||
"모바일검증",
|
||||
"전화확인", "", "",
|
||||
"홍보확인서 확인", "", "",
|
||||
"신홍보확인서 확인", "", ""
|
||||
]);
|
||||
|
||||
const header2 = fitCols([
|
||||
"",
|
||||
"",
|
||||
"전화 검증",
|
||||
"등기부등본 검증",
|
||||
"총소요",
|
||||
"FAX검증",
|
||||
"등기부등본 검증",
|
||||
"총소요",
|
||||
"FAX검증",
|
||||
"등기부등본 검증",
|
||||
"총소요",
|
||||
]);
|
||||
|
||||
/* =======================
|
||||
* 2) 바디 (DataTables columns 순서 그대로)
|
||||
* columns:
|
||||
* stan_date, m_tot,
|
||||
* t_doc, t_cert, t_tot,
|
||||
* d_doc, d_cert, d_tot,
|
||||
* n_doc, n_cert, n_tot
|
||||
* ======================= */
|
||||
const body = (dataRows || []).map(r => fitCols([
|
||||
safe(r.stan_date),
|
||||
safe(r.m_tot),
|
||||
|
||||
safe(r.t_doc),
|
||||
safe(r.t_cert),
|
||||
safe(r.t_tot), // 숫자면 num(r.t_tot)
|
||||
|
||||
safe(r.d_doc),
|
||||
safe(r.d_cert),
|
||||
safe(r.d_tot),
|
||||
|
||||
safe(r.n_doc),
|
||||
safe(r.n_cert),
|
||||
safe(r.n_tot),
|
||||
]));
|
||||
|
||||
const aoa = [header1, header2, ...body];
|
||||
const ws = XLSX.utils.aoa_to_sheet(aoa);
|
||||
|
||||
/* =======================
|
||||
* 3) 병합(merge) - thead와 동일
|
||||
* ======================= */
|
||||
ws["!merges"] = [
|
||||
// "일자" rowspan 2
|
||||
{ s: { r: 0, c: 0 }, e: { r: 1, c: 0 } },
|
||||
// "모바일검증" rowspan 2
|
||||
{ s: { r: 0, c: 1 }, e: { r: 1, c: 1 } },
|
||||
|
||||
// "전화확인" colspan 3 (2~4)
|
||||
{ s: { r: 0, c: 2 }, e: { r: 0, c: 4 } },
|
||||
// "홍보확인서 확인" colspan 3 (5~7)
|
||||
{ s: { r: 0, c: 5 }, e: { r: 0, c: 7 } },
|
||||
// "신홍보확인서 확인" colspan 3 (8~10)
|
||||
{ s: { r: 0, c: 8 }, e: { r: 0, c: 10 } },
|
||||
];
|
||||
|
||||
/* =======================
|
||||
* 4) 컬럼 너비
|
||||
* ======================= */
|
||||
ws["!cols"] = [
|
||||
{ wpx: 100 }, // 일자
|
||||
{ wpx: 100 }, // 모바일검증
|
||||
{ wpx: 100 }, // 전화 검증
|
||||
{ wpx: 100 }, // 전화-등기부등본
|
||||
{ wpx: 100 }, // 전화-총소요
|
||||
{ wpx: 100 }, // 홍보 FAX
|
||||
{ wpx: 100 }, // 홍보-등기부등본
|
||||
{ wpx: 100 }, // 홍보-총소요
|
||||
{ wpx: 100 }, // 신홍보 FAX
|
||||
{ wpx: 100 }, // 신홍보-등기부등본
|
||||
{ wpx: 100 }, // 신홍보-총소요
|
||||
];
|
||||
|
||||
/* =======================
|
||||
* 5) (선택) 헤더 스타일 + 테두리 (xlsx-js-style 사용 시)
|
||||
* ======================= */
|
||||
const lastRow = aoa.length - 1;
|
||||
const lastCol = COLS - 1;
|
||||
|
||||
const headerStyle = {
|
||||
font: { bold: true },
|
||||
alignment: { horizontal: "center", vertical: "center" },
|
||||
fill: { patternType: "solid", fgColor: { rgb: "F2F2F2" } },
|
||||
border: {
|
||||
top: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
bottom: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
left: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
right: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
}
|
||||
};
|
||||
|
||||
const cellBorder = {
|
||||
border: {
|
||||
top: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
bottom: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
left: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
right: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
}
|
||||
};
|
||||
|
||||
// 모든 셀 테두리 + 헤더 스타일
|
||||
for (let r = 0; r <= lastRow; r++) {
|
||||
for (let c = 0; c <= lastCol; c++) {
|
||||
const addr = XLSX.utils.encode_cell({ r, c });
|
||||
if (!ws[addr]) ws[addr] = { t: "s", v: "" };
|
||||
|
||||
// 기본 테두리
|
||||
ws[addr].s = Object.assign({}, ws[addr].s || {}, cellBorder);
|
||||
|
||||
// 헤더(0~1행)는 헤더 스타일 덮어쓰기
|
||||
if (r <= 1) ws[addr].s = Object.assign({}, ws[addr].s, headerStyle);
|
||||
// 바디 가운데 정렬 원하면:
|
||||
// else ws[addr].s = Object.assign({}, ws[addr].s, { alignment:{horizontal:"center",vertical:"center"}});
|
||||
}
|
||||
}
|
||||
|
||||
// 헤더 높이(보기 좋게)
|
||||
ws["!rows"] = [{ hpx: 24 }, { hpx: 24 }];
|
||||
|
||||
/* =======================
|
||||
* 6) 저장
|
||||
* ======================= */
|
||||
const wb = XLSX.utils.book_new();
|
||||
XLSX.utils.book_append_sheet(wb, ws, "sheet1");
|
||||
XLSX.writeFile(wb, "검증_소요시간_" + getDateTimeString() + ".xlsx");
|
||||
}
|
||||
|
||||
|
||||
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}`;
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const today = new Date().toISOString().slice(0, 10);
|
||||
document.getElementById("sdate").value = today;
|
||||
document.getElementById("edate").value = today;
|
||||
});
|
||||
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
534
app/Views/pages/results/m416/stats.php
Normal file
534
app/Views/pages/results/m416/stats.php
Normal file
@@ -0,0 +1,534 @@
|
||||
<?= $this->extend('layouts/main') ?>
|
||||
|
||||
<?= $this->section('content') ?>
|
||||
<style>
|
||||
th {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#resultList 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;">
|
||||
|
||||
<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-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-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">엑셀다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table id="resultList" class="table table-hover table-striped table-bordered">
|
||||
<thead></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>
|
||||
<style>
|
||||
table.dataTable thead th {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
var teamArr = <?= json_encode($team, JSON_UNESCAPED_UNICODE); ?>;
|
||||
|
||||
let date = new Date();
|
||||
|
||||
|
||||
$(function () {
|
||||
|
||||
setTimeout(() => {
|
||||
const edate = $('#edate').val();
|
||||
const days = getDaysByEndDate(edate);
|
||||
initTable(days);
|
||||
}, 0);
|
||||
|
||||
|
||||
$("#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;
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// [검색] 버튼 눌렀을 때 다시 조회
|
||||
$('#btnSearch').on('click', function () {
|
||||
const srchDate = $('#edate').val();
|
||||
const srchDay = getDaysByEndDate(srchDate);
|
||||
initTable(srchDay)
|
||||
// table.ajax.reload()
|
||||
});
|
||||
|
||||
|
||||
|
||||
// 엑셀다운 click
|
||||
$("#excel-download").on("click", function () {
|
||||
|
||||
$.ajax({
|
||||
url: "/m416/m416a/excel",
|
||||
method: "GET",
|
||||
dataType: "json",
|
||||
data: $("#frm_srch_info").serialize(),
|
||||
beforeSend: function () {
|
||||
blockUI.blockPage({
|
||||
message: tpl
|
||||
})
|
||||
},
|
||||
complete: function () {
|
||||
blockUI.unblockPage()
|
||||
},
|
||||
success: function (result) {
|
||||
const days = getDaysByEndDate($("#edate").val());
|
||||
downloadExcelWithHeader(result.data, days);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
// datatable render
|
||||
function initTable(days) {
|
||||
// 1) thead 생성
|
||||
renderThead(days, days.length);
|
||||
|
||||
// 2) 기존 테이블 제거
|
||||
if ($.fn.DataTable.isDataTable('#resultList')) {
|
||||
table.destroy();
|
||||
$('#resultList tbody').empty(); // 잔여 DOM 정리
|
||||
}
|
||||
|
||||
// 3) columns 생성 후 초기화
|
||||
const columns = buildColumns(days);
|
||||
|
||||
table = $('#resultList').DataTable({
|
||||
language: lang_kor,
|
||||
processing: true,
|
||||
serverSide: true, // 필요 시
|
||||
searching: false,
|
||||
ordering: false,
|
||||
paging: false,
|
||||
ajax: {
|
||||
url: '/m416/m416a/getResultList',
|
||||
type: 'GET',
|
||||
data: function (d) {
|
||||
|
||||
d.sdate = $('#sdate').val();
|
||||
d.edate = $('#edate').val();
|
||||
|
||||
d.bonbu = $("#frm_srch_info [name=bonbu]").val();
|
||||
d.dep_sq = $("#frm_srch_info [name=dep_sq]").val();
|
||||
d.srchType = $("#frm_srch_info [name=srchType]").val();
|
||||
d.srchTxt = $("#frm_srch_info [name=srchTxt]").val();
|
||||
}
|
||||
},
|
||||
columns,
|
||||
columnDefs: [
|
||||
{ targets: '_all', defaultContent: '', className: 'text-center' }
|
||||
]
|
||||
});
|
||||
}
|
||||
|
||||
// table head render
|
||||
function renderThead(days, cnt) {
|
||||
// cnt는 days.length 라고 보면 됨
|
||||
const $thead = $('#resultList thead');
|
||||
const tr1 = `
|
||||
<tr>
|
||||
<th rowspan="2">순번</th>
|
||||
<th rowspan="2">아이디</th>
|
||||
<th rowspan="2">이름</th>
|
||||
<th rowspan="2">촬영</th>
|
||||
<th colspan="${cnt}">일자별 이동거리(km)</th>
|
||||
<th rowspan="2">합계</th>
|
||||
</tr>`;
|
||||
const tr2 = `
|
||||
<tr>
|
||||
${days.map(d => `<th>${parseInt(d, 10)}</th>`).join('')}
|
||||
</tr>`;
|
||||
|
||||
$thead.html(tr1 + tr2);
|
||||
}
|
||||
|
||||
// data column render
|
||||
function buildColumns(days) {
|
||||
const fixed = [
|
||||
{
|
||||
"data": null,
|
||||
"width": "30px",
|
||||
"render": function (data, type, row, meta) {
|
||||
return meta.row + meta.settings._iDisplayStart + 1;
|
||||
}
|
||||
},
|
||||
{ data: 'usr_id', "width": "80px" },
|
||||
{ data: 'usr_nm', "width": "80px" },
|
||||
{ data: 'shoot_cnt' },
|
||||
];
|
||||
|
||||
const dynamic = days.map(day => ({
|
||||
data: `d${day}`,
|
||||
name: `d${day}`,
|
||||
defaultContent: ''
|
||||
}));
|
||||
|
||||
const total = [
|
||||
{ data: 'tot_distance' },
|
||||
];
|
||||
|
||||
return [...fixed, ...dynamic, ...total];
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 엑셀 다운로드
|
||||
function downloadExcelWithHeader(dataRows, days) {
|
||||
// days: ["01","02",...]
|
||||
const fixedCols = ["순번", "아이디", "이름", "촬영"];
|
||||
const totalCol = "합계(km)";
|
||||
|
||||
const COLS = fixedCols.length + (days?.length || 0) + 1; // +1 = 합계
|
||||
|
||||
const fitCols = (arr) => {
|
||||
const a = (arr || []).slice(0, COLS);
|
||||
while (a.length < COLS) a.push("");
|
||||
return a;
|
||||
};
|
||||
|
||||
const safe = (v) => (v === undefined || v === null) ? "" : v;
|
||||
|
||||
// 숫자형 안전 처리 (거리)
|
||||
const num = (v) => (v === undefined || v === null || v === "") ? 0 : Number(v);
|
||||
|
||||
/* =======================
|
||||
* 1) 헤더(2줄)
|
||||
* - 1줄: 고정 + 그룹(일자별) + 합계(rowspan)
|
||||
* - 2줄: 일자(1..말일)
|
||||
* ======================= */
|
||||
const header1 = fitCols([
|
||||
...fixedCols,
|
||||
"일자별 이동거리(km)",
|
||||
...Array(Math.max((days?.length || 0) - 1, 0)).fill(""),
|
||||
totalCol
|
||||
]);
|
||||
|
||||
const header2 = fitCols([
|
||||
...Array(fixedCols.length).fill(""),
|
||||
...(days || []).map(d => String(parseInt(d, 10))), // "01" -> "1"
|
||||
""
|
||||
]);
|
||||
|
||||
/* =======================
|
||||
* 2) 바디
|
||||
* - 서버가 d01,d02... 형태로 내려준다는 전제
|
||||
* - 합계는 tot_distance (없으면 일자 합으로 계산)
|
||||
* ======================= */
|
||||
const body = (dataRows || []).map((r, idx) => {
|
||||
const distByDay = (days || []).map(d => num(r[`d${d}`]));
|
||||
|
||||
// 서버 합계 컬럼이 있으면 그걸 우선 사용, 없으면 일자합
|
||||
const total = (r.tot_distance !== undefined && r.tot_distance !== null)
|
||||
? num(r.tot_distance)
|
||||
: distByDay.reduce((a, b) => a + b, 0);
|
||||
|
||||
return fitCols([
|
||||
idx + 1, // 순번(엑셀은 재계산)
|
||||
safe(r.usr_id),
|
||||
safe(r.usr_nm),
|
||||
safe(r.shoot_cnt),
|
||||
...distByDay,
|
||||
total
|
||||
]);
|
||||
});
|
||||
|
||||
const aoa = [header1, header2, ...body];
|
||||
const ws = XLSX.utils.aoa_to_sheet(aoa);
|
||||
|
||||
/* =======================
|
||||
* 3) 병합(merge)
|
||||
* ======================= */
|
||||
const dayStart = fixedCols.length; // 일자 시작 컬럼 index
|
||||
const dayEnd = dayStart + (days.length - 1); // 일자 끝 컬럼 index
|
||||
const totalColIdx = fixedCols.length + days.length; // 합계 컬럼 index
|
||||
|
||||
const merges = [
|
||||
// 고정 4개 rowspan 2
|
||||
{ s: { r: 0, c: 0 }, e: { r: 1, c: 0 } }, // 순번
|
||||
{ s: { r: 0, c: 1 }, e: { r: 1, c: 1 } }, // 아이디
|
||||
{ s: { r: 0, c: 2 }, e: { r: 1, c: 2 } }, // 이름
|
||||
{ s: { r: 0, c: 3 }, e: { r: 1, c: 3 } }, // 촬영
|
||||
// 합계 rowspan 2
|
||||
{ s: { r: 0, c: totalColIdx }, e: { r: 1, c: totalColIdx } },
|
||||
];
|
||||
|
||||
// 일자별 그룹 colspan (days가 1개 이상일 때만)
|
||||
if (days.length > 0) {
|
||||
merges.push({ s: { r: 0, c: dayStart }, e: { r: 0, c: dayEnd } });
|
||||
}
|
||||
|
||||
ws["!merges"] = merges;
|
||||
|
||||
/* =======================
|
||||
* 4) 컬럼 너비
|
||||
* ======================= */
|
||||
const cols = [];
|
||||
cols.push({ wpx: 50 }); // 순번
|
||||
cols.push({ wpx: 90 }); // 아이디
|
||||
cols.push({ wpx: 90 }); // 이름
|
||||
cols.push({ wpx: 60 }); // 촬영
|
||||
|
||||
// 일자 컬럼들
|
||||
for (let i = 0; i < days.length; i++) cols.push({ wpx: 55 });
|
||||
|
||||
cols.push({ wpx: 80 }); // 합계
|
||||
ws["!cols"] = cols;
|
||||
|
||||
/* =======================
|
||||
* 5) (선택) 헤더 스타일/테두리 (xlsx-js-style 사용 시)
|
||||
* ======================= */
|
||||
const lastRow = aoa.length - 1;
|
||||
const lastCol = COLS - 1;
|
||||
|
||||
const headerStyle = {
|
||||
font: { bold: true },
|
||||
alignment: { horizontal: "center", vertical: "center" },
|
||||
fill: { patternType: "solid", fgColor: { rgb: "F2F2F2" } },
|
||||
border: {
|
||||
top: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
bottom: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
left: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
right: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
}
|
||||
};
|
||||
|
||||
const cellBorder = {
|
||||
border: {
|
||||
top: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
bottom: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
left: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
right: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
}
|
||||
};
|
||||
|
||||
for (let r = 0; r <= lastRow; r++) {
|
||||
for (let c = 0; c <= lastCol; c++) {
|
||||
const addr = XLSX.utils.encode_cell({ r, c });
|
||||
if (!ws[addr]) ws[addr] = { t: "s", v: "" };
|
||||
ws[addr].s = Object.assign({}, ws[addr].s || {}, cellBorder);
|
||||
if (r <= 1) ws[addr].s = Object.assign({}, ws[addr].s, headerStyle);
|
||||
}
|
||||
}
|
||||
ws["!rows"] = [{ hpx: 24 }, { hpx: 24 }];
|
||||
|
||||
/* =======================
|
||||
* 6) 저장
|
||||
* ======================= */
|
||||
const wb = XLSX.utils.book_new();
|
||||
XLSX.utils.book_append_sheet(wb, ws, "sheet1");
|
||||
XLSX.writeFile(wb, "개인별_이동거리_" + getDateTimeString() + ".xlsx");
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 말일 계산
|
||||
function getDaysByEndDate(edate) {
|
||||
if (!edate) return [];
|
||||
|
||||
const endDay = Number(edate.substr(8, 2)); // 말일 (ex: 31)
|
||||
const days = [];
|
||||
|
||||
for (let d = 1; d <= endDay; d++) {
|
||||
days.push(String(d).padStart(2, '0')); // "01" ~ "31"
|
||||
}
|
||||
return days;
|
||||
}
|
||||
|
||||
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() ?>
|
||||
554
app/Views/pages/results/m417/stats.php
Normal file
554
app/Views/pages/results/m417/stats.php
Normal file
@@ -0,0 +1,554 @@
|
||||
<?= $this->extend('layouts/main') ?>
|
||||
|
||||
<?= $this->section('content') ?>
|
||||
<style>
|
||||
th {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#resultList 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-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-2">
|
||||
<label class="form-label mb-1">팀별실적</label>
|
||||
<select class="form-control" name="dept_sq">
|
||||
<option value="">선택</option>
|
||||
<?php foreach ($department as $key => $d): ?>
|
||||
<option value="<?= $d['dept_sq'] ?>"><?= $d['dept_nm'] ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</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">엑셀다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table id="resultList" class="table table-hover table-striped table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">상담원</th>
|
||||
<th colspan="3">공동중개망</th>
|
||||
<th colspan="2">등기부 첨부</th>
|
||||
<th colspan="6">등기부 미첨부</th>
|
||||
<th colspan="4">첨부파일</th>
|
||||
<th rowspan="2">등기부등본없음</th>
|
||||
<th colspan="2">검증</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>건수</th>
|
||||
<th>완료</th>
|
||||
<th>실패</th>
|
||||
<th>일치</th>
|
||||
<th>불일치</th>
|
||||
<th>리얼탑 열람</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>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th>합계</th>
|
||||
<th>-</th>
|
||||
<th>-</th>
|
||||
<th>-</th>
|
||||
|
||||
<th class="sum-cert_same_reg_open"></th>
|
||||
<th class="sum-cert_reg_fail_open"></th>
|
||||
|
||||
<th class="sum-real_top_RS"></th>
|
||||
<th class="sum-real_top_GS"></th>
|
||||
<th class="sum-same_reg_open"></th>
|
||||
<th class="sum-reg_fail_Open"></th>
|
||||
<th class="sum-same_reg_tempOpen"></th>
|
||||
<th class="sum-reg_fail_tempOpen"></th>
|
||||
|
||||
<th class="sum-referin_0"></th>
|
||||
<th class="sum-referin_1"></th>
|
||||
<th class="sum-referin_2"></th>
|
||||
<th class="sum-referin_3"></th>
|
||||
|
||||
<th class="sum-reg_none"></th>
|
||||
<th class="sum-complete_cnt1"></th>
|
||||
<th class="sum-fail_cnt1"></th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
|
||||
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
|
||||
<script src="https://npmcdn.com/flatpickr/dist/l10n/ko.js"></script>
|
||||
<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>
|
||||
<style>
|
||||
table.dataTable thead th {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
// const tpl = document.querySelector('.my-loader-template');
|
||||
|
||||
let date = new Date();
|
||||
|
||||
$(function () {
|
||||
|
||||
const toNum = (v) => {
|
||||
if (v == null || v === '') return 0;
|
||||
return Number(String(v).replace(/,/g, '')) || 0;
|
||||
};
|
||||
|
||||
flatpickr("#sdate, #edate", {
|
||||
locale: "ko",
|
||||
enableTime: true,
|
||||
noCalendar: false,
|
||||
dateFormat: "Y-m-d H:i",
|
||||
time_24hr: true
|
||||
});
|
||||
|
||||
|
||||
let table = $('#resultList').DataTable({
|
||||
language: lang_kor,
|
||||
processing: true,
|
||||
ajax: {
|
||||
url: '/m417/m417a/getResultList',
|
||||
type: 'GET',
|
||||
beforeSend: function () {
|
||||
blockUI.blockPage({
|
||||
message: tpl
|
||||
})
|
||||
},
|
||||
complete: function () {
|
||||
blockUI.unblockPage()
|
||||
},
|
||||
data: function (d) {
|
||||
d.sdate = $("#frm_srch_info [name=sdate]").val()
|
||||
d.edate = $("#frm_srch_info [name=edate]").val()
|
||||
d.dept_sq = $("#frm_srch_info [name=dept_sq]").val()
|
||||
|
||||
d.start = d.start || 0
|
||||
d.length = d.length || 10
|
||||
}
|
||||
},
|
||||
"columnDefs": [
|
||||
{ 'targets': '_all', "defaultContent": "" },
|
||||
{ className: 'text-center', targets: '_all' },
|
||||
],
|
||||
columns: [
|
||||
{ data: 'usr_nm', render: fn_name_render },
|
||||
|
||||
{ data: 'joint_cnt', render: (d) => d ?? '-' },
|
||||
{ data: 'joint_done', render: (d) => d ?? '-' },
|
||||
{ data: 'joint_fail', render: (d) => d ?? '-' },
|
||||
|
||||
{ data: 'cert_same_reg_open' },
|
||||
{ data: 'cert_reg_fail_open' },
|
||||
|
||||
{ data: 'real_top_RS', render: fn_rs_render },
|
||||
{ data: 'real_top_GS', render: fn_gs_render },
|
||||
{ data: 'same_reg_open' },
|
||||
{ data: 'reg_fail_Open' },
|
||||
{ data: 'same_reg_tempOpen' },
|
||||
{ data: 'reg_fail_tempOpen' },
|
||||
|
||||
{ data: 'referin_0', name: 'referin_0', render: fn_referin_render0 },
|
||||
{ data: 'referin_1', name: 'referin_1', render: fn_referin_render1 },
|
||||
{ data: 'referin_2', name: 'referin_2', render: fn_referin_render2 },
|
||||
{ data: 'referin_3', name: 'referin_3', render: fn_referin_render3 },
|
||||
|
||||
{ data: 'reg_none' },
|
||||
|
||||
{ data: 'complete_cnt1' },
|
||||
{ data: 'fail_cnt1' },
|
||||
|
||||
],
|
||||
// 옵션들 예시
|
||||
paging: false,
|
||||
searching: false,
|
||||
ordering: false,
|
||||
serverSide: true,
|
||||
});
|
||||
|
||||
|
||||
|
||||
$('#resultList tbody').on('click', 'tr', function () {
|
||||
const row = table.row(this).data()
|
||||
if (!row) return
|
||||
|
||||
});
|
||||
|
||||
|
||||
$('#resultList').on('xhr.dt', function (e, settings, json) {
|
||||
const rows = json?.data || [];
|
||||
|
||||
const SUM_FIELDS = [
|
||||
'cert_same_reg_open', 'cert_reg_fail_open',
|
||||
'real_top_RS', 'real_top_GS',
|
||||
'same_reg_open', 'reg_fail_Open',
|
||||
'same_reg_tempOpen', 'reg_fail_tempOpen',
|
||||
'referin_0', 'referin_1', 'referin_2', 'referin_3',
|
||||
'reg_none',
|
||||
'complete_cnt1', 'fail_cnt1'
|
||||
];
|
||||
|
||||
// 합계 객체 초기화
|
||||
const sum = {};
|
||||
SUM_FIELDS.forEach(f => sum[f] = 0);
|
||||
|
||||
|
||||
// 합산
|
||||
rows.forEach(row => {
|
||||
SUM_FIELDS.forEach(f => {
|
||||
sum[f] += toNum(row[f]);
|
||||
});
|
||||
});
|
||||
|
||||
// tfoot 반영
|
||||
SUM_FIELDS.forEach(f => {
|
||||
$('#resultList tfoot .sum-' + f)
|
||||
.text(sum[f].toLocaleString());
|
||||
});
|
||||
});
|
||||
|
||||
// [검색] 버튼 눌렀을 때 다시 조회
|
||||
$('#btnSearch').on('click', function () {
|
||||
table.ajax.reload()
|
||||
});
|
||||
|
||||
|
||||
// 엑셀다운 click
|
||||
$("#excel-download").on("click", function () {
|
||||
|
||||
$.ajax({
|
||||
url: "/m417/m417a/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);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// 이름 render
|
||||
function fn_name_render(data, type, row) {
|
||||
var str = "";
|
||||
|
||||
str = row.usr_nm + "(" + row.usr_id + ")";
|
||||
|
||||
return str;
|
||||
}
|
||||
|
||||
function fn_rs_render(data, type, row) {
|
||||
var str = "";
|
||||
|
||||
str = parseInt(row.real_top_RS) + parseInt(row.real_top_RF);
|
||||
|
||||
return str;
|
||||
}
|
||||
|
||||
function fn_gs_render(data, type, row) {
|
||||
var str = "";
|
||||
|
||||
str = parseInt(row.real_top_GS) + parseInt(row.real_top_GF);
|
||||
|
||||
return str;
|
||||
}
|
||||
|
||||
/**
|
||||
* 첨부파일
|
||||
*/
|
||||
function fn_referin_render0(data, type, row) {
|
||||
var sum = parseInt(row.referin_s0) + parseInt(row.referin_n0);
|
||||
|
||||
return sum;
|
||||
}
|
||||
|
||||
function fn_referin_render1(data, type, row) {
|
||||
var sum = parseInt(row.referin_s1) + parseInt(row.referin_n1);
|
||||
|
||||
return sum;
|
||||
}
|
||||
|
||||
function fn_referin_render2(data, type, row) {
|
||||
var sum = parseInt(row.referin_s2) + parseInt(row.referin_n2);
|
||||
|
||||
return sum;
|
||||
}
|
||||
|
||||
function fn_referin_render3(data, type, row) {
|
||||
var sum = parseInt(row.referin_s3) + parseInt(row.referin_n3);
|
||||
|
||||
return sum;
|
||||
}
|
||||
|
||||
// 엑셀 다운로드
|
||||
function downloadExcelWithHeader(dataRows) {
|
||||
|
||||
/* =======================
|
||||
* 0) 유틸
|
||||
* ======================= */
|
||||
const COLS = 11;
|
||||
|
||||
const fitCols = (arr) => {
|
||||
const a = (arr || []).slice(0, COLS);
|
||||
while (a.length < COLS) a.push("");
|
||||
return a;
|
||||
};
|
||||
|
||||
const safe = (v) => (v === undefined || v === null) ? "" : v;
|
||||
|
||||
// 숫자/빈값 안전 처리 (소요시간이 숫자라면 여기로)
|
||||
const num = (v) => (v === undefined || v === null || v === "") ? 0 : Number(v);
|
||||
|
||||
// (선택) 초(seconds) → hh:mm:ss 로 보여주고 싶으면 사용
|
||||
// const secToHms = (sec) => {
|
||||
// const s = Number(sec || 0);
|
||||
// const h = String(Math.floor(s / 3600)).padStart(2, "0");
|
||||
// const m = String(Math.floor((s % 3600) / 60)).padStart(2, "0");
|
||||
// const ss = String(Math.floor(s % 60)).padStart(2, "0");
|
||||
// return `${h}:${m}:${ss}`;
|
||||
// };
|
||||
|
||||
/* =======================
|
||||
* 1) 헤더 (thead와 동일)
|
||||
* ======================= */
|
||||
const header1 = fitCols([
|
||||
"일자",
|
||||
"모바일검증",
|
||||
"전화확인", "", "",
|
||||
"홍보확인서 확인", "", "",
|
||||
"신홍보확인서 확인", "", ""
|
||||
]);
|
||||
|
||||
const header2 = fitCols([
|
||||
"",
|
||||
"",
|
||||
"전화 검증",
|
||||
"등기부등본 검증",
|
||||
"총소요",
|
||||
"FAX검증",
|
||||
"등기부등본 검증",
|
||||
"총소요",
|
||||
"FAX검증",
|
||||
"등기부등본 검증",
|
||||
"총소요",
|
||||
]);
|
||||
|
||||
/* =======================
|
||||
* 2) 바디 (DataTables columns 순서 그대로)
|
||||
* columns:
|
||||
* stan_date, m_tot,
|
||||
* t_doc, t_cert, t_tot,
|
||||
* d_doc, d_cert, d_tot,
|
||||
* n_doc, n_cert, n_tot
|
||||
* ======================= */
|
||||
const body = (dataRows || []).map(r => fitCols([
|
||||
safe(r.stan_date),
|
||||
safe(r.m_tot),
|
||||
|
||||
safe(r.t_doc),
|
||||
safe(r.t_cert),
|
||||
safe(r.t_tot), // 숫자면 num(r.t_tot)
|
||||
|
||||
safe(r.d_doc),
|
||||
safe(r.d_cert),
|
||||
safe(r.d_tot),
|
||||
|
||||
safe(r.n_doc),
|
||||
safe(r.n_cert),
|
||||
safe(r.n_tot),
|
||||
]));
|
||||
|
||||
const aoa = [header1, header2, ...body];
|
||||
const ws = XLSX.utils.aoa_to_sheet(aoa);
|
||||
|
||||
/* =======================
|
||||
* 3) 병합(merge) - thead와 동일
|
||||
* ======================= */
|
||||
ws["!merges"] = [
|
||||
// "일자" rowspan 2
|
||||
{ s: { r: 0, c: 0 }, e: { r: 1, c: 0 } },
|
||||
// "모바일검증" rowspan 2
|
||||
{ s: { r: 0, c: 1 }, e: { r: 1, c: 1 } },
|
||||
|
||||
// "전화확인" colspan 3 (2~4)
|
||||
{ s: { r: 0, c: 2 }, e: { r: 0, c: 4 } },
|
||||
// "홍보확인서 확인" colspan 3 (5~7)
|
||||
{ s: { r: 0, c: 5 }, e: { r: 0, c: 7 } },
|
||||
// "신홍보확인서 확인" colspan 3 (8~10)
|
||||
{ s: { r: 0, c: 8 }, e: { r: 0, c: 10 } },
|
||||
];
|
||||
|
||||
/* =======================
|
||||
* 4) 컬럼 너비
|
||||
* ======================= */
|
||||
ws["!cols"] = [
|
||||
{ wpx: 100 }, // 일자
|
||||
{ wpx: 100 }, // 모바일검증
|
||||
{ wpx: 100 }, // 전화 검증
|
||||
{ wpx: 100 }, // 전화-등기부등본
|
||||
{ wpx: 100 }, // 전화-총소요
|
||||
{ wpx: 100 }, // 홍보 FAX
|
||||
{ wpx: 100 }, // 홍보-등기부등본
|
||||
{ wpx: 100 }, // 홍보-총소요
|
||||
{ wpx: 100 }, // 신홍보 FAX
|
||||
{ wpx: 100 }, // 신홍보-등기부등본
|
||||
{ wpx: 100 }, // 신홍보-총소요
|
||||
];
|
||||
|
||||
/* =======================
|
||||
* 5) (선택) 헤더 스타일 + 테두리 (xlsx-js-style 사용 시)
|
||||
* ======================= */
|
||||
const lastRow = aoa.length - 1;
|
||||
const lastCol = COLS - 1;
|
||||
|
||||
const headerStyle = {
|
||||
font: { bold: true },
|
||||
alignment: { horizontal: "center", vertical: "center" },
|
||||
fill: { patternType: "solid", fgColor: { rgb: "F2F2F2" } },
|
||||
border: {
|
||||
top: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
bottom: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
left: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
right: { style: "thin", color: { rgb: "D9D9D9" } },
|
||||
}
|
||||
};
|
||||
|
||||
const cellBorder = {
|
||||
border: {
|
||||
top: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
bottom: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
left: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
right: { style: "thin", color: { rgb: "E0E0E0" } },
|
||||
}
|
||||
};
|
||||
|
||||
// 모든 셀 테두리 + 헤더 스타일
|
||||
for (let r = 0; r <= lastRow; r++) {
|
||||
for (let c = 0; c <= lastCol; c++) {
|
||||
const addr = XLSX.utils.encode_cell({ r, c });
|
||||
if (!ws[addr]) ws[addr] = { t: "s", v: "" };
|
||||
|
||||
// 기본 테두리
|
||||
ws[addr].s = Object.assign({}, ws[addr].s || {}, cellBorder);
|
||||
|
||||
// 헤더(0~1행)는 헤더 스타일 덮어쓰기
|
||||
if (r <= 1) ws[addr].s = Object.assign({}, ws[addr].s, headerStyle);
|
||||
// 바디 가운데 정렬 원하면:
|
||||
// else ws[addr].s = Object.assign({}, ws[addr].s, { alignment:{horizontal:"center",vertical:"center"}});
|
||||
}
|
||||
}
|
||||
|
||||
// 헤더 높이(보기 좋게)
|
||||
ws["!rows"] = [{ hpx: 24 }, { hpx: 24 }];
|
||||
|
||||
/* =======================
|
||||
* 6) 저장
|
||||
* ======================= */
|
||||
const wb = XLSX.utils.book_new();
|
||||
XLSX.utils.book_append_sheet(wb, ws, "sheet1");
|
||||
XLSX.writeFile(wb, "검증_소요시간_" + getDateTimeString() + ".xlsx");
|
||||
}
|
||||
|
||||
|
||||
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}`;
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const today = new Date().toISOString().slice(0, 10);
|
||||
document.getElementById("sdate").value = today;
|
||||
document.getElementById("edate").value = today;
|
||||
});
|
||||
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
458
app/Views/pages/results/person/stats_p01.php
Normal file
458
app/Views/pages/results/person/stats_p01.php
Normal file
@@ -0,0 +1,458 @@
|
||||
<?= $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">엑셀다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table id="userList" class="table table-hover table-striped table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>순번</th>
|
||||
<th>아이디</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>
|
||||
</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/person/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] },
|
||||
],
|
||||
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: 'rcpt_cnt' },
|
||||
{ data: 'resv_cancel_cnt' },
|
||||
{ data: 'resv_assign_cnt' },
|
||||
{ data: 'prev_visit_cnt' },
|
||||
{ data: 'next_visit_cnt' },
|
||||
{ data: 'next_shoot_cnt' },
|
||||
{ data: 'shoot_cnt' },
|
||||
{ data: 'delay_confirm_cnt' },
|
||||
{ data: 'fail_confirm_cnt' },
|
||||
{ data: 'confirm_cnt' },
|
||||
],
|
||||
// 옵션들 예시
|
||||
paging: true,
|
||||
searching: false,
|
||||
ordering: false,
|
||||
serverSide: true,
|
||||
});
|
||||
|
||||
|
||||
$('#userList tbody').on('click', 'tr', function () {
|
||||
const row = table.row(this).data()
|
||||
if (!row) return
|
||||
|
||||
const modalEl = document.getElementById('userModal');
|
||||
const myModal = new bootstrap.Modal(modalEl);
|
||||
|
||||
$("#frm_user_info")[0].reset()
|
||||
|
||||
$("#frm_user_info [name=usr_sq]").val(row.usr_sq)
|
||||
$("#frm_user_info [name=type]").val("update")
|
||||
|
||||
$("#frm_user_info [name=addUserNm]").val(row.usr_nm)
|
||||
$("#frm_user_info [name=addUserDept]").val(row.dept_sq)
|
||||
$("#frm_user_info [name=addUserId]").val(row.usr_id)
|
||||
$("#frm_user_info [name=addUserId]").prop("readonly", true)
|
||||
|
||||
$("#frm_user_info [name=addUserLevel]").val(row.usr_level)
|
||||
$("#frm_user_info [name=addUserPosition]").val(row.usr_position)
|
||||
$("#frm_user_info [name=addUserTel1]").val(row.usr_tel1)
|
||||
$("#frm_user_info [name=addUserTel2]").val(row.usr_tel2)
|
||||
$("#frm_user_info [name=addSmsYn]").val(row.sms_auth_yn)
|
||||
$("#frm_user_info [name=addUserAddr1]").val(row.usr_addr1)
|
||||
$("#frm_user_info [name=addUserAddr2]").val(row.usr_addr2)
|
||||
$("#frm_user_info [name=addUseYn]").val(row.use_yn)
|
||||
|
||||
myModal.show();
|
||||
|
||||
});
|
||||
|
||||
// [검색] 버튼 눌렀을 때 다시 조회
|
||||
$('#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/person/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);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
// 엑셀 다운로드
|
||||
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 },
|
||||
];
|
||||
|
||||
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() ?>
|
||||
322
app/Views/pages/results/summary/stats_s01.php
Normal file
322
app/Views/pages/results/summary/stats_s01.php
Normal file
@@ -0,0 +1,322 @@
|
||||
<?= $this->extend('layouts/main') ?>
|
||||
|
||||
<?= $this->section('content') ?>
|
||||
<style>
|
||||
th {
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#smsList tbody tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.blockUI {
|
||||
z-index: 1500 !important;
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 180px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<h1>현장확인요약실적</h1>
|
||||
|
||||
<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" method="post" id="frm_srch_info">
|
||||
<div class="col-md-1">
|
||||
<label class="form-label mb-1">유형</label>
|
||||
<select class="form-control" name="schDateGb">
|
||||
<option value="1" <?= $schDateGb == '1' ? 'selected' : '' ?>>예약일자</option>
|
||||
<option value="2" <?= $schDateGb == '2' ? 'selected' : '' ?>>등록일자</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" value="<?= $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" value="<?= $edate ?>" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-1 d-grid">
|
||||
<button type="submit" class="btn btn-primary" id="btnSearch">
|
||||
검색
|
||||
</button>
|
||||
</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">엑셀다운로드</button> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<table class="table table-hover table-striped table-bordered">
|
||||
<!-- <caption>조직별 실적</caption> -->
|
||||
<thead>
|
||||
<tr>
|
||||
<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>
|
||||
<?php foreach ($st_list as $rkey => $row) {
|
||||
$nCol = 0;
|
||||
if (empty($rkey))
|
||||
$rkey = 'cnt';
|
||||
switch ($rkey) {
|
||||
case 'cost':
|
||||
echo '<tr>
|
||||
<td>단가</td>';
|
||||
echo '<td><input type="text" name="stat_cost' . $nCol . '" id="stat_cost' . $nCol . '"
|
||||
value="' . $row['rcpt_cnt'] . '" maxlength="6" size="6"
|
||||
onchange="stat_cost_onchange(' . $nCol . ')" /></td>';
|
||||
$nCol++;
|
||||
echo '<td><input type="text" name="stat_cost' . $nCol . '" id="stat_cost' . $nCol . '"
|
||||
value="' . $row['resv_cancel_cnt'] . '" maxlength="6" size="6"
|
||||
onchange="stat_cost_onchange(' . $nCol . ')" /></td>';
|
||||
$nCol++;
|
||||
echo '<td><input type="text" name="stat_cost' . $nCol . '" id="stat_cost' . $nCol . '"
|
||||
value="' . $row['resv_assign_cnt'] . '" maxlength="6" size="6"
|
||||
onchange="stat_cost_onchange(' . $nCol . ')" /></td>';
|
||||
$nCol++;
|
||||
echo '<td><input type="text" name="stat_cost' . $nCol . '" id="stat_cost' . $nCol . '"
|
||||
value="' . $row['prev_visit_cnt'] . '" maxlength="6" size="6"
|
||||
onchange="stat_cost_onchange(' . $nCol . ')" /></td>';
|
||||
$nCol++;
|
||||
echo '<td><input type="text" name="stat_cost' . $nCol . '" id="stat_cost' . $nCol . '"
|
||||
value="' . $row['next_visit_cnt'] . '" maxlength="6" size="6"
|
||||
onchange="stat_cost_onchange(' . $nCol . ')" /></td>';
|
||||
$nCol++;
|
||||
echo '<td><input type="text" name="stat_cost' . $nCol . '" id="stat_cost' . $nCol . '"
|
||||
value="' . $row['next_shoot_cnt'] . '" maxlength="6" size="6"
|
||||
onchange="stat_cost_onchange(' . $nCol . ')" /></td>';
|
||||
$nCol++;
|
||||
echo '<td><input type="text" name="stat_cost' . $nCol . '" id="stat_cost' . $nCol . '"
|
||||
value="' . $row['shoot_cnt'] . '" maxlength="6" size="6"
|
||||
onchange="stat_cost_onchange(' . $nCol . ')" /></td>';
|
||||
$nCol++;
|
||||
echo '<td><input type="text" name="stat_cost' . $nCol . '" id="stat_cost' . $nCol . '"
|
||||
value="' . $row['delay_confirm_cnt'] . '" maxlength="6" size="6"
|
||||
onchange="stat_cost_onchange(' . $nCol . ')" /></td>';
|
||||
$nCol++;
|
||||
echo '<td><input type="text" name="stat_cost' . $nCol . '" id="stat_cost' . $nCol . '"
|
||||
value="' . $row['fail_confirm_cnt'] . '" maxlength="6" size="6"
|
||||
onchange="stat_cost_onchange(' . $nCol . ')" /></td>';
|
||||
$nCol++;
|
||||
echo '<td><input type="text" name="stat_cost' . $nCol . '" id="stat_cost' . $nCol . '"
|
||||
value="' . $row['confirm_cnt'] . '" maxlength="6" size="6"
|
||||
onchange="stat_cost_onchange(' . $nCol . ')" /></td>';
|
||||
$nCol++;
|
||||
echo '
|
||||
</tr>';
|
||||
break;
|
||||
|
||||
case 'amt':
|
||||
echo '<tr>
|
||||
<td>금액</td>';
|
||||
echo '<td>
|
||||
<div id="stat_amt' . $nCol . '">' . $row['rcpt_cnt'] . '</div>
|
||||
</td>';
|
||||
$nCol++;
|
||||
echo '<td>
|
||||
<div id="stat_amt' . $nCol . '">' . $row['resv_cancel_cnt'] . '</div>
|
||||
</td>';
|
||||
$nCol++;
|
||||
echo '<td>
|
||||
<div id="stat_amt' . $nCol . '">' . $row['resv_assign_cnt'] . '</div>
|
||||
</td>';
|
||||
$nCol++;
|
||||
echo '<td>
|
||||
<div id="stat_amt' . $nCol . '">' . $row['prev_visit_cnt'] . '</div>
|
||||
</td>';
|
||||
$nCol++;
|
||||
echo '<td>
|
||||
<div id="stat_amt' . $nCol . '">' . $row['next_visit_cnt'] . '</div>
|
||||
</td>';
|
||||
$nCol++;
|
||||
echo '<td>
|
||||
<div id="stat_amt' . $nCol . '">' . $row['next_shoot_cnt'] . '</div>
|
||||
</td>';
|
||||
$nCol++;
|
||||
echo '<td>
|
||||
<div id="stat_amt' . $nCol . '">' . $row['shoot_cnt'] . '</div>
|
||||
</td>';
|
||||
$nCol++;
|
||||
echo '<td>
|
||||
<div id="stat_amt' . $nCol . '">' . $row['delay_confirm_cnt'] . '</div>
|
||||
</td>';
|
||||
$nCol++;
|
||||
echo '<td>
|
||||
<div id="stat_amt' . $nCol . '">' . $row['fail_confirm_cnt'] . '</div>
|
||||
</td>';
|
||||
$nCol++;
|
||||
echo '<td>
|
||||
<div id="stat_amt' . $nCol . '">' . $row['confirm_cnt'] . '</div>
|
||||
</td>';
|
||||
$nCol++;
|
||||
echo '
|
||||
</tr>';
|
||||
break;
|
||||
|
||||
default:
|
||||
echo '<tr onmouseover="this.className=\'highlight\'" onmouseout="this.className=\'normal\'">';
|
||||
echo '<td>건수</td>';
|
||||
|
||||
echo '<td>' . (empty($row['rcpt_cnt']) ? '-' : $row['rcpt_cnt']) . '</td>';
|
||||
echo '<input type="hidden" name="stat_cnt' . $nCol . '" id="stat_cnt' . $nCol . '"
|
||||
value="' . (empty($row['rcpt_cnt']) ? '0' : $row['rcpt_cnt']) . '" />';
|
||||
|
||||
$nCol++;
|
||||
echo '<td>' . (empty($row['resv_cancel_cnt']) ? '-' : $row['resv_cancel_cnt']) . '</td>';
|
||||
echo '<input type="hidden" name="stat_cnt' . $nCol . '" id="stat_cnt' . $nCol . '"
|
||||
value="' . (empty($row['resv_cancel_cnt']) ? '0' : $row['resv_cancel_cnt']) . '" />';
|
||||
|
||||
$nCol++;
|
||||
echo '<td>' . (empty($row['resv_assign_cnt']) ? '-' : $row['resv_assign_cnt']) . '</td>';
|
||||
echo '<input type="hidden" name="stat_cnt' . $nCol . '" id="stat_cnt' . $nCol . '"
|
||||
value="' . (empty($row['resv_assign_cnt']) ? '0' : $row['resv_assign_cnt']) . '" />';
|
||||
|
||||
$nCol++;
|
||||
echo '<td>' . (empty($row['prev_visit_cnt']) ? '-' : $row['prev_visit_cnt']) . '</td>';
|
||||
echo '<input type="hidden" name="stat_cnt' . $nCol . '" id="stat_cnt' . $nCol . '"
|
||||
value="' . (empty($row['prev_visit_cnt']) ? '0' : $row['prev_visit_cnt']) . '" />';
|
||||
|
||||
$nCol++;
|
||||
echo '<td>' . (empty($row['next_visit_cnt']) ? '-' : $row['next_visit_cnt']) . '</td>';
|
||||
echo '<input type="hidden" name="stat_cnt' . $nCol . '" id="stat_cnt' . $nCol . '"
|
||||
value="' . (empty($row['next_visit_cnt']) ? '0' : $row['next_visit_cnt']) . '" />';
|
||||
|
||||
$nCol++;
|
||||
echo '<td>' . (empty($row['next_shoot_cnt']) ? '-' : $row['next_shoot_cnt']) . '</td>';
|
||||
echo '<input type="hidden" name="stat_cnt' . $nCol . '" id="stat_cnt' . $nCol . '"
|
||||
value="' . (empty($row['next_shoot_cnt']) ? '0' : $row['next_shoot_cnt']) . '" />';
|
||||
|
||||
$nCol++;
|
||||
echo '<td>' . (empty($row['shoot_cnt']) ? '-' : $row['shoot_cnt']) . '</td>';
|
||||
echo '<input type="hidden" name="stat_cnt' . $nCol . '" id="stat_cnt' . $nCol . '"
|
||||
value="' . (empty($row['shoot_cnt']) ? '0' : $row['shoot_cnt']) . '" />';
|
||||
|
||||
$nCol++;
|
||||
echo '<td>' . (empty($row['delay_confirm_cnt']) ? '-' : $row['delay_confirm_cnt']) . '</td>';
|
||||
echo '<input type="hidden" name="stat_cnt' . $nCol . '" id="stat_cnt' . $nCol . '"
|
||||
value="' . (empty($row['delay_confirm_cnt']) ? '0' : $row['delay_confirm_cnt']) . '" />';
|
||||
|
||||
$nCol++;
|
||||
echo '<td>' . (empty($row['fail_confirm_cnt']) ? '-' : $row['fail_confirm_cnt']) . '</td>';
|
||||
echo '<input type="hidden" name="stat_cnt' . $nCol . '" id="stat_cnt' . $nCol . '"
|
||||
value="' . (empty($row['fail_confirm_cnt']) ? '0' : $row['fail_confirm_cnt']) . '" />';
|
||||
|
||||
$nCol++;
|
||||
echo '<td>' . (empty($row['confirm_cnt']) ? '-' : $row['confirm_cnt']) . '</td>';
|
||||
echo '<input type="hidden" name="stat_cnt' . $nCol . '" id="stat_cnt' . $nCol . '"
|
||||
value="' . (empty($row['confirm_cnt']) ? '0' : $row['confirm_cnt']) . '" />';
|
||||
|
||||
echo '</tr>';
|
||||
break;
|
||||
}
|
||||
|
||||
}
|
||||
?>
|
||||
<tr>
|
||||
<td colspan="<?php echo $nCol + 2 ?>">
|
||||
<input type="hidden" name="col_cnt" id="col_cnt" value="<?php echo $nCol; ?>" />
|
||||
<div id="stat_total">합계금액: <?= $totalAmount; ?> 원</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="row">
|
||||
<h3>중개업소 현황</h3>
|
||||
<table class="table table-hover table-striped table-bordered" style="margin-bottom:10px">
|
||||
<caption></caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>중개업소명</th>
|
||||
<th>사업자번호</th>
|
||||
<th>현장 접수건</th>
|
||||
<th>현장 촬영건</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
if (empty($st_agent)) {
|
||||
?>
|
||||
<tr>
|
||||
<td colspan="4" style="text-align: center;">데이터가 없습니다.</td>
|
||||
</tr>
|
||||
<?php
|
||||
} else {
|
||||
foreach ($st_agent as $row) {
|
||||
?>
|
||||
<tr>
|
||||
<td><?= $row['agent_nm'] ?></td>
|
||||
<td><?= $row['agent_id'] ?></td>
|
||||
<td><?= number_format($row['rcpt_count']) ?></td>
|
||||
<td><?= number_format($row['shoot_count']) ?></td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
// const tpl = document.querySelector('.my-loader-template')
|
||||
let date = new Date()
|
||||
|
||||
$(function () {
|
||||
|
||||
|
||||
// [검색] 버튼 눌렀을 때 다시 조회
|
||||
// $('#btnSearch').on('click', function () {
|
||||
// table.ajax.reload()
|
||||
// });
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
Reference in New Issue
Block a user