초기자료 메인 화면 수정(const, let변수 var로 변경)

main
이범준 1 year ago
parent fcda6bdbae
commit c2f3734029

@ -83,6 +83,7 @@
<select id="schOpt" name="schOpt" class="form-select"> <select id="schOpt" name="schOpt" class="form-select">
<option value="schVhrno">차량번호</option> <option value="schVhrno">차량번호</option>
</select> </select>
<input type="text" id="schWord" name="schWord" class="form-control" value="" /> <input type="text" id="schWord" name="schWord" class="form-control" value="" />
@ -254,7 +255,7 @@ function renderCrdnList(data) {
/******************************* /*******************************
* Biz function * Biz function
*******************************/ *******************************/
const fnBiz = { var fnBiz = {
getParams: () => { getParams: () => {
return { return {
@ -270,9 +271,9 @@ const fnBiz = {
} }
} }
,pagePopup: function(flag, params){ ,pagePopup: function(flag, params){
let url; var url;
let popTitle; var popTitle;
let popOption; var popOption;
switch (flag) { switch (flag) {
case "total": case "total":
url = fimsApiUrl.POPUP_CRACKDOWN_TOTAL; url = fimsApiUrl.POPUP_CRACKDOWN_TOTAL;
@ -305,11 +306,11 @@ const fnBiz = {
popup = CmmPopup.openModal(url, params, popOption, popTitle); popup = CmmPopup.openModal(url, params, popOption, popTitle);
} }
,onClickGrid: function(props){ ,onClickGrid: function(props){
const selColumn = props.columnInfo.name; var selColumn = props.columnInfo.name;
switch (selColumn){ switch (selColumn){
case 'cvlcptRcptNo': case 'cvlcptRcptNo':
popupDiv = 'edit'; popupDiv = 'edit';
const rowDatas = GRID.store.data.rawData.map(d => { var rowDatas = GRID.store.data.rawData.map(d => {
return {crdnSeCd: d.crdnSeCd, crdnId: d.crdnId, crdnSttsCd: d.crdnSttsCd} return {crdnSeCd: d.crdnSeCd, crdnId: d.crdnId, crdnSttsCd: d.crdnSttsCd}
}) })
pageNav = new PageNavigation(GRID, rowDatas, props.rowKey); pageNav = new PageNavigation(GRID, rowDatas, props.rowKey);
@ -329,7 +330,7 @@ const fnBiz = {
} }
,onDblClickGrid: function (props) { ,onDblClickGrid: function (props) {
popupDiv = 'total'; popupDiv = 'total';
const rowDatas = GRID.store.data.rawData.map(d => { var rowDatas = GRID.store.data.rawData.map(d => {
return {crdnSeCd: d.crdnSeCd, crdnId: d.crdnId, crdnSttsCd: d.crdnSttsCd} return {crdnSeCd: d.crdnSeCd, crdnId: d.crdnId, crdnSttsCd: d.crdnSttsCd}
}); });
@ -387,7 +388,7 @@ $(() => {
/* ******************************* /* *******************************
* Grid * Grid
******************************* */ ******************************* */
const gridColumns = [ var gridColumns = [
{ {
header: '등록구분', header: '등록구분',
name: 'CRDN_REG_SE_CD', name: 'CRDN_REG_SE_CD',
@ -408,7 +409,7 @@ const gridColumns = [
type: CustomButtonRenderer, type: CustomButtonRenderer,
options: { options: {
formatter: (props)=>{ formatter: (props)=>{
const rowData = props.grid.getRow(props.rowKey); var rowData = props.grid.getRow(props.rowKey);
return { return {
formatter: rowData.crdnSeCd === '09' ? rowData.cvlcptRcptNo : rowData.fileLinkId formatter: rowData.crdnSeCd === '09' ? rowData.cvlcptRcptNo : rowData.fileLinkId
,element: "text" ,element: "text"
@ -594,7 +595,7 @@ const gridColumns = [
hidden: true hidden: true
} }
]; ];
const gridOptions = { var gridOptions = {
el: 'grid', el: 'grid',
rowHeaders: ['rowNum'], rowHeaders: ['rowNum'],
columns: gridColumns, columns: gridColumns,
@ -605,7 +606,7 @@ const gridOptions = {
}; };
const initGrid = () => { var initGrid = () => {
GRID = TuiGrid.of(gridOptions); GRID = TuiGrid.of(gridOptions);
GRID.on('dblclick', function (props) { fnBiz.onDblClickGrid(props); }); GRID.on('dblclick', function (props) { fnBiz.onDblClickGrid(props); });
}; };
@ -613,11 +614,10 @@ const initGrid = () => {
$(document).ready(function(){ $(document).ready(function(){
//페이지로딩 후 초기화
fnBiz.resetBtn(); fnBiz.resetBtn();
initGrid(); initGrid();
$("#schDateFrom").datepicker({ $("#schDateFrom").datepicker({
changeMonth: true, changeMonth: true,
changeYear: true, changeYear: true,

@ -15,20 +15,20 @@
<div class="navbar-nav align-items-center"> <div class="navbar-nav align-items-center">
<div class="nav-item navbar-search-wrapper mb-0"> <div class="nav-item navbar-search-wrapper mb-0">
<a class="nav-item nav-link search-toggler px-0" href="javascript:void(0);"> <a class="nav-item nav-link search-toggler px-0" href="javascript:void(0);">
<span id="pageTitle" class="fw-bold" style="font-size:x-large;"></span> <span id="pageTitle--top" class="fw-bold" style="font-size:x-large;"></span>
</a> </a>
</div> </div>
</div> </div>
<!-- /Search --> <!-- /Search -->
<div class="ms-2 me-2" style="min-width: max-content;"> <div class="ms-2 me-2" style="min-width: max-content;">
<select id="schOptTop" class="form-select"> <select id="schOpt--top" class="form-select" title="검색구분">
<option value="vhrno">차량번호</option> <option value="vhrno">차량번호</option>
<option value="rtpyrNm">납부자명</option> <option value="rtpyrNm">납부자명</option>
<option value="rtpyrNo">납부자번호</option> <option value="rtpyrNo">납부자번호</option>
<option value="petitionerNm">신고인명</option> <option value="petitionerNm">신고인명</option>
</select> </select>
<input type="text" id="schWordTop" class="form-control" /> <input type="text" id="schWord--top" class="form-control" title="검색어" />
<button type="button" id="fastSearch" class="btn btn-outline-dark bg-orange" title="통합조회"> <button type="button" id="fastSearch--top" class="btn btn-outline-dark bg-orange" title="통합조회">
<i class="bx bx-search"></i>통합조회 <i class="bx bx-search"></i>통합조회
</button> </button>
</div> </div>
@ -36,7 +36,7 @@
<div class="ms-auto me-2" style="min-width: max-content;"> <div class="ms-auto me-2" style="min-width: max-content;">
<div class="form-check-inline custom-option custom-option-basic" style="background-color: #d9dee3"> <div class="form-check-inline custom-option custom-option-basic" style="background-color: #d9dee3">
<label for="securityMode" class="form-check-label custom-option-content"> <label for="securityMode" class="form-check-label custom-option-content">
<input type="checkbox" id="securityMode" name="securityMode" class="form-check-input" value="Y" /> <input type="checkbox" id="securityMode--top" name="securityMode" class="form-check-input" value="Y" />
보안모드 보안모드
</label> </label>
</div> </div>
@ -60,13 +60,13 @@
<div class="form-check-inline custom-option custom-option-basic" style="background-color: #d9dee3"> <div class="form-check-inline custom-option custom-option-basic" style="background-color: #d9dee3">
<span class="form-label">과태료업무 기본값 설정</span> <span class="form-label">과태료업무 기본값 설정</span>
<br/> <br/>
<input type='radio' id='sysSeCdTop1' name='sysSeCd' value='PVS' checked /> <input type='radio' id='sysSeCd1--top' name='sysSeCd' value='PVS' title="주정차" checked />
<label for="sysSeCdTop1">주정차</label> <label for="sysSeCdTop1">주정차</label>
<input type='radio' id='sysSeCdTop2' name='sysSeCd' value='BPV' /> <input type='radio' id='sysSeCd2--top' name='sysSeCd' value='BPV' title="전용차로" />
<label for="sysSeCdTop2">전용차로</label> <label for="sysSeCdTop2">전용차로</label>
<input type='radio' id='sysSeCdTop3' name='sysSeCd' value='DPV' /> <input type='radio' id='sysSeCd3--top' name='sysSeCd' value='DPV' title="장애인" />
<label for="sysSeCdTop3">장애인</label> <label for="sysSeCdTop3">장애인</label>
<input type='radio' id='sysSeCdTop4' name='sysSeCd' value='ECA' /> <input type='radio' id='sysSeCd4--top' name='sysSeCd' value='ECA' title="전기차" />
<label for="sysSeCdTop4">전기차</label> <label for="sysSeCdTop4">전기차</label>
</div> </div>
</div> </div>

@ -7,11 +7,11 @@
<jsp:include page="/WEB-INF/jsp/include/userMenus.jsp" /> <jsp:include page="/WEB-INF/jsp/include/userMenus.jsp" />
<div class="layout-page"> <div class="layout-page">
<jsp:include page="/WEB-INF/jsp/include/top.jsp" /> <jsp:include page="/WEB-INF/jsp/include/top.jsp" />
<div id="tabsForInnerPage" class="nav-align-top mt-3"> <div id="tabsForInnerPage" class="nav-align-top mt-3">
<ul class="nav nav-tabs nav-tabs-ifr"> <ul class="nav nav-tabs nav-tabs-ifr">
<li id="li-dashboard" class="nav-item" role="presentation"> <li id="li-dashboard" class="nav-item" role="presentation">
<button type="button" data-bs-toggle="tab" data-bs-target="#tab-dashboard" <button type="button" data-bs-toggle="tab" data-bs-target="#tab-dashboard"
class="nav-link nav-link-closeable active" aria-selected="true" role="tab"> class="nav-link nav-link-closeable active" aria-selected="true" role="tab">
대시보드 대시보드
</button> </button>
@ -32,7 +32,7 @@
</div> </div>
</div> </div>
</div> </div>
<jsp:include page="/WEB-INF/jsp/include/tail.jsp" /> <jsp:include page="/WEB-INF/jsp/include/tail.jsp" />
<script > <script >
${functions} ${functions}
@ -40,19 +40,19 @@
$(function(){ $(function(){
${onload} ${onload}
}); });
</script> </script>
<script> <script>
// Color Variables // Color Variables
const yellowColor = '#ffe800'; const yellowColor = '#ffe800';
let borderColor, gridColor, tickColor; let borderColor, gridColor, tickColor;
borderColor = '#f0f0f0'; borderColor = '#f0f0f0';
gridColor = '#f0f0f0'; gridColor = '#f0f0f0';
tickColor = 'rgba(0, 0, 0, 0.75)'; // x & y axis tick color tickColor = 'rgba(0, 0, 0, 0.75)'; // x & y axis tick color
const lineChart = document.getElementById('lineChart'); const lineChart = document.getElementById('lineChart');
if (lineChart) { if (lineChart) {
const lineChartVar = new Chart(lineChart, { const lineChartVar = new Chart(lineChart, {
@ -165,17 +165,17 @@
} }
</script> </script>
<script> <script>
// Color Variables // Color Variables
const cyanColor = '#28dac6', const cyanColor = '#28dac6',
orangeLightColor = '#FDAC34'; orangeLightColor = '#FDAC34';
let cardColor, headingColor, labelColor, legendColor; let cardColor, headingColor, labelColor, legendColor;
cardColor = config.colors.cardColor; cardColor = config.colors.cardColor;
headingColor = config.colors.headingColor; headingColor = config.colors.headingColor;
labelColor = config.colors.textMuted; labelColor = config.colors.textMuted;
legendColor = config.colors.bodyColor; legendColor = config.colors.bodyColor;
const doughnutChart1 = document.getElementById('doughnutChart1'); const doughnutChart1 = document.getElementById('doughnutChart1');
if (doughnutChart1) { if (doughnutChart1) {
const doughnutChartVar = new Chart(doughnutChart1, { const doughnutChartVar = new Chart(doughnutChart1, {

Loading…
Cancel
Save