최초 세팅
This commit is contained in:
bd091
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/web/app_content_registration.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let appContentCategoryName = "[[${param.appContentCategoryName}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">콘텐츠 등록</p>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content_left">
|
||||
<p class="title">시술정보 콘텐츠 등록</p>
|
||||
<ul class="first">
|
||||
<li>
|
||||
<label>카테고리</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">카테고리</button>
|
||||
<input type="hidden" id="appContentCategoryCode">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item" id="li_skin">피부</li>
|
||||
<li class="option_list_item" id="li_petit">쁘띠</li>
|
||||
<li class="option_list_item" id="li_fat">비만</li>
|
||||
<!--<li class="option_list_item" id="li_etc">기타</li>-->
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><input type="text" id="title" placeholder="시술정보 제목을 20자 이내로 작성해주세요."/></li>
|
||||
<li><textarea id="content" placeholder="시술정보 내용을 50자 이내로 작성해주세요."></textarea></li>
|
||||
</ul>
|
||||
<ul class="last">
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>상단 배너</label>
|
||||
<label for="file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file" class="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn">삭제</button>
|
||||
</div>
|
||||
<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*500px / 1m 이하 / png, jpg(jpeg)</p>
|
||||
</li>
|
||||
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>섬네일</label>
|
||||
<label for="file2" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box height170"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file2" class="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn2">삭제</button>
|
||||
</div>
|
||||
<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*750px / 1m 이하 / png, jpg(jpeg)</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content_right">
|
||||
<p class="title">콘텐츠 상세</p>
|
||||
<div class="editor_box"><div id="summernote"></div></div>
|
||||
<div class="button_box">
|
||||
<button class="cancel_btn btnCancle">취소</button>
|
||||
<button class="registration_btn btnSave">등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appcontents/appContentsInsert.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/app_content.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let appContentSearchKeywordParam = "[[${param.appContentSearchKeywordParam}]]";
|
||||
let appContentSort = "[[${param.appContentSort}]]";
|
||||
let appContentDir = "[[${param.appContentDir}]]";
|
||||
let appContentStart = "[[${param.appContentStart}]]"==""?0:"[[${param.appContentStart}]]";
|
||||
let appContentLimit = "[[${param.appContentLimit}]]"==""?500:"[[${param.appContentLimit}]]";
|
||||
|
||||
let appContentSearchStartDate = "[[${param.appContentSearchStartDate}]]";
|
||||
let appContentSearchEndDate = "[[${param.appContentSearchEndDate}]]";
|
||||
let appContentSearchDateType = "[[${param.appContentSearchDateType}]]"==""?"A":"[[${param.appContentSearchDateType}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">콘텐츠 관리</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>
|
||||
<input type="hidden" id="appContentSearchDateType">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divAppContentSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="appContentSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last date" id="divAppContentSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="appContentSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">카테고리 전체</button>
|
||||
<input type="hidden" id="appContentCategoryName">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item" id="li_ALL">카테고리 전체</li>
|
||||
<li class="option_list_item" id="li_피부">피부</li>
|
||||
<li class="option_list_item" id="li_쁘띠">쁘띠</li>
|
||||
<li class="option_list_item" id="li_비만">비만</li>
|
||||
<li class="option_list_item" id="li_기타">기타</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="appContentSearchKeyword" required placeholder="제목, 내용">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchAppContent" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertAppContent" class="content_btn">
|
||||
<img src="/image/web/notice_btn_icon.svg" alt="콘텐츠 등록">콘텐츠 등록
|
||||
</button>
|
||||
<button id="btnDeleteAppContent" class="delete_btn">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="appContentGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="appContentPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="appContentSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appcontents/appContentsSelectList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/web/app_content_registration.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muAppContentId = "[[${param.muAppContentId}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">콘텐츠 등록</p>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content_left">
|
||||
<p class="title">시술정보 콘텐츠 등록</p>
|
||||
<ul class="first">
|
||||
<li>
|
||||
<label>카테고리</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">카테고리</button>
|
||||
<input type="hidden" id="appContentCategoryCode">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item" id="li_skin">피부</li>
|
||||
<li class="option_list_item" id="li_petit">쁘띠</li>
|
||||
<li class="option_list_item" id="li_fat">비만</li>
|
||||
<!--<li class="option_list_item" id="li_etc">기타</li>-->
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><input type="text" id="title" placeholder="시술정보 제목을 20자 이내로 작성해주세요."/></li>
|
||||
<li><textarea id="content" placeholder="시술정보 내용을 50자 이내로 작성해주세요."></textarea></li>
|
||||
</ul>
|
||||
<ul class="last">
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>상단 배너</label>
|
||||
<label for="file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file" class="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn">삭제</button>
|
||||
</div>
|
||||
<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*500px / 1m 이하 / png, jpg(jpeg)</p>
|
||||
</li>
|
||||
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>섬네일</label>
|
||||
<label for="file2" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box height170"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file2" class="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn2">삭제</button>
|
||||
</div>
|
||||
<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*750px / 1m 이하 / png, jpg(jpeg)</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content_right">
|
||||
<p class="title">콘텐츠 상세</p>
|
||||
<div class="editor_box"><div id="summernote"></div></div>
|
||||
<div class="button_box">
|
||||
<button class="cancel_btn btnCancle">취소</button>
|
||||
<button class="registration_btn btnSave">수정</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appcontents/appContentsUpdate.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/app_board_registration.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_app_board_registration.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let appContentCategoryName = "[[${param.appContentCategoryName}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">보드 만들기</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<!-- <div class="form_box">-->
|
||||
<!-- <div class="select_box first dropdown">-->
|
||||
<!-- <button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>-->
|
||||
<!-- <input type="hidden" id="appBoardSearchDateType">-->
|
||||
<!-- <ul class="select_option_list dropdown-menu" id="">-->
|
||||
<!-- <li id="li_A" class="option_list_item first" >오늘</li>-->
|
||||
<!-- <li id="li_B" class="option_list_item">최근30일</li>-->
|
||||
<!-- <li id="li_C" class="option_list_item">최근90일</li>-->
|
||||
<!-- <li id="li_D" class="option_list_item">이번주</li>-->
|
||||
<!-- <li id="li_E" class="option_list_item">이번달</li>-->
|
||||
<!-- <li id="li_F" class="option_list_item">올해</li>-->
|
||||
<!-- <li id="li_G" class="option_list_item">지난주</li>-->
|
||||
<!-- <li id="li_H" class="option_list_item">지난달</li>-->
|
||||
<!-- </ul>-->
|
||||
<!-- </div>-->
|
||||
<!-- <!– 캘린더input –>-->
|
||||
<!-- <div class="calendar_box">-->
|
||||
<!-- <div class="date_box date" id="divAppBoardSearchStartDate">-->
|
||||
<!-- <img src="/image/web/calendar.svg" alt="calendar"/>-->
|
||||
<!-- <input type="date" class="date_picker" id="appBoardSearchStartDate">-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <span class="slash">-</span>-->
|
||||
|
||||
<!-- <div class="date_box last date" id="divAppBoardSearchEndDate">-->
|
||||
<!-- <img src="/image/web/calendar.svg" alt="calendar"/>-->
|
||||
<!-- <input type="date" class="date_picker" id="appBoardSearchEndDate">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="select_box dropdown">-->
|
||||
<!-- <button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">카테고리 전체</button>-->
|
||||
<!-- <input type="hidden" id="appBoardCategoryName">-->
|
||||
<!-- <ul class="select_option_list dropdown-menu">-->
|
||||
<!-- <li class="option_list_item" id="li_ALL">카테고리 전체</li>-->
|
||||
<!-- <li class="option_list_item" id="li_피부">피부</li>-->
|
||||
<!-- <li class="option_list_item" id="li_쁘띠">쁘띠</li>-->
|
||||
<!-- <li class="option_list_item" id="li_비만">비만</li>-->
|
||||
<!-- <li class="option_list_item" id="li_기타">기타</li>-->
|
||||
<!-- </ul>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <!– 이름input –>-->
|
||||
<!-- <div class="search_list">-->
|
||||
<!-- <div class="search_box">-->
|
||||
<!-- <img src="/image/web/search_G.svg" alt="search"/>-->
|
||||
<!-- <input type="text" id="appBoardSearchKeyword" required placeholder="제목, 내용">-->
|
||||
|
||||
<!-- <div class="search_list"></div><!– 검색내역 나오는곳 –>-->
|
||||
<!-- </div>-->
|
||||
<!-- <button id="btnSearchAppBoard" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content_left">
|
||||
<p class="title">보드 만들기</p>
|
||||
<ul>
|
||||
<li><input type="text" id="title" placeholder="보드 제목을 입력해주세요."/></li>
|
||||
<li><textarea id="content" placeholder="내용을 입력해주세요."></textarea></li>
|
||||
<li class="checkbox_li">
|
||||
<input type="checkbox" id="exposedYn"/>
|
||||
<label for="exposedYn">메인 홈 노출</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content_right">
|
||||
<p class="title">콘텐츠</p>
|
||||
<div class="right_btn_box">
|
||||
<button class="bring_btn" id="selectContentBtn" data-toggle="modal" style="transition: all 0.2s ease-in-out 0s;">콘텐츠 불러오기</button>
|
||||
<!-- <button class="delete_btn">삭제</button>-->
|
||||
</div>
|
||||
<div class="editor_box ag-theme-balham" id="appContentsGrid"></div>
|
||||
<div class="button_box">
|
||||
<button class="registration_btn btnSave">보드생성</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="appBoardForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appcontentsboard/contentsBoardInsert.js"></script>
|
||||
<script src="/js/web/appcontentsboard/popup/appContentsSelectPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/app_board.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let appBoardSearchKeywordParam = "[[${param.appBoardSearchKeywordParam}]]";
|
||||
let appBoardSort = "[[${param.appBoardSort}]]";
|
||||
let appBoardDir = "[[${param.appBoardDir}]]";
|
||||
let appBoardStart = "[[${param.appBoardStart}]]"==""?0:"[[${param.appBoardStart}]]";
|
||||
let appBoardLimit = "[[${param.appBoardLimit}]]"==""?500:"[[${param.appBoardLimit}]]";
|
||||
|
||||
let appBoardSearchStartDate = "[[${param.appBoardSearchStartDate}]]";
|
||||
let appBoardSearchEndDate = "[[${param.appBoardSearchEndDate}]]";
|
||||
let appBoardSearchDateType = "[[${param.appBoardSearchDateType}]]"==""?"A":"[[${param.appBoardSearchDateType}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">콘텐츠 보드</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>
|
||||
<input type="hidden" id="appBoardSearchDateType">
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divAppBoardSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="appBoardSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last date" id="divAppBoardSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="appBoardSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="select_box dropdown">-->
|
||||
<!-- <button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">카테고리 전체</button>-->
|
||||
<!-- <input type="hidden" id="appBoardCategoryName">-->
|
||||
<!-- <ul class="select_option_list dropdown-menu">-->
|
||||
<!-- <li class="option_list_item" id="li_ALL">카테고리 전체</li>-->
|
||||
<!-- <li class="option_list_item" id="li_피부">피부</li>-->
|
||||
<!-- <li class="option_list_item" id="li_쁘띠">쁘띠</li>-->
|
||||
<!-- <li class="option_list_item" id="li_비만">비만</li>-->
|
||||
<!-- <li class="option_list_item" id="li_기타">기타</li>-->
|
||||
<!-- </ul>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="appBoardSearchKeyword" required placeholder="제목, 내용">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchAppBoard" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertAppBoard" class="board_btn">
|
||||
<img src="/image/web/notice_btn_icon.svg" alt="보드 만들기">보드 만들기
|
||||
</button>
|
||||
<button id="btnDeleteAppBoard" class="delete_btn">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="appBoardGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="appBoardPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="appBoardSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appcontentsboard/contentsBoardSelectList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,127 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/app_board_registration.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_app_board_registration.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muAppBoardId = "[[${param.muAppBoardId}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">보드 만들기</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<!-- <div class="form_box">-->
|
||||
<!-- <div class="select_box first dropdown">-->
|
||||
<!-- <button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>-->
|
||||
|
||||
<!-- <ul class="select_option_list dropdown-menu" id="">-->
|
||||
<!-- <li class="option_list_item">오늘</li>-->
|
||||
|
||||
<!-- <li class="option_list_item">최근 30일</li>-->
|
||||
|
||||
<!-- <li class="option_list_item">최근 90일</li>-->
|
||||
|
||||
<!-- <li class="option_list_item">이번주</li>-->
|
||||
|
||||
<!-- <li class="option_list_item">이번달</li>-->
|
||||
|
||||
<!-- <li class="option_list_item">올해</li>-->
|
||||
|
||||
<!-- <li class="option_list_item">지난주</li>-->
|
||||
|
||||
<!-- <li class="option_list_item">지난달</li>-->
|
||||
<!-- </ul>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <!– 캘린더input –>-->
|
||||
<!-- <div class="calendar_box">-->
|
||||
<!-- <div class="date_box">-->
|
||||
<!-- <img src="/image/web/calendar.svg" alt="calendar"/>-->
|
||||
<!-- <input type="date" class="date_picker" id="hidden_userCareerStartDate0">-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <span class="slash">-</span>-->
|
||||
|
||||
<!-- <div class="date_box last">-->
|
||||
<!-- <img src="/image/web/calendar.svg" alt="calendar"/>-->
|
||||
<!-- <input type="date" class="date_picker" id="hidden_userCareerEndDate0">-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="select_box dropdown">-->
|
||||
<!-- <button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">카테고리</button>-->
|
||||
<!-- <ul class="select_option_list dropdown-menu">-->
|
||||
<!-- <li class="option_list_item">카테고리</li>-->
|
||||
<!-- <li class="option_list_item">1</li>-->
|
||||
<!-- <li class="option_list_item">2</li>-->
|
||||
<!-- <li class="option_list_item">3</li>-->
|
||||
<!-- </ul>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <!– 이름input –>-->
|
||||
<!-- <div class="search_list">-->
|
||||
<!-- <div class="search_box">-->
|
||||
<!-- <img src="/image/web/search_G.svg" alt="search"/>-->
|
||||
<!-- <input type="text" placeholder="제목, 내용">-->
|
||||
|
||||
<!-- <div class="search_list"></div><!– 검색내역 나오는곳 –>-->
|
||||
<!-- </div>-->
|
||||
<!-- <button class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content_left">
|
||||
<p class="title">보드 만들기</p>
|
||||
<ul>
|
||||
<li><input type="text" id="title" placeholder="보드 제목을 입력해주세요."/></li>
|
||||
<li><textarea id="content" placeholder="내용을 입력해주세요."></textarea></li>
|
||||
<li class="checkbox_li">
|
||||
<input type="checkbox" id="exposedYn"/>
|
||||
<label for="exposedYn">메인 홈 노출</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content_right">
|
||||
<p class="title">콘텐츠</p>
|
||||
<div class="right_btn_box">
|
||||
<button class="bring_btn" id="selectContentBtn" data-toggle="modal" style="transition: all 0.2s ease-in-out 0s;">콘텐츠 불러오기</button>
|
||||
<!-- <button class="delete_btn">삭제</button>-->
|
||||
</div>
|
||||
<div class="editor_box ag-theme-balham" id="appContentsGrid"></div>
|
||||
<div class="button_box">
|
||||
<button class="registration_btn btnSave">보드수정</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="appBoardForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appcontentsboard/contentsBoardUpdate.js"></script>
|
||||
<script src="/js/web/appcontentsboard/popup/appContentsSelectPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,92 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/web/app_event_registration.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">이벤트 등록</p>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content_left">
|
||||
<p class="title">이벤트 등록</p>
|
||||
<ul class="first">
|
||||
<li><input type="text" id="title" placeholder="이벤트 제목을 20자 이내로 작성해주세요."/></li>
|
||||
<li><textarea id="content" placeholder="이벤트 내용을 20자 이내로 작성해주세요."></textarea></li>
|
||||
<li>
|
||||
<label>이벤트 기간</label>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="eventStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="eventEndDate">
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="last">
|
||||
<li class="checkbox_li">
|
||||
<input type="checkbox" id="exposedYn"/>
|
||||
<label for="exposedYn">메인 홈 노출</label>
|
||||
<p>*이벤트 메인 노출은 최대 5개까지 가능합니다</p>
|
||||
</li>
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>배너이미지</label>
|
||||
<label for="file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn">삭제</button>
|
||||
</div>
|
||||
<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*500px / 1m 이하 / png, jpg(jpeg)</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content_right">
|
||||
<p class="title">이벤트 상세</p>
|
||||
<div class="editor_box"> <div id="summernote"></div></div>
|
||||
<div class="button_box">
|
||||
<button class="cancel_btn btnCancle">취소</button>
|
||||
<button class="registration_btn btnSave">등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appevent/appEventInsert.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/app_event.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let appEventSearchKeywordParam = "[[${param.appEventSearchKeywordParam}]]";
|
||||
let appEventSort = "[[${param.appEventSort}]]";
|
||||
let appEventDir = "[[${param.appEventDir}]]";
|
||||
let appEventStart = "[[${param.appEventStart}]]"==""?0:"[[${param.appEventStart}]]";
|
||||
let appEventLimit = "[[${param.appEventLimit}]]"==""?500:"[[${param.appEventLimit}]]";
|
||||
|
||||
let appEventSearchStartDate = "[[${param.appEventSearchStartDate}]]";
|
||||
let appEventSearchEndDate = "[[${param.appEventSearchEndDate}]]";
|
||||
let appEventSearchDateType = "[[${param.appEventSearchDateType}]]"==""?"A":"[[${param.appEventSearchDateType}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">이벤트</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>
|
||||
<input type="hidden" id="appEventSearchDateType">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divAppEventSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="appEventSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last date" id="divAppEventSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="appEventSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="appEventSearchKeyword" required placeholder="제목, 내용">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchAppEvent" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertAppEvent" class="event_btn">
|
||||
<img src="/image/web/notice_btn_icon.svg" alt="이벤트 등록">이벤트 등록
|
||||
</button>
|
||||
<button id="btnDeleteAppEvent" class="delete_btn">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="appEventGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="appEventPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="appEventSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appevent/appEventSelectList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,94 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/web/app_event_registration.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muAppEventId = "[[${param.muAppEventId}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">이벤트 등록</p>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content_left">
|
||||
<p class="title">이벤트 등록</p>
|
||||
<ul class="first">
|
||||
<li><input type="text" id="title" placeholder="이벤트 제목을 20자 이내로 작성해주세요."/></li>
|
||||
<li><textarea id="content" placeholder="이벤트 내용을 20자 이내로 작성해주세요."></textarea></li>
|
||||
<li>
|
||||
<label>이벤트 기간</label>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="eventStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="eventEndDate">
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="last">
|
||||
<li class="checkbox_li">
|
||||
<input type="checkbox" id="exposedYn"/>
|
||||
<label for="exposedYn">메인 홈 노출</label>
|
||||
<p>*이벤트 메인 노출은 최대 5개까지 가능합니다</p>
|
||||
</li>
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>배너이미지</label>
|
||||
<label for="file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn">삭제</button>
|
||||
</div>
|
||||
<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*500px / 1m 이하 / png, jpg(jpeg)</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content_right">
|
||||
<p class="title">이벤트 상세</p>
|
||||
<div class="editor_box"> <div id="summernote"></div></div>
|
||||
<div class="button_box">
|
||||
<button class="cancel_btn btnCancle">취소</button>
|
||||
<button class="registration_btn btnSave">수정</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appevent/appEventUpdate.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/app_notice.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_app_notice.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let appNoticeSearchKeywordParam = "[[${param.appNoticeSearchKeywordParam}]]";
|
||||
let appNoticeSort = "[[${param.appNoticeSort}]]";
|
||||
let appNoticeDir = "[[${param.appNoticeDir}]]";
|
||||
let appNoticeStart = "[[${param.appNoticeStart}]]"==""?0:"[[${param.appNoticeStart}]]";
|
||||
let appNoticeLimit = "[[${param.appNoticeLimit}]]"==""?500:"[[${param.appNoticeLimit}]]";
|
||||
|
||||
let appNoticeSearchStartDate = "[[${param.appNoticeSearchStartDate}]]";
|
||||
let appNoticeSearchEndDate = "[[${param.appNoticeSearchEndDate}]]";
|
||||
let appNoticeSearchDateType = "[[${param.appNoticeSearchDateType}]]"==""?"A":"[[${param.appNoticeSearchDateType}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">공지사항</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
<input type="hidden" id="appNoticeSearchDateType"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divAppNoticeSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="appNoticeSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last date" id="divAppNoticeSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="appNoticeSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="appNoticeSearchKeyword" required placeholder="제목,내용">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchAppNotice" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertAppNotice" class="notice_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/notice_btn_icon.svg" alt="공지사항 등록">공지사항 등록
|
||||
</button>
|
||||
<button id="btnDeleteAppNotice" class="delete_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="appNoticeGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="appNoticePagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="appNoticeSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appnotice/appNoticeSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/appnotice/popup/appNoticeInsertPop.js"></script>
|
||||
<script src="/js/web/appnotice/popup/appNoticeSelectPop.js"></script>
|
||||
<script src="/js/web/appnotice/popup/appNoticeUpdatePop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/webFeedbackSelectList.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
let categoryDivCd = "[[${param.categoryDivCd}]]"==""?"":"[[${param.categoryDivCd}]]";
|
||||
categoryDivCd = "[[${categoryDivCd}]]"==""?"":"[[${categoryDivCd}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let branchOfficeCd = "[[${param.branchOfficeCd}]]";
|
||||
let mbName = "[[${param.mbName}]]";
|
||||
let mbHp = "[[${param.mbHp}]]";
|
||||
let opinionClassificationCd = "[[${param.opinionClassificationCd}]]";
|
||||
|
||||
|
||||
let webFeedbackSort = "[[${param.webFeedbackSort}]]";
|
||||
let webFeedbackDir = "[[${param.webFeedbackDir}]]";
|
||||
let webFeedbackStart = "[[${param.webFeedbackStart}]]"==""?0:"[[${param.webFeedbackStart}]]";
|
||||
let webFeedbackLimit = "[[${param.webFeedbackLimit}]]"==""?500:"[[${param.webFeedbackLimit}]]";
|
||||
|
||||
let webFeedbackSearchStartDate = "[[${param.webFeedbackSearchStartDate}]]";
|
||||
let webFeedbackSearchEndDate = "[[${param.webFeedbackSearchEndDate}]]";
|
||||
let webFeedbackSearchDateType = "[[${param.webFeedbackSearchDateType}]]"==""?"A":"[[${param.webFeedbackSearchDateType}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">홈페이지 예약</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<select id="branchOfficeCd" required>
|
||||
<option value="">전체</option>
|
||||
<option value="GN">강남</option>
|
||||
</select>
|
||||
<div class="search_list"></div>
|
||||
</div>
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="mbName" required placeholder="이름">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="mbHp" required placeholder="핸드폰번호">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<!-- Classification selectbox -->
|
||||
<div class="search_box">
|
||||
<select id="opinionClassificationCd" required>
|
||||
<option value="">전체</option>
|
||||
<option value="PR">칭찬</option>
|
||||
<option value="DS">불만</option>
|
||||
<option value="ET">기타</option>
|
||||
</select>
|
||||
<div class="search_list"></div>
|
||||
</div>
|
||||
<button id="btnSearchWebFeedback" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="webFeedbackGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="webFeedbackPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="webFeedbackSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appointment/Appointment.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/app.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let appUserSearchKeywordParam = "[[${param.appUserSearchKeywordParam}]]";
|
||||
let appUserSort = "[[${param.appUserSort}]]";
|
||||
let appUserDir = "[[${param.appUserDir}]]";
|
||||
let appUserStart = "[[${param.appUserStart}]]"==""?0:"[[${param.appUserStart}]]";
|
||||
let appUserLimit = "[[${param.appUserLimit}]]"==""?500:"[[${param.appUserLimit}]]";
|
||||
|
||||
let appIntroType = "[[${param.appIntroType}]]"??"";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">앱 회원</p>
|
||||
<p class="total" id="appUserTotalCount">-명</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">회원내역 전체</button>
|
||||
<input type="hidden" id="appIntroType"></input>
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item" value="All">회원내역 전체</li>
|
||||
<li class="option_list_item" value="C">신규 가입회원</li>
|
||||
<li class="option_list_item" value="U">기존 내원회원</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="search_list_box">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="검색"/>
|
||||
<input type="text" id="appUserSearchKeyword" placeholder="고객명, 연락처, 아이디">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="btnSearchAppUser">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="appUserGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="appUserPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="appUserSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appuser/appUserSelectList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/app_inquiry.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_app_inquiry.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let appUserInquirySearchKeywordParam = "[[${param.appUserInquirySearchKeywordParam}]]";
|
||||
let appUserInquirySort = "[[${param.appUserInquirySort}]]";
|
||||
let appUserInquiryDir = "[[${param.appUserInquiryDir}]]";
|
||||
let appUserInquiryStart = "[[${param.appUserInquiryStart}]]"==""?0:"[[${param.appUserInquiryStart}]]";
|
||||
let appUserInquiryLimit = "[[${param.appUserInquiryLimit}]]"==""?500:"[[${param.appUserInquiryLimit}]]";
|
||||
|
||||
let appUserInquirySearchStartDate = "[[${param.appUserInquirySearchStartDate}]]";
|
||||
let appUserInquirySearchEndDate = "[[${param.appUserInquirySearchEndDate}]]";
|
||||
let appUserInquirySearchDateType = "[[${param.appUserInquirySearchDateType}]]"==""?"A":"[[${param.appUserInquirySearchDateType}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">1:1문의</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>
|
||||
<input type="hidden" id="appUserInquirySearchDateType"></input>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box" id="divAppUserInquirySearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="appUserInquirySearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last" id="divAppUserInquirySearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="appUserInquirySearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="appUserInquirySearchKeyword" required placeholder="제목, 내용">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchAppUserInquiry" class="search_btn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 동의서 테이블 -->
|
||||
<div id="appUserInquiryGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="appUserInquiryPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="appUserInquirySelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/appuserinquiry/appUserInquirySelectList.js"></script>
|
||||
|
||||
<script src="/js/web/appuserinquiry/popup/appUserInquiryInsertPop.js"></script>
|
||||
<script src="/js/web/appuserinquiry/popup/appUserInquirySelectPop.js"></script>
|
||||
<script src="/js/web/appuserinquiry/popup/appUserInquiryUpdatePop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,277 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/hospital.css?v1.1">
|
||||
<!-- <link rel="stylesheet" href="/css/web/modal.css?v1.1"> -->
|
||||
<link rel="stylesheet" href="/css/web/modal_hospital.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_hospital_vacation_sub.css?v1.1">
|
||||
<!-- <link rel="stylesheet" href="/css/web/grid.css?v1.1"> -->
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
// 근태관리
|
||||
let attendanceSearchKeywordParam = "[[${param.attendanceSearchKeywordParam}]]";
|
||||
let attendanceSort = "[[${param.attendanceSort}]]";
|
||||
let attendanceDir = "[[${param.attendanceDir}]]";
|
||||
let attendanceStart = "[[${param.attendanceStart}]]"==""?0:"[[${param.attendanceStart}]]";
|
||||
let attendanceLimit = "[[${param.attendanceLimit}]]"==""?100:"[[${param.attendanceLimit}]]";
|
||||
|
||||
// let attendanceSearchStartDate = "[[${param.attendanceSearchStartDate}]]";
|
||||
// let attendanceSearchEndDate = "[[${param.attendanceSearchEndDate}]]";
|
||||
let attendanceSearchDate = "[[${param.attendanceSearchDate}]]";
|
||||
let attendanceSearchDateType = "[[${param.attendanceSearchDateType}]]"==""?"A":"[[${param.attendanceSearchDateType}]]";
|
||||
let attendanceSearchGroupId = "[[${param.attendanceSearchGroupId}]]";
|
||||
|
||||
// 휴무관리
|
||||
let holidayManagementSearchKeywordParam = "[[${param.holidayManagementSearchKeywordParam}]]";
|
||||
let holidayManagementSort = "[[${param.holidayManagementSort}]]";
|
||||
let holidayManagementDir = "[[${param.holidayManagementDir}]]";
|
||||
let holidayManagementStart = "[[${param.holidayManagementStart}]]"==""?0:"[[${param.holidayManagementStart}]]";
|
||||
let holidayManagementLimit = "[[${param.holidayManagementLimit}]]"==""?100:"[[${param.holidayManagementLimit}]]";
|
||||
|
||||
let holidayManagementSearchDate = "[[${param.holidayManagementSearchDate}]]";
|
||||
let holidayManagementSearchGroupId = "[[${param.holidayManagementSearchGroupId}]]";
|
||||
let holidayManagementSearchDutyId = "[[${param.holidayManagementSearchDutyId}]]";
|
||||
|
||||
// 연차관리
|
||||
let vacationManagementSearchKeywordParam = "[[${param.vacationManagementSearchKeywordParam}]]";
|
||||
let vacationManagementSort = "[[${param.vacationManagementSort}]]";
|
||||
let vacationManagementDir = "[[${param.vacationManagementDir}]]";
|
||||
let vacationManagementStart = "[[${param.vacationManagementStart}]]"==""?0:"[[${param.vacationManagementStart}]]";
|
||||
let vacationManagementLimit = "[[${param.vacationManagementLimit}]]"==""?100:"[[${param.vacationManagementLimit}]]";
|
||||
|
||||
let vacationManagementSearchYear = "[[${param.vacationManagementSearchYear}]]";
|
||||
let vacationManagementSearchGroupId = "[[${param.vacationManagementSearchGroupId}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<div class="tab_panel" role="tabpanel">
|
||||
<!-- Nav tabs -->
|
||||
<div class="nav_box">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active">
|
||||
<a href="#attendance" aria-controls="attendance" role="tab" data-toggle="tab">
|
||||
<p>근태 관리</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li role="presentation">
|
||||
<a href="#holiday" aria-controls="holiday" role="tab" data-toggle="tab">
|
||||
<p>휴무 관리</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li role="presentation">
|
||||
<a href="#vacation" aria-controls="vacation" role="tab" data-toggle="tab">
|
||||
<p>연차 관리</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane attendance active" id="attendance">
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="text" class="date_picker" id="attendanceSearchDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">조직 전체</button>
|
||||
<input type="hidden" id="attendanceSearchGroupId"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search">
|
||||
<input type="text" id="attendanceSearchKeyword" required placeholder="이름">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchAttendance" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertAttendance" class="work_btn" style="transition: all 0.2s ease-in-out 0s;">출퇴/휴무 등록</button>
|
||||
<button id="btnInsertAttendanceVacationManagement" class="yeoncha_btn" style="transition: all 0.2s ease-in-out 0s;">연차 사용</button>
|
||||
<button id="btnDownloadAttendanceExcel" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 조회내역 -->
|
||||
<div class="list_box">
|
||||
<div class="list_top_box">
|
||||
<ul class="calendar_list">
|
||||
<li class="name">직원</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="list_bottom_box">
|
||||
<table class="table" id="attendTable"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane holiday" id="holiday">
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="text" class="date_picker" id="holidayManagementSearchDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">조직 전체</button>
|
||||
<input type="hidden" id="holidayManagementSearchGroupId"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">직무 전체</button>
|
||||
<input type="hidden" id="holidayManagementSearchDutyId"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="holidayManagementSearchKeyword" required placeholder="이름">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchHolidayManagement" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertHolidayManagement" class="annual_btn" style="transition: all 0.2s ease-in-out 0s;">휴무 등록</button>
|
||||
<button id="btnDownloadHolidayManagementExcel" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="holidayManagementGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="holidayManagementPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane vacation" id="vacation">
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box last">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="text" class="date_picker" id="vacationManagementSearchYear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">조직 전체</button>
|
||||
<input type="hidden" id="vacationManagementSearchGroupId"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="vacationManagementSearchKeyword" required placeholder="이름">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchVacationManagement" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertVacationManagement" class="hyuga_btn" style="transition: all 0.2s ease-in-out 0s;">연차 발행</button>
|
||||
<button id="btnDownloadVacationManagementExcel" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="vacationManagementGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="vacationManagementPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="attendanceSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/attendance/attendanceSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/attendance/popup/attendanceInsertPop.js"></script>
|
||||
<script src="/js/web/attendance/popup/attendanceUpdatePop.js"></script>
|
||||
<script src="/js/web/attendance/popup/attendanceVacationManagerInsertPop.js"></script>
|
||||
<script src="/js/web/attendance/popup/attendanceVacationManagerUpdatePop.js"></script>
|
||||
<script src="/js/web/attendance/popup/attendanceVacationManagementCancelEtcPop.js"></script>
|
||||
|
||||
<script src="/js/web/holidaymanagement/popup/holidayManagementInsertPop.js"></script>
|
||||
<script src="/js/web/holidaymanagement/popup/holidayManagementUpdatePop.js"></script>
|
||||
<script src="/js/web/holidaymanagement/popup/holidayManagementCancelPop.js"></script>
|
||||
<script src="/js/web/holidaymanagement/popup/holidayManagementCancelEtcPop.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js"></script>
|
||||
<script src="/js/web/vacationmanagement/popup/vacationManagementInsertPop.js"></script>
|
||||
<script src="/js/web/vacationmanagement/popup/vacationManagementUpdatePop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,91 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/webCategorySelectList.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
let categoryDivCd = "[[${param.categoryDivCd}]]"==""?"":"[[${param.categoryDivCd}]]";
|
||||
categoryDivCd = "[[${categoryDivCd}]]"==""?"":"[[${categoryDivCd}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let categoryNm = "[[${param.categoryName}]]"==""?"":"[[${param.categoryName}]]";
|
||||
|
||||
let webCategorySort = "[[${param.webCategorySort}]]";
|
||||
let webCategoryDir = "[[${param.webCategoryDir}]]";
|
||||
let webCategoryStart = "[[${param.webCategoryStart}]]"==""?0:"[[${param.webCategoryStart}]]";
|
||||
let webCategoryLimit = "[[${param.webCategoryLimit}]]"==""?500:"[[${param.webCategoryLimit}]]";
|
||||
|
||||
let webCategorySearchStartDate = "[[${param.webCategorySearchStartDate}]]";
|
||||
let webCategorySearchEndDate = "[[${param.webCategorySearchEndDate}]]";
|
||||
let webCategorySearchDateType = "[[${param.webCategorySearchDateType}]]"==""?"A":"[[${param.webCategorySearchDateType}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">카테고리 관리</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<select id="searchCategoryDivCd" required>
|
||||
<option value="">전체</option>
|
||||
<option value="01">다이어트 시술</option>
|
||||
<option value="02">다이어트 이벤트</option>
|
||||
<option value="03">쁘띠 시술</option>
|
||||
<option value="04">쁘띠 이벤트</option>
|
||||
<option value="05">다이어트 전후사진</option>
|
||||
<option value="06">쁘띠 전후사진</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="search_box">
|
||||
<input type="text" id="searchCategoryNm" required placeholder="카테고리명">
|
||||
</div>
|
||||
<button id="btnSearchWebCategory" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertWebCategory" class="put_btn">
|
||||
<img src="/image/web/notice_btn_icon.svg" alt="등록">등록
|
||||
</button>
|
||||
<button id="btnDeleteWebCategory" class="delete_btn">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="webCategoryGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="webCategoryPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="webCategorySelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/categoryManagement/CategoryManagement.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
7
src/main/resources/templates/web/common/footer.html
Normal file
7
src/main/resources/templates/web/common/footer.html
Normal file
@@ -0,0 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lagn="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
<th:block th:fragment="layout_footer">
|
||||
<script>
|
||||
</script>
|
||||
</th:block>
|
||||
</html>
|
||||
86
src/main/resources/templates/web/common/header.html
Normal file
86
src/main/resources/templates/web/common/header.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<html lagn="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<th:block th:fragment="layout_header_type1">
|
||||
<!--상단네비-->
|
||||
<header class="header_section">
|
||||
<a href="/" class="logo_wrap">
|
||||
<img class="logo" src="/image/web/logo.svg" alt="logo">
|
||||
<span>메이드유 CRM</span>
|
||||
</a>
|
||||
|
||||
<div class="search_wrap">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_B.svg" alt="검색">
|
||||
<input type="text" name="searchKeyword" placeholder="검색 (고객명, 연락처, 생년월일)">
|
||||
|
||||
<div class="search_list_modal">
|
||||
<ul class="search_list">
|
||||
<li>
|
||||
<span>조회결과가 없습니다.</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="search_list_button">
|
||||
<div class="botton_box">
|
||||
<button id="btnHeaderInsertUser2" data-toggle="modal" style="transition: all 0.2s ease-in-out 0s;"><img src="/image/web/registration_B.svg" alt="신환등록">신환 등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button id="btnHeaderInsertReserve" class="reservation_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/reservation.svg" alt="예약">
|
||||
예약
|
||||
</button>
|
||||
|
||||
<button id="btnHeaderInsertReserveReady" data-toggle="modal" data-target=".receipt_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/receipt.svg" alt="바로접수">
|
||||
바로접수
|
||||
</button>
|
||||
|
||||
<button id="btnHeaderInsertUser" class="last" data-toggle="modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/registration.svg" alt="신환등록">
|
||||
신환등록
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown_box">
|
||||
<a class="enrollment_btn" href="#" aria-haspopup="true">
|
||||
<img src="/image/web/userActive.svg" alt="내정보">
|
||||
<p id="loginMemberName"></p>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown_list" aria-label="submenu">
|
||||
<!-- <li>-->
|
||||
<!-- <a href="#reservation" data-toggle="modal" data-target="#reservation" style="transition: all 0.2s ease-in-out 0s;">-->
|
||||
<!-- <span>내정보</span>-->
|
||||
<!-- </a>-->
|
||||
<!-- </li>-->
|
||||
|
||||
<li>
|
||||
<a href="javascript:;" onclick="fn_logout();">
|
||||
<span>로그아웃</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<form id="excelForm" method="POST" target="_blank" action="/Reserve_Upload_Sample.xlsx"></form>
|
||||
|
||||
<script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
|
||||
<script src="/js/web/header/headerSelectList.js"></script>
|
||||
<script src="/js/web/reserve/popup/reserveInsertPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/reserveUpdatePop.js"></script>
|
||||
<script src="/js/web/reserve/popup/reserveReadyInsertPop.js"></script>
|
||||
|
||||
<script src="/js/web/treatmentprocedure/popup/treatmentProcedureSearchPop.js"></script>
|
||||
|
||||
<script src="/js/web/user/popup/userInfoInsertPop2.js"></script>
|
||||
<script src="/js/web/user/popup/userIntroSelectListPop.js"></script>
|
||||
|
||||
<script src="/js/web/member/popup/memberSearchPop.js"></script>
|
||||
|
||||
</th:block>
|
||||
</html>
|
||||
143
src/main/resources/templates/web/common/leftMenu.html
Normal file
143
src/main/resources/templates/web/common/leftMenu.html
Normal file
@@ -0,0 +1,143 @@
|
||||
<!DOCTYPE html>
|
||||
<html lagn="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<th:block th:fragment="layout_leftMenu">
|
||||
<!--왼쪽메뉴-->
|
||||
<ul id="menu_list" class="menu_list">
|
||||
<!-- <li>
|
||||
<a href="home.html">
|
||||
<img src="/image/web/menu_1_off.svg" alt="병원현황"/>
|
||||
<span>병원현황</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="customer.html" class="on">
|
||||
<img src="/image/web/menu_2_on.svg" alt="고객"/>
|
||||
<span>고객</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="/image/web/menu_3_off.svg" alt="수납"/>
|
||||
<span>수납</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="stock.html">
|
||||
<img src="/image/web/menu_4_off.svg" alt="재고"/>
|
||||
<span>재고</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="/image/web/menu_5_off.svg" alt="통계"/>
|
||||
<span>통계</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="hospital.html">
|
||||
<img src="/image/web/menu_6_off.svg" alt="원무"/>
|
||||
<span>원무</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="/image/web/menu_7_off.svg" alt="마케팅"/>
|
||||
<span>마케팅</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="/image/web/menu_8_off.svg" alt="멤버십"/>
|
||||
<span>멤버십</span>
|
||||
</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
|
||||
<script>
|
||||
/****************************************************************************
|
||||
* 메뉴 조회
|
||||
****************************************************************************/
|
||||
function fn_selectListMenu(){
|
||||
let formData = new FormData();
|
||||
formData.append("type", "A");
|
||||
|
||||
$.ajax({
|
||||
url: encodeURI('/webmenu/selectListMenu.do'),
|
||||
data: formData,
|
||||
dataType: "json",
|
||||
processData: false,
|
||||
contentType: false,
|
||||
type: 'POST',
|
||||
async: true,
|
||||
success: function(data){
|
||||
if('0'==data.msgCode){
|
||||
let listHTML = '';
|
||||
|
||||
for(let i = 0; i < data.rows.length; i++){
|
||||
let menuCode = data.rows[i].menuCode;
|
||||
let icon = data.rows[i].icon;
|
||||
let icon2 = data.rows[i].icon2;
|
||||
let menuName = data.rows[i].menuName;
|
||||
let subMenuCode = data.rows[i].subMenuCode;
|
||||
let subAction = data.rows[i].subAction;
|
||||
|
||||
listHTML += '<li>';
|
||||
listHTML += ' <a id="menu'+menuCode+'" href="javascript:;" onClick="javascript:fn_leftFormAction2(\''+subMenuCode+'\',\''+subAction+'\');">';
|
||||
listHTML += ' <img src="'+icon+'" alt="'+menuName+'">';
|
||||
listHTML += ' <img src="'+icon2+'" style="display:none;" alt="'+menuName+'">';
|
||||
listHTML += ' <span>'+menuName+'</span>';
|
||||
listHTML += ' </a>';
|
||||
listHTML += '</li>';
|
||||
}
|
||||
$("#menu_list").empty().html(listHTML).trigger("create");
|
||||
|
||||
// 선택 처리
|
||||
if(!fn_emptyYn(menuClass)){
|
||||
let parentMenuCode = menuClass.substr(0, 2);
|
||||
$("#menu_list #menu"+parentMenuCode).addClass("on");
|
||||
$("#menu_list #menu"+parentMenuCode).find("img:eq(1)").show();
|
||||
$("#menu_list #menu"+parentMenuCode).find("img:eq(0)").hide();
|
||||
}
|
||||
else{
|
||||
let parentMenuCode = data.rows[0].menuCode;
|
||||
menuClass = data.rows[0].subMenuCode;
|
||||
|
||||
$("#menu_list #menu"+parentMenuCode).addClass("on");
|
||||
$("#menu_list #menu"+parentMenuCode).find("img:eq(1)").show();
|
||||
$("#menu_list #menu"+parentMenuCode).find("img:eq(0)").hide();
|
||||
}
|
||||
}
|
||||
else if(data.msgCode=='-1'){
|
||||
modalEvent.warning("조회 오류", data.msgDesc);
|
||||
}
|
||||
else{
|
||||
modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
|
||||
}
|
||||
},
|
||||
error : function(xhr, status, error) {
|
||||
modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
|
||||
},
|
||||
beforeSend:function(){
|
||||
|
||||
},
|
||||
complete:function(){
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(function(){
|
||||
// 메뉴 조회
|
||||
fn_selectListMenu();
|
||||
|
||||
if(!fn_emptyYn(menuClass)){
|
||||
let parentMenuCode = menuClass.substr(0, 2);
|
||||
|
||||
fn_selectListSubMenu(parentMenuCode);
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
</html>
|
||||
102
src/main/resources/templates/web/common/leftMenu2.html
Normal file
102
src/main/resources/templates/web/common/leftMenu2.html
Normal file
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html lagn="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<th:block th:fragment="layout_leftMenu2">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="javascript:;" onclick="fn_back();" class="back" style="display:none;"><img src="/image/web/right_arrow_B.svg">뒤로가기</a>
|
||||
<ul id="sub_menu_list" class="sub_menu_list">
|
||||
<!--
|
||||
<li class="title_menu first">원무</li>
|
||||
<li><a href="hospital.html" class="on">근태·연차</a></li>
|
||||
<li><a href="hospital_employee.html" class="on">직원 목록</a></li>
|
||||
|
||||
<li class="title_menu">병원 설정</li>
|
||||
<li><a href="hospital_info.html" class="on">병원 기본정보</a></li>
|
||||
<li><a href="hospital_work.html" class="on">근뮤·연차 설정</a></li>
|
||||
<li><a href="hospital_group.html" class="on">조직·권한 설정</a></li>
|
||||
<li><a href="hospital_diagnosis.html" class="on">진료·시술 설정</a></li>
|
||||
<li><a href="hospital_payment.html" class="on">결제 설정</a></li>
|
||||
<li><a href="hospital_notice.html" class="on">공지사항</a></li>
|
||||
-->
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
/****************************************************************************
|
||||
* 메뉴 조회
|
||||
****************************************************************************/
|
||||
function fn_selectListSubMenu(param){
|
||||
let formData = new FormData();
|
||||
formData.append("type", "B");
|
||||
formData.append("groupCode", param);
|
||||
|
||||
$.ajax({
|
||||
url: encodeURI('/webmenu/selectListMenu.do'),
|
||||
data: formData,
|
||||
dataType: "json",
|
||||
processData: false,
|
||||
contentType: false,
|
||||
type: 'POST',
|
||||
async: true,
|
||||
success: function(data){
|
||||
if('0'==data.msgCode){
|
||||
let listHTML = '';
|
||||
|
||||
if(data.rows.length>1){
|
||||
for(let i = 0; i < data.rows.length; i++){
|
||||
let menuCode = data.rows[i].menuCode;
|
||||
let menuCodeLength = menuCode.length;
|
||||
|
||||
let menuName = data.rows[i].menuName;
|
||||
let action = data.rows[i].action;
|
||||
|
||||
if(menuCodeLength == 4){
|
||||
if(i==0){
|
||||
listHTML += '<li class="title_menu first">'+menuName+'</li>';
|
||||
}
|
||||
else{
|
||||
listHTML += '<li class="title_menu">'+menuName+'</li>';
|
||||
}
|
||||
}
|
||||
else{
|
||||
listHTML += '<li>';
|
||||
listHTML += ' <a id="menu'+menuCode+'" href="javascript:;" onClick="javascript:fn_leftFormAction2(\''+menuCode+'\',\''+action+'\');">';
|
||||
listHTML += menuName;
|
||||
listHTML += ' </a>';
|
||||
listHTML += '</li>';
|
||||
}
|
||||
}
|
||||
}
|
||||
$("#sub_menu_list").empty().html(listHTML).trigger("create");
|
||||
|
||||
// 선택 처리
|
||||
if(!fn_emptyYn(menuClass)){
|
||||
$("#sub_menu_list #menu"+menuClass).addClass("on");
|
||||
}
|
||||
}
|
||||
else if(data.msgCode=='-1'){
|
||||
modalEvent.warning("조회 오류", data.msgDesc);
|
||||
}
|
||||
else{
|
||||
modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
|
||||
}
|
||||
},
|
||||
error : function(xhr, status, error) {
|
||||
modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
|
||||
},
|
||||
beforeSend:function(){
|
||||
|
||||
},
|
||||
complete:function(){
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(function(){
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
</html>
|
||||
203
src/main/resources/templates/web/common/rightMenu.html
Normal file
203
src/main/resources/templates/web/common/rightMenu.html
Normal file
@@ -0,0 +1,203 @@
|
||||
<!DOCTYPE html>
|
||||
<html lagn="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
<th:block th:fragment="layout_rightMenu">
|
||||
<script>
|
||||
$(function(){
|
||||
fn_rightSelectListRecommendFollow();
|
||||
});
|
||||
</script>
|
||||
<!-- 우측 메뉴 -->
|
||||
<div class="right_wrap">
|
||||
<div class="right_box">
|
||||
<div id="rightMenu" style="display:none">
|
||||
|
||||
<ul class="follow_box" id="rightFollowBox">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="company" id="rightFooter">
|
||||
<ul class="footerList">
|
||||
<li><a href="#" onClick="fn_selectPolicyIntro('B');">개인정보처리방침</a></li>
|
||||
<li><a href="#" onClick="fn_selectPolicyIntro('A');">이용약관</a></li>
|
||||
<li><a href="#" onClick="fn_selectListInquiryIntro();">고객센터</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="footerCompany">
|
||||
<span>주식회사 그늘</span>
|
||||
|
||||
<span>서울특별시 마포구 월드컵북로5가길 8-17, 2층(서교동)</span>
|
||||
|
||||
<p>대표이사 <span>오 범 진</span></p>
|
||||
|
||||
<p>사업자등록번호 <span>811-87-02127</span></p>
|
||||
|
||||
<p class="last">EMAIL <span>playentree@play-gnl.kr</span></p>
|
||||
|
||||
<span class="reserved">ⓒ그늘 CORP ALL RIGHTS RESERVED.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
||||
/****************************************************************************
|
||||
* 고갠센터 화면 이동
|
||||
****************************************************************************/
|
||||
function fn_selectListInquiryIntro(){
|
||||
fn_leftFormAction2("Setting", "/webinquiry/selectListInquiryIntro.do");
|
||||
}
|
||||
|
||||
/****************************************************************************
|
||||
* 추천 팔로우 목록 이동
|
||||
****************************************************************************/
|
||||
function fn_snsFollowIntro(){
|
||||
fn_leftFormAction2(menuClass, "/webuserfollow/selectListFollowRecommendIntro.do");
|
||||
}
|
||||
|
||||
/****************************************************************************
|
||||
* 추천 팔로우 리스트 조회
|
||||
****************************************************************************/
|
||||
function fn_rightSelectListRecommendFollow(){
|
||||
let formData = new FormData();
|
||||
formData.append("start",'0');
|
||||
formData.append("limit",'5');
|
||||
|
||||
$.ajax({
|
||||
url: encodeURI('/webuserfollow/selectListRecommendFollow.do'),
|
||||
data: formData,
|
||||
dataType: "json",
|
||||
processData: false,
|
||||
contentType: false,
|
||||
type: 'POST',
|
||||
async: true,
|
||||
success: function(data){
|
||||
if('0'==data.msgCode){
|
||||
if(0<data.rows.length){
|
||||
let followListBoxHTML = '';
|
||||
followListBoxHTML += '<p class="title">추천 팔로우</p>';
|
||||
|
||||
for(let i=0; i<data.rows.length; i++){
|
||||
followListBoxHTML += '<li>';
|
||||
if('Y'==data.rows[i].userBranchYn){
|
||||
followListBoxHTML += ' <div class="image_box green_line" onClick="fn_userProfileIntro(\''+data.rows[i].userName+'\',\''+data.rows[i].loginId+'\');">';
|
||||
}
|
||||
else{
|
||||
followListBoxHTML += ' <div class="image_box" onClick="fn_userProfileIntro(\''+data.rows[i].userName+'\',\''+data.rows[i].loginId+'\');">';
|
||||
}
|
||||
followListBoxHTML += ' <img src=\''+data.rows[i].profileUrl+'\'>';
|
||||
followListBoxHTML += ' </div>';
|
||||
|
||||
followListBoxHTML += ' <div class="text_box">';
|
||||
followListBoxHTML += ' <p class="user">'+data.rows[i].userName+'</p>';
|
||||
followListBoxHTML += ' </div>';
|
||||
|
||||
followListBoxHTML += ' <img class="right_icon" id="rightFollowBtn'+data.rows[i].ntUserId+'" onClick="javascript:fn_rightInsertFollow(\''+data.rows[i].ntUserId+'\');" src="/image/web/sns_follow.svg">';
|
||||
followListBoxHTML += ' <img class="right_icon" id="rightFollowingBtn'+data.rows[i].ntUserId+'" style="display:none" onClick="javascript:fn_rightDeleteFollow(\''+data.rows[i].ntUserId+'\');" src="/image/web/sns_follow_gray.svg">';
|
||||
|
||||
followListBoxHTML += '</li>';
|
||||
}
|
||||
followListBoxHTML += ' <a href="javascript:fn_snsFollowIntro();">더보기<img class="arrow" src="/image/web/sns_more_arrow.svg"></a>';
|
||||
|
||||
$("#rightFollowBox").empty().html(followListBoxHTML).trigger("create");
|
||||
|
||||
|
||||
$(".right_icon").css("cursor", "pointer");
|
||||
}
|
||||
else{
|
||||
$("#rightFollowBox").empty();
|
||||
}
|
||||
}
|
||||
else{
|
||||
modalEvent.danger("조회 오류", data.msgDesc);
|
||||
}
|
||||
},
|
||||
error : function(xhr, status, error) {
|
||||
modalEvent.danger("조회 오류", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다.");
|
||||
},
|
||||
beforeSend:function(){
|
||||
|
||||
},
|
||||
complete:function(){
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************
|
||||
* 팔로워 등록
|
||||
****************************************************************************/
|
||||
function fn_rightInsertFollow(param){
|
||||
let formData = new FormData();
|
||||
formData.append("ntFollowUserId", param);
|
||||
|
||||
$.ajax({
|
||||
url: encodeURI('/webuserfollow/insertFollow.do'),
|
||||
data: formData,
|
||||
dataType: "json",
|
||||
processData: false,
|
||||
contentType: false,
|
||||
type: 'POST',
|
||||
async: true,
|
||||
success: function(data){
|
||||
if('0'==data.msgCode){
|
||||
$("#rightFollowBtn"+param).css("display", "none");
|
||||
$("#rightFollowingBtn"+param).css("display", "");
|
||||
}
|
||||
else{
|
||||
modalEvent.danger("조회 오류", data.msgDesc);
|
||||
}
|
||||
},
|
||||
error : function(xhr, status, error) {
|
||||
modalEvent.danger("조회 오류", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다.");
|
||||
},
|
||||
beforeSend:function(){
|
||||
|
||||
},
|
||||
complete:function(){
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************
|
||||
* 팔로워 해제
|
||||
****************************************************************************/
|
||||
function fn_rightDeleteFollow(param){
|
||||
let formData = new FormData();
|
||||
formData.append("ntFollowUserId", param);
|
||||
|
||||
$.ajax({
|
||||
url: encodeURI('/webuserfollow/deleteFollow.do'),
|
||||
data: formData,
|
||||
dataType: "json",
|
||||
processData: false,
|
||||
contentType: false,
|
||||
type: 'POST',
|
||||
async: true,
|
||||
success: function(data){
|
||||
if('0'==data.msgCode){
|
||||
$("#rightFollowBtn"+param).css("display", "");
|
||||
$("#rightFollowingBtn"+param).css("display", "none");
|
||||
}
|
||||
else{
|
||||
modalEvent.danger("조회 오류", data.msgDesc);
|
||||
}
|
||||
},
|
||||
error : function(xhr, status, error) {
|
||||
modalEvent.danger("조회 오류", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다.");
|
||||
},
|
||||
beforeSend:function(){
|
||||
|
||||
},
|
||||
complete:function(){
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
</html>
|
||||
152
src/main/resources/templates/web/common/userLeftMenu2.html
Normal file
152
src/main/resources/templates/web/common/userLeftMenu2.html
Normal file
@@ -0,0 +1,152 @@
|
||||
<!DOCTYPE html>
|
||||
<html lagn="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<th:block th:fragment="layout_leftMenu2">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="javascript:;" onclick="fn_back();" class="back" style="display:none;"><img src="/image/web/right_arrow_B.svg">뒤로가기</a>
|
||||
<ul id="sub_menu_list" class="sub_menu_list">
|
||||
<!--
|
||||
<li class="title_menu first">원무</li>
|
||||
<li><a href="hospital.html" class="on">근태·연차</a></li>
|
||||
<li><a href="hospital_employee.html" class="on">직원 목록</a></li>
|
||||
|
||||
<li class="title_menu">병원 설정</li>
|
||||
<li><a href="hospital_info.html" class="on">병원 기본정보</a></li>
|
||||
<li><a href="hospital_work.html" class="on">근뮤·연차 설정</a></li>
|
||||
<li><a href="hospital_group.html" class="on">조직·권한 설정</a></li>
|
||||
<li><a href="hospital_diagnosis.html" class="on">진료·시술 설정</a></li>
|
||||
<li><a href="hospital_payment.html" class="on">결제 설정</a></li>
|
||||
<li><a href="hospital_notice.html" class="on">공지사항</a></li>
|
||||
-->
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
/****************************************************************************
|
||||
* 메뉴 조회
|
||||
****************************************************************************/
|
||||
function fn_selectListSubMenu(param){
|
||||
let formData = new FormData();
|
||||
formData.append("type", "C");
|
||||
formData.append("groupCode", param);
|
||||
|
||||
$.ajax({
|
||||
url: encodeURI('/webmenu/selectListMenu.do'),
|
||||
data: formData,
|
||||
dataType: "json",
|
||||
processData: false,
|
||||
contentType: false,
|
||||
type: 'POST',
|
||||
async: true,
|
||||
success: function(data){
|
||||
if('0'==data.msgCode){
|
||||
let listHTML = '';
|
||||
let queryParams = [];
|
||||
if (typeof userSearchKeywordParam !== 'undefined' && userSearchKeywordParam) {
|
||||
queryParams.push(`userSearchKeywordParam=${userSearchKeywordParam}`);
|
||||
}
|
||||
if (typeof userSort !== 'undefined' && userSort) {
|
||||
queryParams.push(`userSort=${userSort}`);
|
||||
}
|
||||
if (typeof userDir !== 'undefined' && userDir) {
|
||||
queryParams.push(`userDir=${userDir}`);
|
||||
}
|
||||
if (typeof userStart !== 'undefined' && (userStart || userStart === 0)) {
|
||||
queryParams.push(`userStart=${userStart}`);
|
||||
}
|
||||
if (typeof userLimit !== 'undefined' && userLimit) {
|
||||
queryParams.push(`userLimit=${userLimit}`);
|
||||
}
|
||||
if (typeof search_nationality !== 'undefined' && search_nationality) {
|
||||
queryParams.push(`nationality=${search_nationality}`);
|
||||
}
|
||||
if (typeof search_userType !== 'undefined' && search_userType) {
|
||||
queryParams.push(`userType=${search_userType}`);
|
||||
}
|
||||
if (typeof search_membershipYn !== 'undefined' && search_membershipYn) {
|
||||
queryParams.push(`membershipYn=${search_membershipYn}`);
|
||||
}
|
||||
|
||||
let queryString = queryParams.join("&");
|
||||
if(data.rows.length>1){
|
||||
|
||||
for(let i = 0; i < data.rows.length; i++){
|
||||
|
||||
let action = data.rows[i].action+"?muUserId="+muUserId;
|
||||
|
||||
if (queryString) {
|
||||
action += "&" + queryString;
|
||||
}
|
||||
let menuCode = data.rows[i].menuCode;
|
||||
let menuCodeLength = menuCode.length;
|
||||
|
||||
let menuName = data.rows[i].menuName;
|
||||
|
||||
if(menuCodeLength == 8){
|
||||
if(i==0){
|
||||
listHTML += '<li class="title_menu first">'+menuName+'</li>';
|
||||
}
|
||||
else{
|
||||
listHTML += '<li class="title_menu">'+menuName+'</li>';
|
||||
}
|
||||
}
|
||||
else{
|
||||
listHTML += '<li>';
|
||||
listHTML += ' <a id="menu'+menuCode+'" href="javascript:;" onClick="javascript:fn_leftFormAction2(\''+menuCode+'\',\''+action+'\');">';
|
||||
listHTML += menuName;
|
||||
listHTML += ' </a>';
|
||||
listHTML += '</li>';
|
||||
}
|
||||
}
|
||||
|
||||
if(6 == menuClass.length){
|
||||
menuClass = data.rows[0].subMenuCode;
|
||||
}
|
||||
}
|
||||
$("#sub_menu_list").empty().html(listHTML).trigger("create");
|
||||
|
||||
let leftBox = document.querySelector('.left_box');
|
||||
let backLink = document.createElement('a');
|
||||
backLink.href = "#";
|
||||
backLink.classList.add('back');
|
||||
backLink.id = "userList";
|
||||
backLink.innerHTML = `<img src='/image/web/right_arrow_B.svg'/> 고객 목록`;
|
||||
leftBox.insertBefore(backLink, leftBox.firstChild);
|
||||
let url = '/webuser/selectListUserIntro.do'
|
||||
if (queryString) {
|
||||
url += "?" + queryString;
|
||||
}
|
||||
document.getElementById('userList').addEventListener('click', () => {
|
||||
fn_leftFormAction2('020101',encodeURI(url));
|
||||
});
|
||||
// 선택 처리
|
||||
if(!fn_emptyYn(menuClass)){
|
||||
$("#sub_menu_list #menu"+menuClass).addClass("on");
|
||||
}
|
||||
}
|
||||
else if(data.msgCode=='-1'){
|
||||
modalEvent.warning("조회 오류", data.msgDesc);
|
||||
}
|
||||
else{
|
||||
modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
|
||||
}
|
||||
},
|
||||
error : function(xhr, status, error) {
|
||||
modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
|
||||
},
|
||||
beforeSend:function(){
|
||||
|
||||
},
|
||||
complete:function(){
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(function(){
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/stock_customer_management.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_stock_customer_management.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let companySearchKeywordParam = "[[${param.companySearchKeywordParam}]]";
|
||||
let companySort = "[[${param.companySort}]]";
|
||||
let companyDir = "[[${param.companyDir}]]";
|
||||
let companyStart = "[[${param.companyStart}]]"==""?0:"[[${param.companyStart}]]";
|
||||
let companyLimit = "[[${param.companyLimit}]]"==""?100:"[[${param.companyLimit}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">거래처 관리</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg">
|
||||
<input type="text" id="companySearchKeyword" required onkeypress="fn_companyEnter(event)" placeholder="거래처, 담당자명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSarechCompany" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="button_box">
|
||||
<button id="btnInsertCompany" class="registration_btn" style="transition: all 0.2s ease-in-out 0s;"><img src="/image/web/business.svg">거래처 등록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="companyGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="companyPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="companySelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/company/companySelectList.js"></script>
|
||||
|
||||
<script src="/js/web/company/popup/companyInsertPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
115
src/main/resources/templates/web/company/companyUpdate.html
Normal file
115
src/main/resources/templates/web/company/companyUpdate.html
Normal file
@@ -0,0 +1,115 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/company_update.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let companySearchKeywordParam = "[[${param.companySearchKeywordParam}]]";
|
||||
let companySort = "[[${param.companySort}]]";
|
||||
let companyDir = "[[${param.companyDir}]]";
|
||||
let companyStart = "[[${param.companyStart}]]"==""?0:"[[${param.companyStart}]]";
|
||||
let companyLimit = "[[${param.companyLimit}]]"==""?100:"[[${param.companyLimit}]]";
|
||||
|
||||
let muCompanyId = "[[${param.muCompanyId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">거래처 관리</p>
|
||||
|
||||
<div class="info_box">
|
||||
<div class="info">
|
||||
<div class="form_box">
|
||||
<p class="title">기본정보</p>
|
||||
|
||||
<div class="form_bottom">
|
||||
<ul>
|
||||
<li>
|
||||
<label>거래처명</label>
|
||||
<div class="input_box">
|
||||
<input type="text" id="companyName" placeholder="" maxlength="35">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label>사업자번호</label>
|
||||
<div class="input_box">
|
||||
<input type="text" id="businessNumber" placeholder="-제외" maxlength="13">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label>거래처 담당자</label>
|
||||
<div class="input_box">
|
||||
<input type="text" id="userName" placeholder="" maxlength="35">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label>연락처</label>
|
||||
<div class="input_box">
|
||||
<input type="text" id="phoneNumber" placeholder="-제외" maxlength="13">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label>이메일</label>
|
||||
<div class="input_box">
|
||||
<input type="text" id="email" placeholder="" maxlength="255">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label>거래처 메모</label>
|
||||
<div class="textarea_box">
|
||||
<textarea id="memo" placeholder="내용을 입력해주세요."></textarea>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="table_box">
|
||||
<label>취급 제품</label>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>재고구분</th>
|
||||
<th>제품명</th>
|
||||
<th>용량</th>
|
||||
<th></th>
|
||||
<th>사용량</th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="productList"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="button_box">
|
||||
<button id="btnUpdateCompany" class="save_btn">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="companyUpdateForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/company/companyUpdate.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
112
src/main/resources/templates/web/contentsBbs/ContentsBbsReg.html
Normal file
112
src/main/resources/templates/web/contentsBbs/ContentsBbsReg.html
Normal file
@@ -0,0 +1,112 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/web/ContentsBbsReg.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
let categoryDivCd = "[[${param.categoryDivCd}]]"==""?"":"[[${param.categoryDivCd}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let categorytitle = "[[${title}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">[[${title}]]</p>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content clear">
|
||||
<div class="wp60">
|
||||
<div class="top">
|
||||
<label>썸네일 첨부파일</label>
|
||||
<label for="file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box"><!-- img 미리보기 --></div>
|
||||
<input type="file" id="file" accept="image/jpeg, image/jpg, image/png" style="display: none;" multiple>
|
||||
<button id="delete_btn">삭제</button>
|
||||
</div>
|
||||
<p class="thumbnail-bottom-txt">
|
||||
썸네일 하단글
|
||||
</p>
|
||||
<textarea id="thumbnail-bottom-txt" placeholder="썸네일 하단글을 입력해주세요." ></textarea>
|
||||
<p class="content-file">
|
||||
컨텐츠 첨부파일
|
||||
<label for="content_file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</p>
|
||||
<input type="file" id="content_file" style="display: none;" placeholder="첨부파일을 입력해주세요."/>
|
||||
<div class="file_box"><!-- img 미리보기 --></div>
|
||||
<button id="content_delete_btn">삭제</button>
|
||||
</div>
|
||||
<div class="wp40">
|
||||
<div class="consultation-info">
|
||||
<p id="main_category">
|
||||
카테고리
|
||||
</p>
|
||||
<select th:name="categorylist">
|
||||
<option value="">선택하세요</option>
|
||||
<option th:each="category : ${categorylist}" th:value="${category.categoryNo}" th:text="${category.categoryNm}"></option>
|
||||
</select>
|
||||
<p id="main_title">
|
||||
제목
|
||||
</p>
|
||||
<input type="text" id="title" placeholder="제목을 입력해주세요."/>
|
||||
<p id="main_content">
|
||||
내용
|
||||
</p>
|
||||
<textarea id="content" placeholder="내용을 입력해주세요."></textarea>
|
||||
<p id="main_hashtag">
|
||||
해쉬태그
|
||||
</p>
|
||||
<input type="text" id="hashtag" placeholder="해쉬태그를 입력해주세요."/>
|
||||
<div>
|
||||
<label for="oldCrmItemId">OLD CRM 연동ID</label>
|
||||
<input type="text" id="oldCrmItemId" placeholder="OLD_CRM_ITEM_ID"/>
|
||||
</div>
|
||||
<p id="main_procedure">
|
||||
시술선택
|
||||
<button class="add_btn ml50" onclick="javascript:listOpen();">
|
||||
<img src="/image/web/add.svg" alt="추가">
|
||||
</button>
|
||||
<button class="add_btn" onclick="javascript:fn_removeRow();">
|
||||
<img src="/image/web/subtract.svg" alt="삭제">
|
||||
</button>
|
||||
</p>
|
||||
<div id="treatmentlist">
|
||||
</div>
|
||||
</div>
|
||||
<div class="button_box">
|
||||
<button class="registration_btn btnSave">등록</button>
|
||||
<button class="cancel_btn btnCancle">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/contentsBbs/ContentsBbsReg.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
||||
<script src="/js/web/contentsBbs/ContentsBbsPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,104 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/webTreatmentPetitSelectList.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
let categoryDivCd = "[[${param.categoryDivCd}]]"==""?"":"[[${param.categoryDivCd}]]";
|
||||
categoryDivCd = "[[${categoryDivCd}]]"==""?"":"[[${categoryDivCd}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let webTreatmentPetitSearchKeywordParam0 = "[[${param.webTreatmentPetitSearchKeywordParam0}]]";
|
||||
let webTreatmentPetitSearchKeywordParam1 = "[[${param.webTreatmentPetitSearchKeywordParam1}]]";
|
||||
let webTreatmentPetitSearchKeywordParam2 = "[[${param.webTreatmentPetitSearchKeywordParam2}]]";
|
||||
let webTreatmentPetitSearchKeywordParam3 = "[[${param.webTreatmentPetitSearchKeywordParam3}]]";
|
||||
|
||||
let webTreatmentPetitSort = "[[${param.webTreatmentPetitSort}]]";
|
||||
let webTreatmentPetitDir = "[[${param.webTreatmentPetitDir}]]";
|
||||
let webTreatmentPetitStart = "[[${param.webTreatmentPetitStart}]]"==""?0:"[[${param.webTreatmentPetitStart}]]";
|
||||
let webTreatmentPetitLimit = "[[${param.webTreatmentPetitLimit}]]"==""?500:"[[${param.webTreatmentPetitLimit}]]";
|
||||
|
||||
let webTreatmentPetitSearchStartDate = "[[${param.webTreatmentPetitSearchStartDate}]]";
|
||||
let webTreatmentPetitSearchEndDate = "[[${param.webTreatmentPetitSearchEndDate}]]";
|
||||
let webTreatmentPetitSearchDateType = "[[${param.webTreatmentPetitSearchDateType}]]"==""?"A":"[[${param.webTreatmentPetitSearchDateType}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">[[${title}]]</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="webTreatmentPetitSearchKeyword0" required placeholder="카테고리">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="webTreatmentPetitSearchKeyword1" required placeholder="제목">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="webTreatmentPetitSearchKeyword2" required placeholder="작성자">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="webTreatmentPetitSearchKeyword3" required placeholder="시술">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchWebTreatmentPetit" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertWebTreatmentPetit" class="treatmentpetit_btn">
|
||||
<img src="/image/web/notice_btn_icon.svg" alt="등록">등록
|
||||
</button>
|
||||
<button id="btnDeleteWebTreatmentPetit" class="delete_btn">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="webTreatmentPetitGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="webTreatmentPetitPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="webTreatmentPetitSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/contentsBbs/ContentsBbsSelectList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
124
src/main/resources/templates/web/contentsBbs/ContentsBbsUpd.html
Normal file
124
src/main/resources/templates/web/contentsBbs/ContentsBbsUpd.html
Normal file
@@ -0,0 +1,124 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/web/ContentsBbsReg.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let categoryDivCd = "[[${param.categoryDivCd}]]";
|
||||
let categoryNo = "[[${param.categoryNo}]]";
|
||||
let postNo = "[[${param.postNo}]]";
|
||||
let categorytitle = "[[${title}]]";
|
||||
|
||||
const CDN_URL = "[[${@environment.getProperty('url.cdn')}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">[[${title}]]</p>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content clear">
|
||||
<div class="wp60">
|
||||
<div class="top">
|
||||
<label>썸네일 첨부파일</label>
|
||||
<label for="file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box">
|
||||
<img id="thumbnailImg" src="" width="800px" height="450px" />
|
||||
</div>
|
||||
<input type="file" id="file" accept="image/jpeg, image/jpg, image/png" style="display: none;" multiple>
|
||||
<button id="delete_btn">삭제</button>
|
||||
</div>
|
||||
<p class="thumbnail-bottom-txt">
|
||||
썸네일 하단글
|
||||
</p>
|
||||
<textarea id="thumbnailBottomTxt" placeholder="썸네일 하단글을 입력해주세요." ></textarea>
|
||||
<p class="content-file">
|
||||
컨텐츠 첨부파일
|
||||
<label for="content_file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</p>
|
||||
<input type="file" id="content_file" style="display: none;" placeholder="첨부파일을 입력해주세요."/>
|
||||
<div class="file_box">
|
||||
<img id="contentsImg" src="" width="100%" height="100%" />
|
||||
</div>
|
||||
<button id="content_delete_btn">삭제</button>
|
||||
</div>
|
||||
<div class="wp40">
|
||||
<div class="consultation-info">
|
||||
<p id="main_category">
|
||||
카테고리
|
||||
</p>
|
||||
<select th:name="category" th:disabled="true">
|
||||
<option value="">선택하세요</option>
|
||||
<option th:each="item : ${category}" th:value="${item['categoryNo']}" th:text="${item['categoryNm']}" ></option>
|
||||
</select>
|
||||
<!-- disabled된 select의 값을 전송하기 위한 hidden input -->
|
||||
<input type="hidden" id="categoryNo" />
|
||||
<p id="main_title">
|
||||
제목
|
||||
</p>
|
||||
<input type="text" id="title" placeholder="제목을 입력해주세요."/>
|
||||
<p id="main_content">
|
||||
내용
|
||||
</p>
|
||||
<textarea id="content" placeholder="내용을 입력해주세요."></textarea>
|
||||
<p id="main_hashtag">
|
||||
해쉬태그
|
||||
</p>
|
||||
<input type="text" id="hashtag" placeholder="해쉬태그를 입력해주세요."/>
|
||||
<div>
|
||||
<label for="oldCrmItemId">OLD CRM 연동ID</label>
|
||||
<input type="text" id="oldCrmItemId" placeholder="OLD_CRM_ITEM_ID"/>
|
||||
</div>
|
||||
<p id="main_procedure">
|
||||
시술선택
|
||||
<button class="add_btn ml50" onclick="javascript:listOpen();">
|
||||
<img src="/image/web/add.svg" alt="추가">
|
||||
</button>
|
||||
<button class="add_btn" onclick="javascript:fn_removeRow();">
|
||||
<img src="/image/web/subtract.svg" alt="삭제">
|
||||
</button>
|
||||
</p>
|
||||
<div id="treatmentlist">
|
||||
</div>
|
||||
</div>
|
||||
<div class="button_box">
|
||||
<button class="registration_btn btnSave">수정</button>
|
||||
<button class="cancel_btn btnCancle">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/contentsBbs/ContentsBbsUpd.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
||||
<script src="/js/web/contentsBbs/ContentsBbsPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/webFeedbackSelectList.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
let categoryDivCd = "[[${param.categoryDivCd}]]"==""?"":"[[${param.categoryDivCd}]]";
|
||||
categoryDivCd = "[[${categoryDivCd}]]"==""?"":"[[${categoryDivCd}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let branchOfficeCd = "[[${param.branchOfficeCd}]]";
|
||||
let mbName = "[[${param.mbName}]]";
|
||||
let mbHp = "[[${param.mbHp}]]";
|
||||
let opinionClassificationCd = "[[${param.opinionClassificationCd}]]";
|
||||
|
||||
|
||||
let webFeedbackSort = "[[${param.webFeedbackSort}]]";
|
||||
let webFeedbackDir = "[[${param.webFeedbackDir}]]";
|
||||
let webFeedbackStart = "[[${param.webFeedbackStart}]]"==""?0:"[[${param.webFeedbackStart}]]";
|
||||
let webFeedbackLimit = "[[${param.webFeedbackLimit}]]"==""?500:"[[${param.webFeedbackLimit}]]";
|
||||
|
||||
let webFeedbackSearchStartDate = "[[${param.webFeedbackSearchStartDate}]]";
|
||||
let webFeedbackSearchEndDate = "[[${param.webFeedbackSearchEndDate}]]";
|
||||
let webFeedbackSearchDateType = "[[${param.webFeedbackSearchDateType}]]"==""?"A":"[[${param.webFeedbackSearchDateType}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">칭찬불만접수</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<select id="branchOfficeCd" required>
|
||||
<option value="">전체</option>
|
||||
<option value="GN">강남</option>
|
||||
</select>
|
||||
<div class="search_list"></div>
|
||||
</div>
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="mbName" required placeholder="이름">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="mbHp" required placeholder="핸드폰번호">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<!-- Classification selectbox -->
|
||||
<div class="search_box">
|
||||
<select id="opinionClassificationCd" required>
|
||||
<option value="">전체</option>
|
||||
<option value="PR">칭찬</option>
|
||||
<option value="DS">불만</option>
|
||||
<option value="ET">기타</option>
|
||||
</select>
|
||||
<div class="search_list"></div>
|
||||
</div>
|
||||
<button id="btnSearchWebFeedback" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="webFeedbackGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="webFeedbackPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="webFeedbackSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/feedbackReception/FeedbackReception.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
157
src/main/resources/templates/web/group/groupSelectList.html
Normal file
157
src/main/resources/templates/web/group/groupSelectList.html
Normal file
@@ -0,0 +1,157 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/hospital_group.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_hospital_group.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
|
||||
let groupStart = "[[${param.groupStart}]]"==""?0:"[[${param.groupStart}]]";
|
||||
let groupLimit = "[[${param.groupLimit}]]"==""?15:"[[${param.groupLimit}]]";
|
||||
let dutyStart = "[[${param.groupStart}]]"==""?0:"[[${param.groupStart}]]";
|
||||
let dutyLimit = "[[${param.groupLimit}]]"==""?15:"[[${param.groupLimit}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<div class="tab_panel" role="tabpanel">
|
||||
<!-- Nav tabs -->
|
||||
<div class="nav_box">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active">
|
||||
<a href="#group" aria-controls="group" role="tab" data-toggle="tab">
|
||||
<p>조직 설정</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li role="presentation">
|
||||
<a href="#job" aria-controls="job" role="tab" data-toggle="tab">
|
||||
<p>직무 설정</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li role="presentation">
|
||||
<a href="#authority" aria-controls="authority" role="tab" data-toggle="tab">
|
||||
<p>권한 설정</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane group active" id="group">
|
||||
<ul class="group_item_list" id="groupItemList">
|
||||
<li>
|
||||
<p class="title">조직</p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInserGroup" class="group_item_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/group_btn_icon.svg" alt="조직 추가"/>조직 추가
|
||||
</button>
|
||||
<button id="btnDeleteGroup" class="delete_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
<li id="groupGrid" class="table_box ag-theme-balham groupGrid"></li>
|
||||
</ul>
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="groupPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane job" id="job">
|
||||
<ul class="group_item_list" id="dutyItemList">
|
||||
<li>
|
||||
<p class="title">직무</p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertDuty" class="group_item_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/group_btn_icon.svg" alt="직무 추가"/>직무 추가
|
||||
</button>
|
||||
<button id="btnDeleteDuty" class="delete_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
<li id="dutyGrid" class="table_box ag-theme-balham dutyGrid"></li>
|
||||
</ul>
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="dutyPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane authority" id="authority">
|
||||
<ul class="authority_list" id="authorityList">
|
||||
<li>
|
||||
<p class="title">권한 그룹</p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnAddAuthRow" class="authority_item_btn">
|
||||
<img src="/image/web/group_btn_icon.svg" alt="권한그룹 추가"/>권한그룹 추가
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="authority_table_box">
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<p class="title">권한 (실장)</p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<input type="hidden" id="muAuthId"/>
|
||||
<button id="btnUpdateAuthMenuRelation" class="save_btn">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="table_check_box"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="groupSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/group/groupSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/group/popup/groupInsertPop.js"></script>
|
||||
<script src="/js/web/group/popup/groupUpdatePop.js"></script>
|
||||
|
||||
<script src="/js/web/duty/popup/dutyInsertPop.js"></script>
|
||||
<script src="/js/web/duty/popup/dutyUpdatePop.js"></script>
|
||||
|
||||
<script src="/js/web/auth/popup/authInsertPop.js"></script>
|
||||
<script src="/js/web/auth/popup/authUpdatePop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
529
src/main/resources/templates/web/home/home.html
Normal file
529
src/main/resources/templates/web/home/home.html
Normal file
@@ -0,0 +1,529 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/home.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_home.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_customer_sub_consulting.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_customer_sub_sisul.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_home_message.css?v1.0">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script>
|
||||
let menuClass = "[[${menuClass}]]"==""?"":"[[${menuClass}]]";
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<div class="home_wrap">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<div class="calendar" id="date_reserveSearchDate"></div>
|
||||
|
||||
<div class="notice">
|
||||
<p>금일 공지사항</p>
|
||||
|
||||
<div id="noticeBox" class="subject"></div>
|
||||
</div>
|
||||
|
||||
<div class="situation">
|
||||
<p>금일 근무 현황</p>
|
||||
|
||||
<div id="attendanceBox" class="subject"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 왼쪽 - 반응형버튼 -->
|
||||
<ul class="media_button_left">
|
||||
<li>
|
||||
<button class="show_btn calendar_btn" onclick="calendar()"><img src="/image/web/menu_8_off.svg" alt="menu"/></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="show_btn notice_btn" onclick="notice()"><img src="/image/web/menu_8_off.svg" alt="menu"/></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="show_btn situation_btn" onclick="situation()"><img src="/image/web/menu_8_off.svg" alt="menu"/></button>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<div class="tab_panel" role="tabpanel">
|
||||
<!-- 탭 -->
|
||||
<div class="nav_box">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active">
|
||||
<a href="#career" aria-controls="career" role="tab" data-toggle="tab">
|
||||
<p>예약현황</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- 예약상황 -->
|
||||
<ul class="user_number">
|
||||
<li>예약 <span class="tStatusCount">0</span><p class="treartmentCountCount"></p></li>
|
||||
<li>접수 <span class="rStatusCount">0</span><p class="treartmentCountCount2"></p></li>
|
||||
<li>진료중 <span class="gStatusCount">0</span></li>
|
||||
<li>수납 <span class="pStatusCount">0</span><p class="treartmentCountCount3"></p></li>
|
||||
<li>예약취소 <span class="tnStatusCount">0</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="career">
|
||||
<div class="filter_box">
|
||||
<p>스케줄 필터</p>
|
||||
|
||||
<div class="form_box">
|
||||
<div class="multiSelectBox">
|
||||
<select id="sel_reserveTreatment" multiple data-actions-box="true">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="multiSelectBox">
|
||||
<select id="sel_reserveTreatmentProcedure" multiple data-actions-box="true">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="multiSelectBox">
|
||||
<select id="sel_reserveMember" multiple data-actions-box="true">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="multiSelectBox">
|
||||
<select id="sel_reserveReserveVisit" multiple data-actions-box="true">
|
||||
</select>
|
||||
</div>
|
||||
<div class="search_list_box">
|
||||
<button class="search_btn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 예약현황표 -->
|
||||
<div class="main_content">
|
||||
<!-- 1. 시간 -->
|
||||
<ul class="time"></ul>
|
||||
|
||||
<div class="table_box" style="position:relative;">
|
||||
<!-- 2. 직원 -->
|
||||
<div class="top_box">
|
||||
<div class="diagnosis_list"></div>
|
||||
</div>
|
||||
<!-- 3. 예약현황 -->
|
||||
<div class="bottom_box"></div>
|
||||
|
||||
<div id="homeContextMenu" style="position:absolute; display:none; background:red; z-index:1; width:200px; height:100px;">
|
||||
<ul class="dropdown-menu">
|
||||
<li onclick="fn_insertReservePopup('')">
|
||||
<p class="list">예약하기</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 오른쪽 - 반응형버튼 -->
|
||||
<div class="media_button_right">
|
||||
<button onClick="rightOpen()">임시버튼</button>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 오른쪽_예약목로그,진료대기,진료끝 -->
|
||||
<div class="right_box">
|
||||
<div class="tab_panel" role="tabpanel">
|
||||
<!-- Nav tabs -->
|
||||
<div class="nav_box">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active">
|
||||
<a class="active" href="#reservation_list" aria-controls="reservation_list" role="tab" data-toggle="tab">
|
||||
<p>예약목록</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li role="presentation">
|
||||
<a href="#diagnosis_list" aria-controls="diagnosis_list" role="tab" data-toggle="tab">
|
||||
<p>접수</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li role="presentation">
|
||||
<a href="#treatment_list" aria-controls="treatment_list" role="tab" data-toggle="tab">
|
||||
<p>진료중</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li role="presentation">
|
||||
<a href="#complete_list" aria-controls="complete_list" role="tab" data-toggle="tab">
|
||||
<p>진료끝</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 탭 상세 -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="reservation_list">
|
||||
<!-- 접수,접수취소,검색 -->
|
||||
<div class="form_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">예약</button>
|
||||
<input type="hidden" id="reservationStatus" value=""/>
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item">
|
||||
<input type="hidden" name="comboId" value="T"/>
|
||||
<span>예약</span>
|
||||
</li>
|
||||
<li class="option_list_item">
|
||||
<input type="hidden" name="comboId" value="TN"/>
|
||||
<span>예약취소</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료 전체</button>
|
||||
<input type="hidden" id="reservationTreatmentId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_B.svg" alt="search"/>
|
||||
<input type="text" id="reservationSeaerchKeyword" placeholder="">
|
||||
</div>
|
||||
|
||||
<div class="search_list_box">
|
||||
<button class="search_btn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 환자리스트 -->
|
||||
<div class="reservation_box">
|
||||
<div class="reservation_title">
|
||||
<!-- <label for="checkAll" class="chk_box">
|
||||
<input type="checkbox" id="checkAll" checked="checked">
|
||||
<span class="on"></span>
|
||||
</label> -->
|
||||
<p class="user">이름/진료정보</p>
|
||||
<p class="time">예약시간</p>
|
||||
<p class="memo">예약/접수메모</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="reservation_list">
|
||||
<li>
|
||||
<p>조회 정보가 없습니다.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane" id="diagnosis_list">
|
||||
<!-- 접수,접수취소,검색 -->
|
||||
<div class="form_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">접수</button>
|
||||
<input type="hidden" id="diagnosisStatus" value="R"/>
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item">
|
||||
<input type="hidden" name="comboId" value="R"/>
|
||||
<span>접수</span>
|
||||
</li>
|
||||
<li class="option_list_item">
|
||||
<input type="hidden" name="comboId" value="RN"/>
|
||||
<span>접수취소</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료 전체</button>
|
||||
<input type="hidden" id="diagnosisTreatmentId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_B.svg" alt=""/>
|
||||
<input type="text" id="diagnosisSeaerchKeyword" placeholder="">
|
||||
</div>
|
||||
|
||||
<div class="search_list_box">
|
||||
<button class="search_btn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 환자리스트 -->
|
||||
<div class="diagnosis_box">
|
||||
<div class="diagnosis_title">
|
||||
<!-- <label for="allCheck" class="chk_box">
|
||||
<input type="checkbox" id="allCheck" checked="checked">
|
||||
<span class="on"></span>
|
||||
</label> -->
|
||||
|
||||
<p class="user">이름/진료정보</p>
|
||||
<p class="time">예약시간</p>
|
||||
<p class="memo">예약/접수메모</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="diagnosis_list">
|
||||
<li>
|
||||
<p>조회 정보가 없습니다.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane" id="treatment_list">
|
||||
<div class="form_box">
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료 전체</button>
|
||||
<input type="hidden" id="treatmentTreatmentId" value="">
|
||||
|
||||
<ul class="select_option_list dropdown-menu"> <li class="option_list_item"> <input type="hidden" name="comboId" value=""> <span>진료 전체</span></li><li class="option_list_item"> <input type="hidden" name="comboId" value="T171979943377400000000010"> <span>비만</span></li><li class="option_list_item"> <input type="hidden" name="comboId" value="T171979944160300000000011"> <span>피부</span></li><li class="option_list_item"> <input type="hidden" name="comboId" value="T171979944754000000000012"> <span>쁘띠</span></li><li class="option_list_item"> <input type="hidden" name="comboId" value="T171979948889700000000016"> <span>기타</span></li></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_B.svg" alt="search"/>
|
||||
<input type="text" id="treatmentSeaerchKeyword" placeholder="">
|
||||
</div>
|
||||
|
||||
<div class="search_list_box">
|
||||
<button class="search_btn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 환자리스트 -->
|
||||
<div class="treatment_box">
|
||||
<div class="diagnosis_title">
|
||||
<!-- <label for="allCheck" class="chk_box">
|
||||
<input type="checkbox" id="allCheck" checked="checked">
|
||||
<span class="on"></span>
|
||||
</label> -->
|
||||
|
||||
<p class="user">이름/진료정보</p>
|
||||
<p class="time">예약시간</p>
|
||||
<p class="memo">예약/접수메모</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="diagnosis_list">
|
||||
<li>
|
||||
<p>조회 정보가 없습니다.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane" id="complete_list">
|
||||
<div class="form_box">
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료 전체</button>
|
||||
<input type="hidden" id="completeTreatmentId" value="">
|
||||
|
||||
<ul class="select_option_list dropdown-menu"> <li class="option_list_item"> <input type="hidden" name="comboId" value=""> <span>진료 전체</span></li><li class="option_list_item"> <input type="hidden" name="comboId" value="T171979943377400000000010"> <span>비만</span></li><li class="option_list_item"> <input type="hidden" name="comboId" value="T171979944160300000000011"> <span>피부</span></li><li class="option_list_item"> <input type="hidden" name="comboId" value="T171979944754000000000012"> <span>쁘띠</span></li><li class="option_list_item"> <input type="hidden" name="comboId" value="T171979948889700000000016"> <span>기타</span></li></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_B.svg" alt="search"/>
|
||||
<input type="text" id="completeSeaerchKeyword" placeholder="">
|
||||
</div>
|
||||
|
||||
<div class="search_list_box">
|
||||
<button class="search_btn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="complete_box">
|
||||
<div class="complete_title">
|
||||
<p class="user">이름/진료정보</p>
|
||||
<p class="time">예약시간</p>
|
||||
<p class="whether">수납여부</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="complete_list">
|
||||
<li>
|
||||
<p>조회 정보가 없습니다.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- user_info -->
|
||||
<div class="user_info">
|
||||
<input type="hidden" id="hiddenMuUserId">
|
||||
<div class="user_info_top">
|
||||
<p class="user userName" id="homeRightUserInfoName" style="cursor:pointer;"></p>
|
||||
<button class="close_btn"><img src='/image/web/close.svg' alt="close"/></button>
|
||||
</div>
|
||||
<div class="user_info_bottom">
|
||||
<ul class="user_info_bottom_top">
|
||||
<li>
|
||||
<p class="label">인적사항</p>
|
||||
<p class="info">
|
||||
<span class="birthday"></span>
|
||||
<span class="age"></span>
|
||||
<span class="gender"></span>
|
||||
<span class="nationality"></span>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="label">연락처</p>
|
||||
<p class="info phoneNumber"></p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="label" id="homeRightUserInfoPhysical" style="cursor:pointer;">신체기록</p>
|
||||
<p class="info userPhysical"></p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="label">고객구분</p>
|
||||
<p class="info userType"></p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="label">특이사항</p>
|
||||
<p class="info etc"></p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="label">고객메모</p>
|
||||
<p class="info memo"></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="ul_top">
|
||||
<p>예약 정보</p>
|
||||
<!--<button class="info_btn">예약 상세 정보</button>-->
|
||||
</div>
|
||||
<ul class="user_info_bottom_center">
|
||||
<li>
|
||||
<p class="label">상태</p>
|
||||
<p class="info statusImg"></p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="label">예약시간</p>
|
||||
<p class="info reserveDateTime"></p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="label">방문유형</p>
|
||||
<p class="info visitType">재진</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="label">닥터/상담</p>
|
||||
<p class="info reserveMemberName"></p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="label">진료유형</p>
|
||||
<p class="info treatmentName"></p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="label">시술명</p>
|
||||
<p class="info treatmentProcedureName"></p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="label">예약메모</p>
|
||||
<p class="info reserveEtc">-</p>
|
||||
</li>
|
||||
<li class="newUserHidden" style="display:none;">
|
||||
<p class="label">차트</p>
|
||||
<p class="info">
|
||||
<button class="counseling_btn"><img src='/image/web/bubble.svg' alt="상담차트"/>상담차트</button>
|
||||
<button class="surgery_btn"><img src='/image/web/hospital_btn.svg' alt="시술차트"/>시술차트</button>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="button_box">
|
||||
<button class="modify_btn"><img src="/image/web/menu_6_on.svg" alt="수정"/>수정</button>
|
||||
<button class="accept_btn"><img src="/image/web/receipt.svg" alt="접수"/>접수</button>
|
||||
<button class="new_user_btn newUser" style="display:none;"><img src="/image/web/registration.svg" alt="신환등록"/>신환등록</button>
|
||||
<button class="calculation_btn newUserHidden" style="display:none;"><img src="/image/web/menu_3_on.svg" alt="수납"/>수납</button>
|
||||
</div>
|
||||
|
||||
<div class="table_top newUserHidden" style="display:none;">
|
||||
<p>이용 내역</p>
|
||||
<button class="more_btn">내역 더보기</button>
|
||||
</div>
|
||||
<div class='table_box newUserHidden' style="display:none;">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>예약날짜</th>
|
||||
<th>진료유형</th>
|
||||
<th>닥터/상담</th>
|
||||
<th>상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="4">조회 내역이 없습니다.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script>
|
||||
$(function(){
|
||||
|
||||
});
|
||||
</script>
|
||||
<script src="/js/web/home/homeSelectList.js"></script>
|
||||
<script src="/js/web/home/popup/homeSmsInsertPop.js"></script>
|
||||
<script src="/js/web/kicc/kiccPosDll.js"></script>
|
||||
<script src="/js/web/userconsultingchart/popup/userConsultingChartUpdatePop.js"></script>
|
||||
<script src="/js/web/usermedicalchart/popup/userMedicalChartUpdatePop.js"></script>
|
||||
<script src="/js/web/reserve/popup/reservePaymentInsertPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/discountInsertPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/discountPayCheckPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentMembershipInsertPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/membershipPayCheckPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentMembershipPartialPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentMonetizationPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentAccountPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentCancellationPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentCancellationPayPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentRefundPop.js"></script>
|
||||
|
||||
<script src="/js/web/user/popup/userInfoUpdatePop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
582
src/main/resources/templates/web/hospital/hospitalOther.html
Normal file
582
src/main/resources/templates/web/hospital/hospitalOther.html
Normal file
@@ -0,0 +1,582 @@
|
||||
<!--<!DOCTYPE html>-->
|
||||
<!--<html xmlns="http://www.w3.org/1999/xhtml"-->
|
||||
<!-- xmlns:th="http://www.thymeleaf.org"-->
|
||||
<!-- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"-->
|
||||
<!-- layout:decorate="~{/web/layout/homeLayout}">-->
|
||||
<!-- <th:block layout:fragment="layout_css">-->
|
||||
<!-- <link rel="stylesheet" href="/css/web/hospital_other.css">-->
|
||||
<!-- </th:block>-->
|
||||
|
||||
<!--<th:block layout:fragment="layout_top_script">-->
|
||||
<!--<script>-->
|
||||
<!--let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";-->
|
||||
|
||||
<!--let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";-->
|
||||
<!--let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";-->
|
||||
<!--let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";-->
|
||||
<!--let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";-->
|
||||
<!--let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";-->
|
||||
|
||||
<!--</script>-->
|
||||
<!--</th:block>-->
|
||||
<!--<th:block layout:fragment="layout_content">-->
|
||||
<!--<input type="hidden" id="muHospitalId">-->
|
||||
<!-- <!– 센터쪽 –>-->
|
||||
<!-- <div class="center_box">-->
|
||||
<!-- <p class="page_title">기타 설정</p>-->
|
||||
|
||||
<!-- <div class="info_box">-->
|
||||
<!-- <div class="info first">-->
|
||||
<!-- <div class="form_box">-->
|
||||
<!-- <p class="title">고객 정보 설정</p>-->
|
||||
|
||||
<!-- <div class="content_box">-->
|
||||
<!-- <p class="label">국적</p>-->
|
||||
<!-- <div class="table_box">-->
|
||||
<!-- <table>-->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <th>순서</th>-->
|
||||
<!-- <th>구분</th>-->
|
||||
<!-- <th>메모</th>-->
|
||||
<!-- <th></th>-->
|
||||
<!-- <th></th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </thead>-->
|
||||
<!-- <tbody id="nationality">-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td></td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="입력"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="add_box">–>-->
|
||||
<!--<!– <button class="add_btn"><img src="/image/web/add.svg" alt="추가"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!–<!– <td>–>–>-->
|
||||
<!--<!–<!– <div class="button_box">–>–>-->
|
||||
<!--<!–<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>–>-->
|
||||
<!--<!–<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>–>-->
|
||||
<!--<!–<!– </div>–>–>-->
|
||||
<!--<!–<!– </td>–>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="content_box">-->
|
||||
<!-- <p class="label">고객 구분</p>-->
|
||||
<!-- <div class="table_box">-->
|
||||
<!-- <table>-->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <th>순서</th>-->
|
||||
<!-- <th>구분</th>-->
|
||||
<!-- <th>메모</th>-->
|
||||
<!-- <th></th>-->
|
||||
<!-- <th></th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </thead>-->
|
||||
<!-- <tbody id="userType">-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td>1</td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="file_box">–>-->
|
||||
<!--<!– <input class="upload-name" placeholder="파일 업로드">–>-->
|
||||
<!--<!– <label for="file" class="file_btn">업로드</label>–>-->
|
||||
<!--<!– <input type="file" id="file">–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="subtract_box">–>-->
|
||||
<!--<!– <button><img src="/image/web/subtract.svg" alt="삭제"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="button_box">–>-->
|
||||
<!--<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>-->
|
||||
<!--<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td>2</td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="file_box">–>-->
|
||||
<!--<!– <input class="upload-name" placeholder="파일 업로드">–>-->
|
||||
<!--<!– <label for="file" class="file_btn">업로드</label>–>-->
|
||||
<!--<!– <input type="file" id="file">–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="subtract_box">–>-->
|
||||
<!--<!– <button><img src="/image/web/subtract.svg" alt="삭제"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="button_box">–>-->
|
||||
<!--<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>-->
|
||||
<!--<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td></td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="file_box">–>-->
|
||||
<!--<!– <input class="upload-name" placeholder="파일 업로드">–>-->
|
||||
<!--<!– <label for="file" class="file_btn">업로드</label>–>-->
|
||||
<!--<!– <input type="file" id="file">–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="add_box">–>-->
|
||||
<!--<!– <button class="add_btn"><img src="/image/web/add.svg" alt="추가"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!–<!– <td>–>–>-->
|
||||
<!--<!–<!– <div class="button_box">–>–>-->
|
||||
<!--<!–<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>–>-->
|
||||
<!--<!–<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>–>-->
|
||||
<!--<!–<!– </div>–>–>-->
|
||||
<!--<!–<!– </td>–>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="content_box">-->
|
||||
<!-- <p class="label">방문 경로</p>-->
|
||||
<!-- <div class="table_box">-->
|
||||
<!-- <table>-->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <th>순서</th>-->
|
||||
<!-- <th>구분</th>-->
|
||||
<!-- <th>메모</th>-->
|
||||
<!-- <th></th>-->
|
||||
<!-- <th></th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </thead>-->
|
||||
<!-- <tbody id="channel">-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td>1</td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" value="포털 검색"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="subtract_box">–>-->
|
||||
<!--<!– <button><img src="/image/web/subtract.svg" alt="삭제"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="button_box">–>-->
|
||||
<!--<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>-->
|
||||
<!--<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td>2</td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" value="SNS"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="subtract_box">–>-->
|
||||
<!--<!– <button><img src="/image/web/subtract.svg" alt="삭제"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="button_box">–>-->
|
||||
<!--<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>-->
|
||||
<!--<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td>3</td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" value="지인 소개"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="subtract_box">–>-->
|
||||
<!--<!– <button><img src="/image/web/subtract.svg" alt="삭제"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="button_box">–>-->
|
||||
<!--<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>-->
|
||||
<!--<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td>4</td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" value="에이전시A"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="subtract_box">–>-->
|
||||
<!--<!– <button><img src="/image/web/subtract.svg" alt="삭제"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="button_box">–>-->
|
||||
<!--<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>-->
|
||||
<!--<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td></td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="입력"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="add_box">–>-->
|
||||
<!--<!– <button class="add_btn"><img src="/image/web/add.svg" alt="추가"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!–<!– <td>–>–>-->
|
||||
<!--<!–<!– <div class="button_box">–>–>-->
|
||||
<!--<!–<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>–>-->
|
||||
<!--<!–<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>–>-->
|
||||
<!--<!–<!– </div>–>–>-->
|
||||
<!--<!–<!– </td>–>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="button_box">-->
|
||||
<!-- <button class="save_btn">저장</button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="info last">-->
|
||||
<!-- <div class="form_box">-->
|
||||
<!-- <p class="title last">예약 정보 설정</p>-->
|
||||
|
||||
<!-- <div class="content_box">-->
|
||||
<!-- <p class="label">방문 경로</p>-->
|
||||
<!-- <div class="table_box">-->
|
||||
<!-- <table>-->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <th>순서</th>-->
|
||||
<!-- <th>구분</th>-->
|
||||
<!-- <th>메모</th>-->
|
||||
<!-- <th></th>-->
|
||||
<!-- <th></th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </thead>-->
|
||||
<!-- <tbody id="reservation">-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td>1</td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" value="네이버"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="subtract_box">–>-->
|
||||
<!--<!– <button><img src="/image/web/subtract.svg" alt="삭제"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="button_box">–>-->
|
||||
<!--<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>-->
|
||||
<!--<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td>2</td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" value="카카오"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="subtract_box">–>-->
|
||||
<!--<!– <button><img src="/image/web/subtract.svg" alt="삭제"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="button_box">–>-->
|
||||
<!--<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>-->
|
||||
<!--<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td>3</td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" value="상담"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="subtract_box">–>-->
|
||||
<!--<!– <button><img src="/image/web/subtract.svg" alt="삭제"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="button_box">–>-->
|
||||
<!--<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>-->
|
||||
<!--<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td>4</td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" value="전화"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="subtract_box">–>-->
|
||||
<!--<!– <button><img src="/image/web/subtract.svg" alt="삭제"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="button_box">–>-->
|
||||
<!--<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>-->
|
||||
<!--<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td>5</td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" value="기타"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="subtract_box">–>-->
|
||||
<!--<!– <button><img src="/image/web/subtract.svg" alt="삭제"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="button_box">–>-->
|
||||
<!--<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>-->
|
||||
<!--<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!--<!– <tr>–>-->
|
||||
<!--<!– <td></td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="입력"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="input_box">–>-->
|
||||
<!--<!– <input type="text" placeholder="메모"/>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!– <td>–>-->
|
||||
<!--<!– <div class="add_box">–>-->
|
||||
<!--<!– <button class="add_btn"><img src="/image/web/add.svg" alt="추가"></button>–>-->
|
||||
<!--<!– </div>–>-->
|
||||
<!--<!– </td>–>-->
|
||||
<!--<!–<!– <td>–>–>-->
|
||||
<!--<!–<!– <div class="button_box">–>–>-->
|
||||
<!--<!–<!– <button class="up_btn"><img src='/image/web/select_arrow.svg' alt="up"/></button>–>–>-->
|
||||
<!--<!–<!– <button class="down_btn"><img src='/image/web/select_arrow.svg' alt="down"/></button>–>–>-->
|
||||
<!--<!–<!– </div>–>–>-->
|
||||
<!--<!–<!– </td>–>–>-->
|
||||
<!--<!– </tr>–>-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="button_box">-->
|
||||
<!-- <button class="save_btn">저장</button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <form id="hospitalUpdateForm" onsubmit="return false;"></form>-->
|
||||
<!--</th:block>-->
|
||||
|
||||
<!--<th:block layout:fragment="layout_popup">-->
|
||||
<!--</th:block>-->
|
||||
<!--<th:block layout:fragment="layout_script">-->
|
||||
<!--<script src="/js/web/hospital/hospitalOther.js"></script>-->
|
||||
<!--<script>-->
|
||||
<!-- // 파일업로드-->
|
||||
<!-- $("#file").on('change',function(){-->
|
||||
<!-- var fileName = $("#file").val();-->
|
||||
<!-- $(".upload-name").val(fileName);-->
|
||||
<!-- });-->
|
||||
<!-- </script>-->
|
||||
<!--</th:block>-->
|
||||
<!--</html>-->
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/hospital_other.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_hospital_other.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let categorySort = "[[${param.categorySort}]]";
|
||||
let categoryDir = "[[${param.categoryDir}]]";
|
||||
let categoryStart = "[[${param.categoryStart}]]"==""?0:"[[${param.categoryStart}]]";
|
||||
let categoryLimit = "[[${param.categoryLimit}]]"==""?15:"[[${param.categoryLimit}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<input type="hidden" id="muHospitalId">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">기타 설정</p>
|
||||
|
||||
<div class="group_item_list">
|
||||
<div class="title">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id="categoryList"></ul>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertCategory" class="category_item_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/group_btn_icon.svg" alt="카테고리 추가"/>카테고리 추가
|
||||
</button>
|
||||
<button id="btnDeleteCategory" class="delete_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="categoryItemGrid" class="table_box ag-theme-balham categoryGrid"></div>
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="categoryPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="groupSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/hospital/hospitalOther.js"></script>
|
||||
|
||||
<script src="/js/web/hospital/popup/otherInsertPop.js"></script>
|
||||
<script src="/js/web/hospital/popup/otherUpdatePop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
493
src/main/resources/templates/web/hospital/hospitalUpdate.html
Normal file
493
src/main/resources/templates/web/hospital/hospitalUpdate.html
Normal file
@@ -0,0 +1,493 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/hospital_info.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<input type="hidden" id="muHospitalId">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">병원 기본정보</p>
|
||||
|
||||
<div class="info_box">
|
||||
<div class="info">
|
||||
<div class="form_box first">
|
||||
<p class="title">운영시간</p>
|
||||
|
||||
<div class="time_box">
|
||||
<p class="time_title">운영시간</p>
|
||||
|
||||
<ul class="time_list">
|
||||
<li class="list_title_li">
|
||||
<span class="list_title">요일</span>
|
||||
<span class="list_title">운영시간</span>
|
||||
<span class="list_title">휴게시간</span>
|
||||
<span class="list_title">운영여부</span>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="day_box">
|
||||
<p class="day">월요일</p>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="monOpenStartTime">
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id="selMonOpenStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="monOpenEndTime">
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id="selMonOpenEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="monBreakStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selMonBreakStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="monBreakEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selMonBreakEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper_box">
|
||||
<div class="wrapper">
|
||||
<input type="checkbox" id="checkMonOpenYn" class="switch_input" value="Y">
|
||||
<label for="checkMonOpenYn" class="switch_label">
|
||||
<span class="switch_btn"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="day_box">
|
||||
<p class="day">화요일</p>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="tueOpenStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selTueOpenStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="tueOpenEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selTueOpenEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="tueBreakStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selTueBreakStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="tueBreakEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selTueBreakEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper_box">
|
||||
<div class="wrapper">
|
||||
<input type="checkbox" id="checkTueOpenYn" class="switch_input" value="Y">
|
||||
<label for="checkTueOpenYn" class="switch_label">
|
||||
<span class="switch_btn"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="day_box">
|
||||
<p class="day">수요일</p>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="wedOpenStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selWedOpenStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="wedOpenEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selWedOpenEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="wedBreakStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selWedBreakStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="wedBreakEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selWedBreakEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper_box">
|
||||
<div class="wrapper">
|
||||
<input type="checkbox" id="checkWedOpenYn" class="switch_input" value="Y">
|
||||
<label for="checkWedOpenYn" class="switch_label">
|
||||
<span class="switch_btn"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="day_box">
|
||||
<p class="day">목요일</p>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="thuOpenStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selThuOpenStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="thuOpenEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selThuOpenEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="thuBreakStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selThuBreakStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="thuBreakEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selThuBreakEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper_box">
|
||||
<div class="wrapper">
|
||||
<input type="checkbox" id="checkThuOpenYn" class="switch_input" value="Y">
|
||||
<label for="checkThuOpenYn" class="switch_label">
|
||||
<span class="switch_btn"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="day_box">
|
||||
<p class="day">금요일</p>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="friOpenStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selFriOpenStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="friOpenEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selFriOpenEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="friBreakStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selFriBreakStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="friBreakEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selFriBreakEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper_box">
|
||||
<div class="wrapper">
|
||||
<input type="checkbox" id="checkFriOpenYn" class="switch_input" value="Y">
|
||||
<label for="checkFriOpenYn" class="switch_label">
|
||||
<span class="switch_btn"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="day_box">
|
||||
<p class="day">토요일</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="satOpenStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selSatOpenStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="satOpenEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selSatOpenEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="satBreakStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selSatBreakStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="satBreakEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selSatBreakEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper_box">
|
||||
<div class="wrapper">
|
||||
<input type="checkbox" id="checkSatOpenYn" class="switch_input" value="Y">
|
||||
<label for="checkSatOpenYn" class="switch_label">
|
||||
<span class="switch_btn"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="day_box">
|
||||
<p class="day">일요일</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="sunOpenStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selSunOpenStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="sunOpenEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selSunOpenEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_time_list_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="sunBreakStartTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selSunBreakStartTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
|
||||
<span class="slash">~</span>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>00:00</button>
|
||||
<input type="hidden" id="sunBreakEndTime">
|
||||
<ul class="select_option_list dropdown-menu" id="selSunBreakEndTime"></ul>
|
||||
</div><!--select_box-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper_box">
|
||||
<div class="wrapper">
|
||||
<input type="checkbox" id="checkSunOpenYn" class="switch_input" value="Y">
|
||||
<label for="checkSunOpenYn" class="switch_label">
|
||||
<span class="switch_btn"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="holiday_box">
|
||||
<p class="holiday_title">법정 공휴일</p>
|
||||
|
||||
<div class="check_holiday_box">
|
||||
<div class="check_box">
|
||||
<label for="checkPublicHolidayUseYn">
|
||||
<input class="select_check_hide" type="checkbox" id="checkPublicHolidayUseYn" name="checkPublicHolidayUseYn" value="Y">
|
||||
<div class="select_check_show"></div>
|
||||
</label>
|
||||
</div>
|
||||
<span>법정 공휴일 반영</span>
|
||||
</div>
|
||||
</div><!--content_box-->
|
||||
|
||||
<div class="hospital_box">
|
||||
<p class="hospital_title">운영시간</p>
|
||||
|
||||
<ul class="hospital_list" id="hospitalHolidayList">
|
||||
<li class="list_title_li">
|
||||
<span class="list_title">휴일명</span>
|
||||
<span class="list_title">날짜</span>
|
||||
<span class="list_title">일정반복</span>
|
||||
<span class="list_title"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="form_box">
|
||||
<p class="title">최고관리자 설정</p>
|
||||
|
||||
<div class="admset_box">
|
||||
<p class="admset_title">아이디</p>
|
||||
|
||||
<div class="input_box">
|
||||
<input type="hidden" id="txt_muMemberId">
|
||||
<input type="text" id="txt_memberName" placeholder="" disabled>
|
||||
<a href="#">최고관리자 이관</a>
|
||||
|
||||
<p class="comment">*관리자 권한 계정에게만 이관이 가능합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="button_box">
|
||||
<button id="btnUpdateHospital">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="hospitalUpdateForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/hospital/hospitalUpdate.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
80
src/main/resources/templates/web/include/emptyHead.html
Normal file
80
src/main/resources/templates/web/include/emptyHead.html
Normal file
@@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lagn="ko"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
<th:block th:fragment="layout_head">
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="/bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="/css/web/font.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/common.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/header.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_common.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/jquery-ui.css">
|
||||
<link rel="stylesheet" href="/js/web/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="/css/web/loadingAnimations2.css">
|
||||
|
||||
<th:block layout:fragment="layout_css"></th:block>
|
||||
<th:block layout:fragment="layout_menu_css"></th:block>
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="/js/web/jquery.min.js"></script>
|
||||
<script src="/bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="/js/web/jquery-ui.js"></script>
|
||||
<script src="/js/web/data.js"></script>
|
||||
<script src="/js/web/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="/js/web/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="/js/web/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
|
||||
<th:block th:replace="/web/include/modal :: layout_modal"></th:block>
|
||||
<div class="loading-image-layer" style="z-index:2000;background:#000;opacity:.2;position:fixed;width:100%;height:100%;display:none;">
|
||||
<ul>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let modalArr = new Array();
|
||||
let modalBackYn = 'N';
|
||||
|
||||
/* window.addEventListener('hashchange', modalCloseEvent, false); */
|
||||
</script>
|
||||
</th:block>
|
||||
</html>
|
||||
107
src/main/resources/templates/web/include/head.html
Normal file
107
src/main/resources/templates/web/include/head.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html lagn="ko"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
<th:block th:fragment="layout_head">
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="/bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="/css/web/font.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/common.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/header.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_common.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/jquery-ui.css">
|
||||
<link rel="stylesheet" href="/js/web/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="/css/web/loadingAnimations2.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
|
||||
<th:block layout:fragment="layout_css"></th:block>
|
||||
<th:block layout:fragment="layout_menu_css"></th:block>
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="/js/web/jquery.min.js"></script>
|
||||
<script src="/bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="/js/web/jquery-ui.js"></script>
|
||||
<script src="/js/web/data.js"></script>
|
||||
<script src="/js/web/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="/js/web/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="/js/web/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js"></script>
|
||||
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
|
||||
<script src="/js/web/common.js"></script>
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
|
||||
<!-- bootstrap-select-1.13.14 -->
|
||||
<link rel="stylesheet" type="text/css" href="/js/web/bootstrap-select-1.13.14/dist/css/bootstrap-select.min.css" />
|
||||
<script src="/js/web/bootstrap-select-1.13.14/dist/js/bootstrap-select.min.js"></script>
|
||||
|
||||
<th:block th:replace="/web/include/modal :: layout_modal"></th:block>
|
||||
<div class="loading-image-layer" style="z-index:2000;background:#000;opacity:.2;position:fixed;width:100%;height:100%;display:none;">
|
||||
<ul>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let loginMemberId = "[[${session.loginMemberId}]]";
|
||||
let loginMemberName = "[[${session.loginName}]]";
|
||||
|
||||
let isSessionConfirm = false;
|
||||
let windowWidth = $(window).width();
|
||||
let windowHeight = $(window).height();
|
||||
|
||||
let modalArr = new Array();
|
||||
let modalBackYn = 'N';
|
||||
|
||||
/* window.addEventListener('hashchange', modalCloseEvent, false); */
|
||||
|
||||
|
||||
$(function(){
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
</html>
|
||||
362
src/main/resources/templates/web/include/modal.html
Normal file
362
src/main/resources/templates/web/include/modal.html
Normal file
@@ -0,0 +1,362 @@
|
||||
<!DOCTYPE html>
|
||||
<html lagn="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
<th:block th:fragment="layout_modal">
|
||||
<div id="modalBox"></div>
|
||||
|
||||
<script>
|
||||
let viewScrollY = 0;
|
||||
|
||||
//success Modal 셋팅
|
||||
function fn_setSuccessModal(targetId){
|
||||
let successModalHTML = '';
|
||||
successModalHTML += '<div class="modal fade success" id="'+targetId+'" tabIndex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">';
|
||||
successModalHTML += ' <div class="modal-dialog">';
|
||||
successModalHTML += ' <div class="modal-content">';
|
||||
successModalHTML += ' <div class="modal-body">';
|
||||
successModalHTML += ' <p class="title"></p>';
|
||||
successModalHTML += ' <p class="text"></p>';
|
||||
successModalHTML += ' </div>';
|
||||
|
||||
successModalHTML += ' <div class="modal-footer">';
|
||||
successModalHTML += ' <button type="button" class="check_bth btn-Success">확인</button>';
|
||||
successModalHTML += ' </div>';
|
||||
successModalHTML += ' </div>';
|
||||
successModalHTML += ' </div>';
|
||||
successModalHTML += '</div>';
|
||||
|
||||
$("#modalBox").append(successModalHTML);
|
||||
|
||||
if(''==viewScrollY){
|
||||
viewScrollY = pageYOffset;
|
||||
}
|
||||
|
||||
//$('.content_wrap .center').attr('style','top:-'+viewScrollY+'px');
|
||||
|
||||
document.body.style.overflow = 'hidden';
|
||||
}
|
||||
|
||||
//danger Modal 셋팅
|
||||
function fn_setDangerModal(targetId){
|
||||
let dangerModalHTML = '';
|
||||
dangerModalHTML += '<div class="modal fade danger" id="'+targetId+'" tabIndex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">';
|
||||
dangerModalHTML += ' <div class="modal-dialog">';
|
||||
dangerModalHTML += ' <div class="modal-content">';
|
||||
dangerModalHTML += ' <div class="modal-body">';
|
||||
dangerModalHTML += ' <p class="text"></p>';
|
||||
dangerModalHTML += ' </div>';
|
||||
|
||||
dangerModalHTML += ' <div class="modal-footer">';
|
||||
dangerModalHTML += ' <button type="button" class="check_bth btn-Success">확인</button>';
|
||||
dangerModalHTML += ' </div>';
|
||||
dangerModalHTML += ' </div>';
|
||||
dangerModalHTML += ' </div>';
|
||||
dangerModalHTML += '</div>';
|
||||
|
||||
$("#modalBox").append(dangerModalHTML);
|
||||
|
||||
if(''==viewScrollY){
|
||||
viewScrollY = pageYOffset;
|
||||
}
|
||||
|
||||
//$('.content_wrap .center').attr('style','top:-'+viewScrollY+'px');
|
||||
|
||||
document.body.style.overflow = 'hidden';
|
||||
}
|
||||
|
||||
//warning Modal 셋팅
|
||||
function fn_setWarningModal(targetId){
|
||||
let warningModalHTML = '';
|
||||
warningModalHTML += '<div class="modal fade warning" id="'+targetId+'" tabIndex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">';
|
||||
warningModalHTML += ' <div class="modal-dialog">';
|
||||
warningModalHTML += ' <div class="modal-content">';
|
||||
warningModalHTML += ' <div class="modal-body">';
|
||||
warningModalHTML += ' <p class="text"></p>';
|
||||
warningModalHTML += ' </div>';
|
||||
|
||||
warningModalHTML += ' <div class="modal-footer">';
|
||||
warningModalHTML += ' <button type="button" class="check_bth btn-Success">확인</button>';
|
||||
warningModalHTML += ' </div>';
|
||||
warningModalHTML += ' </div>';
|
||||
warningModalHTML += ' </div>';
|
||||
warningModalHTML += '</div>';
|
||||
|
||||
$("#modalBox").append(warningModalHTML);
|
||||
|
||||
if(''==viewScrollY){
|
||||
viewScrollY = pageYOffset;
|
||||
}
|
||||
|
||||
//$('.content_wrap .center').attr('style','top:-'+viewScrollY+'px');
|
||||
|
||||
document.body.style.overflow = 'hidden';
|
||||
}
|
||||
|
||||
//info Modal 셋팅
|
||||
function fn_setInfoModal(targetId){
|
||||
let infoModalHTML = '';
|
||||
infoModalHTML += '<div class="modal fade info" id="'+targetId+'" tabIndex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">';
|
||||
infoModalHTML += ' <div class="modal-dialog">';
|
||||
infoModalHTML += ' <div class="modal-content">';
|
||||
infoModalHTML += ' <div class="modal-body">';
|
||||
infoModalHTML += ' <p class="text"></p>';
|
||||
infoModalHTML += ' </div>';
|
||||
|
||||
infoModalHTML += ' <div class="modal-footer">';
|
||||
infoModalHTML += ' <button type="button" class="cancel_btn btn-cancel">취소</button>';
|
||||
infoModalHTML += ' <button type="button" class="check_bth btn-Success">확인</button>';
|
||||
infoModalHTML += ' </div>';
|
||||
infoModalHTML += ' </div>';
|
||||
infoModalHTML += ' </div>';
|
||||
infoModalHTML += '</div>';
|
||||
|
||||
$("#modalBox").append(infoModalHTML);
|
||||
|
||||
if(''==viewScrollY){
|
||||
viewScrollY = pageYOffset;
|
||||
}
|
||||
|
||||
//$('.content_wrap .center').attr('style','top:-'+viewScrollY+'px');
|
||||
|
||||
document.body.style.overflow = 'hidden';
|
||||
}
|
||||
|
||||
//팝업
|
||||
let modalEvent = {
|
||||
open : function(target, tit, msg){
|
||||
if(target.length < 1){
|
||||
throw new Error("there is no target element !");
|
||||
}
|
||||
|
||||
// msg를 문자열로 안전하게 변환
|
||||
let safeMsg = (msg != null && msg !== undefined) ? String(msg) : '';
|
||||
let enterMsg = safeMsg.replace(/\r?\n/g, '<br>');
|
||||
|
||||
target.find(".modal-body>.text").html(enterMsg);
|
||||
console.log(target);
|
||||
console.log(tit);
|
||||
console.log(msg);
|
||||
target.modal({keyboard:false, backdrop:'static'});
|
||||
},
|
||||
close : function(target){
|
||||
//팝업 지우기
|
||||
//target.modal("hide");
|
||||
//target.parent().remove();
|
||||
|
||||
//body css 변경
|
||||
document.body.style.overflow = 'initial';
|
||||
//기존 top css 변경
|
||||
//$('.content_wrap .center').attr('style','top:0px');
|
||||
//스크롤 위치로 자리 이동
|
||||
window.scrollTo( 0, viewScrollY);
|
||||
//변수 초기화
|
||||
viewScrollY = 0;
|
||||
|
||||
modalArr.pop();
|
||||
|
||||
/* if('N'==modalBackYn){
|
||||
window.history.back();
|
||||
} */
|
||||
|
||||
$("#modalBox .modal").modal("hide");
|
||||
|
||||
// $("#modalBox").children().remove(); // 삭제 확인 필요
|
||||
},
|
||||
backClose : function(target){
|
||||
//팝업 지우기
|
||||
//target.modal("hide");
|
||||
//target.parent().remove();
|
||||
|
||||
//body css 변경
|
||||
document.body.style.overflow = 'initial';
|
||||
//기존 top css 변경
|
||||
//$('.content_wrap .center').attr('style','top:0px');
|
||||
//스크롤 위치로 자리 이동
|
||||
window.scrollTo( 0, viewScrollY);
|
||||
//변수 초기화
|
||||
viewScrollY = 0;
|
||||
|
||||
$("#modalBox .modal").modal("hide");
|
||||
|
||||
modalArr.pop();
|
||||
// $("#modalBox").children().remove(); // 삭제 확인 필요
|
||||
},
|
||||
success : function(tit, msg, callback){
|
||||
//alert 팝업
|
||||
//$(".modal_success .btn-Success").unbind("click");
|
||||
|
||||
if($("#modalBox > .popupColored").length > 0){
|
||||
modalEvent.close();
|
||||
}
|
||||
|
||||
// 모달 아이디 생성
|
||||
let nowMilli = Date.now();
|
||||
let targetId = "modal_success"+nowMilli;
|
||||
|
||||
// 모달 셋팅
|
||||
fn_setSuccessModal(targetId);
|
||||
|
||||
// 현재 모달 설정
|
||||
let target = $("#"+targetId);
|
||||
|
||||
// 모달 열기
|
||||
modalEvent.open(target, tit, msg);
|
||||
|
||||
// 모달 이벤트
|
||||
$("#"+targetId+" .btn-Success").click(function(e){
|
||||
modalEvent.close();
|
||||
|
||||
if(typeof callback != 'undefined' && callback){
|
||||
if(typeof callback == 'function'){
|
||||
callback();
|
||||
}
|
||||
else {
|
||||
if( callback ) {
|
||||
eval( callback );
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
danger : function(tit, msg, callback){
|
||||
//alert 팝업
|
||||
//$(".modal_danger .btn-Success").unbind("click");
|
||||
|
||||
if($("#modalBox > .popupColored").length > 0){
|
||||
modalEvent.close();
|
||||
}
|
||||
|
||||
// 모달 아이디 생성
|
||||
let nowMilli = Date.now();
|
||||
let targetId = "modal_danger"+nowMilli;
|
||||
|
||||
// 모달 셋팅
|
||||
fn_setDangerModal(targetId);
|
||||
|
||||
// 현재 모달 설정
|
||||
let target = $("#"+targetId);
|
||||
|
||||
// 모달 열기
|
||||
modalEvent.open(target, tit, msg);
|
||||
|
||||
// 모달 이벤트
|
||||
$("#"+targetId+" .btn-Success").click(function(e){
|
||||
modalEvent.close();
|
||||
|
||||
if(typeof callback != 'undefined' && callback){
|
||||
if(typeof callback == 'function'){
|
||||
callback();
|
||||
}
|
||||
else {
|
||||
if( callback ) {
|
||||
eval( callback );
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
warning : function(tit, msg, callback){
|
||||
//alert 팝업
|
||||
//$(".modal_warning .btn-Success").unbind("click");
|
||||
|
||||
if($("#modalBox > .popupColored").length > 0){
|
||||
modalEvent.close();
|
||||
}
|
||||
|
||||
// 모달 아이디 생성
|
||||
let nowMilli = Date.now();
|
||||
let targetId = "modal_warning"+nowMilli;
|
||||
|
||||
// 모달 셋팅
|
||||
fn_setWarningModal(targetId);
|
||||
|
||||
// 현재 모달 설정
|
||||
let target = $("#"+targetId);
|
||||
|
||||
// 모달 열기
|
||||
modalEvent.open(target, tit, msg);
|
||||
|
||||
// 모달 이벤트
|
||||
$("#"+targetId+" .btn-Success").click(function(e){
|
||||
|
||||
modalEvent.close();
|
||||
|
||||
if(typeof callback != 'undefined' && callback){
|
||||
if(typeof callback == 'function'){
|
||||
callback();
|
||||
}
|
||||
else {
|
||||
if( callback ) {
|
||||
eval( callback );
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
info : function(tit, msg, callback, callback2){
|
||||
//alert 팝업
|
||||
//$(".modal_info .btn-Success").unbind("click");
|
||||
|
||||
if($("#modalBox > .popupColored").length > 0){
|
||||
modalEvent.close();
|
||||
}
|
||||
|
||||
// 모달 아이디 생성
|
||||
let nowMilli = Date.now();
|
||||
let targetId = "modal_info"+nowMilli;
|
||||
|
||||
// 모달 셋팅
|
||||
fn_setInfoModal(targetId);
|
||||
|
||||
// 현재 모달 설정
|
||||
let target = $("#"+targetId);
|
||||
|
||||
// 모달 열기
|
||||
modalEvent.open(target, tit, msg);
|
||||
|
||||
// 모달 확인 이벤트
|
||||
$("#"+targetId+" .btn-Success").click(function(e){
|
||||
|
||||
modalEvent.close();
|
||||
|
||||
if(typeof callback != 'undefined' && callback){
|
||||
if(typeof callback == 'function'){
|
||||
callback();
|
||||
} else {
|
||||
if( callback ) {
|
||||
eval( callback );
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// 모달 취소 이벤트
|
||||
$("#"+targetId+" .btn-cancel").click(function(e){
|
||||
modalEvent.close();
|
||||
|
||||
if(typeof callback2 != 'undefined' && callback2){
|
||||
if(typeof callback2 == 'function'){
|
||||
callback2();
|
||||
}
|
||||
else {
|
||||
if( callback2 ) {
|
||||
eval( callback2 );
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 다중 팝업 index 조정
|
||||
$(document).on('show.bs.modal', '.modal', function (event) {
|
||||
let zIndex = 1040 + (10 * $('.modal:visible').length);
|
||||
$(this).css('z-index', zIndex);
|
||||
|
||||
setTimeout(function() {
|
||||
$('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</th:block>
|
||||
</html>
|
||||
5
src/main/resources/templates/web/layout/emptyLayout.html
Normal file
5
src/main/resources/templates/web/layout/emptyLayout.html
Normal file
@@ -0,0 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
</html>
|
||||
38
src/main/resources/templates/web/layout/homeLayout.html
Normal file
38
src/main/resources/templates/web/layout/homeLayout.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
<head>
|
||||
<th:block th:replace="/web/include/head :: layout_head"></th:block>
|
||||
<th:block layout:fragment="layout_menu_css"></th:block>
|
||||
</head>
|
||||
|
||||
<body id="body2">
|
||||
<th:block layout:fragment="layout_top_script"></th:block>
|
||||
|
||||
<div class="project_wrap">
|
||||
<th:block th:replace="/web/common/header :: layout_header_type1"></th:block>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<th:block th:replace="/web/common/leftMenu :: layout_leftMenu"></th:block>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<th:block th:replace="/web/common/leftMenu2 :: layout_leftMenu2"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_content"></th:block>
|
||||
</div>
|
||||
<th:block th:replace="/web/common/footer :: layout_footer"></th:block>
|
||||
</section>
|
||||
|
||||
<th:block layout:fragment="layout_photoswipe"></th:block>
|
||||
</div>
|
||||
|
||||
|
||||
<th:block layout:fragment="layout_right_modal"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_popup"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_script"></th:block>
|
||||
</body>
|
||||
</html>
|
||||
16
src/main/resources/templates/web/layout/layout.html
Normal file
16
src/main/resources/templates/web/layout/layout.html
Normal file
@@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
<head>
|
||||
<th:block th:replace="/web/include/emptyHead :: layout_head"></th:block>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<th:block layout:fragment="layout_top_script"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_content"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_script"></th:block>
|
||||
</body>
|
||||
</html>
|
||||
16
src/main/resources/templates/web/layout/loginLayout.html
Normal file
16
src/main/resources/templates/web/layout/loginLayout.html
Normal file
@@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
<head>
|
||||
<th:block th:replace="/web/include/head :: layout_head"></th:block>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<th:block layout:fragment="layout_top_script"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_content"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_script"></th:block>
|
||||
</body>
|
||||
</html>
|
||||
32
src/main/resources/templates/web/layout/menuLayout.html
Normal file
32
src/main/resources/templates/web/layout/menuLayout.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
<head>
|
||||
<th:block th:replace="/web/include/head :: layout_head"></th:block>
|
||||
<th:block layout:fragment="layout_menu_css">
|
||||
</th:block>
|
||||
</head>
|
||||
|
||||
<body id="body2">
|
||||
<th:block layout:fragment="layout_top_script"></th:block>
|
||||
<div class="cover-bar"></div>
|
||||
|
||||
<div class="project_wrap">
|
||||
<th:block th:replace="/web/common/header :: layout_header_type1"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_content"></th:block>
|
||||
|
||||
<!-- <th:block th:replace="/web/common/footer :: layout_footer"></th:block> -->
|
||||
|
||||
<!-- <th:block layout:fragment="layout_photoswipe"></th:block> -->
|
||||
</div>
|
||||
|
||||
|
||||
<th:block layout:fragment="layout_right_modal"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_popup"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_script"></th:block>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
<head>
|
||||
<th:block th:replace="/web/include/head :: layout_head"></th:block>
|
||||
<th:block layout:fragment="layout_menu_css"></th:block>
|
||||
</head>
|
||||
|
||||
<body id="body2">
|
||||
<th:block layout:fragment="layout_top_script"></th:block>
|
||||
|
||||
<div class="project_wrap">
|
||||
<th:block th:replace="/web/common/header :: layout_header_type1"></th:block>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<th:block th:replace="/web/common/leftMenu :: layout_leftMenu"></th:block>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<th:block th:replace="/web/common/userLeftMenu2 :: layout_leftMenu2"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_content"></th:block>
|
||||
</div>
|
||||
<th:block th:replace="/web/common/footer :: layout_footer"></th:block>
|
||||
</section>
|
||||
|
||||
<th:block layout:fragment="layout_photoswipe"></th:block>
|
||||
</div>
|
||||
|
||||
|
||||
<th:block layout:fragment="layout_right_modal"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_popup"></th:block>
|
||||
|
||||
<th:block layout:fragment="layout_script"></th:block>
|
||||
</body>
|
||||
</html>
|
||||
54
src/main/resources/templates/web/login/login.html
Normal file
54
src/main/resources/templates/web/login/login.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/loginLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/login.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script>
|
||||
</script>
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_content">
|
||||
<body class="text-center">
|
||||
<div class="cover-bar"></div>
|
||||
<!--프로젝트 제일 큰 프레임-->
|
||||
<div class="project_wrap">
|
||||
<div class="content_wrap">
|
||||
<div class="login_wrap">
|
||||
<img src="/image/web/logo.png">
|
||||
|
||||
<div class="form_wrap">
|
||||
<p class="content_name">로그인</p>
|
||||
|
||||
<div class="input_wrap">
|
||||
<label>아이디</label>
|
||||
|
||||
<div class="input_box">
|
||||
<input type="text" id="loginId" placeholder="아이디를 입력하세요." autofocus>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_wrap">
|
||||
<label>비밀번호</label>
|
||||
|
||||
<div class="input_box">
|
||||
<input type="password" id="password" placeholder="비밀번호를 입력하세요.">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button id="btnLogin" class="btn login_btn">로그인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="loginForm" onsubmit="return false;"></form>
|
||||
</body>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/login/login.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
20
src/main/resources/templates/web/login/logout.html
Normal file
20
src/main/resources/templates/web/login/logout.html
Normal file
@@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lagn="ko"
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
<th:block th:replace="/web/include/head :: layout_head"></th:block>
|
||||
|
||||
<body>
|
||||
<form method="POST" name="logoutForm"></form>
|
||||
</body>
|
||||
<script>
|
||||
modalEvent.success("", "로그아웃되었습니다." ,function(){
|
||||
let form = document.logoutForm;
|
||||
form.target ='_parent';
|
||||
form.action = '/weblogin/logout.do';
|
||||
form.method = 'POST';
|
||||
form.submit();
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,123 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/marketing_talk_detail.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let kakaoSearchKeywordParam = "[[${param.kakaoSearchKeywordParam}]]";
|
||||
let kakaoSort = "[[${param.kakaoSort}]]";
|
||||
let kakaoDir = "[[${param.kakaoDir}]]";
|
||||
let kakaoStart = "[[${param.kakaoStart}]]"==""?0:"[[${param.kakaoStart}]]";
|
||||
let kakaoLimit = "[[${param.kakaoLimit}]]"==""?100:"[[${param.kakaoLimit}]]";
|
||||
|
||||
let kakaoSearchStartDate = "[[${param.kakaoSearchStartDate}]]";
|
||||
let kakaoSearchEndDate = "[[${param.kakaoSearchEndDate}]]";
|
||||
let kakaoSearchDateType = "[[${param.kakaoSearchDateType}]]"==""?"A":"[[${param.kakaoSearchDateType}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">알림톡 발송내역</p>
|
||||
<p class="total" id="marketingKakaoTotalCount">0건</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
<input type="hidden" id="kakaoSearchDateType">
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divKakaoSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="date" class="date_picker" id="kakaoSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box date last" id="divKakaoSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="date" class="date_picker" id="kakaoSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">카테고리</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item first">카테고리</li>
|
||||
<li class="option_list_item">카테고리</li>
|
||||
</ul>
|
||||
</div>-->
|
||||
|
||||
<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">템플릿</button>
|
||||
<ul class="select_option_list dropdown-menu" id="sel_kakaoTemplate" style="max-height:250px; overflow:auto;">
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search">
|
||||
<input type="text" placeholder="고객명" id="txt_kakaoSearchKeyword">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="searchBtn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 고객목록 테이블 -->
|
||||
<div id="kakaoGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="kakaoPagination">
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="kakaoSelectListForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/marketing/marketingKakaoHistSelectList.js"></script>
|
||||
|
||||
<!--<script src="/js/web/kakao/popup/kakaoInsertPop.js"></script>-->
|
||||
<!--<script src="/js/web/kakao/popup/kakaoUpdatePop.js"></script>-->
|
||||
<!--<script src="/js/web/kakao/popup/kakaoSelectPop.js"></script>-->
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,113 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/marketing.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_marketing.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_marketing_style.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?100:"[[${param.userLimit}]]";
|
||||
|
||||
let userSearchStartDate = "[[${param.userSearchStartDate}]]";
|
||||
let userSearchEndDate = "[[${param.userSearchEndDate}]]";
|
||||
let userSearchDateType = "[[${param.userSearchDateType}]]"==""?"A":"[[${param.userSearchDateType}]]";
|
||||
|
||||
let search_nationalityCode = "[[${param.nationalityCode}]]"??"";
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userTypeCode = "[[${param.userTypeCode}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">알림톡</p>
|
||||
<p class="total" id="marketingKakoTalkTotalCount">0명</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">고객구분</button>
|
||||
<ul class="select_option_list dropdown-menu" id="userType">
|
||||
<li class="option_list_item">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">국적</button>
|
||||
<ul class="select_option_list dropdown-menu" id="nationality">
|
||||
<li class="option_list_item">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">멤버십</button>
|
||||
<ul class="select_option_list dropdown-menu" id="membershipYn">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item" value="Y">가입</li>
|
||||
<li class="option_list_item" value="N">미가입</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="search_list_box">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="검색">
|
||||
<input type="text" id="txt_userSearchKeyword" placeholder="고객명, 연락처, 생년월일">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="searchBtn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<p>
|
||||
팝빌 통합 포인트 : <span id="myPopbillPoint">0</span> P
|
||||
</p>
|
||||
<button class="charge_btn" id="popbillPointBtn">팝빌 충전</button>
|
||||
<button class="send_btn" id="sendIntroBtn">알림톡 발송</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 고객목록 테이블 -->
|
||||
<div id="userGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="marketingKakaoSelectListForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/marketing/marketingKakaoSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/marketing/popup/marketingKakaoInsertPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,125 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/marketing_push_detail.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let pushSearchKeywordParam = "[[${param.pushSearchKeywordParam}]]";
|
||||
let pushSort = "[[${param.pushSort}]]";
|
||||
let pushDir = "[[${param.pushDir}]]";
|
||||
let pushStart = "[[${param.pushStart}]]"==""?0:"[[${param.pushStart}]]";
|
||||
let pushLimit = "[[${param.pushLimit}]]"==""?100:"[[${param.pushLimit}]]";
|
||||
|
||||
let pushSearchStartDate = "[[${param.pushSearchStartDate}]]";
|
||||
let pushSearchEndDate = "[[${param.pushSearchEndDate}]]";
|
||||
let pushSearchDateType = "[[${param.pushSearchDateType}]]"==""?"A":"[[${param.pushSearchDateType}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">앱 푸시 발송내역</p>
|
||||
<p class="total" id="marketingPushTotalCount">0건</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
<input type="hidden" id="pushSearchDateType">
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divPushSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="date" class="date_picker" id="pushSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box date last" id="divPushSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="date" class="date_picker" id="pushSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">카테고리</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item first">카테고리</li>
|
||||
<li class="option_list_item">카테고리</li>
|
||||
</ul>
|
||||
</div>-->
|
||||
|
||||
<!--<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">템플릿</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item first">템플릿</li>
|
||||
<li class="option_list_item">피부</li>
|
||||
</ul>
|
||||
</div>-->
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search">
|
||||
<input type="text" placeholder="고객명" id="txt_pushSearchKeyword">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="searchBtn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 고객목록 테이블 -->
|
||||
<div id="pushGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="pushPagination">
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="pushSelectListForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/marketing/marketingPushHistSelectList.js"></script>
|
||||
|
||||
<!--<script src="/js/web/push/popup/pushInsertPop.js"></script>-->
|
||||
<!--<script src="/js/web/push/popup/pushUpdatePop.js"></script>-->
|
||||
<!--<script src="/js/web/push/popup/pushSelectPop.js"></script>-->
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,110 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/marketing_push.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_marketing_push.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_marketing_push_style.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?100:"[[${param.userLimit}]]";
|
||||
|
||||
let userSearchStartDate = "[[${param.userSearchStartDate}]]";
|
||||
let userSearchEndDate = "[[${param.userSearchEndDate}]]";
|
||||
let userSearchDateType = "[[${param.userSearchDateType}]]"==""?"A":"[[${param.userSearchDateType}]]";
|
||||
|
||||
let search_nationalityCode = "[[${param.nationalityCode}]]"??"";
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userTypeCode = "[[${param.userTypeCode}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">앱 푸시</p>
|
||||
<p class="total" id="marketingKakoTalkTotalCount">0명</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">고객구분</button>
|
||||
<ul class="select_option_list dropdown-menu" id="userType">
|
||||
<li class="option_list_item">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">국적</button>
|
||||
<ul class="select_option_list dropdown-menu" id="nationality">
|
||||
<li class="option_list_item">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">멤버십</button>
|
||||
<ul class="select_option_list dropdown-menu" id="membershipYn">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item" value="Y">가입</li>
|
||||
<li class="option_list_item" value="N">미가입</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="search_list_box">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="검색">
|
||||
<input type="text" id="txt_userSearchKeyword" placeholder="고객명, 연락처">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="searchBtn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
|
||||
<button class="send_btn" id="sendIntroBtn">앱 푸시 발송</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 고객목록 테이블 -->
|
||||
<div id="userGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="marketingPushSelectListForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/marketing/marketingPushSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/marketing/popup/marketingPushInsertPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,123 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/marketing_message_detail.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_marketing_message.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let smsSearchKeywordParam = "[[${param.smsSearchKeywordParam}]]";
|
||||
let smsSort = "[[${param.smsSort}]]";
|
||||
let smsDir = "[[${param.smsDir}]]";
|
||||
let smsStart = "[[${param.smsStart}]]"==""?0:"[[${param.smsStart}]]";
|
||||
let smsLimit = "[[${param.smsLimit}]]"==""?100:"[[${param.smsLimit}]]";
|
||||
|
||||
let smsSearchStartDate = "[[${param.smsSearchStartDate}]]";
|
||||
let smsSearchEndDate = "[[${param.smsSearchEndDate}]]";
|
||||
let smsSearchDateType = "[[${param.smsSearchDateType}]]"==""?"A":"[[${param.smsSearchDateType}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">문자 발송내역</p>
|
||||
<p class="total" id="marketingSmsTotalCount">0건</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
<input type="hidden" id="smsSearchDateType">
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box" id="divSmsSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="date" class="date_picker" id="smsSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last" id="divSmsSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="date" class="date_picker" id="smsSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">카테고리</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item first">카테고리</li>
|
||||
<li class="option_list_item">카테고리</li>
|
||||
</ul>
|
||||
</div>-->
|
||||
|
||||
<!--<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">템플릿</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item first">템플릿</li>
|
||||
<li class="option_list_item">피부</li>
|
||||
</ul>
|
||||
</div>-->
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search">
|
||||
<input type="text" placeholder="고객명" id="txt_smsSearchKeyword">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="searchBtn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 고객목록 테이블 -->
|
||||
<div id="smsGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="smsPagination">
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="marketingSmsHistSelectListForm" onsubmit="return false;"></form>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/marketing/marketingSmsHistSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/marketing/popup/marketingSmsSelectPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,115 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/marketing_message.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_marketing_message.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?100:"[[${param.userLimit}]]";
|
||||
|
||||
let userSearchStartDate = "[[${param.userSearchStartDate}]]";
|
||||
let userSearchEndDate = "[[${param.userSearchEndDate}]]";
|
||||
let userSearchDateType = "[[${param.userSearchDateType}]]"==""?"A":"[[${param.userSearchDateType}]]";
|
||||
|
||||
let search_nationalityCode = "[[${param.nationalityCode}]]"??"";
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userTypeCode = "[[${param.userTypeCode}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">문자</p>
|
||||
<p class="total" id="marketingSmsTotalCount">0명</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">고객구분</button>
|
||||
<ul class="select_option_list dropdown-menu" id="userType">
|
||||
<li class="option_list_item">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">국적</button>
|
||||
<ul class="select_option_list dropdown-menu" id="nationality">
|
||||
<li class="option_list_item">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">멤버십</button>
|
||||
<ul class="select_option_list dropdown-menu" id="membershipYn">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item" value="Y">가입</li>
|
||||
<li class="option_list_item" value="N">미가입</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="search_list_box">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="검색">
|
||||
<input type="text" id="txt_userSearchKeyword" placeholder="고객명, 연락처, 생년월일">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="searchBtn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<p>
|
||||
팝빌 통합 포인트 : <span id="myPopbillPoint">0</span> P
|
||||
</p>
|
||||
<button class="charge_btn" id="popbillPointBtn">팝빌 충전</button>
|
||||
<button class="send_btn" id="sendIntroBtn">문자 발송</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 고객목록 테이블 -->
|
||||
<div id="userGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userPagination">
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="marketingSmsSelectListForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/marketing/marketingSmsSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/marketing/popup/marketingSmsInsertPop.js"></script>
|
||||
<!--<script src="/js/web/marketingSms/popup/marketingSmsUpdatePop.js"></script>-->
|
||||
<!--<script src="/js/web/marketingSms/popup/marketingSmsSelectPop.js"></script>-->
|
||||
</th:block>
|
||||
</html>
|
||||
113
src/main/resources/templates/web/member/memberSelectList.html
Normal file
113
src/main/resources/templates/web/member/memberSelectList.html
Normal file
@@ -0,0 +1,113 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/hospital_employee.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_hospital_employee.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let memberSearchKeywordParam = "[[${param.memberSearchKeywordParam}]]";
|
||||
let memberSort = "[[${param.memberSort}]]";
|
||||
let memberDir = "[[${param.memberDir}]]";
|
||||
let memberStart = "[[${param.memberStart}]]"==""?0:"[[${param.memberStart}]]";
|
||||
let memberLimit = "[[${param.memberLimit}]]"==""?100:"[[${param.memberLimit}]]";
|
||||
|
||||
let memberSearchGroupId = "[[${param.memberSearchGroupId}]]"==""?"":"[[${param.memberSearchGroupId}]]";
|
||||
let memberSearchDutyId = "[[${param.memberSearchDutyId}]]"==""?"":"[[${param.memberSearchDutyId}]]";
|
||||
let memberSearchAuthId = "[[${param.memberSearchAuthId}]]"==""?"":"[[${param.memberSearchAuthId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">직원 목록</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_list first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">조직 전체</button>
|
||||
<input type="hidden" id="searchGroupId"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">직무 전체</button>
|
||||
<input type="hidden" id="searchDutyId"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">권한 전체</button>
|
||||
<input type="hidden" id="searchAuthId"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="memberSearchKeyword" required placeholder="이름,이메일,전화번호">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchMember" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertMember" class="employee_btn" style="transition: all 0.2s ease-in-out 0s;">직원 등록</button>
|
||||
<button id="btnDownloadMemberExcel" class="list_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="memberGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="memberPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="memberSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/member/memberSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/member/popup/memberInsertPop.js"></script>
|
||||
<script src="/js/web/member/popup/memberSelectPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
153
src/main/resources/templates/web/member/memberUpdate.html
Normal file
153
src/main/resources/templates/web/member/memberUpdate.html
Normal file
@@ -0,0 +1,153 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/hospital_employee_sub.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_hospital_employee_sub.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let memberSearchKeywordParam = "[[${param.memberSearchKeywordParam}]]";
|
||||
let memberSort = "[[${param.memberSort}]]";
|
||||
let memberDir = "[[${param.memberDir}]]";
|
||||
let memberStart = "[[${param.memberStart}]]"==""?0:"[[${param.memberStart}]]";
|
||||
let memberLimit = "[[${param.memberLimit}]]"==""?100:"[[${param.memberLimit}]]";
|
||||
|
||||
let memberSearchGroupId = "[[${param.memberSearchGroupId}]]"==""?"":"[[${param.memberSearchGroupId}]]";
|
||||
let memberSearchDutyId = "[[${param.memberSearchDutyId}]]"==""?"":"[[${param.memberSearchDutyId}]]";
|
||||
let memberSearchAuthId = "[[${param.memberSearchAuthId}]]"==""?"":"[[${param.memberSearchAuthId}]]";
|
||||
|
||||
let muMemberId = "[[${param.muMemberId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">직원 상세정보</p>
|
||||
|
||||
<div class="info_box">
|
||||
<div class="info">
|
||||
<p class="title first">기본정보</p>
|
||||
|
||||
<div class="form_box first">
|
||||
<div class="input_box">
|
||||
<label>사번</label>
|
||||
<input type="text" id="memberCode" placeholder="사번" disabled>
|
||||
</div>
|
||||
|
||||
<div class="input_box">
|
||||
<label>아이디</label>
|
||||
<input type="text" id="loginId" placeholder="아이디" disabled>
|
||||
</div>
|
||||
|
||||
<div class="input_box">
|
||||
<label>비밀번호</label>
|
||||
<a id="btnUpdateMemberPassword" class="password_btn" style="transition: all 0.2s ease-in-out 0s;">비밀번호 재설정</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form_box">
|
||||
<div class="input_box">
|
||||
<label>이름</label>
|
||||
<input type="text" id="memberName" placeholder="이름" maxlength="35">
|
||||
</div>
|
||||
|
||||
<div class="input_box">
|
||||
<label>연락처</label>
|
||||
<input type="tel" id="phoneNumber" placeholder="연락처" maxlength="13">
|
||||
</div>
|
||||
|
||||
<div class="input_box">
|
||||
<label>이메일</label>
|
||||
<input type="text" id="email" placeholder="이메일" maxlength="255">
|
||||
</div>
|
||||
|
||||
<div class="input_box">
|
||||
<label>유형</label>
|
||||
<div class="radio_box">
|
||||
<input type="radio" name="type" id="typeD" value="D"/>
|
||||
<label for="typeD" >닥터</label>
|
||||
</div>
|
||||
<div class="radio_box">
|
||||
<input type="radio" name="type" id="typeA" value="A"/>
|
||||
<label for="typeA" >상담</label>
|
||||
</div>
|
||||
<div class="radio_box">
|
||||
<input type="radio" name="type" id="typeE" value="E" checked/>
|
||||
<label for="typeE" >직원</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="title">조직 및 권한</p>
|
||||
|
||||
<div class="form_box">
|
||||
<div class="input_box">
|
||||
<label>조직/직무</label>
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">조직</button>
|
||||
<input type="hidden" id="muGroupId"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_list last">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">직무</button>
|
||||
<input type="hidden" id="muDutyId"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_box">
|
||||
<label>권한그룹</label>
|
||||
<div class="select_list">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">권한그룹 설정</button>
|
||||
<input type="hidden" id="muAuthId"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_box">
|
||||
<label>정렬순서</label>
|
||||
<input type="number" id="orderNumber" placeholder="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button id="btnUpdateMember" class="save_btn">저장</button>
|
||||
<button id="btnUpdateMemberStatus" class="account_btn">비활성화</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="memberUpdateForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/member/memberUpdate.js"></script>
|
||||
<script src="/js/web/member/popup/memberPasswordPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/membership.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationalityCode = "[[${param.nationalityCode}]]"??"";
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userTypeCode = "[[${param.userTypeCode}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">앱 사용자 목록</p>
|
||||
<p class="total">- 명</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">고객구분</button>
|
||||
<ul class="select_option_list dropdown-menu" id="userType">
|
||||
<li class="option_list_item">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">국적</button>
|
||||
<ul class="select_option_list dropdown-menu" id="nationality">
|
||||
<li class="option_list_item">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">멤버십</button>
|
||||
<ul class="select_option_list dropdown-menu" id="membershipYn">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item" value="Y">가입</li>
|
||||
<li class="option_list_item" value="N">미가입</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="search_list_box">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="검색"/>
|
||||
<input type="text" id="txt_userSearchKeyword" placeholder="고객명, 연락처">
|
||||
<div class="search_list"></div>
|
||||
</div>
|
||||
<button class="search_btn" id="searchBtn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="download_btn" id="downLoadBtn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div id="appUserGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/membership/appUserSelectList.js"></script>
|
||||
|
||||
<!-- <script src="/js/web/member/popup/memberInsertPop.js"></script>-->
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,72 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/membership.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_membership.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
// let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let membershipProcedureSort = "[[${param.membershipProcedureSort}]]";
|
||||
let membershipProcedureDir = "[[${param.membershipProcedureDir}]]";
|
||||
let membershipProcedureStart = "[[${param.membershipProcedureStart}]]"==""?0:"[[${param.membershipProcedureStart}]]";
|
||||
let membershipProcedureLimit = "[[${param.membershipProcedureLimit}]]"==""?100:"[[${param.membershipProcedureLimit}]]";
|
||||
//
|
||||
// let search_nationalityCode = "[[${param.nationalityCode}]]"??"";
|
||||
// let search_nationality = "[[${param.nationality}]]"??"";
|
||||
// let search_userTypeCode = "[[${param.userTypeCode}]]"??"";
|
||||
// let search_userType = "[[${param.userType}]]"??"";
|
||||
// let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">멤버십 상품등록</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="right_btn_box">
|
||||
<button class="membership_registration_btn" style="transition: all 0.2s ease-in-out 0s;">멤버십 상품등록</button>
|
||||
<button class="delete_btn" id="btnDeleteMembershipProcedure">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div id="membershipProcedureGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="membershipProcedurePagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/membership/membershipProcedureSelectList.js"></script>
|
||||
<script src="/js/web/membership/popup/insertMembershipProcedurePop.js"></script>
|
||||
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,96 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/membership_list.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let membershipSearchKeywordParam = "[[${param.membershipSearchKeywordParam}]]";
|
||||
let membershipSort = "[[${param.membershipSort}]]";
|
||||
let membershipDir = "[[${param.membershipDir}]]";
|
||||
let membershipStart = "[[${param.membershipStart}]]"==""?0:"[[${param.membershipStart}]]";
|
||||
let membershipLimit = "[[${param.membershipLimit}]]"==""?100:"[[${param.membershipLimit}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<div class="center_box">
|
||||
<!-- 센터쪽 -->
|
||||
<p class="page_title">멤버십 고객 목록</p>
|
||||
|
||||
<div class="box_wrap">
|
||||
<div class="total_box first">
|
||||
<p>멤버십 고객</p>
|
||||
<p id="totalMembershipUser">- 명</p>
|
||||
</div>
|
||||
<div class="total_box">
|
||||
<p>멤버십 누적 충전금액</p>
|
||||
<p class="blue" id="sumChargeBalance">
|
||||
- 원
|
||||
</p>
|
||||
</div>
|
||||
<div class="total_box">
|
||||
<p>멤버십 누적 사용금액</p>
|
||||
<p class="red" id="sumUsageBalance">
|
||||
- 원
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="search_list_box">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="검색"/>
|
||||
<input type="text" id="membershipSearchKeyword" placeholder="고객명, 연락처,생년월일">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="btnSearchMembership">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="download_btn" id="btnDownloadMembershipExcel">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div id="membershipGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="membershipPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/membership/membershipSelectList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,168 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{${layout}}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/membership_list_sub.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_membership_list_sub.css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub_membership.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_customer_sub_membership.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let membershipSort = "[[${param.memberSort}]]";
|
||||
let membershipDir = "[[${param.memberDir}]]";
|
||||
let membershipStart = "[[${param.memberStart}]]"==""?0:"[[${param.memberStart}]]";
|
||||
let membershipLimit = "[[${param.memberLimit}]]"==""?100:"[[${param.memberLimit}]]";
|
||||
let muTreatmentId = "[[${param.muTreatmentId}]]";
|
||||
let treatmentName = "[[${param.treatmentName}]]";
|
||||
let usedType = "[[${param.usedType}]]";
|
||||
let membershipSearchStartDate = "[[${param.membershipSearchStartDate}]]";
|
||||
let membershipSearchEndDate = "[[${param.membershipSearchEndDate}]]";
|
||||
let membershipSearchDateType = "[[${param.membershipSearchDateType}]]"==""?"F":"[[${param.membershipSearchDateType}]]";
|
||||
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">멤버십 고객 상세내역</p>
|
||||
|
||||
<div class="box_wrap">
|
||||
<div class="total_box first">
|
||||
<p id="userName">-</p>
|
||||
<p>
|
||||
<span id="birth">-</span>
|
||||
<span id="age">-세</span>
|
||||
<span id="gender">-</span>
|
||||
<span id="nationality">-</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="total_box">
|
||||
<p>멤버십 잔액</p>
|
||||
<p id="membershipBalance">
|
||||
-원
|
||||
</p>
|
||||
</div>
|
||||
<div class="total_box last">
|
||||
<p>멤버십 누적합계</p>
|
||||
<p class="blue" id="sumChargeBalance">-원</p>
|
||||
<p class="red" id="sumUsageBalance">
|
||||
-원
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>
|
||||
<input type="hidden" id="membershipSearchDateType">
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li id="li_A" class="option_list_item first">오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box" id="divMembershipSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="membershipSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last" id="divMembershipSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="membershipSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">진료구분</button>
|
||||
<input type="hidden" id="muTreatmentId">
|
||||
<ul class="select_option_list dropdown-menu" id="treatmentList">
|
||||
<li class="option_list_item" id="">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">사용구분</button>
|
||||
<input type="hidden" id="usedType">
|
||||
<ul class="select_option_list dropdown-menu" id="usedTypeList">
|
||||
<li class="option_list_item" id="">전체</li>
|
||||
<li class="option_list_item" id="C">충전</li>
|
||||
<li class="option_list_item" id="U">사용</li>
|
||||
<li class="option_list_item" id="D">환불</li>
|
||||
<li class="option_list_item" id="T">양도</li>
|
||||
<li class="option_list_item" id="P">양수</li>
|
||||
<li class="option_list_item" id="A">적립</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="search_list">
|
||||
<button class="search_btn" id="btnSearchMembership">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="save_btn point_btn" id="btnPoint" style="transition: all 0.2s ease-in-out 0s;">멤버십 포인트 적립</button>
|
||||
<button class="transfer_btn" data-toggle="modal" id="btnTransfer" style="transition: all 0.2s ease-in-out 0s;">멤버십 양도</button>
|
||||
<button class="charge_btn" id="btnCharge">멤버십 충전</button>
|
||||
<button class="download_btn" id="btnDownloadMembershipExcel">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 테이블 -->
|
||||
<div id="membershipHistoryGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="membershipPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/membership/membershipUpdate.js"></script>
|
||||
|
||||
<script src="/js/web/kicc/kiccPosDll.js"></script>
|
||||
<script src="/js/web/membership/popup/insertMembershipTransferPop.js"></script>
|
||||
<script src="/js/web/membership/popup/selectMembershipTransferPop.js"></script>
|
||||
<script src="/js/web/membership/popup/searchTransferMemberPop.js"></script>
|
||||
<script src="/js/web/membership/popup/membershipChargePop.js"></script>
|
||||
<script src="/js/web/membership/popup/insertMembershipPointPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,120 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/membership_detail.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_membership_list_sub.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let membershipSearchKeywordParam = "[[${param.membershipSearchKeywordParam}]]";
|
||||
let membershipSort = "[[${param.membershipSort}]]";
|
||||
let membershipDir = "[[${param.membershipDir}]]";
|
||||
let membershipStart = "[[${param.membershipStart}]]"==""?0:"[[${param.membershipStart}]]";
|
||||
let membershipLimit = "[[${param.membershipLimit}]]"==""?100:"[[${param.membershipLimit}]]";
|
||||
let muTreatmentId = "[[${param.muTreatmentId}]]";
|
||||
let treatmentName = "[[${param.treatmentName}]]";
|
||||
let membershipSearchStartDate = "[[${param.membershipSearchStartDate}]]";
|
||||
let membershipSearchEndDate = "[[${param.membershipSearchEndDate}]]";
|
||||
let membershipSearchDateType = "[[${param.membershipSearchDateType}]]"==""?"A":"[[${param.membershipSearchDateType}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">멤버십 사용 내역</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>
|
||||
<input type="hidden" id="membershipSearchDateType">
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li id="li_A" class="option_list_item first">오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box" id="divMembershipSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="membershipSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last" id="divMembershipSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="membershipSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">진료구분</button>
|
||||
<input type="hidden" id="muTreatmentId">
|
||||
<ul class="select_option_list dropdown-menu" id="treatmentList">
|
||||
<li class="option_list_item" id="">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search">
|
||||
<input type="text" id="membershipSearchKeywordParam" placeholder="고객명, 연락처">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="btnSearchMembership">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right_btn_box">
|
||||
<button class="download_btn" id="btnDownloadMembershipExcel">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 테이블 -->
|
||||
<div id="membershipHistoryGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="membershipPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/membership/membershipUseList.js"></script>
|
||||
|
||||
</th:block>
|
||||
</html>
|
||||
124
src/main/resources/templates/web/notice/noticeSelectList.html
Normal file
124
src/main/resources/templates/web/notice/noticeSelectList.html
Normal file
@@ -0,0 +1,124 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/hospital_notice.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_hospital_notice.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let noticeSearchKeywordParam = "[[${param.noticeSearchKeywordParam}]]";
|
||||
let noticeSort = "[[${param.noticeSort}]]";
|
||||
let noticeDir = "[[${param.noticeDir}]]";
|
||||
let noticeStart = "[[${param.noticeStart}]]"==""?0:"[[${param.noticeStart}]]";
|
||||
let noticeLimit = "[[${param.noticeLimit}]]"==""?100:"[[${param.noticeLimit}]]";
|
||||
|
||||
let noticeSearchStartDate = "[[${param.noticeSearchStartDate}]]";
|
||||
let noticeSearchEndDate = "[[${param.noticeSearchEndDate}]]";
|
||||
let noticeSearchDateType = "[[${param.noticeSearchDateType}]]"==""?"A":"[[${param.noticeSearchDateType}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">공지사항</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_list period first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
<input type="hidden" id="noticeSearchDateType"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divNoticeSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="noticeSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last date" id="divNoticeSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="noticeSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="noticeSearchKeyword" required placeholder="제목,내용">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchNotice" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertNotice" class="notice_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/notice_btn_icon.svg" alt="공지사항 등록">공지사항 등록
|
||||
</button>
|
||||
<button id="btnDeleteNotice" class="delete_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="noticeGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="noticePagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="noticeSelectListForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/notice/noticeSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/notice/popup/noticeInsertPop.js"></script>
|
||||
<script src="/js/web/notice/popup/noticeUpdatePop.js"></script>
|
||||
<script src="/js/web/notice/popup/noticeSelectPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
264
src/main/resources/templates/web/payment/paymentSelectList.html
Normal file
264
src/main/resources/templates/web/payment/paymentSelectList.html
Normal file
@@ -0,0 +1,264 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<!-- <link rel="stylesheet" href="/css/web/grid.css?v1.1"> -->
|
||||
<link rel="stylesheet" href="/css/web/receipt.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_home.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_customer_sub_payment.css?v1.1">
|
||||
<!-- <link rel="stylesheet" href="/css/web/modal.css?v1.1"> -->
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let paymentSearchKeywordParam = "[[${param.paymentSearchKeywordParam}]]";
|
||||
let paymentSort = "[[${param.paymentSort}]]";
|
||||
let paymentDir = "[[${param.paymentDir}]]";
|
||||
let paymentStart = "[[${param.paymentStart}]]"==""?0:"[[${param.paymentStart}]]";
|
||||
let paymentLimit = "[[${param.paymentLimit}]]"==""?100:"[[${param.paymentLimit}]]";
|
||||
|
||||
let paymentSearchStartDate = "[[${param.paymentSearchStartDate}]]";
|
||||
let paymentSearchEndDate = "[[${param.paymentSearchEndDate}]]";
|
||||
let paymentSearchDateType = "[[${param.paymentSearchDateType}]]"==""?"A":"[[${param.paymentSearchDateType}]]";
|
||||
let muTreatmentId = "[[${param.muTreatmentId}]]"
|
||||
let treatmentName = "[[${param.treatmentName}]]"
|
||||
let paymentStatus = "[[${param.paymentStatus}]]"
|
||||
let paymentStatusKeyword = "[[${param.paymentStatusKeyword}]]"
|
||||
let paymentCategoryItemNm = "[[${param.paymentCategoryItemNm}]]"
|
||||
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">수납 내역</p>
|
||||
|
||||
<div class="filter_box payment">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="select_box first dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
<input type="hidden" id="paymentSearchDateType">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box" id="divPaymentSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="paymentSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last" id="divPaymentSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="paymentSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">결제구분</button>
|
||||
<input type="hidden" id="paymentCategoryItemNm">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item first" id="">전체</li>
|
||||
<li class="option_list_item">카드</li>
|
||||
<li class="option_list_item">현금</li>
|
||||
<li class="option_list_item">멤버십</li>
|
||||
<li class="option_list_item">계좌이체</li>
|
||||
<li class="option_list_item">간편결제</li>
|
||||
<li class="option_list_item">선결제</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료구분</button>
|
||||
<input type="hidden" id="muTreatmentId">
|
||||
<ul class="select_option_list dropdown-menu" id="treatmentList">
|
||||
<li class="option_list_item first" id="">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">결제상태</button>
|
||||
<input type="hidden" id="paymentStatus">
|
||||
<ul class="select_option_list dropdown-menu" id="paymentStatusList">
|
||||
<li class="option_list_item first" id="">전체</li>
|
||||
<li class="option_list_item" id="Y">결제완료</li>
|
||||
<li class="option_list_item" id="NY">미수결제</li>
|
||||
<li class="option_list_item" id="PY">부분결제(완납)</li>
|
||||
<li class="option_list_item" id="P">부분결제</li>
|
||||
<li class="option_list_item" id="C">결제취소</li>
|
||||
<li class="option_list_item" id="R">환불</li>
|
||||
<li class="option_list_item" id="NP">미수</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="paymentSearchKeywordParam" placeholder="고객명, 시술(상품)명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="btnSearchPayment">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="download_btn" id="btnDownLoad">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="total_list_wrap">
|
||||
<div class="total_list_box">
|
||||
<ul class="total_list">
|
||||
<li class="first">
|
||||
<p class="division">수납총계</p>
|
||||
<p class="title total">총액</p>
|
||||
<p class="last"><span id="detail_total">0</span>원</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="division"></p>
|
||||
<p class="title total">공급가</p>
|
||||
<p class="last"><span id="detail_total_amount">0</span>원</p>
|
||||
</li >
|
||||
<li class="border_btm">
|
||||
<p class="division"></p>
|
||||
<p class="title total">Vat</p>
|
||||
<p class="last"><span id="detail_total_vat">0</span>원</p>
|
||||
</li>
|
||||
<li class="border_under">
|
||||
<p class="division">진료구분</p>
|
||||
<p class="title treatment">비만(0)</p>
|
||||
<p class="last"><span>0</span>원</p>
|
||||
</li>
|
||||
<!-- <li>-->
|
||||
<!-- <p class="division"></p>-->
|
||||
<!-- <p class="title treatment">비만약(0)</p>-->
|
||||
<!-- <p class="last"><span>0</span>원</p>-->
|
||||
<!-- </li>-->
|
||||
<li>
|
||||
<p class="division"></p>
|
||||
<p class="title treatment">쁘띠(0)</p>
|
||||
<p class="last"><span>0</span>원</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="division"></p>
|
||||
<p class="title treatment">피부(0)</p>
|
||||
<p class="last"><span>0</span>원</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="division"></p>
|
||||
<p class="title treatment">제모(0)</p>
|
||||
<p class="last"><span>0</span>원</p>
|
||||
</li>
|
||||
<li class="border_btm">
|
||||
<p class="division"></p>
|
||||
<p class="title treatment">기타(0)</p>
|
||||
<p class="last"><span>0</span>원</p>
|
||||
</li>
|
||||
<li class="border_under">
|
||||
<p class="division">결제구분</p>
|
||||
<p class="title method">카드(0)</p>
|
||||
<p class="last"><span id="detail_card">0</span>원</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="division"></p>
|
||||
<p class="title method">현금(0)</p>
|
||||
<p class="last"><span id="detail_cash">0</span>원</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="division"></p>
|
||||
<p class="title method">계좌이체(0)</p>
|
||||
<p class="last"><span id="detail_account">0</span>원</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="division"></p>
|
||||
<p class="title method">간편결제(0)</p>
|
||||
<p class="last"><span id="detail_qr">0</span>원</p>
|
||||
</li>
|
||||
<li class="border_btm">
|
||||
<p class="division"></p>
|
||||
<p class="title method">선결제(0)</p>
|
||||
<p class="last"><span id="detail_prepayment">0</span>원</p>
|
||||
</li>
|
||||
<li class="border_under">
|
||||
<p class="division">멤버십</p>
|
||||
<p class="title method">사용차감(0)</p>
|
||||
<p class="last"><span id="detail_membership_use">0</span>원</p>
|
||||
</li>
|
||||
<li class="border_btm">
|
||||
<p class="division"></p>
|
||||
<p class="title method">취소적립(0)</p>
|
||||
<p class="last"><span id="detail_membership_refund">0</span>원</p>
|
||||
</li>
|
||||
<li class="border_under">
|
||||
<p class="division">환불/취소</p>
|
||||
<p class="title cancel">미수(0)</p>
|
||||
<p class="last"><span id="detail_nonPayment">0</span>원</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="division"></p>
|
||||
<p class="title cancel">환불(0)</p>
|
||||
<p class="last"><span id="detail_refund">0</span>원</p>
|
||||
</li>
|
||||
<li class="last">
|
||||
<p class="division"></p>
|
||||
<p class="title cancel">취소(0)</p>
|
||||
<p class="last"><span id="detail_cancel">0</span>원</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="button_box">
|
||||
<button class="view_btn" onClick="openView()">상세보기<img src="/image/web/right_arrow_B.svg"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="paymentGrid" class="table_box ag-theme-balham"></div>
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="paymentPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/payment/paymentSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/payment/popup/paymentInsertPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentCancellationPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentRefundPop.js"></script>
|
||||
<script src="/js/web/kicc/kiccPosDll2.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
125
src/main/resources/templates/web/statistics/statistics.html
Normal file
125
src/main/resources/templates/web/statistics/statistics.html
Normal file
@@ -0,0 +1,125 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/statistics.css">
|
||||
<style>
|
||||
#dailyPaymentStatistics {
|
||||
max-height: 300px;
|
||||
}
|
||||
#monthPaymentStatistics {
|
||||
max-height: 400px;
|
||||
}
|
||||
</style>
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let statisticsSearchDate = "[[${param.statisticsSearchDate}]]";
|
||||
// let memberSort = "[[${param.memberSort}]]";
|
||||
// let memberDir = "[[${param.memberDir}]]";
|
||||
// let memberStart = "[[${param.memberStart}]]"==""?0:"[[${param.memberStart}]]";
|
||||
// let memberLimit = "[[${param.memberLimit}]]"==""?100:"[[${param.memberLimit}]]";
|
||||
//
|
||||
// let memberSearchGroupId = "[[${param.memberSearchGroupId}]]"==""?"":"[[${param.memberSearchGroupId}]]";
|
||||
// let memberSearchDutyId = "[[${param.memberSearchDutyId}]]"==""?"":"[[${param.memberSearchDutyId}]]";
|
||||
// let memberSearchAuthId = "[[${param.memberSearchAuthId}]]"==""?"":"[[${param.memberSearchAuthId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">대시보드</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="text" class="date_picker" id="statisticsSearchDate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<article class="first">
|
||||
<p class="title">매출</p>
|
||||
<div class="box_wrap">
|
||||
<div class="article_left_box">
|
||||
<ul>
|
||||
<li id="payment">
|
||||
<label>매출 금액</label>
|
||||
<p class="first" id="totalPaymentAmount">-</p>
|
||||
<p id="paymentUpDown">
|
||||
<span>-</span>
|
||||
<span>(-%)</span>
|
||||
</p>
|
||||
</li>
|
||||
<li id="treatment">
|
||||
<label>진료</label>
|
||||
<p class="first" id="totalTreatmentCount">-</p>
|
||||
<p id="treatmentUpDown">
|
||||
<span>-</span>
|
||||
<span>-%</span>
|
||||
</p>
|
||||
<p class="list" id="treatmentCategoryList">
|
||||
</p>
|
||||
</li>
|
||||
<li id="visitor">
|
||||
<label>방문고객</label>
|
||||
<p class="first" id="totalVisitorCount">-</p>
|
||||
<p id="visitorUpDown">
|
||||
<span>-</span>
|
||||
<span>(-%)</span>
|
||||
</p>
|
||||
<p class="list" id="visitorGenderList">
|
||||
여성 <span>-%</span>
|
||||
남성 <span>-%</span>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="article_right_box">
|
||||
<div class="box diff">
|
||||
<!--그래프박스-->
|
||||
<canvas id="monthPaymentStatistics" width="900" height="400"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<p class="title">일별 매출 금액</p>
|
||||
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<canvas id="dailyPaymentStatistics" width="1500" height="300"></canvas>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<form id="memberSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/chart-4.4.3.js"></script>
|
||||
<script src="/js/web/statistics/statistics.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,166 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/statistics_clinic.css">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
// let memberSearchKeywordParam = "[[${param.memberSearchKeywordParam}]]";
|
||||
// let memberSort = "[[${param.memberSort}]]";
|
||||
// let memberDir = "[[${param.memberDir}]]";
|
||||
// let memberStart = "[[${param.memberStart}]]"==""?0:"[[${param.memberStart}]]";
|
||||
// let memberLimit = "[[${param.memberLimit}]]"==""?100:"[[${param.memberLimit}]]";
|
||||
//
|
||||
// let memberSearchGroupId = "[[${param.memberSearchGroupId}]]"==""?"":"[[${param.memberSearchGroupId}]]";
|
||||
// let memberSearchDutyId = "[[${param.memberSearchDutyId}]]"==""?"":"[[${param.memberSearchDutyId}]]";
|
||||
// let memberSearchAuthId = "[[${param.memberSearchAuthId}]]"==""?"":"[[${param.memberSearchAuthId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">진료 통계</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="text" class="date_picker" id="statisticsSearchDate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<ul class="statistics_list">
|
||||
<li class="first" id="treatmentAll">
|
||||
<label>진료(전체)</label>
|
||||
<p class="first">0건</p>
|
||||
<p>0원</p>
|
||||
</li>
|
||||
<li id="treatment0">
|
||||
<label>피부</label>
|
||||
<p class="first">0건</p>
|
||||
<p>0원</p>
|
||||
</li>
|
||||
<li id="treatment1">
|
||||
<label>쁘띠</label>
|
||||
<p class="first">0건</p>
|
||||
<p>0원</p>
|
||||
</li>
|
||||
<li id="treatment2">
|
||||
<label>비만</label>
|
||||
<p class="first">0건</p>
|
||||
<p>0원</p>
|
||||
</li>
|
||||
<li id="treatment3">
|
||||
<label>제모</label>
|
||||
<p class="first">0건</p>
|
||||
<p>0원</p>
|
||||
</li>
|
||||
<li id="treatment4">
|
||||
<label>기타</label>
|
||||
<p class="first">0건</p>
|
||||
<p>0원</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<article>
|
||||
<div class="title_box">
|
||||
<p class="title">진료 매출 트렌드</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<canvas id="dailyClinicStatistics" width="1500" height="300"></canvas>
|
||||
</div>
|
||||
|
||||
<div class="graph">
|
||||
<div class="box_wrap first">
|
||||
<p class="title">진료 매출</p>
|
||||
<div class="box diff">
|
||||
<!--그래프박스-->
|
||||
<canvas id="treatmentPaymentStatistics" width="720" height="350"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_wrap">
|
||||
<p class="title">진료 매출 비중</p>
|
||||
<div class="box diff">
|
||||
<!--그래프박스-->
|
||||
<canvas id="treatmentPercentStatistics" width="350" height="350"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="graph">
|
||||
<div class="box_wrap">
|
||||
<p class="title">닥터 매출 비중</p>
|
||||
<div class="box diff">
|
||||
<!--그래프박스-->
|
||||
<canvas id="memberPaymentStatistics" width="350" height="350"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_wrap last">
|
||||
<p class="title">매출 TOP10 시술</p>
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<div id="topPaymentGrid" class="table_box ag-theme-balham" style="height:482px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="pst">
|
||||
<div class="title_box">
|
||||
<p class="title">상세 내역</p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="download_btn" id="downLoadBtn">
|
||||
<img src="/image/web/download.svg" alt="내려받기">
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<div id="paymentGrid" class="table_box ag-theme-balham" style="height:450px;"></div>
|
||||
</div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="clinicStatisticsPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<form id="memberSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/chart-4.4.3.js"></script>
|
||||
<script src="/js/web/statistics/statisticsClinic.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,157 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/statistics_payment.css">
|
||||
<style>
|
||||
#dailyPaymentStatistics {
|
||||
max-height: 300px;
|
||||
}
|
||||
</style>
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let statisticsSearchDate = "[[${param.statisticsSearchDate}]]";
|
||||
// let memberSearchKeywordParam = "[[${param.memberSearchKeywordParam}]]";
|
||||
// let memberSort = "[[${param.memberSort}]]";
|
||||
// let memberDir = "[[${param.memberDir}]]";
|
||||
// let memberStart = "[[${param.memberStart}]]"==""?0:"[[${param.memberStart}]]";
|
||||
// let memberLimit = "[[${param.memberLimit}]]"==""?100:"[[${param.memberLimit}]]";
|
||||
//
|
||||
// let memberSearchGroupId = "[[${param.memberSearchGroupId}]]"==""?"":"[[${param.memberSearchGroupId}]]";
|
||||
// let memberSearchDutyId = "[[${param.memberSearchDutyId}]]"==""?"":"[[${param.memberSearchDutyId}]]";
|
||||
// let memberSearchAuthId = "[[${param.memberSearchAuthId}]]"==""?"":"[[${param.memberSearchAuthId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">결제 통계</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="text" class="date_picker" id="statisticsSearchDate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<ul class="statistics_list">
|
||||
<li class="first">
|
||||
<label>결제 완료</label>
|
||||
<p id="totalPaymentStatus0">0원</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>결제 취소</label>
|
||||
<p id="totalPaymentStatus1">0원</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>할인</label>
|
||||
<p id="totalPaymentStatus2">0원</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>환불</label>
|
||||
<p id="totalPaymentStatus3">0원</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>미수</label>
|
||||
<p id="totalPaymentStatus4">0원</p>
|
||||
</li>
|
||||
</ul>
|
||||
<article>
|
||||
<div class="title_box">
|
||||
<p class="title">결제 트렌드</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<canvas id="dailyPaymentStatistics" width="1500" height="300"></canvas>
|
||||
</div>
|
||||
|
||||
<div class="last">
|
||||
<p class="title">결제 수단</p>
|
||||
|
||||
<ul>
|
||||
<li class="first">
|
||||
<label>카드</label>
|
||||
<p id="paymentCategoryName0">0 (0%)</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>현금</label>
|
||||
<p id="paymentCategoryName1">0 (0%)</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>계좌이체</label>
|
||||
<p id="paymentCategoryName2">0 (0%)</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>간편결제</label>
|
||||
<p id="paymentCategoryName3">0 (0%)</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>멤버십</label>
|
||||
<p id="paymentCategoryName4">0 (0%)</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>선결제(플랫폼)</label>
|
||||
<p id="paymentCategoryName5">0 (0%)</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
<article class="pst">
|
||||
<div class="title_box">
|
||||
<p class="title">상세 내역</p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="download_btn" id="downLoadBtn">
|
||||
<img src="/image/web/download.svg" alt="내려받기">
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<div id="paymentGrid" class="table_box ag-theme-balham" style="height:450px;"></div>
|
||||
</div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<!--<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="paymentStatisticsPagination"></ul>
|
||||
</nav>
|
||||
</div>-->
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<form id="memberSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/chart-4.4.3.js"></script>
|
||||
<script src="/js/web/statistics/statisticsPayment.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
148
src/main/resources/templates/web/statistics/statisticsPush.html
Normal file
148
src/main/resources/templates/web/statistics/statisticsPush.html
Normal file
@@ -0,0 +1,148 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/statistics_push.css">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
// let memberSearchKeywordParam = "[[${param.memberSearchKeywordParam}]]";
|
||||
// let memberSort = "[[${param.memberSort}]]";
|
||||
// let memberDir = "[[${param.memberDir}]]";
|
||||
// let memberStart = "[[${param.memberStart}]]"==""?0:"[[${param.memberStart}]]";
|
||||
// let memberLimit = "[[${param.memberLimit}]]"==""?100:"[[${param.memberLimit}]]";
|
||||
//
|
||||
// let memberSearchGroupId = "[[${param.memberSearchGroupId}]]"==""?"":"[[${param.memberSearchGroupId}]]";
|
||||
// let memberSearchDutyId = "[[${param.memberSearchDutyId}]]"==""?"":"[[${param.memberSearchDutyId}]]";
|
||||
// let memberSearchAuthId = "[[${param.memberSearchAuthId}]]"==""?"":"[[${param.memberSearchAuthId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">푸시 통계</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="text" class="date_picker" id="statisticsSearchDate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<ul class="statistics_list">
|
||||
<li class="first" id="pushAll">
|
||||
<label>푸시고객(전체)</label>
|
||||
<p class="first">0건</p>
|
||||
<p>0원</p>
|
||||
</li>
|
||||
<li id="push0">
|
||||
<label>앱 푸시</label>
|
||||
<p class="first">0건</p>
|
||||
<p>0원</p>
|
||||
</li>
|
||||
<li id="push1">
|
||||
<label>SMS</label>
|
||||
<p class="first">0건</p>
|
||||
<p>0원</p>
|
||||
</li>
|
||||
<li id="push2">
|
||||
<label>카카오톡</label>
|
||||
<p class="first">0건</p>
|
||||
<p>0원</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<article>
|
||||
<div class="title_box">
|
||||
<p class="title">푸시 트렌드</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<canvas id="dailyPushCountStatistics" width="1500" height="300"></canvas>
|
||||
</div>
|
||||
|
||||
<div class="title_box last">
|
||||
<p class="title">푸시 비용</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<canvas id="dailyTotalAmountStatistics" width="1500" height="300"></canvas>
|
||||
</div>
|
||||
|
||||
<div class="graph">
|
||||
<div class="box_wrap first">
|
||||
<p class="title">전송 상태</p>
|
||||
<div class="box diff">
|
||||
<!--그래프박스-->
|
||||
<canvas id="pushStateStatistics" width="350" height="350"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_wrap">
|
||||
<p class="title">전송 통계</p>
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<div id="kakaoTemplateGrid" class="table_box ag-theme-balham" style="height:482px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="pst">
|
||||
<div class="title_box">
|
||||
<p class="title">상세 내역</p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="download_btn" id="downLoadBtn">
|
||||
<img src="/image/web/download.svg" alt="내려받기">
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<div id="pushGrid" class="table_box ag-theme-balham" style="height:450px;"></div>
|
||||
</div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="pushStatisticsPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<form id="memberSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/chart-4.4.3.js"></script>
|
||||
<script src="/js/web/statistics/statisticsPush.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
175
src/main/resources/templates/web/statistics/statisticsUser.html
Normal file
175
src/main/resources/templates/web/statistics/statisticsUser.html
Normal file
@@ -0,0 +1,175 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/statistics_client.css">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
// let memberSearchKeywordParam = "[[${param.memberSearchKeywordParam}]]";
|
||||
// let memberSort = "[[${param.memberSort}]]";
|
||||
// let memberDir = "[[${param.memberDir}]]";
|
||||
// let memberStart = "[[${param.memberStart}]]"==""?0:"[[${param.memberStart}]]";
|
||||
// let memberLimit = "[[${param.memberLimit}]]"==""?100:"[[${param.memberLimit}]]";
|
||||
//
|
||||
// let memberSearchGroupId = "[[${param.memberSearchGroupId}]]"==""?"":"[[${param.memberSearchGroupId}]]";
|
||||
// let memberSearchDutyId = "[[${param.memberSearchDutyId}]]"==""?"":"[[${param.memberSearchDutyId}]]";
|
||||
// let memberSearchAuthId = "[[${param.memberSearchAuthId}]]"==""?"":"[[${param.memberSearchAuthId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">고객 통계</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="text" class="date_picker" id="statisticsSearchDate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<ul class="statistics_list">
|
||||
<li class="first">
|
||||
<label>방문고객(전체)</label>
|
||||
<p id="totalVisitorCount"><span>0</span> 명</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>고객유형</label>
|
||||
<p class="span_wrap" id="firstYnVisitorCount">
|
||||
초진 <span>0</span>
|
||||
재진 <span>0</span> 명
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>성별</label>
|
||||
<p class="span_wrap" id="genderVisitorCount">
|
||||
여성 <span>0</span>
|
||||
남성 <span>0</span> 명
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>멤버십 회원</label>
|
||||
<p id="membershipVisitorCount"><span>0</span> 명</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<article>
|
||||
<div class="title_box">
|
||||
<p class="title">방문 고객 트렌드</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<canvas id="dailyFirstYnGraph" width="1500" height="300"></canvas>
|
||||
</div>
|
||||
|
||||
<div class="graph">
|
||||
<div class="box_wrap first">
|
||||
<p class="title">초진/재진 비율</p>
|
||||
<div class="box diff">
|
||||
<!--그래프박스-->
|
||||
<canvas id="firstYnPercentGraph" width="350" height="350"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_wrap">
|
||||
<p class="title">예약 유형</p>
|
||||
<div class="box diff">
|
||||
<!--그래프박스-->
|
||||
<canvas id="reserveCategoryGraph" width="720" height="350"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="graph">
|
||||
<div class="box_wrap">
|
||||
<p class="title">성별/연령</p>
|
||||
<div class="box diff">
|
||||
<!--그래프박스-->
|
||||
<canvas id="genderAgeGraph" width="720" height="350"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_wrap last">
|
||||
<p class="title">멤버십</p>
|
||||
<div class="box diff">
|
||||
<!--그래프박스-->
|
||||
<canvas id="membershipGraph" width="350" height="350"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="graph">
|
||||
<div class="box_wrap same">
|
||||
<p class="title">국적</p>
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<div id="nationalityGrid" class="table_box ag-theme-balham" style="height:482px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_wrap same">
|
||||
<p class="title">고객구분</p>
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<div id="userTypeGrid" class="table_box ag-theme-balham" style="height:482px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="pst">
|
||||
<div class="title_box">
|
||||
<p class="title">상세 내역</p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="download_btn" id="downLoadBtn">
|
||||
<img src="/image/web/download.svg" alt="내려받기">
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<!--그래프박스-->
|
||||
<div id="userGrid" class="table_box ag-theme-balham" style="height:450px;"></div>
|
||||
</div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userStatisticsPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<form id="memberSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/chart-4.4.3.js"></script>
|
||||
<script src="/js/web/statistics/statisticsUser.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,118 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/stock_inventory_close.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_stock_inventory_close.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let stockCloseSearchKeywordParam = "[[${param.stockCloseSearchKeywordParam}]]";
|
||||
let stockCloseSort = "[[${param.stockCloseSort}]]";
|
||||
let stockCloseDir = "[[${param.stockCloseDir}]]";
|
||||
let stockCloseStart = "[[${param.stockCloseStart}]]"==""?0:"[[${param.stockCloseStart}]]";
|
||||
let stockCloseLimit = "[[${param.stockCloseLimit}]]"==""?100:"[[${param.stockCloseLimit}]]";
|
||||
|
||||
let stockCloseSearchStartDate = "[[${param.stockCloseSearchStartDate}]]";
|
||||
let stockCloseSearchEndDate = "[[${param.stockCloseSearchEndDate}]]";
|
||||
let stockCloseSearchDateType = "[[${param.stockCloseSearchDateType}]]"==""?"A":"[[${param.stockCloseSearchDateType}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">재고 마감</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_list period first">
|
||||
<div class="select_box dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
<input type="hidden" id="stockCloseSearchDateType"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divStockCloseSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="stockCloseSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last date" id="divStockCloseSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="stockCloseSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<button id="btnSearchStockClose" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertStockClose" class="stock_closing_btn">
|
||||
<img src="/image/web/add2.svg" alt="재고 마감 생성"/>
|
||||
<p>재고 마감 생성</p>
|
||||
</button>
|
||||
|
||||
<button id="btnDownloadStockClose" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="stockCloseGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="stockClosePagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="stockCloseSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/stockclose/stockCloseSelectList.js"></script>
|
||||
<script src="/js/web/stockclose/popup/stockCloseInsertPop.js"></script>
|
||||
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,130 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/stock_inventory_adjustment.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_stock_inventory_adjustment.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let stockCloseSearchKeywordParam = "[[${param.stockCloseSearchKeywordParam}]]";
|
||||
let stockCloseSort = "[[${param.stockCloseSort}]]";
|
||||
let stockCloseDir = "[[${param.stockCloseDir}]]";
|
||||
let stockCloseStart = "[[${param.stockCloseStart}]]"==""?0:"[[${param.stockCloseStart}]]";
|
||||
let stockCloseLimit = "[[${param.stockCloseLimit}]]"==""?100:"[[${param.stockCloseLimit}]]";
|
||||
|
||||
let stockCloseSearchStartDate = "[[${param.stockCloseSearchStartDate}]]";
|
||||
let stockCloseSearchEndDate = "[[${param.stockCloseSearchEndDate}]]";
|
||||
let stockCloseSearchDateType = "[[${param.stockCloseSearchDateType}]]"==""?"A":"[[${param.stockCloseSearchDateType}]]";
|
||||
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let stockCloseDetailSearchKeywordParam = "[[${param.stockCloseDetailSearchKeywordParam}]]";
|
||||
let stockCloseDetailSort = "[[${param.stockCloseDetailSort}]]";
|
||||
let stockCloseDetailDir = "[[${param.stockCloseDetailDir}]]";
|
||||
let stockCloseDetailStart = "[[${param.stockCloseDetailStart}]]"==""?0:"[[${param.stockCloseDetailStart}]]";
|
||||
let stockCloseDetailLimit = "[[${param.stockCloseDetailLimit}]]"==""?100:"[[${param.stockCloseDetailLimit}]]";
|
||||
|
||||
let stockCloseDetailTreatmentId = "[[${param.stockCloseDetailTreatmentId}]]";
|
||||
let stockCloseDetailCompanyId = "[[${param.stockCloseDetailCompanyId}]]";
|
||||
|
||||
let muStockCloseId = "[[${param.muStockCloseId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">재고 마감 내역</p>
|
||||
|
||||
<ul class="total_list">
|
||||
<li>
|
||||
<label>재고 품목 수</label>
|
||||
<p class="number" id="treatmentCount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>품목별 재고 수</label>
|
||||
<p class="number" id="groupTreatmentCount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>거래처 수</label>
|
||||
<p class="number" id="companyCount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>재고 총액(원)</label>
|
||||
<p class="number" id="stockAmount"></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">재고구분</button>
|
||||
<input type="hidden" id="stockCloseDetailTreatmentId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id=""></ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">거래처 전체</button>
|
||||
<input type="hidden" id="stockCloseDetailCompanyId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id=""></ul>
|
||||
</div>
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="stockCloseDetailSearchKeyword" required placeholder="제품명,거래처명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchStockCloseDetail" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnDownloadStockCloseDetail" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="stockCloseDetailGrid" class="table_box ag-theme-balham stockCloseDetailGrid"></div>
|
||||
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="stockCloseDetailPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="stockCloseDetailSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/stockclosedetail/stockCloseDetailSelectList.js"></script>
|
||||
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,225 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/stock_delivery_warehousing_sub.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_stock_delivery_warehousing_sub.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 페이징 검색 관련 변수 */
|
||||
let stockStatusSearchKeywordParam = "[[${param.stockStatusSearchKeywordParam}]]";
|
||||
let stockStatusSort = "[[${param.stockStatusSort}]]";
|
||||
let stockStatusDir = "[[${param.stockStatusDir}]]";
|
||||
let stockStatusStart = "[[${param.stockStatusStart}]]"==""?0:"[[${param.stockStatusStart}]]";
|
||||
let stockStatusLimit = "[[${param.stockStatusLimit}]]"==""?100:"[[${param.stockStatusLimit}]]";
|
||||
|
||||
let stockStatusSearchStartDate = "[[${param.stockStatusSearchStartDate}]]";
|
||||
let stockStatusSearchEndDate = "[[${param.stockStatusSearchEndDate}]]";
|
||||
let stockStatusSearchDateType = "[[${param.stockStatusSearchDateType}]]"==""?"A":"[[${param.stockStatusSearchDateType}]]";
|
||||
|
||||
|
||||
let stockStatusTreatmentId = "[[${param.stockStatusTreatmentId}]]";
|
||||
let stockStatusCompanyId = "[[${param.stockStatusCompanyId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let stockHistorySort = "[[${param.stockHistorySort}]]";
|
||||
let stockHistoryDir = "[[${param.stockHistoryDir}]]";
|
||||
let stockHistoryStart = "[[${param.stockHistoryStart}]]"==""?0:"[[${param.stockHistoryStart}]]";
|
||||
let stockHistoryLimit = "[[${param.stockHistoryLimit}]]"==""?100:"[[${param.stockHistoryLimit}]]";
|
||||
|
||||
let stockHistorySearchStartDate = "[[${param.stockHistorySearchStartDate}]]";
|
||||
let stockHistorySearchEndDate = "[[${param.stockHistorySearchEndDate}]]";
|
||||
let stockHistorySearchDateType = "[[${param.stockHistorySearchDateType}]]"==""?"A":"[[${param.stockHistorySearchDateType}]]";
|
||||
let stockHistorySearchType = "[[${param.stockHistorySearchType}]]"==""?"":"[[${param.stockHistorySearchType}]]";
|
||||
|
||||
|
||||
let muTreatmentId = "[[${param.muTreatmentId}]]";
|
||||
let muProductId = "[[${param.muProductId}]]";
|
||||
let muCompanyId = "[[${param.muCompanyId}]]";
|
||||
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">입출고 내역</p>
|
||||
|
||||
<div class="total_list_box">
|
||||
<ul class="total_list product_list">
|
||||
<li>
|
||||
<label>제품명<span>(단위)</span></label>
|
||||
<p id="productName"><span id="volumeUnitName"></span></p>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<label>거래처</label>
|
||||
<p id="companyName"></p>
|
||||
</div>
|
||||
<div>
|
||||
<label>사업자 등록번호</label>
|
||||
<p id="businessNumber"></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<label>담담자</label>
|
||||
<p id="userName"></p>
|
||||
</div>
|
||||
<div>
|
||||
<label>연락처</label>
|
||||
<p id="phoneNumber"></p>
|
||||
</div>
|
||||
<div>
|
||||
<label>이메일</label>
|
||||
<p id="email"></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="total_list enwnf_list">
|
||||
<li>
|
||||
<label>입고</label>
|
||||
<p class="number alignRight" id="inTotalQuantity"></p>
|
||||
<p class="number alignRight" id="inTotalAmount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>사용</label>
|
||||
<p class="number alignRight" id="uOutTotalQuantity"></p>
|
||||
<p class="number alignRight" id="uOutTotalAmount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>판매 수량</label>
|
||||
<p class="number alignRight" id="sOutTotalQuantity"></p>
|
||||
<p class="number alignRight" id="sOutTotalAmount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>반품 수량</label>
|
||||
<p class="number alignRight" id="rOutTotalQuantity"></p>
|
||||
<p class="number alignRight" id="rOutTotalAmount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>폐기 수량</label>
|
||||
<p class="number alignRight" id="dOutTotalQuantity"></p>
|
||||
<p class="number alignRight" id="dOutTotalAmount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>기타 수량</label>
|
||||
<p class="number alignRight" id="eOutTotalQuantity"></p>
|
||||
<p class="number alignRight" id="eOutTotalAmount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>재고조정 - 추가</label>
|
||||
<p class="number alignRight" id="aaInTotalQuantity"></p>
|
||||
<p class="number alignRight" id="aaInTotalAmount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>재고조정 - 감소</label>
|
||||
<p class="number alignRight" id="adOutTotalQuantity"></p>
|
||||
<p class="number alignRight" id="adOutTotalAmount"></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
<input type="hidden" id="stockHistorySearchDateType"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divStockHistorySearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="stockHistorySearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last date" id="divStockHistorySearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="stockHistorySearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">구분</button>
|
||||
<input type="hidden" id="stockHistorySearchType" />
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_All" class="option_list_item">구분 전체</li>
|
||||
<li id="li_I" class="option_list_item">입고</li>
|
||||
<li id="li_U" class="option_list_item">사용</li>
|
||||
<li id="li_S" class="option_list_item">판매</li>
|
||||
<li id="li_R" class="option_list_item">반품</li>
|
||||
<li id="li_D" class="option_list_item">폐기</li>
|
||||
<li id="li_E" class="option_list_item">기타</li>
|
||||
<li id="li_AA" class="option_list_item">재고조정-추가</li>
|
||||
<li id="li_AD" class="option_list_item">재고조정-감소</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<button id="btnSearchStockHistory" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInStockHistory" style="transition: all 0.2s ease-in-out 0s;" class="store_btn"><img src='/image/web/ic_add.svg'/>입고</button>
|
||||
<button id="btnOutStockHistory" style="transition: all 0.2s ease-in-out 0s;" class="release_btn"><img src='/image/web/minus.svg'/>출고</button>
|
||||
<button id="btnDownloadStockHistory" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="stockHistoryGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="stockHistoryPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<form id="stockHistorySelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/stockhistory/stockHistorySelectList.js"></script>
|
||||
<script src="/js/web/stockhistory/popup/stockHistoryInInsertPop.js"></script>
|
||||
<script src="/js/web/stockhistory/popup/stockHistoryOutInsertPop.js"></script>
|
||||
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,155 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/stock_delivery_warehousing.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let stockStatusSearchKeywordParam = "[[${param.stockStatusSearchKeywordParam}]]";
|
||||
let stockStatusSort = "[[${param.stockStatusSort}]]";
|
||||
let stockStatusDir = "[[${param.stockStatusDir}]]";
|
||||
let stockStatusStart = "[[${param.stockStatusStart}]]"==""?0:"[[${param.stockStatusStart}]]";
|
||||
let stockStatusLimit = "[[${param.stockStatusLimit}]]"==""?100:"[[${param.stockStatusLimit}]]";
|
||||
|
||||
let stockStatusSearchStartDate = "[[${param.stockStatusSearchStartDate}]]";
|
||||
let stockStatusSearchEndDate = "[[${param.stockStatusSearchEndDate}]]";
|
||||
let stockStatusSearchDateType = "[[${param.stockStatusSearchDateType}]]"==""?"A":"[[${param.stockStatusSearchDateType}]]";
|
||||
|
||||
|
||||
let stockStatusTreatmentId = "[[${param.stockStatusTreatmentId}]]";
|
||||
let stockStatusCompanyId = "[[${param.stockStatusCompanyId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">입출고 현황</p>
|
||||
|
||||
<ul class="total_list">
|
||||
<li>
|
||||
<label>입고 수량</label>
|
||||
<p class="number alignRight" id="inTotalQuantity"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>입고 금액</label>
|
||||
<p class="number alignRight" id="inTotalAmount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>출고 수량</label>
|
||||
<p class="number alignRight" id="outTotalQuantity"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>출고 금액</label>
|
||||
<p class="number alignRight" id="outTotalAmount"></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_list period">
|
||||
<div class="select_box dropdown first">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
<input type="hidden" id="stockStatusSearchDateType"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divStockStatusSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="stockStatusSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last date" id="divStockStatusSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="stockStatusSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">재고구분</button>
|
||||
<input type="hidden" id="stockStatusTreatmentId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id=""></ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">거래처 전체</button>
|
||||
<input type="hidden" id="stockStatusCompanyId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id=""></ul>
|
||||
</div>
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="stockStatusSearchKeyword" required placeholder="제품명,거래처명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchStockStatus" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnDownloadStockStatus" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="stockStatusGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="stockStatusPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="stockStatusSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/stockstatus/stockStatusSelectList.js"></script>
|
||||
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/stock.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let stockSumSearchKeywordParam = "[[${param.stockSumSearchKeywordParam}]]";
|
||||
let stockSumSort = "[[${param.stockSumSort}]]";
|
||||
let stockSumDir = "[[${param.stockSumDir}]]";
|
||||
let stockSumStart = "[[${param.stockSumStart}]]"==""?0:"[[${param.stockSumStart}]]";
|
||||
let stockSumLimit = "[[${param.stockSumLimit}]]"==""?100:"[[${param.stockSumLimit}]]";
|
||||
|
||||
let stockSumTreatmentId = "[[${param.stockSumTreatmentId}]]";
|
||||
let stockSumCompanyId = "[[${param.stockSumCompanyId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">현 재고</p>
|
||||
|
||||
<ul class="total_list">
|
||||
<li>
|
||||
<label>재고 품목 수</label>
|
||||
<p class="number alignRight" id="treatmentCount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>품목별 재고 수</label>
|
||||
<p class="number" id="groupTreatmentCount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>거래처 수</label>
|
||||
<p class="number alignRight" id="companyCount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>재고 총액(원)</label>
|
||||
<p class="number alignRight" id="stockAmount"></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">재고구분</button>
|
||||
<input type="hidden" id="stockSumTreatmentId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id=""></ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">거래처 전체</button>
|
||||
<input type="hidden" id="stockSumCompanyId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id=""></ul>
|
||||
</div>
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="stockSumSearchKeyword" required placeholder="제품명,거래처명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchStockSum" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnDownloadStockSum" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="stockSumGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="stockSumPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="stockSumSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/stocksum/stockSumSelectList.js"></script>
|
||||
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,127 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/stock_inventory_adjustment.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_stock_inventory_adjustment.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let stockSumAdjustmentSearchKeywordParam = "[[${param.stockSumAdjustmentSearchKeywordParam}]]";
|
||||
let stockSumAdjustmentSort = "[[${param.stockSumAdjustmentSort}]]";
|
||||
let stockSumAdjustmentDir = "[[${param.stockSumAdjustmentDir}]]";
|
||||
let stockSumAdjustmentStart = "[[${param.stockSumAdjustmentStart}]]"==""?0:"[[${param.stockSumAdjustmentStart}]]";
|
||||
let stockSumAdjustmentLimit = "[[${param.stockSumAdjustmentLimit}]]"==""?100:"[[${param.stockSumAdjustmentLimit}]]";
|
||||
|
||||
let stockSumAdjustmentTreatmentId = "[[${param.stockSumAdjustmentTreatmentId}]]";
|
||||
let stockSumAdjustmentCompanyId = "[[${param.stockSumAdjustmentCompanyId}]]";
|
||||
|
||||
|
||||
/* 재고조정 팝업 페이징 변수 */
|
||||
let stockSumAdjustmentDetailSort = "";
|
||||
let stockSumAdjustmentDetailDir = "";
|
||||
let stockSumAdjustmentDetailStart = 0;
|
||||
let stockSumAdjustmentDetailLimit = 100;
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">재고 조정</p>
|
||||
|
||||
<ul class="total_list">
|
||||
<li>
|
||||
<label>재고 품목 수</label>
|
||||
<p class="number alignRight" id="treatmentCount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>품목별 재고 수</label>
|
||||
<p class="number" id="groupTreatmentCount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>거래처 수</label>
|
||||
<p class="number alignRight" id="companyCount"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>재고 총액(원)</label>
|
||||
<p class="number alignRight" id="stockAmount"></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">재고구분</button>
|
||||
<input type="hidden" id="stockSumAdjustmentTreatmentId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id=""></ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">거래처 전체</button>
|
||||
<input type="hidden" id="stockSumAdjustmentCompanyId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id=""></ul>
|
||||
</div>
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="stockSumAdjustmentSearchKeyword" required placeholder="제품명,거래처명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchStockSum" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnDownloadStockSumAdjustment" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="stockSumAdjustmentGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="stockSumPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="stockSumAdjustmentSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/stocksumadjustment/stockSumAdjustmentSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/stocksumadjustment/popup/stockSumAdjustmentDetailUpdatePop.js"></script>
|
||||
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,95 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/stock_sub.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let stockSumSearchKeywordParam = "[[${param.stockSumSearchKeywordParam}]]";
|
||||
let stockSumSort = "[[${param.stockSumSort}]]";
|
||||
let stockSumDir = "[[${param.stockSumDir}]]";
|
||||
let stockSumStart = "[[${param.stockSumStart}]]"==""?0:"[[${param.stockSumStart}]]";
|
||||
let stockSumLimit = "[[${param.stockSumLimit}]]"==""?100:"[[${param.stockSumLimit}]]";
|
||||
|
||||
let stockSumTreatmentId = "[[${param.stockSumTreatmentId}]]";
|
||||
let stockSumCompanyId = "[[${param.stockSumCompanyId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let stockSumHistorySearchKeywordParam = "[[${param.stockSumHistorySearchKeywordParam}]]";
|
||||
let stockSumHistorySort = "[[${param.stockSumHistorySort}]]";
|
||||
let stockSumHistoryDir = "[[${param.stockSumHistoryDir}]]";
|
||||
// let stockSumHistoryStart = "[[${param.stockSumHistoryStart}]]"==""?0:"[[${param.stockSumHistoryStart}]]";
|
||||
// let stockSumHistoryLimit = "[[${param.stockSumHistoryLimit}]]"==""?100:"[[${param.stockSumHistoryLimit}]]";
|
||||
|
||||
let muTreatmentId = "[[${param.muTreatmentId}]]";
|
||||
let muCompanyId = "[[${param.muCompanyId}]]";
|
||||
let muProductId = "[[${param.muProductId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">현 재고 내역</p>
|
||||
|
||||
<div class="total_list_box">
|
||||
<ul class="total_list">
|
||||
<li>
|
||||
<label>제품명<span>(단위)</span></label>
|
||||
<p class="number" id="productName"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>거래처</label>
|
||||
<p class="number" id="companyName"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>평균 입고단가</label>
|
||||
<p class="number alignRight" id="totalAvgPrice"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>재고 수량</label>
|
||||
<p class="number alignRight" id="totalQuantity"></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>재고 총액(원)</label>
|
||||
<p class="number alignRight" id="totalAmount"></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="stockSumHistoryGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="stockSumHistoryPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="stockSumHistorySelectListForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/stocksumhistory/stockSumHistorySelectList.js"></script>
|
||||
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/hospital_diagnosis.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_hospital_diagnosis.css?v1.1">
|
||||
<!-- <link rel="stylesheet" href="/css/web/modal.css?v1.1"> -->
|
||||
<!-- <link rel="stylesheet" href="/css/web/grid.css?v1.1"> -->
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let treatmentProcedureSearchKeywordParam = "[[${param.treatmentProcedureSearchKeywordParam}]]";
|
||||
let treatmentProcedureSort = "[[${param.treatmentProcedureSort}]]";
|
||||
let treatmentProcedureDir = "[[${param.treatmentProcedureDir}]]";
|
||||
let treatmentProcedureStart = "[[${param.treatmentProcedureStart}]]"==""?0:"[[${param.treatmentProcedureStart}]]";
|
||||
let treatmentProcedureLimit = "[[${param.treatmentProcedureLimit}]]"==""?100:"[[${param.treatmentProcedureLimit}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">진료·시술 설정</p>
|
||||
|
||||
<div class="diagnosis_box">
|
||||
<ul class="diagnosis_list" id="diagnosisList">
|
||||
<li>
|
||||
<p class="title">진료</p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnAddTreatmentRow" class="diagnosis_item_btn">
|
||||
<img src="/image/web/group_btn_icon.svg" alt="진료항목 추가"/>진료항목 추가
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="title">
|
||||
<div class="diagnosis_division_box">진료구분</div>
|
||||
|
||||
<div class="surgery_box">시술수 </div>
|
||||
|
||||
<div class="dropdown_box"></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="diagnosis_table_box">
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<p class="active title"></p>
|
||||
|
||||
<p class="title"></p>
|
||||
<!-- 검색input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="treatmentProcedureSearchKeyword" required placeholder="시술명, 약품, 닥터명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchTreatmentProcedure" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnUpdateTreatmentProcedureTreatmentId" class="diagnosis_movement_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/diagnosis_movement_btn_icon.svg" alt="진료이동"/>진료이동
|
||||
</button>
|
||||
<button id="btnInsertTreatmentProcedure" class="surgery_addition_btn" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="/image/web/surgery_addition_btn_icon.svg" alt="시술추가"/>시술추가
|
||||
</button>
|
||||
<button id="btnUpdateTreatmentProcedureEnableYn2" class="inactive_btn">비활성화</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="hidden" id="muTreatmentId" />
|
||||
<div id="treatmentProcedureGrid" class="table_box ag-theme-balham"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="treatmentSelectListForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/treatment/treatmentSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/product/popup/productSearchPop.js"></script>
|
||||
<script src="/js/web/treatmentprocedure/popup/treatmentProcedureInsertPop.js"></script>
|
||||
<script src="/js/web/treatmentprocedure/popup/treatmentProcedureUpdatePop.js"></script>
|
||||
<script src="/js/web/treatmentprocedure/popup/treatmentProcedureSelectPop.js"></script>
|
||||
<script src="/js/web/treatmentprocedure/popup/treatmentProcedureTreatmentIdUpdatePop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
370
src/main/resources/templates/web/user/customer_sub.html
Normal file
370
src/main/resources/templates/web/user/customer_sub.html
Normal file
@@ -0,0 +1,370 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="kr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="../bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="../css/font.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/common.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/header.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/customer_sub.css">
|
||||
<link rel="stylesheet" href="../css/modal.css?v1.1">
|
||||
<link rel="stylesheet" href="../css//jquery-ui.css">
|
||||
<link rel="stylesheet" href="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="../js/jquery-ui.js"></script>
|
||||
<script src="../js/data.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="project_wrap">
|
||||
<!--상단네비-->
|
||||
<header class="header_section">
|
||||
<a href="0_home.html" class="logo_wrap">
|
||||
<img class="logo" src="../image/logo.svg" alt="logo"/>
|
||||
<span>메이드유 CRM</span>
|
||||
</a>
|
||||
|
||||
<div class="search_wrap">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_B.svg" alt="검색"/>
|
||||
<input type="text" id="name" placeholder="검색 (고객명, 연락처)">
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button class="reservation_btn" data-toggle="modal" data-target=".reservation_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/reservation.svg" alt="예약"/>
|
||||
예약
|
||||
</button>
|
||||
|
||||
<button data-toggle="modal" data-target=".receipt_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/receipt.svg" alt="바로접수"/>
|
||||
바로접수
|
||||
</button>
|
||||
|
||||
<button class="last" data-toggle="modal" data-target=".new_patient_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/registration.svg" alt="신환등록"/>
|
||||
신환등록
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown_box">
|
||||
<a class="enrollment_btn" href="#" aria-haspopup="true">
|
||||
<img src="../image/userActive.svg" alt="내정보"/>
|
||||
<p>박실장</p>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown_list" aria-label="submenu">
|
||||
<li>
|
||||
<a href="#reservation" data-toggle="modal" data-target="#reservation" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>내정보</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#consulting" data-toggle="modal" data-target="#consulting" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>로그아웃</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<!--왼쪽메뉴-->
|
||||
<ul class="menu_list">
|
||||
<li>
|
||||
<a href="home.html">
|
||||
<img src="../image/menu_1_off.svg" alt="병원현황"/>
|
||||
<span>병원현황</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="customer.html" class="on">
|
||||
<img src="../image/menu_2_on.svg" alt="고객"/>
|
||||
<span>고객</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_3_off.svg" alt="수납"/>
|
||||
<span>수납</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="stock.html">
|
||||
<img src="../image/menu_4_off.svg" alt="재고"/>
|
||||
<span>재고</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_5_off.svg" alt="통계"/>
|
||||
<span>통계</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="hospital.html">
|
||||
<img src="../image/menu_6_off.svg" alt="원무"/>
|
||||
<span>원무</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_7_off.svg" alt="마케팅"/>
|
||||
<span>마케팅</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_8_off.svg" alt="멤버십"/>
|
||||
<span>멤버십</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="customer.html" class="back"><img src='../image/right_arrow_B.svg' alt="back"/>고객 목록</a>
|
||||
<ul class="sub_menu_list">
|
||||
<li class="title_menu first">고객 상세정보</li>
|
||||
<li><a href="customer_sub.html" class="on">고객 정보</a></li>
|
||||
<li><a href="customer_sub_records.html">신체기록</a></li>
|
||||
<li><a href="customer_sub_agreement.html">동의서</a></li>
|
||||
<li class="title_menu">이용내역</li>
|
||||
<li><a href="customer_sub_reservation.html">예약(진료) 내역</a></li>
|
||||
<li><a href="customer_sub_payment.html">수납 내역</a></li>
|
||||
<li><a href="customer_sub_consulting.html">상담 차트</a></li>
|
||||
<li><a href="customer_sub_sisul.html">시술 차트</a></li>
|
||||
<li><a href="customer_sub_membership.html">멤버십</a></li>
|
||||
<li><a href="customer_sub_alarm.html">알림 내역</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">고객 상세정보</p>
|
||||
|
||||
<div class="info_box">
|
||||
<div class="info">
|
||||
<p class="title">
|
||||
고객 정보
|
||||
<span>U20220405-0000</span>
|
||||
</p>
|
||||
<div class="form_box">
|
||||
<div class="input_box essential">
|
||||
<label>국적</label>
|
||||
<input type="text" placeholder="KR">
|
||||
</div>
|
||||
<div class="input_box essential">
|
||||
<label>성함</label>
|
||||
<input type="text" placeholder="김쁘띠">
|
||||
</div>
|
||||
<div class="input_box essential">
|
||||
<label>주민등록번호</label>
|
||||
<input type="text" placeholder="900000">
|
||||
<span class="division">-</span>
|
||||
<input type="text" placeholder="2******">
|
||||
</div>
|
||||
<div class="input_box essential">
|
||||
<label>여권번호</label>
|
||||
<input type="text" placeholder="여권번호">
|
||||
</div>
|
||||
<div class="input_box essential">
|
||||
<label>외국인등록번호</label>
|
||||
<input type="text" placeholder="123456">
|
||||
<span class="division">-</span>
|
||||
<input type="text" placeholder="2******">
|
||||
</div>
|
||||
<div class="input_box essential">
|
||||
<label>생년월일</label>
|
||||
<input type="text" placeholder="1995-05-05">
|
||||
<p class="identity">만 33세</p>
|
||||
</div>
|
||||
<div class="input_box essential">
|
||||
<label>성별</label>
|
||||
<div class="gender">
|
||||
<input type="radio" name="gender" id="female">
|
||||
<label for="female">여자</label>
|
||||
</div>
|
||||
<div class="gender">
|
||||
<input type="radio" name="gender" id="man">
|
||||
<label for="man">남자</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box essential">
|
||||
<label>고객구분</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">선택</button>
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item"><img src="../image/fruit1.svg" alt="고객구분"></li>
|
||||
<li class="option_list_item"><img src="../image/fruit2.svg" alt="고객구분"></li>
|
||||
<li class="option_list_item"><img src="../image/fruit3.svg" alt="고객구분"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box essential">
|
||||
<label>연락처</label>
|
||||
<input type="text" placeholder="010-0000-0000">
|
||||
<label class="sub_label">보조 연락처</label>
|
||||
<input type="text" placeholder="010-0000-0000">
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label>이메일</label>
|
||||
<input type="text" placeholder="user">
|
||||
<span class="division">@</span>
|
||||
<input type="text" placeholder="gmail.com">
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label>주소</label>
|
||||
<input class="address" type="text" placeholder="(12345)서울시 강남구 논현로 1">
|
||||
<button class="address_btn">주소 찾기</button>
|
||||
<input class="address_detail" type="text" placeholder="쁘띠오피스텔101호">
|
||||
</div>
|
||||
<p class="title">멤버십 정보</p>
|
||||
<div class="input_box">
|
||||
<label>계정명</label>
|
||||
<input type="text" placeholder="user@gmail.com">
|
||||
</div>
|
||||
<p class="title">기타 정보</p>
|
||||
<div class="input_box">
|
||||
<label>관심진료</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">관심진료 선택</button>
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item">피부</li>
|
||||
<li class="option_list_item">쁘띠</li>
|
||||
<li class="option_list_item">비만</li>
|
||||
<li class="option_list_item">제모</li>
|
||||
<li class="option_list_item">기타</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box two">
|
||||
<div>
|
||||
<label>방문경로</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">방문경로</button>
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item">워킹</li>
|
||||
<li class="option_list_item">네이버</li>
|
||||
<li class="option_list_item">SNS</li>
|
||||
<li class="option_list_item">홈페이지</li>
|
||||
<li class="option_list_item">카카오플러스친구</li>
|
||||
<li class="option_list_item">지인소개</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="last">
|
||||
<label>추천인</label>
|
||||
<div class="search_box">
|
||||
<button class="search_btn"><img src="../image/search_B.svg" alt="검색"/></button>
|
||||
<input type="text" placeholder="추천인 검색">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="title">특이 사항 <span>*시술 및 약물 관련 특이사항 기록</span></p>
|
||||
<div class="input_box">
|
||||
<textarea placeholder="특정 약품 알러지 있으심."></textarea>
|
||||
</div>
|
||||
<p class="title">고객 메모</p>
|
||||
<div class="input_box">
|
||||
<textarea placeholder="우선 예약 필요 고객"></textarea>
|
||||
</div>
|
||||
<div class="button_box">
|
||||
<button>수정</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="body_info_box">
|
||||
<p class="title">고객 정보</p>
|
||||
<a href="customer_sub_records.html">신체 기록 확인<img src='../image/right_arrow_B.svg' alt="버튼"/></a>
|
||||
<div class="body_info">
|
||||
<p>2020-12-00 기준</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>키</p>
|
||||
<p>165cm</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>몸무게</p>
|
||||
<p>60kg</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>골격근량</p>
|
||||
<p>39.4kg</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>체지방량</p>
|
||||
<p>17.8kg</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>체지방률</p>
|
||||
<p>20.4%</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>BMI</p>
|
||||
<p>29.6kg/m2</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<script>
|
||||
// 옵션 선택 이벤트
|
||||
$('.option_list_item').on('click', function() {
|
||||
var selectedOption = $(this).text();
|
||||
$(this).closest('.select_box').find('.label').text(selectedOption);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,325 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="kr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="../bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="../css/font.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/common.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/header.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/customer_sub_agreement.css">
|
||||
<link rel="stylesheet" href="../css/modal_customer_sub_agreement.css">
|
||||
<link rel="stylesheet" href="../css/modal.css?v1.1">
|
||||
<link rel="stylesheet" href="../css//jquery-ui.css">
|
||||
<link rel="stylesheet" href="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="../js/jquery-ui.js"></script>
|
||||
<script src="../js/data.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="project_wrap">
|
||||
<!--상단네비-->
|
||||
<header class="header_section">
|
||||
<a href="0_home.html" class="logo_wrap">
|
||||
<img class="logo" src="../image/logo.svg" alt="logo"/>
|
||||
<span>메이드유 CRM</span>
|
||||
</a>
|
||||
|
||||
<div class="search_wrap">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_B.svg" alt="검색"/>
|
||||
<input type="text" id="name" placeholder="검색 (고객명, 연락처)">
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button class="reservation_btn" data-toggle="modal" data-target=".reservation_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/reservation.svg" alt="예약"/>
|
||||
예약
|
||||
</button>
|
||||
|
||||
<button data-toggle="modal" data-target=".receipt_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/receipt.svg" alt="바로접수"/>
|
||||
바로접수
|
||||
</button>
|
||||
|
||||
<button class="last" data-toggle="modal" data-target=".new_patient_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/registration.svg" alt="신환등록"/>
|
||||
신환등록
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown_box">
|
||||
<a class="enrollment_btn" href="#" aria-haspopup="true">
|
||||
<img src="../image/userActive.svg" alt="내정보"/>
|
||||
<p>박실장</p>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown_list" aria-label="submenu">
|
||||
<li>
|
||||
<a href="#reservation" data-toggle="modal" data-target="#reservation" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>내정보</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#consulting" data-toggle="modal" data-target="#consulting" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>로그아웃</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<!--왼쪽메뉴-->
|
||||
<ul class="menu_list">
|
||||
<li>
|
||||
<a href="home.html">
|
||||
<img src="../image/menu_1_off.svg" alt="병원현황"/>
|
||||
<span>병원현황</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="customer.html" class="on">
|
||||
<img src="../image/menu_2_on.svg" alt="고객"/>
|
||||
<span>고객</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_3_off.svg" alt="수납"/>
|
||||
<span>수납</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="stock.html">
|
||||
<img src="../image/menu_4_off.svg" alt="재고"/>
|
||||
<span>재고</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_5_off.svg" alt="통계"/>
|
||||
<span>통계</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="hospital.html">
|
||||
<img src="../image/menu_6_off.svg" alt="원무"/>
|
||||
<span>원무</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_7_off.svg" alt="마케팅"/>
|
||||
<span>마케팅</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_8_off.svg" alt="멤버십"/>
|
||||
<span>멤버십</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="customer.html" class="back"><img src='../image/right_arrow_B.svg' alt="back"/>고객 목록</a>
|
||||
<ul class="sub_menu_list">
|
||||
<li class="title_menu first">고객 상세정보</li>
|
||||
<li><a href="customer_sub.html">고객 정보</a></li>
|
||||
<li><a href="customer_sub_records.html">신체기록</a></li>
|
||||
<li><a href="customer_sub_agreement.html" class="on">동의서</a></li>
|
||||
<li class="title_menu">이용내역</li>
|
||||
<li><a href="customer_sub_reservation.html">예약(진료) 내역</a></li>
|
||||
<li><a href="customer_sub_payment.html">수납 내역</a></li>
|
||||
<li><a href="customer_sub_consulting.html">상담 차트</a></li>
|
||||
<li><a href="customer_sub_sisul.html">시술 차트</a></li>
|
||||
<li><a href="customer_sub_membership.html">멤버십</a></li>
|
||||
<li><a href="customer_sub_alarm.html">알림 내역</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">동의서</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<p>홍고객<span>(2023-01-01, 165cm, 55kg, BMI 29.6 kg/m2)</span></p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="produce_btn" data-toggle="modal" data-target=".create_consent" style="transition: all 0.2s ease-in-out 0s;">동의서 생성</button>
|
||||
<button class="download_btn">
|
||||
<img src="../image/download.svg" alt="내려받기">
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
<button class="print_btn">출력</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 동의서 테이블 -->
|
||||
<div class="table_box"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="pagination">
|
||||
<li class="page-item prev disabled">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="prev"/>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item active">
|
||||
<a href="#" class="page-link">1</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">2</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">3</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">4</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">5</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">6</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">7</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">8</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">9</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">10</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item next">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="next"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!--동의서생성-->
|
||||
<div class="modal create_consent fade" id="" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<p clsss="title">동의서 생성</p>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="form_box">
|
||||
<div class="input_box">
|
||||
<label>작성일</label>
|
||||
<p>2024-01-1</p>
|
||||
</div>
|
||||
|
||||
<div class="input_box">
|
||||
<label>동의서 선택</label>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">미선택</button>
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item first">개인정보수집 및 이용 안내</li>
|
||||
<li class="option_list_item">시술 동의서</li>
|
||||
<li class="option_list_item">이용 약관</li>
|
||||
<li class="option_list_item">사진촬영 거부 동의서</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label>갱신주기</label>
|
||||
<input type="text" placeholder="0" />
|
||||
<p class="input_position">개월</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<div class="btn_box">
|
||||
<button type="button" class="cancel_btn">취소</button>
|
||||
<button type="button" class="save_bth">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
// 옵션 선택 이벤트
|
||||
$('.option_list_item').on('click', function() {
|
||||
var selectedOption = $(this).text();
|
||||
$(this).closest('.select_box').find('.label').text(selectedOption);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
375
src/main/resources/templates/web/user/customer_sub_alarm.html
Normal file
375
src/main/resources/templates/web/user/customer_sub_alarm.html
Normal file
@@ -0,0 +1,375 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="kr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="../bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="../css/font.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/common.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/header.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/customer_sub_alarm.css">
|
||||
<link rel="stylesheet" href="../css/modal.css?v1.1">
|
||||
<link rel="stylesheet" href="../css//jquery-ui.css">
|
||||
<link rel="stylesheet" href="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="../js/jquery-ui.js"></script>
|
||||
<script src="../js/data.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="project_wrap">
|
||||
<!--상단네비-->
|
||||
<header class="header_section">
|
||||
<a href="0_home.html" class="logo_wrap">
|
||||
<img class="logo" src="../image/logo.svg" alt="logo"/>
|
||||
<span>메이드유 CRM</span>
|
||||
</a>
|
||||
|
||||
<div class="search_wrap">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_B.svg" alt="검색"/>
|
||||
<input type="text" id="name" placeholder="검색 (고객명, 연락처)">
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button class="reservation_btn" data-toggle="modal" data-target=".reservation_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/reservation.svg" alt="예약"/>
|
||||
예약
|
||||
</button>
|
||||
|
||||
<button data-toggle="modal" data-target=".receipt_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/receipt.svg" alt="바로접수"/>
|
||||
바로접수
|
||||
</button>
|
||||
|
||||
<button class="last" data-toggle="modal" data-target=".new_patient_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/registration.svg" alt="신환등록"/>
|
||||
신환등록
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown_box">
|
||||
<a class="enrollment_btn" href="#" aria-haspopup="true">
|
||||
<img src="../image/userActive.svg" alt="내정보"/>
|
||||
<p>박실장</p>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown_list" aria-label="submenu">
|
||||
<li>
|
||||
<a href="#reservation" data-toggle="modal" data-target="#reservation" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>내정보</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#consulting" data-toggle="modal" data-target="#consulting" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>로그아웃</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<!--왼쪽메뉴-->
|
||||
<ul class="menu_list">
|
||||
<li>
|
||||
<a href="home.html">
|
||||
<img src="../image/menu_1_off.svg" alt="병원현황"/>
|
||||
<span>병원현황</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="customer.html" class="on">
|
||||
<img src="../image/menu_2_on.svg" alt="고객"/>
|
||||
<span>고객</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_3_off.svg" alt="수납"/>
|
||||
<span>수납</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="stock.html">
|
||||
<img src="../image/menu_4_off.svg" alt="재고"/>
|
||||
<span>재고</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_5_off.svg" alt="통계"/>
|
||||
<span>통계</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="hospital.html">
|
||||
<img src="../image/menu_6_off.svg" alt="원무"/>
|
||||
<span>원무</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_7_off.svg" alt="마케팅"/>
|
||||
<span>마케팅</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_8_off.svg" alt="멤버십"/>
|
||||
<span>멤버십</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="customer.html" class="back"><img src='../image/right_arrow_B.svg' alt="back"/>고객 목록</a>
|
||||
<ul class="sub_menu_list">
|
||||
<li class="title_menu first">고객 상세정보</li>
|
||||
<li><a href="customer_sub.html">고객 정보</a></li>
|
||||
<li><a href="customer_sub_records.html">신체기록</a></li>
|
||||
<li><a href="customer_sub_agreement.html">동의서</a></li>
|
||||
<li class="title_menu">이용내역</li>
|
||||
<li><a href="customer_sub_reservation.html">예약(진료) 내역</a></li>
|
||||
<li><a href="customer_sub_payment.html">수납 내역</a></li>
|
||||
<li><a href="customer_sub_consulting.html">상담 차트</a></li>
|
||||
<li><a href="customer_sub_sisul.html">시술 차트</a></li>
|
||||
<li><a href="customer_sub_membership.html">멤버십</a></li>
|
||||
<li><a href="customer_sub_alarm.html" class="on">알림 내역</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">알림 내역</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">오늘</li>
|
||||
|
||||
<li class="option_list_item">최근 30일</li>
|
||||
|
||||
<li class="option_list_item">최근 90일</li>
|
||||
|
||||
<li class="option_list_item">이번주</li>
|
||||
|
||||
<li class="option_list_item">이번달</li>
|
||||
|
||||
<li class="option_list_item">올해</li>
|
||||
|
||||
<li class="option_list_item">지난주</li>
|
||||
|
||||
<li class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="../image/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="hidden_userCareerStartDate0">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last">
|
||||
<img src="../image/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="hidden_userCareerEndDate0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">알림구분</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">피부의사</li>
|
||||
<li class="option_list_item">쁘띠의사</li>
|
||||
<li class="option_list_item">비만의사</li>
|
||||
<li class="option_list_item">피부상담실장</li>
|
||||
<li class="option_list_item">쁘띠상담실장</li>
|
||||
<li class="option_list_item">비만상담실장</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_G.svg" alt="search"/>
|
||||
<input type="text" placeholder="검색">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="registration_btn">고객 등록</button>
|
||||
<button class="download_btn">
|
||||
<img src="../image/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table_box"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="pagination">
|
||||
<li class="page-item prev disabled">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="prev"/>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item active">
|
||||
<a href="#" class="page-link">1</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">2</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">3</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">4</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">5</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">6</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">7</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">8</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">9</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">10</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item next">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="next"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/****************************************************************************
|
||||
* datePicker 1개일때
|
||||
****************************************************************************/
|
||||
function fn_datePicker(){
|
||||
$("#userCertificateLicenseDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************
|
||||
* datePicker 2개일때
|
||||
****************************************************************************/
|
||||
function fn_searchDatePicker(){
|
||||
$("#userCareerStartDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
$("#userCareerEndDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
useCurrent: false, //Important! See issue #1075
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
$(function(){
|
||||
fn_searchDatePicker();
|
||||
fn_datePicker();
|
||||
});
|
||||
|
||||
|
||||
|
||||
// 옵션 선택 이벤트
|
||||
$('.option_list_item').on('click', function() {
|
||||
var selectedOption = $(this).text();
|
||||
$(this).closest('.select_box').find('.label').text(selectedOption);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,563 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="kr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="../bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="../css/font.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/common.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/header.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/customer_sub_consulting.css">
|
||||
<link rel="stylesheet" href="../css/modal_customer_sub_consulting.css">
|
||||
<link rel="stylesheet" href="../css/modal.css?v1.1">
|
||||
<link rel="stylesheet" href="../css//jquery-ui.css">
|
||||
<link rel="stylesheet" href="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="../js/jquery-ui.js"></script>
|
||||
<script src="../js/data.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="project_wrap">
|
||||
<!--상단네비-->
|
||||
<header class="header_section">
|
||||
<a href="0_home.html" class="logo_wrap">
|
||||
<img class="logo" src="../image/logo.svg" alt="logo"/>
|
||||
<span>메이드유 CRM</span>
|
||||
</a>
|
||||
|
||||
<div class="search_wrap">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_B.svg" alt="검색"/>
|
||||
<input type="text" id="name" placeholder="검색 (고객명, 연락처)">
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button class="reservation_btn" data-toggle="modal" data-target=".reservation_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/reservation.svg" alt="예약"/>
|
||||
예약
|
||||
</button>
|
||||
|
||||
<button data-toggle="modal" data-target=".receipt_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/receipt.svg" alt="바로접수"/>
|
||||
바로접수
|
||||
</button>
|
||||
|
||||
<button class="last" data-toggle="modal" data-target=".new_patient_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/registration.svg" alt="신환등록"/>
|
||||
신환등록
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown_box">
|
||||
<a class="enrollment_btn" href="#" aria-haspopup="true">
|
||||
<img src="../image/userActive.svg" alt="내정보"/>
|
||||
<p>박실장</p>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown_list" aria-label="submenu">
|
||||
<li>
|
||||
<a href="#reservation" data-toggle="modal" data-target="#reservation" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>내정보</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#consulting" data-toggle="modal" data-target="#consulting" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>로그아웃</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<!--왼쪽메뉴-->
|
||||
<ul class="menu_list">
|
||||
<li>
|
||||
<a href="home.html">
|
||||
<img src="../image/menu_1_off.svg" alt="병원현황"/>
|
||||
<span>병원현황</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="customer.html" class="on">
|
||||
<img src="../image/menu_2_on.svg" alt="고객"/>
|
||||
<span>고객</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_3_off.svg" alt="수납"/>
|
||||
<span>수납</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="stock.html">
|
||||
<img src="../image/menu_4_off.svg" alt="재고"/>
|
||||
<span>재고</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_5_off.svg" alt="통계"/>
|
||||
<span>통계</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="hospital.html">
|
||||
<img src="../image/menu_6_off.svg" alt="원무"/>
|
||||
<span>원무</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_7_off.svg" alt="마케팅"/>
|
||||
<span>마케팅</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_8_off.svg" alt="멤버십"/>
|
||||
<span>멤버십</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="customer.html" class="back"><img src='../image/right_arrow_B.svg' alt="back"/>고객 목록</a>
|
||||
<ul class="sub_menu_list">
|
||||
<li class="title_menu first">고객 상세정보</li>
|
||||
<li><a href="customer_sub.html">고객 정보</a></li>
|
||||
<li><a href="customer_sub_records.html">신체기록</a></li>
|
||||
<li><a href="customer_sub_agreement.html">동의서</a></li>
|
||||
<li class="title_menu">이용내역</li>
|
||||
<li><a href="customer_sub_reservation.html">예약(진료) 내역</a></li>
|
||||
<li><a href="customer_sub_payment.html">수납 내역</a></li>
|
||||
<li><a href="customer_sub_consulting.html" class="on">상담 차트</a></li>
|
||||
<li><a href="customer_sub_sisul.html">시술 차트</a></li>
|
||||
<li><a href="customer_sub_membership.html">멤버십</a></li>
|
||||
<li><a href="customer_sub_alarm.html">알림 내역</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">상담 차트</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료유형</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">비만</li>
|
||||
<li class="option_list_item">피부</li>
|
||||
<li class="option_list_item">쁘띠</li>
|
||||
<li class="option_list_item">제모</li>
|
||||
<li class="option_list_item">기타</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">닥터/상담</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">피부의사</li>
|
||||
<li class="option_list_item">쁘띠의사</li>
|
||||
<li class="option_list_item">비만의사</li>
|
||||
<li class="option_list_item">피부상담실장</li>
|
||||
<li class="option_list_item">쁘띠상담실장</li>
|
||||
<li class="option_list_item">비만상담실장</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">작성자</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">피부</li>
|
||||
<li class="option_list_item">쁘띠</li>
|
||||
<li class="option_list_item">비만</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_G.svg" alt="search"/>
|
||||
<input type="text" placeholder="시술명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="write_btn" data-toggle="modal" data-target=".charting_modal" style="transition: all 0.2s ease-in-out 0s;">차트 작성</button>
|
||||
<button class="print_btn">차트 인쇄</button>
|
||||
<button class="download_btn">
|
||||
<img src="../image/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table_box">
|
||||
<a href="customer_sub_consulting_sub.html">(차트상세정보페이지)</a>
|
||||
</div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="pagination">
|
||||
<li class="page-item prev disabled">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="prev"/>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item active">
|
||||
<a href="#" class="page-link">1</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">2</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">3</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">4</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">5</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">6</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">7</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">8</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">9</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">10</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item next">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="next"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- 차트작성 모달 -->
|
||||
<div class="modal charting_modal fade in" id="" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header"></div>
|
||||
<div class="modal-body">
|
||||
<div class="charting_left">
|
||||
<p class="title">김쁘띠</p>
|
||||
<ul class="charting_list">
|
||||
<li>
|
||||
<label>인적사항</label>
|
||||
<p>
|
||||
<span>1990.01.01</span>
|
||||
<span>33세</span>
|
||||
<span>여</span>
|
||||
<span>KR</span>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>고객구분</label>
|
||||
<p><img src="../image/fruit1.svg" alt="고객구분"/></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>연락처</label>
|
||||
<p>010-0000-0000</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>멤버십 충전금</label>
|
||||
<p>3,000,000</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="textarea_box">
|
||||
<label>특이 사항</label>
|
||||
<p class="title_info">*시술 및 약물 관련 특이사항</p>
|
||||
<textarea placeholder="특정 약품 알러지 있으심"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="table_box">
|
||||
<label>상담차트 내역</label>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>작성일시</th>
|
||||
<th>진료 유형</th>
|
||||
<th>시술(상품)명</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>2023-01-01</td>
|
||||
<td>상담</td>
|
||||
<td>피부상담</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2023-01-01</td>
|
||||
<td>상담</td>
|
||||
<td>피부상담</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2023-01-01</td>
|
||||
<td>상담</td>
|
||||
<td>피부상담</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2023-01-01</td>
|
||||
<td>상담</td>
|
||||
<td>피부상담</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2023-01-01</td>
|
||||
<td>상담</td>
|
||||
<td>피부상담</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="botton_box">
|
||||
<button class="more_btn">차트내역 더보기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="charting_right">
|
||||
<div class="right_top">
|
||||
<p class="chart_numder">차트번호 U20220405-0000-A1</p>
|
||||
<p class="title">상담 차트</p>
|
||||
<div class="right_text">
|
||||
<p class="first">
|
||||
작성일자
|
||||
<span>2023-01-01</span>
|
||||
</p>
|
||||
<p>
|
||||
작성자
|
||||
<span>김상담</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_bottom">
|
||||
<div class="textarea_box">
|
||||
<label>상담 내용</label>
|
||||
<textarea placeholder="상담 내용을 입력해주세요."></textarea>
|
||||
</div>
|
||||
|
||||
<div class="diagnosis_box">
|
||||
<div class="form_box">
|
||||
<label>진료예약</label>
|
||||
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="../image/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="hidden_userCertificateLicenseDate0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">00:00</button>
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item first">08:00</li>
|
||||
<li class="option_list_item">08:30</li>
|
||||
<li class="option_list_item">09:00</li>
|
||||
<li class="option_list_item">09:30</li>
|
||||
<li class="option_list_item">10:00</li>
|
||||
<li class="option_list_item">10:30</li>
|
||||
<li class="option_list_item">11:00</li>
|
||||
<li class="option_list_item">11:30</li>
|
||||
<li class="option_list_item">12:00</li>
|
||||
<li class="option_list_item">12:30</li>
|
||||
<li class="option_list_item">13:00</li>
|
||||
<li class="option_list_item">13:30</li>
|
||||
<li class="option_list_item">14:00</li>
|
||||
<li class="option_list_item">14:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box different dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">스컬트라</button>
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item first">스컬트라</li>
|
||||
<li class="option_list_item">스컬트라</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="button_box">
|
||||
<button><img src="../image/calendar_w.svg" alt="calendar"/>예약 등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="send_box">
|
||||
<div class="form_box">
|
||||
<label>알림 발송</label>
|
||||
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="../image/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="hidden_userCertificateLicenseDate0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">00:00</button>
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item first">08:00</li>
|
||||
<li class="option_list_item">08:30</li>
|
||||
<li class="option_list_item">09:00</li>
|
||||
<li class="option_list_item">09:30</li>
|
||||
<li class="option_list_item">10:00</li>
|
||||
<li class="option_list_item">10:30</li>
|
||||
<li class="option_list_item">11:00</li>
|
||||
<li class="option_list_item">11:30</li>
|
||||
<li class="option_list_item">12:00</li>
|
||||
<li class="option_list_item">12:30</li>
|
||||
<li class="option_list_item">13:00</li>
|
||||
<li class="option_list_item">13:30</li>
|
||||
<li class="option_list_item">14:00</li>
|
||||
<li class="option_list_item">14:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="textarea_box">
|
||||
<textarea placeholder="내용을 입력해주세요."></textarea>
|
||||
</div>
|
||||
|
||||
<div class="button_box">
|
||||
<button class="save_btn">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/****************************************************************************
|
||||
* datePicker 1개일때
|
||||
****************************************************************************/
|
||||
function fn_datePicker(){
|
||||
$("#userCertificateLicenseDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************
|
||||
* datePicker 2개일때
|
||||
****************************************************************************/
|
||||
function fn_searchDatePicker(){
|
||||
$("#userCareerStartDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
$("#userCareerEndDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
useCurrent: false, //Important! See issue #1075
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
$(function(){
|
||||
fn_searchDatePicker();
|
||||
fn_datePicker();
|
||||
});
|
||||
|
||||
|
||||
// 옵션 선택 이벤트
|
||||
$('.option_list_item').on('click', function() {
|
||||
var selectedOption = $(this).text();
|
||||
$(this).closest('.select_box').find('.label').text(selectedOption);
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,371 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="kr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="../bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="../css/font.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/common.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/header.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/customer_sub_consulting_sub.css">
|
||||
<link rel="stylesheet" href="../css/modal.css?v1.1">
|
||||
<link rel="stylesheet" href="../css//jquery-ui.css">
|
||||
<link rel="stylesheet" href="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="../js/jquery-ui.js"></script>
|
||||
<script src="../js/data.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="project_wrap">
|
||||
<!--상단네비-->
|
||||
<header class="header_section">
|
||||
<a href="0_home.html" class="logo_wrap">
|
||||
<img class="logo" src="../image/logo.svg" alt="logo"/>
|
||||
<span>메이드유 CRM</span>
|
||||
</a>
|
||||
|
||||
<div class="search_wrap">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_B.svg" alt="검색"/>
|
||||
<input type="text" id="name" placeholder="검색 (고객명, 연락처)">
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button class="reservation_btn" data-toggle="modal" data-target=".reservation_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/reservation.svg" alt="예약"/>
|
||||
예약
|
||||
</button>
|
||||
|
||||
<button data-toggle="modal" data-target=".receipt_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/receipt.svg" alt="바로접수"/>
|
||||
바로접수
|
||||
</button>
|
||||
|
||||
<button class="last" data-toggle="modal" data-target=".new_patient_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/registration.svg" alt="신환등록"/>
|
||||
신환등록
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown_box">
|
||||
<a class="enrollment_btn" href="#" aria-haspopup="true">
|
||||
<img src="../image/userActive.svg" alt="내정보"/>
|
||||
<p>박실장</p>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown_list" aria-label="submenu">
|
||||
<li>
|
||||
<a href="#reservation" data-toggle="modal" data-target="#reservation" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>내정보</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#consulting" data-toggle="modal" data-target="#consulting" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>로그아웃</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<!--왼쪽메뉴-->
|
||||
<ul class="menu_list">
|
||||
<li>
|
||||
<a href="home.html">
|
||||
<img src="../image/menu_1_off.svg" alt="병원현황"/>
|
||||
<span>병원현황</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="customer.html" class="on">
|
||||
<img src="../image/menu_2_on.svg" alt="고객"/>
|
||||
<span>고객</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_3_off.svg" alt="수납"/>
|
||||
<span>수납</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="stock.html">
|
||||
<img src="../image/menu_4_off.svg" alt="재고"/>
|
||||
<span>재고</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_5_off.svg" alt="통계"/>
|
||||
<span>통계</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="hospital.html">
|
||||
<img src="../image/menu_6_off.svg" alt="원무"/>
|
||||
<span>원무</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_7_off.svg" alt="마케팅"/>
|
||||
<span>마케팅</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_8_off.svg" alt="멤버십"/>
|
||||
<span>멤버십</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="customer_sub_consulting.html" class="back"><img src='../image/right_arrow_B.svg' alt="back"/>뒤로 가기</a>
|
||||
<ul class="sub_menu_list">
|
||||
<li class="title_menu first">고객 상세정보</li>
|
||||
<li><a href="customer_sub.html">고객 정보</a></li>
|
||||
<li><a href="customer_sub_records.html">신체기록</a></li>
|
||||
<li><a href="customer_sub_agreement.html">동의서</a></li>
|
||||
<li class="title_menu">이용내역</li>
|
||||
<li><a href="customer_sub_reservation.html">예약(진료) 내역</a></li>
|
||||
<li><a href="customer_sub_payment.html">수납 내역</a></li>
|
||||
<li><a href="customer_sub_consulting.html" class="on">상담 차트</a></li>
|
||||
<li><a href="customer_sub_sisul.html">시술 차트</a></li>
|
||||
<li><a href="customer_sub_membership.html">멤버십</a></li>
|
||||
<li><a href="customer_sub_alarm.html">알림 내역</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<div class="info_box_top">
|
||||
<p class="page_title">차트 상세정보</p>
|
||||
<button class="print_btn">차트 인쇄</button>
|
||||
</div>
|
||||
|
||||
<div class="info_box">
|
||||
<div class="info">
|
||||
<div class="form_box">
|
||||
<p class="chart_numder">차트번호 U20220405-0000-A1</p>
|
||||
<p class="patient_name">김쁘띠</p>
|
||||
<p class="patient_info">(
|
||||
<span>9000101</span>,
|
||||
<span>여</span>,
|
||||
<span>KR</span>,
|
||||
<span>010-9999-9999</span>
|
||||
)
|
||||
</p>
|
||||
|
||||
<div class="textarea_box">
|
||||
<label>특이 사항</label>
|
||||
<p class="title_info">*시술 및 약물 관련 특이사항</p>
|
||||
<textarea placeholder="특정 약품 알러지 있으심"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="chart_info_box">
|
||||
<label>차트 내용</label>
|
||||
<div class="right_text">
|
||||
<p class="first">
|
||||
작성일자
|
||||
<span>2023-01-01</span>
|
||||
</p>
|
||||
<p>
|
||||
작성자
|
||||
<span>김상담</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<ul class="chart_info_list">
|
||||
<li>
|
||||
<div class="info_right">
|
||||
<label>진료유형</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">피부</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">쁘띠</li>
|
||||
<li class="option_list_item">제모</li>
|
||||
<li class="option_list_item">비만</li>
|
||||
<li class="option_list_item">기타</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info_left">
|
||||
<label>시술(상품)명</label>
|
||||
<div class="search_box">
|
||||
<img src="../image/search_B.svg" alt="search"/>
|
||||
<input class="search_input" type="text" placeholder="루비레이저" disabled>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="info_right">
|
||||
<label>담당의사</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dr.김피부</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">박피부</li>
|
||||
<li class="option_list_item">김쁘띠</li>
|
||||
<li class="option_list_item">오상담</li>
|
||||
<li class="option_list_item">이비만</li>
|
||||
<li class="option_list_item">기타</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info_left correction">
|
||||
<label>진료 예약</label>
|
||||
|
||||
<button>예약수정</button>
|
||||
<input type="text" placeholder="2023-01-02, 10:00" disabled>
|
||||
</div>
|
||||
</li>
|
||||
<li class="single">
|
||||
<label>사전 진행 항목</label>
|
||||
|
||||
<div class="check_list">
|
||||
<div>
|
||||
<label for="progress1" class="chk_box">
|
||||
<input type="checkbox" name="progress" id="progress1" checked="checked">
|
||||
<span class="on"></span>
|
||||
피부
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label for="progress2" class="chk_box">
|
||||
<input type="checkbox" name="progress" id="progress2">
|
||||
<span class="on"></span>
|
||||
x-ray
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label for="progress3" class="chk_box">
|
||||
<input type="checkbox" name="progress" id="progress3">
|
||||
<span class="on"></span>
|
||||
피부
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="single">
|
||||
<label>상세 내용</label>
|
||||
<div class="textarea_box">
|
||||
<textarea class="area" placeholder="레이져 시술" disabled></textarea>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="button_box">
|
||||
<button class="modify_btn">수정</button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/****************************************************************************
|
||||
* datePicker 1개일때
|
||||
****************************************************************************/
|
||||
function fn_datePicker(){
|
||||
$("#userCertificateLicenseDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************
|
||||
* datePicker 2개일때
|
||||
****************************************************************************/
|
||||
function fn_searchDatePicker(){
|
||||
$("#userCareerStartDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
$("#userCareerEndDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
useCurrent: false, //Important! See issue #1075
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
$(function(){
|
||||
fn_searchDatePicker();
|
||||
fn_datePicker();
|
||||
});
|
||||
|
||||
|
||||
// modify_btn 클릭 시 .select_box 활성화
|
||||
$('.modify_btn').on('click', function() {
|
||||
$('.select_box').addClass('modify_active');
|
||||
$('.chart_info_list').addClass('modify');
|
||||
$('.search_input').prop('disabled', false);
|
||||
$('.area').prop('disabled', false);
|
||||
$(this).text('저장');
|
||||
});
|
||||
|
||||
// 옵션 선택 이벤트
|
||||
$('.option_list_item').on('click', function() {
|
||||
var selectedOption = $(this).text();
|
||||
$(this).closest('.select_box').find('.label').text(selectedOption);
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,257 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="kr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="../bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="../css/font.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/common.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/header.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/customer_sub_membership.css">
|
||||
<link rel="stylesheet" href="../css/modal.css?v1.1">
|
||||
<link rel="stylesheet" href="../css//jquery-ui.css">
|
||||
<link rel="stylesheet" href="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="../js/jquery-ui.js"></script>
|
||||
<script src="../js/data.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="project_wrap">
|
||||
<!--상단네비-->
|
||||
<header class="header_section">
|
||||
<a href="0_home.html" class="logo_wrap">
|
||||
<img class="logo" src="../image/logo.svg" alt="logo"/>
|
||||
<span>메이드유 CRM</span>
|
||||
</a>
|
||||
|
||||
<div class="search_wrap">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_B.svg" alt="검색"/>
|
||||
<input type="text" id="name" placeholder="검색 (고객명, 연락처)">
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button class="reservation_btn" data-toggle="modal" data-target=".reservation_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/reservation.svg" alt="예약"/>
|
||||
예약
|
||||
</button>
|
||||
|
||||
<button data-toggle="modal" data-target=".receipt_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/receipt.svg" alt="바로접수"/>
|
||||
바로접수
|
||||
</button>
|
||||
|
||||
<button class="last" data-toggle="modal" data-target=".new_patient_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/registration.svg" alt="신환등록"/>
|
||||
신환등록
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown_box">
|
||||
<a class="enrollment_btn" href="#" aria-haspopup="true">
|
||||
<img src="../image/userActive.svg" alt="내정보"/>
|
||||
<p>박실장</p>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown_list" aria-label="submenu">
|
||||
<li>
|
||||
<a href="#reservation" data-toggle="modal" data-target="#reservation" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>내정보</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#consulting" data-toggle="modal" data-target="#consulting" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>로그아웃</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<!--왼쪽메뉴-->
|
||||
<ul class="menu_list">
|
||||
<li>
|
||||
<a href="home.html">
|
||||
<img src="../image/menu_1_off.svg" alt="병원현황"/>
|
||||
<span>병원현황</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="customer.html" class="on">
|
||||
<img src="../image/menu_2_on.svg" alt="고객"/>
|
||||
<span>고객</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_3_off.svg" alt="수납"/>
|
||||
<span>수납</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="stock.html">
|
||||
<img src="../image/menu_4_off.svg" alt="재고"/>
|
||||
<span>재고</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_5_off.svg" alt="통계"/>
|
||||
<span>통계</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="hospital.html">
|
||||
<img src="../image/menu_6_off.svg" alt="원무"/>
|
||||
<span>원무</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_7_off.svg" alt="마케팅"/>
|
||||
<span>마케팅</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_8_off.svg" alt="멤버십"/>
|
||||
<span>멤버십</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="customer.html" class="back"><img src='../image/right_arrow_B.svg' alt="back"/>고객 목록</a>
|
||||
<ul class="sub_menu_list">
|
||||
<li class="title_menu first">고객 상세정보</li>
|
||||
<li><a href="customer_sub.html">고객 정보</a></li>
|
||||
<li><a href="customer_sub_records.html">신체기록</a></li>
|
||||
<li><a href="customer_sub_agreement.html">동의서</a></li>
|
||||
<li class="title_menu">이용내역</li>
|
||||
<li><a href="customer_sub_reservation.html">예약(진료) 내역</a></li>
|
||||
<li><a href="customer_sub_payment.html">수납 내역</a></li>
|
||||
<li><a href="customer_sub_consulting.html">상담 차트</a></li>
|
||||
<li><a href="customer_sub_sisul.html">시술 차트</a></li>
|
||||
<li><a href="customer_sub_membership.html" class="on">멤버십</a></li>
|
||||
<li><a href="customer_sub_alarm.html">알림 내역</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">멤버십 내역</p>
|
||||
|
||||
<div class="table_box"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="pagination">
|
||||
<li class="page-item prev disabled">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="prev"/>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item active">
|
||||
<a href="#" class="page-link">1</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">2</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">3</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">4</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">5</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">6</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">7</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">8</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">9</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">10</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item next">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="next"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
475
src/main/resources/templates/web/user/customer_sub_payment.html
Normal file
475
src/main/resources/templates/web/user/customer_sub_payment.html
Normal file
@@ -0,0 +1,475 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="kr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="../bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="../css/font.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/common.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/header.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/customer_sub_payment.css">
|
||||
<link rel="stylesheet" href="../css/modal_customer_sub_payment.css">
|
||||
<link rel="stylesheet" href="../css/modal.css?v1.1">
|
||||
<link rel="stylesheet" href="../css//jquery-ui.css">
|
||||
<link rel="stylesheet" href="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="../js/jquery-ui.js"></script>
|
||||
<script src="../js/data.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="project_wrap">
|
||||
<!--상단네비-->
|
||||
<header class="header_section">
|
||||
<a href="0_home.html" class="logo_wrap">
|
||||
<img class="logo" src="../image/logo.svg" alt="logo"/>
|
||||
<span>메이드유 CRM</span>
|
||||
</a>
|
||||
|
||||
<div class="search_wrap">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_B.svg" alt="검색"/>
|
||||
<input type="text" id="name" placeholder="검색 (고객명, 연락처)">
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button class="reservation_btn" data-toggle="modal" data-target=".reservation_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/reservation.svg" alt="예약"/>
|
||||
예약
|
||||
</button>
|
||||
|
||||
<button data-toggle="modal" data-target=".receipt_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/receipt.svg" alt="바로접수"/>
|
||||
바로접수
|
||||
</button>
|
||||
|
||||
<button class="last" data-toggle="modal" data-target=".new_patient_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/registration.svg" alt="신환등록"/>
|
||||
신환등록
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown_box">
|
||||
<a class="enrollment_btn" href="#" aria-haspopup="true">
|
||||
<img src="../image/userActive.svg" alt="내정보"/>
|
||||
<p>박실장</p>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown_list" aria-label="submenu">
|
||||
<li>
|
||||
<a href="#reservation" data-toggle="modal" data-target="#reservation" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>내정보</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#consulting" data-toggle="modal" data-target="#consulting" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>로그아웃</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<!--왼쪽메뉴-->
|
||||
<ul class="menu_list">
|
||||
<li>
|
||||
<a href="home.html">
|
||||
<img src="../image/menu_1_off.svg" alt="병원현황"/>
|
||||
<span>병원현황</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="customer.html" class="on">
|
||||
<img src="../image/menu_2_on.svg" alt="고객"/>
|
||||
<span>고객</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_3_off.svg" alt="수납"/>
|
||||
<span>수납</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="stock.html">
|
||||
<img src="../image/menu_4_off.svg" alt="재고"/>
|
||||
<span>재고</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_5_off.svg" alt="통계"/>
|
||||
<span>통계</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="hospital.html">
|
||||
<img src="../image/menu_6_off.svg" alt="원무"/>
|
||||
<span>원무</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_7_off.svg" alt="마케팅"/>
|
||||
<span>마케팅</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_8_off.svg" alt="멤버십"/>
|
||||
<span>멤버십</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="customer.html" class="back"><img src='../image/right_arrow_B.svg' alt="back"/>고객 목록</a>
|
||||
<ul class="sub_menu_list">
|
||||
<li class="title_menu first">고객 상세정보</li>
|
||||
<li><a href="customer_sub.html">고객 정보</a></li>
|
||||
<li><a href="customer_sub_records.html">신체기록</a></li>
|
||||
<li><a href="customer_sub_agreement.html">동의서</a></li>
|
||||
<li class="title_menu">이용내역</li>
|
||||
<li><a href="customer_sub_reservation.html">예약(진료) 내역</a></li>
|
||||
<li><a href="customer_sub_payment.html" class="on">수납 내역</a></li>
|
||||
<li><a href="customer_sub_consulting.html">상담 차트</a></li>
|
||||
<li><a href="customer_sub_sisul.html">시술 차트</a></li>
|
||||
<li><a href="customer_sub_membership.html">멤버십</a></li>
|
||||
<li><a href="customer_sub_alarm.html">알림 내역</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">수납 내역</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">오늘</li>
|
||||
|
||||
<li class="option_list_item">최근 30일</li>
|
||||
|
||||
<li class="option_list_item">최근 90일</li>
|
||||
|
||||
<li class="option_list_item">이번주</li>
|
||||
|
||||
<li class="option_list_item">이번달</li>
|
||||
|
||||
<li class="option_list_item">올해</li>
|
||||
|
||||
<li class="option_list_item">지난주</li>
|
||||
|
||||
<li class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="../image/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="hidden_userCareerStartDate0">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last">
|
||||
<img src="../image/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="hidden_userCareerEndDate0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">결제구분</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">카드</li>
|
||||
<li class="option_list_item">현금</li>
|
||||
<li class="option_list_item">멤버십</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료유형</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">피부</li>
|
||||
<li class="option_list_item">쁘띠</li>
|
||||
<li class="option_list_item">비만</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_G.svg" alt="search"/>
|
||||
<input type="text" placeholder="고객, 시술명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="receive_btn">수납</button>
|
||||
<button class="cancel_btn">수납 취소</button>
|
||||
<button class="download_btn">
|
||||
<img src="../image/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table_box">
|
||||
<p class="dlatl" data-toggle="modal" data-target=".payment_detail_modal" style="transition: all 0.2s ease-in-out 0s;">테이블 상세모달연결</p>
|
||||
</div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="pagination">
|
||||
<li class="page-item prev disabled">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="prev"/>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item active">
|
||||
<a href="#" class="page-link">1</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">2</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">3</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">4</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">5</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">6</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">7</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">8</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">9</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">10</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item next">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="next"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- 결제모달 -->
|
||||
<div class="modal payment_detail_modal fade in" id="" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<p clsss="title">결제</p>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="detail_box">
|
||||
<ul>
|
||||
<li>
|
||||
<label>수납방법</label>
|
||||
<p class="pbold">신용카드</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>결제 총액</label>
|
||||
<p class="pbold"><span>3,330,000</span>원</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>기본수납 금액</label>
|
||||
<p>3,000,000</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>수납 추가 금액</label>
|
||||
<p>330,000</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>할부기간</label>
|
||||
<p>일시불</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>카드번호</label>
|
||||
<p>000-0000-000</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>승인번호</label>
|
||||
<p>00000000</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>단말기번호</label>
|
||||
<p>00000000</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>카드종류</label>
|
||||
<p>BC카드</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="table_box">
|
||||
<p class="title">수납 추가 내용</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>진료일시</th>
|
||||
<th>진료유형</th>
|
||||
<th>금액</th>
|
||||
<th>vat</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>2023-06-18</td>
|
||||
<td>비만주사-메쉬다</td>
|
||||
<td>300,000</td>
|
||||
<td>30,000</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li class="textarea_box">
|
||||
<label>수납메모</label>
|
||||
<textarea placeholder="미수 추가 수납"></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<label>총 수납금액</label>
|
||||
<p class="pbold">3,330,000</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>미수금</label>
|
||||
<p>0</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/****************************************************************************
|
||||
* datePicker 1개일때
|
||||
****************************************************************************/
|
||||
function fn_datePicker(){
|
||||
$("#userCertificateLicenseDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************
|
||||
* datePicker 2개일때
|
||||
****************************************************************************/
|
||||
function fn_searchDatePicker(){
|
||||
$("#userCareerStartDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
$("#userCareerEndDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
useCurrent: false, //Important! See issue #1075
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
$(function(){
|
||||
fn_searchDatePicker();
|
||||
fn_datePicker();
|
||||
});
|
||||
|
||||
|
||||
|
||||
// 옵션 선택 이벤트
|
||||
$('.option_list_item').on('click', function() {
|
||||
var selectedOption = $(this).text();
|
||||
$(this).closest('.select_box').find('.label').text(selectedOption);
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
372
src/main/resources/templates/web/user/customer_sub_records.html
Normal file
372
src/main/resources/templates/web/user/customer_sub_records.html
Normal file
@@ -0,0 +1,372 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="kr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="../bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="../css/font.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/common.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/header.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/customer_sub_records.css">
|
||||
<link rel="stylesheet" href="../css/modal_customer_sub_records.css">
|
||||
<link rel="stylesheet" href="../css/modal.css?v1.1">
|
||||
<link rel="stylesheet" href="../css//jquery-ui.css">
|
||||
<link rel="stylesheet" href="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="../js/jquery-ui.js"></script>
|
||||
<script src="../js/data.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="project_wrap">
|
||||
<!--상단네비-->
|
||||
<header class="header_section">
|
||||
<a href="0_home.html" class="logo_wrap">
|
||||
<img class="logo" src="../image/logo.svg" alt="logo"/>
|
||||
<span>메이드유 CRM</span>
|
||||
</a>
|
||||
|
||||
<div class="search_wrap">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_B.svg" alt="검색"/>
|
||||
<input type="text" id="name" placeholder="검색 (고객명, 연락처)">
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button class="reservation_btn" data-toggle="modal" data-target=".reservation_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/reservation.svg" alt="예약"/>
|
||||
예약
|
||||
</button>
|
||||
|
||||
<button data-toggle="modal" data-target=".receipt_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/receipt.svg" alt="바로접수"/>
|
||||
바로접수
|
||||
</button>
|
||||
|
||||
<button class="last" data-toggle="modal" data-target=".new_patient_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/registration.svg" alt="신환등록"/>
|
||||
신환등록
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown_box">
|
||||
<a class="enrollment_btn" href="#" aria-haspopup="true">
|
||||
<img src="../image/userActive.svg" alt="내정보"/>
|
||||
<p>박실장</p>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown_list" aria-label="submenu">
|
||||
<li>
|
||||
<a href="#reservation" data-toggle="modal" data-target="#reservation" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>내정보</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#consulting" data-toggle="modal" data-target="#consulting" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>로그아웃</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<!--왼쪽메뉴-->
|
||||
<ul class="menu_list">
|
||||
<li>
|
||||
<a href="home.html">
|
||||
<img src="../image/menu_1_off.svg" alt="병원현황"/>
|
||||
<span>병원현황</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="customer.html" class="on">
|
||||
<img src="../image/menu_2_on.svg" alt="고객"/>
|
||||
<span>고객</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_3_off.svg" alt="수납"/>
|
||||
<span>수납</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="stock.html">
|
||||
<img src="../image/menu_4_off.svg" alt="재고"/>
|
||||
<span>재고</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_5_off.svg" alt="통계"/>
|
||||
<span>통계</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="hospital.html">
|
||||
<img src="../image/menu_6_off.svg" alt="원무"/>
|
||||
<span>원무</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_7_off.svg" alt="마케팅"/>
|
||||
<span>마케팅</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_8_off.svg" alt="멤버십"/>
|
||||
<span>멤버십</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="customer.html" class="back"><img src='../image/right_arrow_B.svg' alt="back"/>고객 목록</a>
|
||||
<ul class="sub_menu_list">
|
||||
<li class="title_menu first">고객 상세정보</li>
|
||||
<li><a href="customer_sub.html">고객 정보</a></li>
|
||||
<li><a href="customer_sub_records.html" class="on">신체기록</a></li>
|
||||
<li><a href="customer_sub_agreement.html">동의서</a></li>
|
||||
<li class="title_menu">이용내역</li>
|
||||
<li><a href="customer_sub_reservation.html">예약(진료) 내역</a></li>
|
||||
<li><a href="customer_sub_payment.html">수납 내역</a></li>
|
||||
<li><a href="customer_sub_consulting.html">상담 차트</a></li>
|
||||
<li><a href="customer_sub_sisul.html">시술 차트</a></li>
|
||||
<li><a href="customer_sub_membership.html">멤버십</a></li>
|
||||
<li><a href="customer_sub_alarm.html">알림 내역</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">신체기록</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<p>홍고객<span>(2023-01-01, 165cm, 55kg, BMI 29.6 kg/m2)</span></p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="store_btn" data-toggle="modal" data-target=".body_info_modal" style="transition: all 0.2s ease-in-out 0s;">신체 기록</button>
|
||||
<button class="download_btn">
|
||||
<img src="../image/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
<button class="release_btn">기록 출력</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 신체기록 테이블 -->
|
||||
<div class="table_box"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="pagination">
|
||||
<li class="page-item prev disabled">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="prev"/>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item active">
|
||||
<a href="#" class="page-link">1</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">2</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">3</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">4</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">5</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">6</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">7</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">8</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">9</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">10</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item next">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="next"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- 신체기록 모달 -->
|
||||
<div class="modal body_info_modal fade" id="" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<p clsss="title">신체기록</p>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="form_box">
|
||||
<ul>
|
||||
<li class="first">
|
||||
<p>성함</p>
|
||||
<p>김쁘띠</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>국적</p>
|
||||
<p>KR</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>생년월일</p>
|
||||
<p>900000-0******</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>연락처</p>
|
||||
<p>010-0000-0000</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<p>날짜</p>
|
||||
<p>2021-01-01</p>
|
||||
</li>
|
||||
<li>
|
||||
<div class="input_box">
|
||||
<label>키</label>
|
||||
<input type="text" placeholder="0" />
|
||||
<p>cm</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="input_box">
|
||||
<label>몸무게</label>
|
||||
<input type="text" placeholder="0" />
|
||||
<p>kg</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="input_box">
|
||||
<label>골격근량</label>
|
||||
<input type="text" placeholder="0" />
|
||||
<p>kg</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="input_box">
|
||||
<label>체지방량</label>
|
||||
<input type="text" placeholder="0" />
|
||||
<p>kg</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="input_box">
|
||||
<label>체지방률</label>
|
||||
<input type="text" placeholder="0" />
|
||||
<p>%</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="input_box">
|
||||
<label>BMI</label>
|
||||
<input type="text" placeholder="0" />
|
||||
<p>kg/m2</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<p>담당자</p>
|
||||
<p>김담당</p>
|
||||
</li>
|
||||
<li>
|
||||
<div class="textarea_box">
|
||||
<label>메모</label>
|
||||
<textarea></textarea>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<div class="btn_box">
|
||||
<button type="button" class="cancel_btn">취소</button>
|
||||
<button type="button" class="save_bth">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,395 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="kr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="../bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="../css/font.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/common.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/header.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/customer_sub_reservation.css">
|
||||
<link rel="stylesheet" href="../css/modal.css?v1.1">
|
||||
<link rel="stylesheet" href="../css//jquery-ui.css">
|
||||
<link rel="stylesheet" href="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="../js/jquery-ui.js"></script>
|
||||
<script src="../js/data.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="project_wrap">
|
||||
<!--상단네비-->
|
||||
<header class="header_section">
|
||||
<a href="0_home.html" class="logo_wrap">
|
||||
<img class="logo" src="../image/logo.svg" alt="logo"/>
|
||||
<span>메이드유 CRM</span>
|
||||
</a>
|
||||
|
||||
<div class="search_wrap">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_B.svg" alt="검색"/>
|
||||
<input type="text" id="name" placeholder="검색 (고객명, 연락처)">
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button class="reservation_btn" data-toggle="modal" data-target=".reservation_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/reservation.svg" alt="예약"/>
|
||||
예약
|
||||
</button>
|
||||
|
||||
<button data-toggle="modal" data-target=".receipt_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/receipt.svg" alt="바로접수"/>
|
||||
바로접수
|
||||
</button>
|
||||
|
||||
<button class="last" data-toggle="modal" data-target=".new_patient_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/registration.svg" alt="신환등록"/>
|
||||
신환등록
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown_box">
|
||||
<a class="enrollment_btn" href="#" aria-haspopup="true">
|
||||
<img src="../image/userActive.svg" alt="내정보"/>
|
||||
<p>박실장</p>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown_list" aria-label="submenu">
|
||||
<li>
|
||||
<a href="#reservation" data-toggle="modal" data-target="#reservation" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>내정보</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#consulting" data-toggle="modal" data-target="#consulting" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>로그아웃</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<!--왼쪽메뉴-->
|
||||
<ul class="menu_list">
|
||||
<li>
|
||||
<a href="home.html">
|
||||
<img src="../image/menu_1_off.svg" alt="병원현황"/>
|
||||
<span>병원현황</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="customer.html" class="on">
|
||||
<img src="../image/menu_2_on.svg" alt="고객"/>
|
||||
<span>고객</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_3_off.svg" alt="수납"/>
|
||||
<span>수납</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="stock.html">
|
||||
<img src="../image/menu_4_off.svg" alt="재고"/>
|
||||
<span>재고</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_5_off.svg" alt="통계"/>
|
||||
<span>통계</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="hospital.html">
|
||||
<img src="../image/menu_6_off.svg" alt="원무"/>
|
||||
<span>원무</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_7_off.svg" alt="마케팅"/>
|
||||
<span>마케팅</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_8_off.svg" alt="멤버십"/>
|
||||
<span>멤버십</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="customer.html" class="back"><img src='../image/right_arrow_B.svg'/ alt="back"/>고객 목록</a>
|
||||
<ul class="sub_menu_list">
|
||||
<li class="title_menu first">고객 상세정보</li>
|
||||
<li><a href="customer_sub.html">고객 정보</a></li>
|
||||
<li><a href="customer_sub_records.html">신체기록</a></li>
|
||||
<li><a href="customer_sub_agreement.html">동의서</a></li>
|
||||
<li class="title_menu">이용내역</li>
|
||||
<li><a href="customer_sub_reservation.html" class="on">예약(진료) 내역</a></li>
|
||||
<li><a href="customer_sub_payment.html">수납 내역</a></li>
|
||||
<li><a href="customer_sub_consulting.html">상담 차트</a></li>
|
||||
<li><a href="customer_sub_sisul.html">시술 차트</a></li>
|
||||
<li><a href="customer_sub_membership.html">멤버십</a></li>
|
||||
<li><a href="customer_sub_alarm.html">알림 내역</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">예약(진료) 내역</p>
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">오늘</li>
|
||||
|
||||
<li class="option_list_item">최근 30일</li>
|
||||
|
||||
<li class="option_list_item">최근 90일</li>
|
||||
|
||||
<li class="option_list_item">이번주</li>
|
||||
|
||||
<li class="option_list_item">이번달</li>
|
||||
|
||||
<li class="option_list_item">올해</li>
|
||||
|
||||
<li class="option_list_item">지난주</li>
|
||||
|
||||
<li class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="../image/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="hidden_userCareerStartDate0">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last">
|
||||
<img src="../image/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="hidden_userCareerEndDate0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">예약구분</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">피부의사</li>
|
||||
<li class="option_list_item">쁘띠의사</li>
|
||||
<li class="option_list_item">비만의사</li>
|
||||
<li class="option_list_item">피부상담실장</li>
|
||||
<li class="option_list_item">쁘띠상담실장</li>
|
||||
<li class="option_list_item">비만상담실장</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료유형</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">피부</li>
|
||||
<li class="option_list_item">쁘띠</li>
|
||||
<li class="option_list_item">비만</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">닥터/상담</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">피부의사</li>
|
||||
<li class="option_list_item">쁘띠의사</li>
|
||||
<li class="option_list_item">비만의사</li>
|
||||
<li class="option_list_item">피부상담실장</li>
|
||||
<li class="option_list_item">쁘띠상담실장</li>
|
||||
<li class="option_list_item">비만상담실장</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_G.svg" alt="search"/>
|
||||
<input type="text" placeholder="이름">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="registration_btn">예약 등록</button>
|
||||
<button class="download_btn">
|
||||
<img src="../image/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 예약진료내역 테이블 -->
|
||||
<div class="table_box"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="pagination">
|
||||
<li class="page-item prev disabled">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="prev"/>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item active">
|
||||
<a href="#" class="page-link">1</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">2</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">3</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">4</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">5</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">6</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">7</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">8</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">9</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">10</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item next">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="next"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/****************************************************************************
|
||||
* datePicker 1개일때
|
||||
****************************************************************************/
|
||||
function fn_datePicker(){
|
||||
$("#userCertificateLicenseDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************
|
||||
* datePicker 2개일때
|
||||
****************************************************************************/
|
||||
function fn_searchDatePicker(){
|
||||
$("#userCareerStartDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
$("#userCareerEndDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
useCurrent: false, //Important! See issue #1075
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
$(function(){
|
||||
fn_searchDatePicker();
|
||||
fn_datePicker();
|
||||
});
|
||||
|
||||
|
||||
// 옵션 선택 이벤트
|
||||
$('.option_list_item').on('click', function() {
|
||||
var selectedOption = $(this).text();
|
||||
$(this).closest('.select_box').find('.label').text(selectedOption);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
502
src/main/resources/templates/web/user/customer_sub_sisul.html
Normal file
502
src/main/resources/templates/web/user/customer_sub_sisul.html
Normal file
@@ -0,0 +1,502 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="kr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keyword" content="HTML, meta, tag, element, reference">
|
||||
<meta name="description" content="HTML meta tag page">
|
||||
<meta name="author" content="NTSOFT">
|
||||
<meta name="description" content={props.description} data-react-helmet="true" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||
<meta http-equiv="pragma" content="No-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- sns미리보기 -->
|
||||
<meta property="og:type" content="website">
|
||||
<!-- <meta property="og:url" content="https://ntsoft.kr/"> -->
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:title" content="메이드유 CRM">
|
||||
<meta property="og:description" content="설명문구">
|
||||
|
||||
<!-- 사이트등록및소유확인 -->
|
||||
<meta name="naver-site-verification" content="" />
|
||||
|
||||
<title>메이드유 CRM</title>
|
||||
|
||||
<!-- 파비콘 -->
|
||||
<link rel="shortcut icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- 베이스css -->
|
||||
<link rel="stylesheet" href="../bootstrap/bootstrap-3.4.1-dist/css/bootstrap.min.css">
|
||||
|
||||
<!-- 적용css -->
|
||||
<link rel="stylesheet" href="../css/font.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/common.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/header.css?v1.1">
|
||||
<link rel="stylesheet" href="../css/customer_sub_sisul.css">
|
||||
<link rel="stylesheet" href="../css/modal_customer_sub_sisul.css">
|
||||
<link rel="stylesheet" href="../css/modal.css?v1.1">
|
||||
<link rel="stylesheet" href="../css//jquery-ui.css">
|
||||
<link rel="stylesheet" href="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
|
||||
|
||||
<!-- 베이스script -->
|
||||
<script src="../js/jquery.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../bootstrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- 적용script -->
|
||||
<script src="../js/jquery-ui.js"></script>
|
||||
<script src="../js/data.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/ko.js"></script>
|
||||
<script src="../js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="project_wrap">
|
||||
<!--상단네비-->
|
||||
<header class="header_section">
|
||||
<a href="0_home.html" class="logo_wrap">
|
||||
<img class="logo" src="../image/logo.svg" alt="logo"/>
|
||||
<span>메이드유 CRM</span>
|
||||
</a>
|
||||
|
||||
<div class="search_wrap">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_B.svg" alt="검색"/>
|
||||
<input type="text" id="name" placeholder="검색 (고객명, 연락처)">
|
||||
</div>
|
||||
|
||||
<div class="btn_box">
|
||||
<button class="reservation_btn" data-toggle="modal" data-target=".reservation_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/reservation.svg" alt="예약"/>
|
||||
예약
|
||||
</button>
|
||||
|
||||
<button data-toggle="modal" data-target=".receipt_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/receipt.svg" alt="바로접수"/>
|
||||
바로접수
|
||||
</button>
|
||||
|
||||
<button class="last" data-toggle="modal" data-target=".new_patient_modal" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<img src="../image/registration.svg" alt="신환등록"/>
|
||||
신환등록
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown_box">
|
||||
<a class="enrollment_btn" href="#" aria-haspopup="true">
|
||||
<img src="../image/userActive.svg" alt="내정보"/>
|
||||
<p>박실장</p>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown_list" aria-label="submenu">
|
||||
<li>
|
||||
<a href="#reservation" data-toggle="modal" data-target="#reservation" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>내정보</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#consulting" data-toggle="modal" data-target="#consulting" style="transition: all 0.2s ease-in-out 0s;">
|
||||
<span>로그아웃</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!--오른쪽영역-->
|
||||
<section class="content_section">
|
||||
<!--왼쪽메뉴-->
|
||||
<ul class="menu_list">
|
||||
<li>
|
||||
<a href="home.html">
|
||||
<img src="../image/menu_1_off.svg" alt="병원현황"/>
|
||||
<span>병원현황</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="customer.html" class="on">
|
||||
<img src="../image/menu_2_on.svg" alt="고객"/>
|
||||
<span>고객</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_3_off.svg" alt="수납"/>
|
||||
<span>수납</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="stock.html">
|
||||
<img src="../image/menu_4_off.svg" alt="재고"/>
|
||||
<span>재고</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_5_off.svg" alt="통계"/>
|
||||
<span>통계</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="hospital.html">
|
||||
<img src="../image/menu_6_off.svg" alt="원무"/>
|
||||
<span>원무</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_7_off.svg" alt="마케팅"/>
|
||||
<span>마케팅</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../image/menu_8_off.svg" alt="멤버십"/>
|
||||
<span>멤버십</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="hospital_wrap">
|
||||
<!-- 왼쪽 -->
|
||||
<div class="left_box">
|
||||
<a href="customer.html" class="back"><img src='../image/right_arrow_B.svg' alt="back"/>고객 목록</a>
|
||||
<ul class="sub_menu_list">
|
||||
<li class="title_menu first">고객 상세정보</li>
|
||||
<li><a href="customer_sub.html">고객 정보</a></li>
|
||||
<li><a href="customer_sub_records.html">신체기록</a></li>
|
||||
<li><a href="customer_sub_agreement.html">동의서</a></li>
|
||||
<li class="title_menu">이용내역</li>
|
||||
<li><a href="customer_sub_reservation.html">예약(진료) 내역</a></li>
|
||||
<li><a href="customer_sub_payment.html">수납 내역</a></li>
|
||||
<li><a href="customer_sub_consulting.html">상담 차트</a></li>
|
||||
<li><a href="customer_sub_sisul.html" class="on">시술 차트</a></li>
|
||||
<li><a href="customer_sub_membership.html">멤버십</a></li>
|
||||
<li><a href="customer_sub_alarm.html">알림 내역</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">시술 차트</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료유형</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">비만</li>
|
||||
<li class="option_list_item">피부</li>
|
||||
<li class="option_list_item">쁘띠</li>
|
||||
<li class="option_list_item">제모</li>
|
||||
<li class="option_list_item">기타</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">닥터/상담</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">피부의사</li>
|
||||
<li class="option_list_item">쁘띠의사</li>
|
||||
<li class="option_list_item">비만의사</li>
|
||||
<li class="option_list_item">피부상담실장</li>
|
||||
<li class="option_list_item">쁘띠상담실장</li>
|
||||
<li class="option_list_item">비만상담실장</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">작성자</button>
|
||||
<ul class="select_option_list dropdown-menu" id="">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item">피부</li>
|
||||
<li class="option_list_item">쁘띠</li>
|
||||
<li class="option_list_item">비만</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="../image/search_G.svg" alt="search"/>
|
||||
<input type="text" placeholder="시술명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="write_btn" data-toggle="modal" data-target=".charting_modal" style="transition: all 0.2s ease-in-out 0s;">차트 작성</button>
|
||||
<button class="print_btn">차트 인쇄</button>
|
||||
<button class="download_btn">
|
||||
<img src="../image/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table_box"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="pagination">
|
||||
<li class="page-item prev disabled">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="prev"/>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item active">
|
||||
<a href="#" class="page-link">1</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">2</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">3</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">4</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">5</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">6</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">7</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">8</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">9</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item">
|
||||
<a href="#" class="page-link">10</a>
|
||||
</li>
|
||||
|
||||
<li class="page-item next">
|
||||
<a href="#" class="page-link">
|
||||
<img src="../image/page_navigation_arrow.svg" alt="next"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- 차트작성 모달 -->
|
||||
<div class="modal charting_modal fade in" id="" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header"></div>
|
||||
<div class="modal-body">
|
||||
<div class="charting_left">
|
||||
<p class="title">김쁘띠</p>
|
||||
<ul class="charting_list">
|
||||
<li>
|
||||
<label>인적사항</label>
|
||||
<p>
|
||||
<span>1990.01.01</span>
|
||||
<span>33세</span>
|
||||
<span>여</span>
|
||||
<span>KR</span>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>고객구분</label>
|
||||
<p><img src="../image/fruit1.svg" alt="고객구분"/></p>
|
||||
</li>
|
||||
<li>
|
||||
<label>연락처</label>
|
||||
<p>010-0000-0000</p>
|
||||
</li>
|
||||
<li>
|
||||
<label>멤버십 충전금</label>
|
||||
<p>3,000,000</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="textarea_box">
|
||||
<label>특이 사항</label>
|
||||
<p class="title_info">*시술 및 약물 관련 특이사항</p>
|
||||
<textarea placeholder="특정 약품 알러지 있으심"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="table_box">
|
||||
<label>상담차트 내역</label>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>작성일시</th>
|
||||
<th>진료 유형</th>
|
||||
<th>시술(상품)명</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>2023-01-01</td>
|
||||
<td>상담</td>
|
||||
<td>피부상담</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2023-01-01</td>
|
||||
<td>상담</td>
|
||||
<td>피부상담</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2023-01-01</td>
|
||||
<td>상담</td>
|
||||
<td>피부상담</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2023-01-01</td>
|
||||
<td>상담</td>
|
||||
<td>피부상담</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2023-01-01</td>
|
||||
<td>상담</td>
|
||||
<td>피부상담</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="botton_box">
|
||||
<button class="more_btn">차트내역 더보기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="charting_right">
|
||||
<div class="right_top">
|
||||
<p class="chart_numder">차트번호 U20220405-0000-A1</p>
|
||||
<p class="title">시술 차트</p>
|
||||
<div class="right_text">
|
||||
<p class="first">
|
||||
작성일자
|
||||
<span>2023-01-01</span>
|
||||
</p>
|
||||
<p>
|
||||
작성자
|
||||
<span>김상담</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_bottom">
|
||||
<div class="table_box">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>예약일시</th>
|
||||
<th>진료/시술</th>
|
||||
<th>닥터/상담</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>2023-01-01, 13:00</td>
|
||||
<td>쁘띠 - 스컬트라</td>
|
||||
<td>닥터 쁘띠</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="textarea_box first">
|
||||
<label>상담 내용</label>
|
||||
<textarea placeholder="1.얼굴 윤곽 니즈"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="textarea_box">
|
||||
<label>시술 내용</label>
|
||||
<textarea placeholder="팔뚝 시술"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="button_box">
|
||||
<button class="save_btn">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/****************************************************************************
|
||||
* datePicker 1개일때
|
||||
****************************************************************************/
|
||||
function fn_datePicker(){
|
||||
$("#userCertificateLicenseDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************
|
||||
* datePicker 2개일때
|
||||
****************************************************************************/
|
||||
function fn_searchDatePicker(){
|
||||
$("#userCareerStartDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
$("#userCareerEndDate0").datetimepicker({
|
||||
allowInputToggle: true,
|
||||
useCurrent: false, //Important! See issue #1075
|
||||
format: 'YYYY-MM-DD'
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
$(function(){
|
||||
fn_searchDatePicker();
|
||||
fn_datePicker();
|
||||
});
|
||||
|
||||
|
||||
|
||||
// 옵션 선택 이벤트
|
||||
$('.option_list_item').on('click', function() {
|
||||
var selectedOption = $(this).text();
|
||||
$(this).closest('.select_box').find('.label').text(selectedOption);
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
77
src/main/resources/templates/web/user/userAgreementList.html
Normal file
77
src/main/resources/templates/web/user/userAgreementList.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/userSubMenuLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub_agreement.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_customer_sub_agreement.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">동의서</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<p id="userName"></p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="produce_btn" id="produceBtn" style="transition: all 0.2s ease-in-out 0s;">동의서 생성</button>
|
||||
<button class="download_btn" id="downLoadBtn">
|
||||
<img src="/image/web/download.svg" alt="내려받기">
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
<!-- <button class="print_btn">출력</button> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 동의서 테이블 -->
|
||||
<div id="userGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/signature_pad.js"></script>
|
||||
<script src="/js/web/common_sign.js"></script>
|
||||
<script src="/js/web/user/user.js"></script>
|
||||
<script src="/js/web/user/userAgreementList.js"></script>
|
||||
<script src="/js/web/user/popup/userAgreementInsertPop.js"></script>
|
||||
<script src="/js/web/user/popup/userAgreementSelectPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,119 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/userSubMenuLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub_consulting.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userConsultingChartSearchKeywordParam = "[[${param.userConsultingChartSearchKeywordParam}]]";
|
||||
let userConsultingChartSort = "[[${param.userConsultingChartSort}]]";
|
||||
let userConsultingChartDir = "[[${param.userConsultingChartDir}]]";
|
||||
let userConsultingChartStart = "[[${param.userConsultingChartStart}]]"==""?0:"[[${param.userConsultingChartStart}]]";
|
||||
let userConsultingChartLimit = "[[${param.userConsultingChartLimit}]]"==""?100:"[[${param.userConsultingChartLimit}]]";
|
||||
|
||||
let userConsultingChartSearchStartDate = "[[${param.userConsultingChartSearchStartDate}]]";
|
||||
let userConsultingChartSearchEndDate = "[[${param.userConsultingChartSearchEndDate}]]";
|
||||
let userConsultingChartSearchDateType = "[[${param.userConsultingChartSearchDateType}]]"==""?"A":"[[${param.userConsultingChartSearchDateType}]]";
|
||||
|
||||
let userConsultingChartTreatmentId = "[[${param.userConsultingChartTreatmentId}]]";
|
||||
let userConsultingChartTreatmentProcedureId = "[[${param.userConsultingChartTreatmentProcedureId}]]";
|
||||
let userConsultingChartReserveMemberId = "[[${param.userConsultingChartReserveMemberId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">상담차트</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료 전체</button>
|
||||
<input type="hidden" id="userConsultingChartTreatmentId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">시술 전체</button>
|
||||
<input type="hidden" id="userConsultingChartTreatmentProcedureId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">닥터/상담 전체</button>
|
||||
<input type="hidden" id="userConsultingChartReserveMemberId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search">
|
||||
<input type="text" id="userConsultingChartSearchKeyword" placeholder="작성자, 차트번호">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchUserReserveHistory" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnUserReserveHistoryPrint" class="print_btn">차트 인쇄</button>
|
||||
<button id="btnDownloadUserReserveHistoryExcel" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="userConsultingChartGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userConsultingChartPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="userConsultingChartSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/user/userConsultingChartSelectList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,169 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/userSubMenuLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub_consulting_sub.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_customer_sub_consulting.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userConsultingChartSearchKeywordParam = "[[${param.userConsultingChartSearchKeywordParam}]]";
|
||||
let userConsultingChartSort = "[[${param.userConsultingChartSort}]]";
|
||||
let userConsultingChartDir = "[[${param.userConsultingChartDir}]]";
|
||||
let userConsultingChartStart = "[[${param.userConsultingChartStart}]]"==""?0:"[[${param.userConsultingChartStart}]]";
|
||||
let userConsultingChartLimit = "[[${param.userConsultingChartLimit}]]"==""?100:"[[${param.userConsultingChartLimit}]]";
|
||||
|
||||
let userConsultingChartSearchStartDate = "[[${param.userConsultingChartSearchStartDate}]]";
|
||||
let userConsultingChartSearchEndDate = "[[${param.userConsultingChartSearchEndDate}]]";
|
||||
let userConsultingChartSearchDateType = "[[${param.userConsultingChartSearchDateType}]]"==""?"A":"[[${param.userConsultingChartSearchDateType}]]";
|
||||
|
||||
let userConsultingChartTreatmentId = "[[${param.userConsultingChartTreatmentId}]]";
|
||||
let userConsultingChartTreatmentProcedureId = "[[${param.userConsultingChartTreatmentProcedureId}]]";
|
||||
let userConsultingChartReserveMemberId = "[[${param.userConsultingChartReserveMemberId}]]";
|
||||
|
||||
let muUserConsultingChartId = "[[${param.muUserConsultingChartId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<div class="info_box_top">
|
||||
<p class="page_title">상담차트 상세정보</p>
|
||||
<button class="print_btn" id="btnPrintUserConsultingChart">차트 인쇄</button>
|
||||
</div>
|
||||
|
||||
<div class="info_box">
|
||||
<div class="info">
|
||||
<div class="form_box">
|
||||
<p class="chart_numder">차트번호 <span id="chartNumber"></span></p>
|
||||
<p class="patient_name" id="userName"></p>
|
||||
<p class="patient_info">(
|
||||
<span id="userBirthday"></span>,
|
||||
<span id="userGender"></span>,
|
||||
<span id="userNationality"></span>,
|
||||
<span id="userPhoneNumber"></span>
|
||||
)
|
||||
</p>
|
||||
|
||||
<div class="textarea_box">
|
||||
<label>특이 사항</label>
|
||||
<p class="title_info">*시술 및 약물 관련 특이사항</p>
|
||||
<textarea id="userEtc" placeholder="" disabled></textarea>
|
||||
</div>
|
||||
|
||||
<div class="chart_info_box">
|
||||
<label>차트 내용</label>
|
||||
<div class="right_text">
|
||||
<p class="first">
|
||||
작성일자
|
||||
<span id="writeDate"></span>
|
||||
</p>
|
||||
<p>
|
||||
작성자
|
||||
<span id="writeMemberName"></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<ul class="chart_info_list">
|
||||
<li>
|
||||
<div class="info_right">
|
||||
<label>진료유형</label>
|
||||
<input type="text" id="treatmentName" placeholder="" disabled>
|
||||
</div>
|
||||
<div class="info_left">
|
||||
<label>시술(상품)명</label>
|
||||
<input type="text" id="treatmentProcedureName" placeholder="" disabled>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="info_right">
|
||||
<label>닥터/상담</label>
|
||||
<input type="text" id="reserveMemberName" placeholder="" disabled>
|
||||
</div>
|
||||
<div class="info_left correction">
|
||||
<label>예약일시</label>
|
||||
<input type="text" id="reserveDateTime" placeholder="" disabled>
|
||||
</div>
|
||||
</li>
|
||||
<!-- <li class="single">
|
||||
<label>사전 진행 항목</label>
|
||||
|
||||
<div class="check_list">
|
||||
<div>
|
||||
<label for="progress1" class="chk_box">
|
||||
<input type="checkbox" name="progress" id="progress1" checked="checked">
|
||||
<span class="on"></span>
|
||||
피부
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label for="progress2" class="chk_box">
|
||||
<input type="checkbox" name="progress" id="progress2">
|
||||
<span class="on"></span>
|
||||
x-ray
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label for="progress3" class="chk_box">
|
||||
<input type="checkbox" name="progress" id="progress3">
|
||||
<span class="on"></span>
|
||||
피부
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</li> -->
|
||||
<li class="single">
|
||||
<label>상세 내용</label>
|
||||
<div class="textarea_box">
|
||||
<textarea class="area" id="content" placeholder=""></textarea>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="button_box">
|
||||
<button class="modify_btn" id="btnUpdateUserConsultingChart">수정</button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="userConsultingChartUpdateForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/user/userConsultingChartUpdate.js"></script>
|
||||
<script src="/js/web/user/popup/userConsultingChartSelectPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,120 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/userSubMenuLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub_consulting.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userMedicalChartSearchKeywordParam = "[[${param.userMedicalChartSearchKeywordParam}]]";
|
||||
let userMedicalChartSort = "[[${param.userMedicalChartSort}]]";
|
||||
let userMedicalChartDir = "[[${param.userMedicalChartDir}]]";
|
||||
let userMedicalChartStart = "[[${param.userMedicalChartStart}]]"==""?0:"[[${param.userMedicalChartStart}]]";
|
||||
let userMedicalChartLimit = "[[${param.userMedicalChartLimit}]]"==""?100:"[[${param.userMedicalChartLimit}]]";
|
||||
|
||||
let userMedicalChartSearchStartDate = "[[${param.userMedicalChartSearchStartDate}]]";
|
||||
let userMedicalChartSearchEndDate = "[[${param.userMedicalChartSearchEndDate}]]";
|
||||
let userMedicalChartSearchDateType = "[[${param.userMedicalChartSearchDateType}]]"==""?"A":"[[${param.userMedicalChartSearchDateType}]]";
|
||||
|
||||
let userMedicalChartTreatmentId = "[[${param.userMedicalChartTreatmentId}]]";
|
||||
let userMedicalChartTreatmentProcedureId = "[[${param.userMedicalChartTreatmentProcedureId}]]";
|
||||
let userMedicalChartReserveMemberId = "[[${param.userMedicalChartReserveMemberId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">시술차트</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료 전체</button>
|
||||
<input type="hidden" id="userMedicalChartTreatmentId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">시술 전체</button>
|
||||
<input type="hidden" id="userMedicalChartTreatmentProcedureId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">닥터/상담 전체</button>
|
||||
<input type="hidden" id="userMedicalChartReserveMemberId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search">
|
||||
<input type="text" id="userMedicalChartSearchKeyword" placeholder="작성자, 차트번호">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchUserReserveHistory" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnUserReserveHistoryPrint" class="print_btn">차트 인쇄</button>
|
||||
<button id="btnDownloadUserReserveHistoryExcel" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="userMedicalChartGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userMedicalChartPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="userMedicalChartSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/user/userMedicalChartSelectList.js"></script>
|
||||
<script src="/js/web/user/popup/userMedicalChartSelectPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,169 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/userSubMenuLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub_consulting_sub.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_customer_sub_sisul.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userMedicalChartSearchKeywordParam = "[[${param.userMedicalChartSearchKeywordParam}]]";
|
||||
let userMedicalChartSort = "[[${param.userMedicalChartSort}]]";
|
||||
let userMedicalChartDir = "[[${param.userMedicalChartDir}]]";
|
||||
let userMedicalChartStart = "[[${param.userMedicalChartStart}]]"==""?0:"[[${param.userMedicalChartStart}]]";
|
||||
let userMedicalChartLimit = "[[${param.userMedicalChartLimit}]]"==""?100:"[[${param.userMedicalChartLimit}]]";
|
||||
|
||||
let userMedicalChartSearchStartDate = "[[${param.userMedicalChartSearchStartDate}]]";
|
||||
let userMedicalChartSearchEndDate = "[[${param.userMedicalChartSearchEndDate}]]";
|
||||
let userMedicalChartSearchDateType = "[[${param.userMedicalChartSearchDateType}]]"==""?"A":"[[${param.userMedicalChartSearchDateType}]]";
|
||||
|
||||
let userMedicalChartTreatmentId = "[[${param.userMedicalChartTreatmentId}]]";
|
||||
let userMedicalChartTreatmentProcedureId = "[[${param.userMedicalChartTreatmentProcedureId}]]";
|
||||
let userMedicalChartReserveMemberId = "[[${param.userMedicalChartReserveMemberId}]]";
|
||||
|
||||
let muUserMedicalChartId = "[[${param.muUserMedicalChartId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<div class="info_box_top">
|
||||
<p class="page_title">시술차트 상세정보</p>
|
||||
<button class="print_btn" id="btnPrintUserMedicalChart">차트 인쇄</button>
|
||||
</div>
|
||||
|
||||
<div class="info_box">
|
||||
<div class="info">
|
||||
<div class="form_box">
|
||||
<p class="chart_numder">차트번호 <span id="chartNumber"></span></p>
|
||||
<p class="patient_name" id="userName"></p>
|
||||
<p class="patient_info">(
|
||||
<span id="userBirthday"></span>,
|
||||
<span id="userGender"></span>,
|
||||
<span id="userNationality"></span>,
|
||||
<span id="userPhoneNumber"></span>
|
||||
)
|
||||
</p>
|
||||
|
||||
<div class="textarea_box">
|
||||
<label>특이 사항</label>
|
||||
<p class="title_info">*시술 및 약물 관련 특이사항</p>
|
||||
<textarea id="userEtc" placeholder="" disabled></textarea>
|
||||
</div>
|
||||
|
||||
<div class="chart_info_box">
|
||||
<label>차트 내용</label>
|
||||
<div class="right_text">
|
||||
<p class="first">
|
||||
작성일자
|
||||
<span id="writeDate"></span>
|
||||
</p>
|
||||
<p>
|
||||
작성자
|
||||
<span id="writeMemberName"></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<ul class="chart_info_list">
|
||||
<li>
|
||||
<div class="info_right">
|
||||
<label>진료유형</label>
|
||||
<input type="text" id="treatmentName" placeholder="" disabled>
|
||||
</div>
|
||||
<div class="info_left">
|
||||
<label>시술(상품)명</label>
|
||||
<input type="text" id="treatmentProcedureName" placeholder="" disabled>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="info_right">
|
||||
<label>닥터/상담</label>
|
||||
<input type="text" id="reserveMemberName" placeholder="" disabled>
|
||||
</div>
|
||||
<div class="info_left correction">
|
||||
<label>예약일시</label>
|
||||
<input type="text" id="reserveDateTime" placeholder="" disabled>
|
||||
</div>
|
||||
</li>
|
||||
<!-- <li class="single">
|
||||
<label>사전 진행 항목</label>
|
||||
|
||||
<div class="check_list">
|
||||
<div>
|
||||
<label for="progress1" class="chk_box">
|
||||
<input type="checkbox" name="progress" id="progress1" checked="checked">
|
||||
<span class="on"></span>
|
||||
피부
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label for="progress2" class="chk_box">
|
||||
<input type="checkbox" name="progress" id="progress2">
|
||||
<span class="on"></span>
|
||||
x-ray
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label for="progress3" class="chk_box">
|
||||
<input type="checkbox" name="progress" id="progress3">
|
||||
<span class="on"></span>
|
||||
피부
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</li> -->
|
||||
<li class="single">
|
||||
<label>상세 내용</label>
|
||||
<div class="textarea_box">
|
||||
<textarea class="area" id="content" placeholder=""></textarea>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="button_box">
|
||||
<button class="modify_btn" id="btnUpdateUserMedicalChart">수정</button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="userMedicalChartUpdateForm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/user/userMedicalChartUpdate.js"></script>
|
||||
<script src="/js/web/user/popup/userMedicalChartSelectPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,99 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/userSubMenuLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub_consulting.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_user_original_chart.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let searchChartDivi = "[[${param.searchChartDivi}]]";
|
||||
let userOriginalChartSort = "[[${param.userOriginalChartSort}]]";
|
||||
let userOriginalChartDir = "[[${param.userOriginalChartDir}]]";
|
||||
let userOriginalChartStart = "[[${param.userOriginalChartStart}]]"==""?0:"[[${param.userOriginalChartStart}]]";
|
||||
let userOriginalChartLimit = "[[${param.userOriginalChartLimit}]]"==""?100:"[[${param.userOriginalChartLimit}]]";
|
||||
|
||||
let userOriginalChartSearchStartDate = "[[${param.userOriginalChartSearchStartDate}]]";
|
||||
let userOriginalChartSearchEndDate = "[[${param.userOriginalChartSearchEndDate}]]";
|
||||
let userOriginalChartSearchDateType = "[[${param.userOriginalChartSearchDateType}]]"==""?"A":"[[${param.userOriginalChartSearchDateType}]]";
|
||||
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">상담차트</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">전체</button>
|
||||
<input type="hidden" id="userOriginalChartDivi" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu" id="sel_chartDivi">
|
||||
<li class="option_list_item" data-value="">전체</li>
|
||||
<li class="option_list_item" data-value="상담">상담</li>
|
||||
<li class="option_list_item" data-value="동의서">동의서</li>
|
||||
<li class="option_list_item" data-value="문진표">문진표</li>
|
||||
<li class="option_list_item" data-value="피부">피부</li>
|
||||
<li class="option_list_item" data-value="쁘띠">쁘띠</li>
|
||||
<li class="option_list_item" data-value="비만">비만</li>
|
||||
<li class="option_list_item" data-value="제모">제모</li>
|
||||
<li class="option_list_item" data-value="웰빙">웰빙</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="search_list">
|
||||
<button id="btnSearchUserReserveHistory" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="userOriginalChartGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userOriginalChartPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="userOriginalChartSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/user/userOriginalChartSelectList.js"></script>
|
||||
<script src="/js/web/user/popup/userOriginalChartSelectPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
168
src/main/resources/templates/web/user/userPaymentSelectList.html
Normal file
168
src/main/resources/templates/web/user/userPaymentSelectList.html
Normal file
@@ -0,0 +1,168 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/userSubMenuLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub_payment.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_customer_sub_payment.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_home.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let paymentSearchKeywordParam = "[[${param.paymentSearchKeywordParam}]]";
|
||||
let paymentSort = "[[${param.paymentSort}]]";
|
||||
let paymentDir = "[[${param.paymentDir}]]";
|
||||
let paymentStart = "[[${param.paymentStart}]]"==""?0:"[[${param.paymentStart}]]";
|
||||
let paymentLimit = "[[${param.paymentLimit}]]"==""?100:"[[${param.paymentLimit}]]";
|
||||
|
||||
let paymentSearchStartDate = "[[${param.paymentSearchStartDate}]]";
|
||||
let paymentSearchEndDate = "[[${param.paymentSearchEndDate}]]";
|
||||
let paymentSearchDateType = "[[${param.paymentSearchDateType}]]"==""?"F":"[[${param.paymentSearchDateType}]]";
|
||||
let muTreatmentId = "[[${param.muTreatmentId}]]"
|
||||
let treatmentName = "[[${param.treatmentName}]]"
|
||||
let paymentStatus = "[[${param.paymentStatus}]]"
|
||||
let paymentStatusKeyword = "[[${param.paymentStatusKeyword}]]"
|
||||
let paymentCategoryItemNm = "[[${param.paymentCategoryItemNm}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">수납 내역</p>
|
||||
|
||||
<div class="filter_box payment">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="select_box first dropdown">
|
||||
<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
|
||||
<input type="hidden" id="paymentSearchDateType">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box" id="divpaymentSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="paymentSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last" id="divpaymentSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="paymentSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">결제구분</button>
|
||||
<input type="hidden" id="paymentCategoryItemNm">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item first" id="">전체</li>
|
||||
<li class="option_list_item">카드</li>
|
||||
<li class="option_list_item">현금</li>
|
||||
<li class="option_list_item">멤버십</li>
|
||||
<li class="option_list_item">계좌이체</li>
|
||||
<li class="option_list_item">간편결제</li>
|
||||
<li class="option_list_item">선결제</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료구분</button>
|
||||
<input type="hidden" id="muTreatmentId">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item first" id="">전체</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="select_box last dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">결제상태</button>
|
||||
<input type="hidden" id="paymentStatus">
|
||||
<ul class="select_option_list dropdown-menu" id="paymentStatusList">
|
||||
<li class="option_list_item first" id="">전체</li>
|
||||
<li class="option_list_item" id="Y">결제완료</li>
|
||||
<li class="option_list_item" id="NY">미수결제</li>
|
||||
<li class="option_list_item" id="PY">부분결제(완납)</li>
|
||||
<li class="option_list_item" id="P">부분결제</li>
|
||||
<li class="option_list_item" id="C">결제취소</li>
|
||||
<li class="option_list_item" id="R">환불</li>
|
||||
<li class="option_list_item" id="NP">미수</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="paymentSearchKeywordParam" placeholder="고객명, 시술(상품)명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="btnSearchUserPayment">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnUserPayment" class="receive_btn">수납</button>
|
||||
<!-- <button id="btnDownloadUserPaymentCancel" class="cancel_btn">수납 취소</button>-->
|
||||
<button id="btnDownloadUserPaymentExcel" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="userPaymentGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userPaymentPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="userPaymentSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/user/userPaymentSelectList.js"></script>
|
||||
|
||||
<script src="/js/web/payment/popup/paymentInsertPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/reservePaymentInsertPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/discountInsertPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/discountPayCheckPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentMembershipInsertPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/membershipPayCheckPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentMembershipPartialPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentMonetizationPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentAccountPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentCancellationPop.js"></script>
|
||||
<script src="/js/web/reserve/popup/paymentRefundPop.js"></script>
|
||||
<script src="/js/web/kicc/kiccPosDll2.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/userSubMenuLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub_records.css">
|
||||
<link rel="stylesheet" href="/css/web/modal_customer_sub_records.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">신체기록</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<p id="userName"></p>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="store_btn" id="insertBtn" style="transition: all 0.2s ease-in-out 0s;">신체 기록</button>
|
||||
<button class="download_btn" id="downLoadBtn">
|
||||
<img src="/image/web/download.svg">
|
||||
내려받기
|
||||
</button>
|
||||
<!-- <button class="release_btn">기록 출력</button>-->
|
||||
<button class="release_btn" id="inbody_btn">인바디 정보 불러오기</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 신체기록 테이블 -->
|
||||
<div id="userGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--id변경-->
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/user/user.js"></script>
|
||||
<script src="/js/web/user/popup/userPhysicalInsertPop.js"></script>
|
||||
<script src="/js/web/user/popup/userPhysicalSelectPop.js"></script>
|
||||
<script src="/js/web/user/userSelectPhysicalList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,136 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/userSubMenuLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub_alarm.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userPushHistorySearchKeywordParam = "[[${param.userPushHistorySearchKeywordParam}]]";
|
||||
let userPushHistorySort = "[[${param.userPushHistorySort}]]";
|
||||
let userPushHistoryDir = "[[${param.userPushHistoryDir}]]";
|
||||
let userPushHistoryStart = "[[${param.userPushHistoryStart}]]"==""?0:"[[${param.userPushHistoryStart}]]";
|
||||
let userPushHistoryLimit = "[[${param.userPushHistoryLimit}]]"==""?100:"[[${param.userPushHistoryLimit}]]";
|
||||
|
||||
let userPushHistorySearchStartDate = "[[${param.userPushHistorySearchStartDate}]]";
|
||||
let userPushHistorySearchEndDate = "[[${param.userPushHistorySearchEndDate}]]";
|
||||
let userPushHistorySearchDateType = "[[${param.userPushHistorySearchDateType}]]"==""?"A":"[[${param.userPushHistorySearchDateType}]]";
|
||||
|
||||
let userPushHistoryTreatmentId = "[[${param.userPushHistoryTreatmentId}]]";
|
||||
let userPushHistoryTreatmentProcedureId = "[[${param.userPushHistoryTreatmentProcedureId}]]";
|
||||
let userPushHistoryReserveMemberId = "[[${param.userPushHistoryReserveMemberId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">알림 내역</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>
|
||||
<input type="hidden" id="userPushHistorySearchDateType"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="A"/><span>오늘</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="D"/><span>최근30일</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="E"/><span>최근90일</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="C"/><span>이번주</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="F"/><span>이번달</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="G"/><span>올해</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="H"/><span>지난주</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="I"/><span>지난달</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="date" class="date_picker" id="userPushHistorySearchStartDate">
|
||||
</div>
|
||||
<span class="slash">-</span>
|
||||
<div class="date_box last">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="date" class="date_picker" id="userPushHistorySearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">알림구분 전체</button>
|
||||
<input type="hidden" id="userPushHistorySearchType">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item first"><input type="hidden" name="comboId" value=""/><span>전체</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="KAKAO"/><span>알림톡</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="SMS"/><span>문자</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="PUSH"/><span>푸시</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search">
|
||||
<input type="text" id="userPushHistorySearchKeyword" placeholder="내용">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchUserReserveHistory" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnDownloadUserPushHistoryExcel" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="userPushHistoryGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userPushHistoryPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="userPushHistorySelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/user/userPushHistorySelectList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,148 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/userSubMenuLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub_reservation.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userReserveHistorySearchKeywordParam = "[[${param.userReserveHistorySearchKeywordParam}]]";
|
||||
let userReserveHistorySort = "[[${param.userReserveHistorySort}]]";
|
||||
let userReserveHistoryDir = "[[${param.userReserveHistoryDir}]]";
|
||||
let userReserveHistoryStart = "[[${param.userReserveHistoryStart}]]"==""?0:"[[${param.userReserveHistoryStart}]]";
|
||||
let userReserveHistoryLimit = "[[${param.userReserveHistoryLimit}]]"==""?100:"[[${param.userReserveHistoryLimit}]]";
|
||||
|
||||
let userReserveHistorySearchStartDate = "[[${param.userReserveHistorySearchStartDate}]]";
|
||||
let userReserveHistorySearchEndDate = "[[${param.userReserveHistorySearchEndDate}]]";
|
||||
let userReserveHistorySearchDateType = "[[${param.userReserveHistorySearchDateType}]]"==""?"G":"[[${param.userReserveHistorySearchDateType}]]";
|
||||
|
||||
let userReserveHistoryTreatmentId = "[[${param.userReserveHistoryTreatmentId}]]";
|
||||
let userReserveHistoryTreatmentProcedureId = "[[${param.userReserveHistoryTreatmentProcedureId}]]";
|
||||
let userReserveHistoryReserveMemberId = "[[${param.userReserveHistoryReserveMemberId}]]";
|
||||
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">예약(진료) 내역</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>
|
||||
<input type="hidden" id="userReserveHistorySearchDateType"></input>
|
||||
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="A"/><span>오늘</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="D"/><span>최근30일</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="E"/><span>최근90일</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="C"/><span>이번주</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="F"/><span>이번달</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="G"/><span>올해</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="H"/><span>지난주</span></li>
|
||||
<li class="option_list_item"><input type="hidden" name="comboId" value="I"/><span>지난달</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="date" class="date_picker" id="userReserveHistorySearchStartDate">
|
||||
</div>
|
||||
<span class="slash">-</span>
|
||||
<div class="date_box last">
|
||||
<img src="/image/web/calendar.svg" alt="calendar">
|
||||
<input type="date" class="date_picker" id="userReserveHistorySearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">진료 전체</button>
|
||||
<input type="hidden" id="userReserveHistoryTreatmentId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">시술 전체</button>
|
||||
<input type="hidden" id="userReserveHistoryTreatmentProcedureId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">닥터/상담 전체</button>
|
||||
<input type="hidden" id="userReserveHistoryReserveMemberId" />
|
||||
|
||||
<ul class="select_option_list dropdown-menu"></ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search">
|
||||
<input type="text" id="userReserveHistorySearchKeyword" placeholder="닥터/상담자명, 담당자명">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchUserReserveHistory" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<!-- <button class="registration_btn">예약 등록</button> -->
|
||||
<button id="btnDownloadUserReserveHistoryExcel" class="download_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="userReserveHistoryGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav ria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userReserveHistoryPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="userReserveHistorySelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/user/userReserveHistorySelectList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
126
src/main/resources/templates/web/user/userSelectList.html
Normal file
126
src/main/resources/templates/web/user/userSelectList.html
Normal file
@@ -0,0 +1,126 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer.css?v1.1">
|
||||
<!-- <link rel="stylesheet" href="/css/web/customer_sub.css?v1.1">-->
|
||||
<!-- <link rel="stylesheet" href="/css/web/modal.css?v1.1"> -->
|
||||
<!-- <link rel="stylesheet" href="/css/web/grid.css?v1.1"> -->
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationalityCode = "[[${param.nationalityCode}]]"??"";
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userTypeCode = "[[${param.userTypeCode}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
let search_appUseYn = "[[${param.search_appUseYn}]]"??"";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<div class="center_box">
|
||||
<p class="page_title">고객 목록</p>
|
||||
<p class="total">0명</p>
|
||||
|
||||
<div class="filter_box user">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">고객구분</button>
|
||||
<ul class="select_option_list dropdown-menu" id="userType">
|
||||
<li class="option_list_item">전체</li>
|
||||
<!-- <li class="option_list_item" value="A"><img src="/image/web/fruit1.svg" alt="고객구분"></li>-->
|
||||
<!-- <li class="option_list_item" value="B"><img src="/image/web/fruit2.svg" alt="고객구분"></li>-->
|
||||
<!-- <li class="option_list_item" value="C"><img src="/image/web/fruit3.svg" alt="고객구분"></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">국적</button>
|
||||
<ul class="select_option_list dropdown-menu" id="nationality">
|
||||
<li class="option_list_item">전체</li>
|
||||
<!-- <li class="option_list_item" value="KR">KR</li>-->
|
||||
<!-- <li class="option_list_item" value="JP">JP</li>-->
|
||||
<!-- <li class="option_list_item" value="CH">CH</li>-->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">멤버십</button>
|
||||
<ul class="select_option_list dropdown-menu" id="membershipYn">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item" value="Y">가입</li>
|
||||
<li class="option_list_item" value="N">미가입</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">앱 가입상태</button>
|
||||
<ul class="select_option_list dropdown-menu" id="appUseYn">
|
||||
<li class="option_list_item">전체</li>
|
||||
<li class="option_list_item" value="Y">가입</li>
|
||||
<li class="option_list_item" value="N">미가입</li>
|
||||
<li class="option_list_item" value="D">탈퇴</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="search_list_box">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="검색">
|
||||
<input type="text" id="txt_userSearchKeyword" placeholder="고객명, 연락처, 생년월일">
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button class="search_btn" id="searchBtn">조회</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button class="member_btn" id="userBtn" style="transition: all 0.2s ease-in-out 0s;">고객 등록</button>
|
||||
<button class="download_btn" id="downLoadBtn">
|
||||
<img src="/image/web/download.svg" alt="내려받기">
|
||||
내려받기
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="userGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="userPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<!-- <script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script> -->
|
||||
<script src="/js/web/user/user.js"></script>
|
||||
<script src="/js/web/user/userSelectList.js"></script>
|
||||
<script src="/js/web/user/popup/userInfoInsertPop.js"></script>
|
||||
<!-- <script src="/js/web/user/popup/userIntroSelectListPop.js"></script> -->
|
||||
</th:block>
|
||||
</html>
|
||||
255
src/main/resources/templates/web/user/userUpdate.html
Normal file
255
src/main/resources/templates/web/user/userUpdate.html
Normal file
@@ -0,0 +1,255 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/userSubMenuLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/customer_sub.css">
|
||||
<!-- <link rel="stylesheet" href="/css/web/modal.css?v1.1"> -->
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"||"";
|
||||
let selectUseYn = "[[${selectUseYn}]]" ? "[[${selectUseYn}]]" : "N";
|
||||
let updateUseYn = "[[${updateUseYn}]]" ? "[[${updateUseYn}]]" : "N";
|
||||
let muUserId = "[[${param.muUserId}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
|
||||
let userSort = "[[${param.userSort}]]";
|
||||
let userDir = "[[${param.userDir}]]";
|
||||
let userStart = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
|
||||
let userLimit = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";
|
||||
|
||||
let search_nationality = "[[${param.nationality}]]"??"";
|
||||
let search_userType = "[[${param.userType}]]"??"";
|
||||
let search_membershipYn = "[[${param.membershipYn}]]"??"";
|
||||
</script>
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">고객 상세정보</p>
|
||||
|
||||
<div class="info_box user">
|
||||
<div class="info">
|
||||
<p class="title">
|
||||
고객 정보
|
||||
<span id="userNumber">U00000000-0000</span>
|
||||
</p>
|
||||
<div class="form_box">
|
||||
<div class="input_box essential">
|
||||
<label>국적</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">국적</button>
|
||||
<input type="hidden" id="nationalityCd">
|
||||
<ul class="select_option_list dropdown-menu" id="nationality">
|
||||
<!-- <li class="option_list_item local" value="KR">한국(KR)</li>-->
|
||||
<!-- <li class="option_list_item foreigner" value="JP">일본(JP)</li>-->
|
||||
<!-- <li class="option_list_item foreigner" value="CH">중국(CH)</li>-->
|
||||
<!-- <li class="option_list_item foreigner" value="US">미국(US)</li>-->
|
||||
<!-- <li class="option_list_item foreigner" value="VN">베트남(VN)</li>-->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box essential">
|
||||
<label>성함</label>
|
||||
<input id="userName" type="text" placeholder="이름">
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label>생년월일</label>
|
||||
<div class="date_box">
|
||||
<input id="birthday" placeholder="연도-월-일"/>
|
||||
<img class="userBirthday" src="/image/web/calendar.svg" alt="calendar">
|
||||
</div>
|
||||
<p class="identity" id="identity"></p>
|
||||
</div>
|
||||
<div class="input_box local_box" id="rrn">
|
||||
<label>주민등록번호</label>
|
||||
<input id="userRrn1" type="text" placeholder="">
|
||||
<span class="division">-</span>
|
||||
<input id="userRrn2" type="text" placeholder="" autocomplete="off">
|
||||
</div>
|
||||
<div class="input_box identification foreigner_box">
|
||||
<label>식별정보</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">여권번호</button>
|
||||
<ul class="select_option_list dropdown-menu" id="identification">
|
||||
<li class="option_list_item passport_number_option selected" id="pno">여권번호</li>
|
||||
<li class="option_list_item foreigner_number_option" id="arc">외국인등록번호</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="passport_number_box">
|
||||
<input id="userPno" type="text" placeholder="여권번호">
|
||||
</div>
|
||||
<div class="foreigner_number_box">
|
||||
<input class="first" id="userArc1" type="text" placeholder="">
|
||||
<span class="slash">-</span>
|
||||
<input id="userArc2" type="text" placeholder="" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label>성별</label>
|
||||
<div class="gender">
|
||||
<input type="radio" name="gender" id="female" value="F">
|
||||
<label for="female">여자</label>
|
||||
</div>
|
||||
<div class="gender">
|
||||
<input type="radio" name="gender" id="male" value="M">
|
||||
<label for="male">남자</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label>고객구분</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">고객구분</button>
|
||||
<input type="hidden" id="userTypeCd">
|
||||
<ul class="select_option_list dropdown-menu" id="userType">
|
||||
<!-- <li class="option_list_item" value="A"><img src="/image/web/fruit1.svg" alt="고객구분"></li>-->
|
||||
<!-- <li class="option_list_item" value="B"><img src="/image/web/fruit2.svg" alt="고객구분"></li>-->
|
||||
<!-- <li class="option_list_item" value="C"><img src="/image/web/fruit3.svg" alt="고객구분"></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box essential">
|
||||
<label>연락처</label>
|
||||
<input id="phoneNumber" name="phoneNumber" type="tel" placeholder="">
|
||||
<label class="sub_label">보조 연락처</label>
|
||||
<input id="phoneNumber2" name="phoneNumber" type="tel" placeholder="">
|
||||
</div>
|
||||
<!--<div class="input_box">
|
||||
<label>이메일</label>
|
||||
<input id="email" type="text">
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label>주소</label>
|
||||
<input class="address" id="address" type="text" readonly="readonly">
|
||||
<button class="address_btn" id="searchAddr" type="button">주소 찾기</button>
|
||||
<input class="address_detail" id="addressDetails" type="text">
|
||||
</div>-->
|
||||
<div class="input_box">
|
||||
<label>사진 거부</label>
|
||||
<div class="gender">
|
||||
<input type="radio" name="refusePhotoYn" id="refusePhotoY" value="Y">
|
||||
<label for="refusePhotoY">예</label>
|
||||
</div>
|
||||
<div class="gender">
|
||||
<input type="radio" name="refusePhotoYn" id="refusePhotoN" value="N">
|
||||
<label for="refusePhotoN">아니오</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label>SMS 수신여부</label>
|
||||
<div class="gender">
|
||||
<input type="radio" name="smsYn" id="smsY" value="Y">
|
||||
<label for="smsY">예</label>
|
||||
</div>
|
||||
<div class="gender">
|
||||
<input type="radio" name="smsYn" id="smsN" value="N">
|
||||
<label for="smsN">아니오</label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="title">앱 계정 정보</p>
|
||||
<div class="input_box">
|
||||
<label>앱 가입상태</label>
|
||||
<input id="appUseYn" type="text" readonly>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label>계정명</label>
|
||||
<input id="membershipAccount" type="text" readonly>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label>앱 가입일</label>
|
||||
<input id="appIntroDate" type="text" readonly>
|
||||
</div>
|
||||
<div class="input_box">
|
||||
<label>앱 탈퇴일</label>
|
||||
<input id="leaveDate" type="text" readonly>
|
||||
</div>
|
||||
|
||||
<p class="title">기타 정보</p>
|
||||
<div class="input_box">
|
||||
<label>관심진료</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">관심진료 선택</button>
|
||||
<ul class="select_option_list dropdown-menu" id="treatment">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box two">
|
||||
<div>
|
||||
<label>방문경로</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">방문경로</button>
|
||||
<input type="hidden" id="channelCd">
|
||||
<ul class="select_option_list dropdown-menu" id="channel">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="last">
|
||||
<label>추천인</label>
|
||||
<div class="search_box">
|
||||
<button class="search_btn"><img src="/image/web/search_B.svg" alt="검색"/></button>
|
||||
<input id="recommendUserId" type="text" placeholder="추천인 검색" readonly>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="title">특이 사항 <span>*시술 및 약물 관련 특이사항 기록</span></p>
|
||||
<div class="input_box">
|
||||
<textarea id="etc"></textarea>
|
||||
</div>
|
||||
<p class="title">고객 메모</p>
|
||||
<div class="input_box">
|
||||
<textarea id="memo"></textarea>
|
||||
</div>
|
||||
<div class="button_box">
|
||||
<button id="updateBtn">수정</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="body_info_box">
|
||||
<p class="title">고객 정보</p>
|
||||
<a href="#" id="physicalInfoPage">신체 기록 확인<img src='/image/web/right_arrow_B.svg'/></a>
|
||||
<div class="body_info">
|
||||
<p id="regDt"></p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>키</p>
|
||||
<p id="height">- cm</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>몸무게</p>
|
||||
<p id="weight">- kg</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>골격근량</p>
|
||||
<p id="muscle">- kg</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>체지방량</p>
|
||||
<p id="fatMass">- kg</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>체지방률</p>
|
||||
<p id="fatPercent">- %</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>BMI</p>
|
||||
<p id="bmi">- kg/m2</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="frm" onsubmit="return false;"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/user/user.js"></script>
|
||||
<script src="/js/web/user/userUpdate.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,90 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/hospital_vacation_sub.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_hospital_vacation_sub.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/modal_hospital.css?v1.1">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/common_option.js"></script>
|
||||
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let vacationManagementSearchKeywordParam = "[[${param.vacationManagementSearchKeywordParam}]]";
|
||||
let vacationManagementSort = "[[${param.vacationManagementSort}]]";
|
||||
let vacationManagementDir = "[[${param.vacationManagementDir}]]";
|
||||
let vacationManagementStart = "[[${param.vacationManagementStart}]]"==""?0:"[[${param.vacationManagementStart}]]";
|
||||
let vacationManagementLimit = "[[${param.vacationManagementLimit}]]"==""?100:"[[${param.vacationManagementLimit}]]";
|
||||
let vacationManagementSearchYear = "[[${param.vacationManagementSearchYear}]]";
|
||||
let vacationManagementSearchGroupId = "[[${param.vacationManagementSearchGroupId}]]";
|
||||
|
||||
let muVacationManagementId = "[[${param.muVacationManagementId}]]";
|
||||
let year = "[[${param.year}]]";
|
||||
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let vacationManagementSubSort = "[[${param.vacationManagementSubSort}]]";
|
||||
let vacationManagementSubDir = "[[${param.vacationManagementSubDir}]]";
|
||||
let vacationManagementSubStart = "[[${param.vacationManagementSubStart}]]"==""?0:"[[${param.vacationManagementSubStart}]]";
|
||||
let vacationManagementSubLimit = "[[${param.vacationManagementSubLimit}]]"==""?100:"[[${param.vacationManagementSubLimit}]]";
|
||||
let vacationManagementSubSearchYear = "[[${param.vacationManagementSubSearchYear}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<div class="employee_top">
|
||||
<p class="employee_yeoncha">
|
||||
<span class="first" id="memberNameId"></span>
|
||||
<span id="groupName"></span>
|
||||
<span id="dutyName"></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box last">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="text" class="date_picker" id="vacationManagementSubSearchYear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnCancelVacationManagement" class="hyuga_cencell_btn" data-toggle="modal" data-target=".hyuga_cencell_modal" style="transition: all 0.2s ease-in-out 0s;">연차 취소</button>
|
||||
<button id="btnDownloadVacationManagement" class="attendance_btn">
|
||||
<img src="/image/web/download.svg" alt="내려받기"/>
|
||||
<p>내려받기</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="vacationManagementSubGrid" class="table_box ag-theme-balham"></div>
|
||||
</div>
|
||||
<form id="vacationManagementUpdateForm" onsubmit="return false;"></form>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/vacationmanagement/vacationManagementSelectList.js"></script>
|
||||
<script src="/js/web/attendance/popup/attendanceVacationManagementCancelEtcPop.js"></script>
|
||||
<script src="/js/web/attendance/popup/attendanceVacationManagerUpdatePop.js"></script>
|
||||
<script src="/js/web/attendance/popup/attendanceVacationManagerSelectPop.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,89 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/web/webEventInsert.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">이벤트 등록</p>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content_left">
|
||||
<!--<p class="title">이벤트 등록</p>-->
|
||||
<ul class="first">
|
||||
<li>
|
||||
<label>제목</label>
|
||||
<input type="text" id="title" placeholder="제목을 작성해주세요."/>
|
||||
</li>
|
||||
<li>
|
||||
<label>이벤트 기간</label>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="eventStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="eventEndDate">
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="last">
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>섬네일</label>
|
||||
<label for="file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn">삭제</button>
|
||||
</div>
|
||||
<!--<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*500px / 1m 이하 / png, jpg(jpeg)</p>-->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content_right">
|
||||
<p class="title">이벤트 상세</p>
|
||||
<div class="editor_box"> <div id="summernote"></div></div>
|
||||
<div class="button_box">
|
||||
<button class="cancel_btn btnCancle">취소</button>
|
||||
<button class="registration_btn btnSave">등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/webevent/webEventInsert.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/webEventSelectList.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let webEventSearchKeywordParam = "[[${param.webEventSearchKeywordParam}]]";
|
||||
let webEventSort = "[[${param.webEventSort}]]";
|
||||
let webEventDir = "[[${param.webEventDir}]]";
|
||||
let webEventStart = "[[${param.webEventStart}]]"==""?0:"[[${param.webEventStart}]]";
|
||||
let webEventLimit = "[[${param.webEventLimit}]]"==""?500:"[[${param.webEventLimit}]]";
|
||||
|
||||
let webEventSearchStartDate = "[[${param.webEventSearchStartDate}]]";
|
||||
let webEventSearchEndDate = "[[${param.webEventSearchEndDate}]]";
|
||||
let webEventSearchDateType = "[[${param.webEventSearchDateType}]]"==""?"A":"[[${param.webEventSearchDateType}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">이벤트</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>
|
||||
<input type="hidden" id="webEventSearchDateType">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divWebEventSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="webEventSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last date" id="divWebEventSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="webEventSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="webEventSearchKeyword" required placeholder="제목, 내용">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchWebEvent" class="search_btn" data-toggle="modal" data-target=".work_closed_modal" style="transition: all 0.2s ease-in-out 0s;">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertWebEvent" class="event_btn">
|
||||
<img src="/image/web/notice_btn_icon.svg" alt="등록">등록
|
||||
</button>
|
||||
<button id="btnDeleteWebEvent" class="delete_btn">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="webEventGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="webEventPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="webEventSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/webevent/webEventSelectList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,91 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/web/webEventInsert.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muWebEventId = "[[${param.muWebEventId}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">이벤트 등록</p>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content_left">
|
||||
<!--<p class="title">이벤트 등록</p>-->
|
||||
<ul class="first">
|
||||
<li>
|
||||
<label>제목</label>
|
||||
<input type="text" id="title" placeholder="제목을 작성해주세요."/>
|
||||
</li>
|
||||
<li>
|
||||
<label>이벤트 기간</label>
|
||||
<div class="calendar_box">
|
||||
<div class="date_box">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="eventStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="eventEndDate">
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="last">
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>섬네일</label>
|
||||
<label for="file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn">삭제</button>
|
||||
</div>
|
||||
<!--<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*500px / 1m 이하 / png, jpg(jpeg)</p>-->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content_right">
|
||||
<p class="title">이벤트 상세</p>
|
||||
<div class="editor_box"> <div id="summernote"></div></div>
|
||||
<div class="button_box">
|
||||
<button class="cancel_btn btnCancle">취소</button>
|
||||
<button class="registration_btn btnSave">수정</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/webevent/webEventUpdate.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/web/webMainBannerInsert.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">메인 배너 등록</p>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content_left">
|
||||
<!--<p class="title">시술정보 콘텐츠 등록</p>-->
|
||||
<ul class="first">
|
||||
<li>
|
||||
<label>구분</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">구분</button>
|
||||
<input type="hidden" id="bannerType">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item" id="li_DT">다이어트 상단</li>
|
||||
<li class="option_list_item" id="li_DB">다이어트 하단</li>
|
||||
<li class="option_list_item" id="li_PT">쁘띠 상단</li>
|
||||
<li class="option_list_item" id="li_PB">쁘띠 하단</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label>제목</label>
|
||||
<input type="text" id="title" placeholder="제목을 작성해주세요."/>
|
||||
</li>
|
||||
<li>
|
||||
<label>URL</label>
|
||||
<input type="text" id="url" placeholder="URL을 작성해주세요."/>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="last">
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>웹용 배너</label>
|
||||
<label for="file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file" class="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn">삭제</button>
|
||||
</div>
|
||||
<!--<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*500px / 1m 이하 / png, jpg(jpeg)</p>-->
|
||||
</li>
|
||||
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>모바일용 배너</label>
|
||||
<label for="file2" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file2" class="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn2">삭제</button>
|
||||
</div>
|
||||
<!--<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*750px / 1m 이하 / png, jpg(jpeg)</p>-->
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="button_box">
|
||||
<button class="cancel_btn btnCancle">취소</button>
|
||||
<button class="registration_btn btnSave">등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/webmainbanner/webMainBannerInsert.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,125 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link rel="stylesheet" href="/css/web/webMainBannerSelectList.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
/* 검색 관련 변수 */
|
||||
let webMainBannerSearchKeywordParam = "[[${param.webMainBannerSearchKeywordParam}]]";
|
||||
let webMainBannerSearchType = "[[${param.webMainBannerSearchType}]]";
|
||||
let webMainBannerSort = "[[${param.webMainBannerSort}]]";
|
||||
let webMainBannerDir = "[[${param.webMainBannerDir}]]";
|
||||
let webMainBannerStart = "[[${param.webMainBannerStart}]]"==""?0:"[[${param.webMainBannerStart}]]";
|
||||
let webMainBannerLimit = "[[${param.webMainBannerLimit}]]"==""?500:"[[${param.webMainBannerLimit}]]";
|
||||
|
||||
let webMainBannerSearchStartDate = "[[${param.webMainBannerSearchStartDate}]]";
|
||||
let webMainBannerSearchEndDate = "[[${param.webMainBannerSearchEndDate}]]";
|
||||
let webMainBannerSearchDateType = "[[${param.webMainBannerSearchDateType}]]"==""?"A":"[[${param.webMainBannerSearchDateType}]]";
|
||||
|
||||
// CDN_URL 전역 정의
|
||||
const CDN_URL = "[(${@environment.getProperty('url.cdn')})]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">메인 배너</p>
|
||||
|
||||
<div class="filter_box">
|
||||
<div class="form_box">
|
||||
<div class="select_box first dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">기간</button>
|
||||
<input type="hidden" id="webMainBannerSearchDateType">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li id="li_A" class="option_list_item first" >오늘</li>
|
||||
<li id="li_B" class="option_list_item">최근30일</li>
|
||||
<li id="li_C" class="option_list_item">최근90일</li>
|
||||
<li id="li_D" class="option_list_item">이번주</li>
|
||||
<li id="li_E" class="option_list_item">이번달</li>
|
||||
<li id="li_F" class="option_list_item">올해</li>
|
||||
<li id="li_G" class="option_list_item">지난주</li>
|
||||
<li id="li_H" class="option_list_item">지난달</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 캘린더input -->
|
||||
<div class="calendar_box">
|
||||
<div class="date_box date" id="divWebMainBannerSearchStartDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="webMainBannerSearchStartDate">
|
||||
</div>
|
||||
|
||||
<span class="slash">-</span>
|
||||
|
||||
<div class="date_box last date" id="divWebMainBannerSearchEndDate">
|
||||
<img src="/image/web/calendar.svg" alt="calendar"/>
|
||||
<input type="date" class="date_picker" id="webMainBannerSearchEndDate">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">카테고리 전체</button>
|
||||
<input type="hidden" id="webMainBannerSearchType">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item" id="li_ALL">구분 전체</li>
|
||||
<li class="option_list_item" id="li_DT">다이어트 상단</li>
|
||||
<li class="option_list_item" id="li_DB">다이어트 하단</li>
|
||||
<li class="option_list_item" id="li_PT">쁘띠 상단</li>
|
||||
<li class="option_list_item" id="li_PB">쁘띠 하단</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 이름input -->
|
||||
<div class="search_list">
|
||||
<div class="search_box">
|
||||
<img src="/image/web/search_G.svg" alt="search"/>
|
||||
<input type="text" id="webMainBannerSearchKeyword" required placeholder="제목">
|
||||
|
||||
<div class="search_list"></div><!-- 검색내역 나오는곳 -->
|
||||
</div>
|
||||
<button id="btnSearchWebMainBanner" class="search_btn">조회</button>
|
||||
</div>
|
||||
|
||||
<div class="right_btn_box">
|
||||
<button id="btnInsertWebMainBanner" class="content_btn">
|
||||
<img src="/image/web/notice_btn_icon.svg" alt="등록">등록
|
||||
</button>
|
||||
<button id="btnDeleteWebMainBanner" class="delete_btn">
|
||||
<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="webMainBannerGrid" class="table_box ag-theme-balham"></div>
|
||||
|
||||
<!-- 페이지게이션 -->
|
||||
<div class="page_box">
|
||||
<nav aria-label="Page navigation" class="navigation">
|
||||
<ul class="pagination" id="webMainBannerPagination"></ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<form id="webMainBannerSelectListForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/webmainbanner/webMainBannerSelectList.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/web/webMainBannerInsert.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
|
||||
let muWebMainBannerId = "[[${param.muWebMainBannerId}]]";
|
||||
|
||||
// CDN_URL 전역 정의
|
||||
const CDN_URL = "[(${@environment.getProperty('url.cdn')})]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">메인 배너 수정</p>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content_left">
|
||||
<!--<p class="title">시술정보 콘텐츠 등록</p>-->
|
||||
<ul class="first">
|
||||
<li>
|
||||
<label>구분</label>
|
||||
<div class="select_box dropdown">
|
||||
<button class="label" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">구분</button>
|
||||
<input type="hidden" id="bannerType">
|
||||
<ul class="select_option_list dropdown-menu">
|
||||
<li class="option_list_item" id="li_DT">다이어트 상단</li>
|
||||
<li class="option_list_item" id="li_DB">다이어트 하단</li>
|
||||
<li class="option_list_item" id="li_PT">쁘띠 상단</li>
|
||||
<li class="option_list_item" id="li_PB">쁘띠 하단</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label>제목</label>
|
||||
<input type="text" id="title" placeholder="제목을 작성해주세요."/>
|
||||
</li>
|
||||
<li>
|
||||
<label>URL</label>
|
||||
<input type="text" id="url" placeholder="URL을 작성해주세요."/>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="last">
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>웹용 배너</label>
|
||||
<label for="file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file" class="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn">삭제</button>
|
||||
</div>
|
||||
<!--<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*500px / 1m 이하 / png, jpg(jpeg)</p>-->
|
||||
</li>
|
||||
|
||||
<li class="banner_li">
|
||||
<div class="top">
|
||||
<label>모바일용 배너</label>
|
||||
<label for="file2" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box"><!-- img 미리보기 --></div>
|
||||
<input class="upload-name" placeholder="파일을 업로드해주세요.">
|
||||
<input type="file" id="file2" class="file" accept="image/jpeg, image/jpg, image/png" multiple>
|
||||
<button id="delete_btn2">삭제</button>
|
||||
</div>
|
||||
<!--<p>*이미지 사이즈 규격 정보*<br/>예) 필수사항 : 750px*750px / 1m 이하 / png, jpg(jpeg)</p>-->
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="button_box">
|
||||
<button class="cancel_btn btnCancle">취소</button>
|
||||
<button class="registration_btn btnSave">수정</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/webmainbanner/webMainBannerUpdate.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,90 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{/web/layout/homeLayout}">
|
||||
<th:block layout:fragment="layout_css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/web/webPhotoDietInsert.css">
|
||||
<link rel="stylesheet" href="/css/web/grid.css?v1.1">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
|
||||
<script>
|
||||
let menuClass = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";
|
||||
|
||||
let selectUseYn = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
|
||||
let insertUseYn = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
|
||||
let updateUseYn = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
|
||||
let deleteUseYn = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
|
||||
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_content">
|
||||
<!-- 센터쪽 -->
|
||||
<div class="center_box">
|
||||
<p class="page_title">전후 사진(다이어트)</p>
|
||||
|
||||
<!-- 테이블 -->
|
||||
<div class="content_box">
|
||||
<div class="content clear">
|
||||
<div class="wp60">
|
||||
<div class="top">
|
||||
<label>Before 사진 첨부파일</label>
|
||||
<label for="before_file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box" id="before_img_box"><!-- Before img 미리보기 --></div>
|
||||
<input type="file" id="before_file" accept="image/jpeg, image/jpg, image/png" style="display: none;" multiple>
|
||||
<button id="before_delete_btn">삭제</button>
|
||||
</div>
|
||||
<div class="top">
|
||||
<label>After 사진 첨부파일</label>
|
||||
<label for="after_file" class="file_btn"><img src="/image/web/add.svg" alt="파일찾기"></label>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<div class="img_box" id="after_img_box"><!-- After img 미리보기 --></div>
|
||||
<input type="file" id="after_file" accept="image/jpeg, image/jpg, image/png" style="display: none;" multiple>
|
||||
<button id="after_delete_btn">삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wp40">
|
||||
<div class="consultation-info">
|
||||
<p id="main_category">
|
||||
카테고리
|
||||
</p>
|
||||
<select th:name="categorylist">
|
||||
<option value="">선택하세요</option>
|
||||
<option th:each="category : ${categorylist}" th:value="${category.categoryNo}" th:text="${category.categoryNm}"></option>
|
||||
</select>
|
||||
<p id="main_title">
|
||||
제목
|
||||
</p>
|
||||
<input type="text" id="title" placeholder="제목을 입력해주세요."/>
|
||||
<p id="main_content">
|
||||
내용
|
||||
</p>
|
||||
<textarea id="content" placeholder="내용을 입력해주세요."></textarea>
|
||||
<p id="main_hashtag">
|
||||
해쉬태그
|
||||
</p>
|
||||
<input type="text" id="hashtag" placeholder="해쉬태그를 입력해주세요."/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button_box" style="display: flex; gap: 16px; justify-content: center; margin-top: 32px;">
|
||||
<button class="cancel_btn btnCancle">취소</button>
|
||||
<button class="registration_btn btnSave">등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="excelForm" method="POST" target="_blank"></form>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_popup">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_script">
|
||||
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
|
||||
<script src="/js/web/webphotodiet/webPhotoDietInsert.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user