tolag3/fairnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024/10/14 마이페이지 추가

Browse Source
This commit is contained in:
subsub 2024-10-14 11:57:37 +09:00
parent 156e4db6ff
commit 75763b9467
7 changed files with 101 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/webapp/kofair_case_seed/usr/guide.html
View File

@ -53,7 +53,9 @@
<li><a href="/kofair_case_seed/usr/identification/self_identification.html" target="_blank">본인인증</a></li>
<li><a href="/kofair_case_seed/usr/mypage/apl_status.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 분쟁조정 신청현황</a></li>
<li><a href="/kofair_case_seed/usr/mypage/law_counsel_status_detail.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황</a></li>
<li><a href="/kofair_case_seed/usr/mypage/apl_status_detail.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 분쟁조정 신청현황 > 상세</a></li>
<li><a href="/kofair_case_seed/usr/mypage/law_counsel_status.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황</a></li>
<li><a href="/kofair_case_seed/usr/mypage/law_counsel_status_detail.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황 > 상세</a></li>
</ul>
</body>

BIN
src/main/webapp/kofair_case_seed/usr/images/component/icon_td_time.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 905 B

2
src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html
View File

@ -1000,7 +1000,7 @@
<div class="btn_wrap right">
<button type="button" class="btn btn_text btn_45 darkgray_border">삭제</button>
<button type="button" class="btn btn_text btn_45 darkgray_fill">목록</button>
<button type="button" class="btn btn_text btn_45 gray_fill">목록</button>
</div>

12
src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status.html
View File

@ -13,7 +13,7 @@
<link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/popup.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/request.css">
<link rel="stylesheet" href="/kofair_case_seed/usr/style/mypage.css">
<!-- js -->
<script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>
@ -21,7 +21,7 @@
<script src="/kofair_case_seed/usr/scripts/layout.js"></script>
<script src="/kofair_case_seed/usr/scripts/popup.js"></script>
<script src="/kofair_case_seed/usr/scripts/ui.js"></script>
<script src="/kofair_case_seed/usr/scripts/request.js"></script>
<script src="/kofair_case_seed/usr/scripts/mypage.js"></script>
<!-- 달력 -->
<link rel="stylesheet" href="/kofair_case_seed/script/plugin/datapicker/default.css">
@ -59,7 +59,7 @@
</ul>
</div>
<!-- //lnb -->
<div class="sub_content">
<div class="sub_content law_counsel_content">
<!-- page_location -->
<ul class="page_location">
@ -145,9 +145,9 @@
<tr>
<td><i class="icon td_type hide td_icon"></i>공정거래</td>
<td class="td_title"><a href="#none" class="list_title">공정거래 상담 신청합니다.</a></td>
<td>2024-08-19</td>
<td>확정</td>
<td>2024-08-19 10:00</td>
<td class="td_hide">2024-08-19</td>
<td class="table_number">확정</td>
<td><i class="icon td_time hide td_icon"></i>2024-08-19 10:00</td>
</tr>
</tbody>

65
src/main/webapp/kofair_case_seed/usr/style/mypage.css
View File

@ -64,9 +64,41 @@
.idf_method .btn_idf i.aut_cefi{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_aut_cefi_m.png);}
/* 분쟁조정신청현황 */
.apl_status_content.detail h3{margin:60px 0 80px 0;}
.apl_status_content.detail .title.depth02{margin:100px 0 0 0;}
.apl_status_content.detail .blue_border.orange_border{margin:120px 0 0 0;}
.apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_writer{order:3;}
.apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_type{order:2;}
.apl_status_content .table_type_cols .btn_edit{width:100%;}
.apl_status_content.detail .apl_list>li{margin:60px 0;}
.apl_status_content.detail .apl_list .btn_apl_slide{font-size:3.8rem;height:120px;padding:0 25px 0 30px;border:2px solid #d8d8d8;border-top:4px solid #2e40ba;}
.apl_status_content.detail .apl_list .active .btn_apl_slide{border:2px solid #2e40ba;border-top:4px solid #2e40ba;}
.apl_status_content.detail .apl_list .btn_apl_slide i,.apl_status_content.detail .apl_list .active .btn_apl_slide i{width:60px;height:60px;}
.apl_status_content.detail .apl_list .btn_apl_slide i::after{width:20px;height:20px;border-left:6px solid #fff;border-top:6px solid #fff;border-radius:0;left:20px;top:16px;}
.apl_status_content.detail .apl_list .active .btn_apl_slide i::after{top:23px;}
.apl_status_content.detail .apl_list .btn_delete_apl{left:190px;top:25px;padding:0 20px;}
.apl_status_content.detail .apl_list.rapl_list .btn_delete_apl{left:220px;}
.apl_status_content.detail .blue_row_dl dd{font-size:3.4rem;}
.apl_status_content.detail .table_type_cols.line thead tr th,
.apl_status_content.detail .table_type_cols.line thead tr:nth-child(2) th,
.apl_status_content.detail .table_type_cols.line thead tr:nth-child(3) th,
.apl_status_content.detail .table_type_cols table tr td{min-height:80px;padding:20px 10px;font-size:3.4rem;}
.apl_status_content.detail .table_type_cols.line td .select{font-size:3.4rem;padding:0 0 0 16px;background-position:calc(100% - 16px) 51%;}
.apl_status_content.detail .scroll_table{overflow:auto;}
.apl_status_content.detail .scroll_table table{width:400%;}
.apl_status_content.detail .scroll_table colgroup{display:none;}
.apl_status_content.detail .price_table td:not(:first-child){font-size:2.8rem;}
/* 법률상담예약 */
.law_counsel_content .search_wrap li:nth-child(2){width:60%;}
.law_counsel_content .search_wrap li:nth-child(3){width:calc(40% - 20px);}
.law_counsel_content .search_wrap li:nth-child(4){width:calc(100% - 130px);}
.law_counsel_content .search_wrap li:nth-child(4) .input_text{width:100%;}
.law_counsel_content .search_wrap li:nth-child(5){width:110px;}
.law_counsel_content .table_type_cols:not(.mobile_view_table, .scroll_table) table tbody td{max-width:100%;}
}
/* ==================== 모바일 ==================== */
@ -78,4 +110,37 @@
.idf_method .btn_idf i{width:70px;height:calc(100% - 44px);background-size:70px;}
.idf_method .btn_idf i::after{width:50px;height:50px;}
.idf_method .btn_idf i.phone{background-size:50px;}
/* 분쟁조정신청현황 */
.apl_status_content.detail h3{margin:30px 0 40px 0;}
.apl_status_content.detail .title.depth02{margin:50px 0 0 0;}
.apl_status_content.detail .blue_border.orange_border{margin:60px 0 0 0;}
.apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_writer{order:3;}
.apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_type{order:2;}
.apl_status_content .table_type_cols .btn_edit{width:100%;}
.apl_status_content.detail .apl_list>li{margin:30px 0;}
.apl_status_content.detail .apl_list .btn_apl_slide{font-size:1.9rem;height:60px;padding:0 12px 0 15px;border:1px solid #d8d8d8;border-top:2px solid #2e40ba;}
.apl_status_content.detail .apl_list .active .btn_apl_slide{border:1px solid #2e40ba;border-top:2px solid #2e40ba;}
.apl_status_content.detail .apl_list .btn_apl_slide i,.apl_status_content.detail .apl_list .active .btn_apl_slide i{width:30px;height:30px;}
.apl_status_content.detail .apl_list .btn_apl_slide i::after{width:10px;height:10px;border-left:3px solid #fff;border-top:3px solid #fff;border-radius:0;left:10px;top:8px;}
.apl_status_content.detail .apl_list .active .btn_apl_slide i::after{top:11px;}
.apl_status_content.detail .apl_list .btn_delete_apl{left:95px;top:12px;padding:0 10px;}
.apl_status_content.detail .apl_list.rapl_list .btn_delete_apl{left:110px;}
.apl_status_content.detail .blue_row_dl dd{font-size:1.7rem;}
.apl_status_content.detail .table_type_cols.line thead tr th,
.apl_status_content.detail .table_type_cols.line thead tr:nth-child(2) th,
.apl_status_content.detail .table_type_cols.line thead tr:nth-child(3) th,
.apl_status_content.detail .table_type_cols table tr td{min-height:40px;padding:10px 5px;font-size:1.7rem;}
.apl_status_content.detail .table_type_cols.line td .select{font-size:1.7rem;padding:0 0 0 8px;background-position:calc(100% - 8px) 51%;}
.apl_status_content.detail .scroll_table{overflow:auto;}
.apl_status_content.detail .scroll_table table{width:200%;}
.apl_status_content.detail .scroll_table colgroup{display:none;}
.apl_status_content.detail .price_table td:not(:first-child){font-size:1.4rem;}
/* 법률상담예약 */
.law_counsel_content .search_wrap li:nth-child(4){width:calc(100% - 100px);}
.law_counsel_content .search_wrap li:nth-child(5){width:80px;}
}

2
src/main/webapp/kofair_case_seed/usr/style/request.css
View File

@ -264,7 +264,7 @@
.apl03_info_content.apl05 .table_type_cols.line thead tr th,
.apl03_info_content.apl05 .table_type_cols.line thead tr:nth-child(2) th,
.apl03_info_content.apl05 .table_type_cols.line thead tr:nth-child(3) th,
.apl03_info_content.apl05 .table_type_cols table tr td{height:80px;padding:20px 10px;font-size:3.4rem;}
.apl03_info_content.apl05 .table_type_cols table tr td{min-height:80px;padding:20px 10px;font-size:3.4rem;}
.apl03_info_content.apl05 .table_type_cols.line td .select{font-size:3.4rem;padding:0 0 0 16px;background-position:calc(100% - 16px) 51%;}
.apl03_info_content.apl05 .scroll_table{overflow:auto;}
.apl03_info_content.apl05 .scroll_table table{width:400%;}

27
src/main/webapp/kofair_case_seed/usr/style/style.css
View File

@ -28,6 +28,7 @@
.icon.td_calendar{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_calendar.png) no-repeat center center;}
.icon.td_case_number{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_case_number.png) no-repeat center center;}
.icon.td_person{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_person.png) no-repeat center center;}
.icon.td_time{width:34px;height:34px;background:url(/kofair_case_seed/usr/images/component/icon_td_time.png) no-repeat center center;}
/* sub layout */
.sub_content{width:calc(100% - 366px);margin:10px 0 0 0;}
@ -223,6 +224,7 @@
/* duet_calendar */
.calendar .duet-date__dialog-content{position:relative;padding:25px 23px 54px 23px;} /* 달력 박스 */
.calendar .duet-date__mobile{position:unset;}
.calendar .duet-date__select span,.calendar .duet-date__header{font-size:1.8rem;} /* 달력 select, button */
.calendar .duet-date__select-label svg{width:20px;height:20px;margin:3px 0 0 0;} /* 달력 select 아이콘 */
.calendar .duet-date__prev, .calendar .duet-date__next{width:26px;height:26px;background:transparent;border:1px solid #d8d8d8;border-radius:5px;} /* 달력 이전, 다음 버튼 */
@ -236,7 +238,7 @@
.calendar .duet-date__day:hover::before{background:transparent;border:1px solid #2870ed;opacity:1;} /* 달력 날짜 호버 */
.calendar .duet-date__day.is-today::before{background:#e3edfe;border:1px solid #2870ed;opacity:1;z-index:-1;} /* 달력 날짜 오늘 */
.calendar .duet-date__day[aria-pressed=true],.calendar .duet-date__day:focus{background:#2870ed;color:#fff;} /* 달력 날짜 선택 */
.calendar .duet-date__close{display:flex !important;position:absolute;width:26px;height:26px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;right:30px;top:310px;opacity:1 !important;} /* 달력 닫기 */
.calendar .duet-date__close{display:flex !important;position:absolute;width:26px;height:26px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;right:25px;bottom:15px;opacity:1 !important;} /* 달력 닫기 */
/* 2870ed / e3edfe */
@ -264,7 +266,7 @@
.sub_con_tit{font-size:5rem;margin:60px 0 0 0;}
.sub_con_sub_tit{font-size:3.4rem;margin:80px 0 ;}
.search_wrap{padding:60px;margin:80px 0;gap:20px;}
.search_wrap select[name=search_category]{width:100%;}
.search_wrap select[name=search_category],.search_wrap select[name=reservation_category]{width:100%;}
.search_wrap select[name=search_type]{width:180px;}
.search_wrap .input_text{width:calc(100% - 330px);}
.search_wrap .btn_search{width:110px;padding:0;}
@ -307,6 +309,7 @@
.table_type_rows colgroup{display:none;}
.table_type_rows table tr{display:flex;flex-wrap:wrap;}
.table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;width:100%;min-height:116px;height:auto;padding:15px 20px;align-items:center;}
.table_type_rows table tbody td.td_substance{height:auto;padding:15px;}
.table_type_rows table tbody th{padding:15px 45px;}
.table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);}
@ -382,6 +385,14 @@
.box_complete{padding:90px 0;}
.box_complete i.icon.process.complete{width:220px;height:220px;margin:0 auto 50px auto;background:url(/kofair_case_seed/usr/images/component/icon_process_complete_m.png) no-repeat center center;}
.box_complete .gMarket_bold{font-size:6rem;}
/* calendar */
.search_wrap li{width:100%;font-size:3.2rem;gap:20px;white-space:nowrap;}
.search_wrap .calendar_term{width:calc(100% - 150px);}
.search_wrap .calendar_term .calendar{width:calc((100% - 50px)/2);}
.search_wrap .calendar_term .duet-date__input{font-size:3rem;}
}
@ -492,6 +503,18 @@
.box_complete i.icon.process.complete{width:110px;height:110px;border-radius:100%;background-size:100%;margin:30px auto 25px auto;}
.box_complete .gMarket_bold{font-size:3rem;}
/* calendar */
.is-active .duet-date__dialog-content{position:absolute;}
.calendar .duet-date__close{bottom:auto;top:12px;}
.search_wrap li{font-size:1.6rem;gap:10px;}
.search_wrap .calendar_term{width:calc(100% - 50px);}
.search_wrap .calendar_term .calendar{width:calc((100% - 20px)/2);}
.search_wrap .calendar_term .duet-date__input{font-size:1.5rem;}
.search_wrap .input_calendar .duet-date__toggle{width:40px;top:-1px;}
.search_wrap .select{background:#fff url(/kofair_case_seed/usr/images/component/icon_select.png) no-repeat calc(100% - 16px) calc(50% - 1px);}
}
@media screen and (max-width: 499px){