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

Merge branch 'sub'

Browse Source
This commit is contained in:
subsub 2024-11-13 14:01:06 +09:00
commit d5e31ef329
8 changed files with 75 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/main/webapp/WEB-INF/jsp/_extra/user/trublcfrncmng/trublcfrncmngLogin.jsp
View File

@ -29,6 +29,10 @@
<script type="text/javascript" src="/site/case/js/jquery.easing.min.js"></script>
<link href="/site/case/jsp/navigation/css/navigation.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="/kofair_case_seed/css/reset.css" />
<link rel="stylesheet" href="/kofair_case_seed/css/font.css" />
<link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css" />
<script type="text/javascript">
@ -46,7 +50,7 @@
<body>
<form:form id="frm" action="/user/proc/case/ResolutionCommittee/loginProc.do" method="post">
<input type="hidden" name="next_url" value="/case/subIndex/203.do"/>
<article class="sub_con_wrap">
<article class="sub_con_wrap login_wrap">
<div class="sub_con_wrap_inner">
<h2 class="blind">본문</h2>
<div class="meet_lg_wrap1 meet_lg_wrap center">
@ -63,17 +67,17 @@
<div class="login_wrap2">
<legend class="blind">협의회 조회 폼</legend>
<div class="id_wrap">
<label for="01" class="disc7">아이디</label>
<input type="text" name="memberId" id="memberId" class="inp_label lg_r" />
<label for="01">· 아이디</label>
<input type="text" name="memberId" id="memberId" class="inp_label" />
</div>
<div class="id_wrap">
<label for="02" class="disc7">비밀번호</label>
<input type="password" name="memberPwd" id="memberPwd" class="inp_label lg_r" />
<label for="02">· 비밀번호</label>
<input type="password" name="memberPwd" id="memberPwd" class="inp_label" />
</div>
</div>
</div>
<div class="meet_lg_r">
<input type="button" id="loginBtn" value="로그인" class="btn_login2" />
<button type="button" id="loginBtn" class="btn_login2">로그인</button>
</div>
</fieldset>
<div class="meet_lg_noti">

21
src/main/webapp/WEB-INF/jsp/uat/uia/EgovLoginUsr.jsp
View File

@ -27,12 +27,12 @@
<script src="/kccadrPb/usr/script/jquery-3.5.0.js"></script>
<script type="text/javascript" src="/js/new_login.js"></script>
<link rel="stylesheet" href="/kofair_case_seed/css/font.css" />
<link rel="stylesheet" href="/kofair_case_seed/css/reset.css" />
<link rel="stylesheet" href="/kofair_case_seed/adm/style/common.css" />
<link rel="stylesheet" href="/kofair_case_seed/adm/style/layout.css" />
<link rel="stylesheet" href="/kofair_case_seed/adm/style/style.css" />
<link rel="stylesheet" href="/kccadrPb/adm/css/reset.css">
<link rel="stylesheet" href="/kccadrPb/adm/css/font.css">
<link rel="stylesheet" href="/kccadrPb/adm/css/common.css">
<link rel="stylesheet" href="/kccadrPb/adm/css/content.css">
<link rel="stylesheet" href="/kccadrPb/adm/css/content_media.css">
<script type="text/javascript">
<c:if test="${!empty message}">alert("${message}");</c:if>
@ -126,12 +126,13 @@ function getid(form){
<div class="login_all_wrap">
<div class="login_wrap">
<div class="login_left_box">
<!-- <img src="/kccadrPb/adm/image/login_logo.png" alt="한국저작권위원회 KOREA COPYRIGHT COMMISSION"> -->
<img src="/kofair_case_seed/adm/images/layout/login_logo.png" alt="FAIR 한국공정거래조정원">
<p class="logo_bottom">분쟁조정시스템</p>
</div>
<div class="login_right_box login_right_otp_box">
<p class="login_tit">로그인</p>
<kc:profile value="local">
아이디 선택 : <select id="devIdSelect" style="width: 400px; height: 30px;" onchange="login()">
아이디 선택 : <select id="devIdSelect" style="width: 100%; height: 30px;" onchange="login()">
<option value="">로그인할 아이디를 선택해주세요.</option>
<option value="seed">관리자1-ROLE_ADMIN</option>
<option value="member">관리자2-ROLE_ADMIN2</option>
@ -141,19 +142,19 @@ function getid(form){
<div class="id_box">
<p>ID</p>
<label for="id_text"></label>
<input type="text" id="id_text" name="id_text" maxlength="15" placeholder="아이디를 입력해주세요" class="id">
<input type="text" id="id_text" name="id_text" class="input_text w100per" maxlength="15" placeholder="아이디를 입력해주세요" class="id">
</div>
<div class="pw_box">
<p>PASSWORD</p>
<label for="password_text"></label>
<input type="password" autocomplete="off" id="password_text" name="password_text" value="<c:out value='${password}'/>" placeholder="비밀번호를 입력해주세요." class="pw" onkeydown="javascript:if (event.keyCode == 13) { actionLogin();return false; }">
<input type="password" autocomplete="off" id="password_text" name="password_text" class="input_text w100per" value="<c:out value='${password}'/>" placeholder="비밀번호를 입력해주세요." class="pw" onkeydown="javascript:if (event.keyCode == 13) { actionLogin();return false; }">
</div>
<div class="saveId">
<input type="checkbox" id="checkId" name="checkId">
<label for="checkId">아이디저장</label>
</div>
<div class="submit_box">
<input type="submit" value="로그인" class="submit" id="login_submit" onclick="javascript:actionLogin();return false;">
<input type="submit" value="로그인" class="btn btn_text blue_fill w100per submit" id="login_submit" onclick="javascript:actionLogin();return false;">
</div>
<div class="copyright">

BIN
src/main/webapp/kofair_case_seed/adm/images/layout/login.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 312 KiB

BIN
src/main/webapp/kofair_case_seed/adm/images/layout/login_bg_left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
src/main/webapp/kofair_case_seed/adm/images/layout/login_bg_right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/main/webapp/kofair_case_seed/adm/images/layout/login_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

34
src/main/webapp/kofair_case_seed/adm/style/layout.css
View File

@ -51,4 +51,36 @@
.user_info_ul li .icon.user{width:20px;height:20px;margin:0 4px 0 0;background:url(/kofair_case_seed/adm/images/layout/icon_user.png) no-repeat center center;}
.user_info_ul select{width:145px;padding:0 0 0 20px;font-size:16px;border:0 !important;background:transparent url(/kofair_case_seed/adm/images/layout/icon_userinfo_select.png) no-repeat calc(100% - 20px) center !important;}
.user_info .btn_logout{width:94px;height:38px;font-size:16px;border-radius:40px;background:#adadb5;}
.user_info .btn_logout{width:94px;height:38px;font-size:16px;border-radius:40px;background:#adadb5;}
/* 로그인 */
.login_all_wrap{display:flex;width:100%;min-width:1240px;height:100vh;justify-content:center;align-items:center;padding:50px 0;box-sizing:border-box;background-color:#fbf9f7;background-image:url(/kofair_case_seed/adm/images/layout/login_bg_left.png), url(/kofair_case_seed/adm/images/layout/login_bg_right.png);background-position:left bottom, right top; background-repeat:no-repeat;}
.login_wrap{display: flex; width: 1000px; height: 584px; background-color: #fff; border-radius: 30px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.login_wrap .login_left_box,.login_wrap .login_right_box{width: 50%;}
.login_wrap .login_left_box{display: flex; flex-direction:column; justify-content: center; align-items: center; background-image: url(/kofair_case_seed/adm/images/layout/login.jpg); background-repeat: no-repeat;}
.login_wrap .login_left_box img{margin:50px 0 10px 0;}
.login_wrap .login_left_box p{padding:6px 22px 8px 22px;font-size:18px;color:#fff;letter-spacing:1.5px;font-weight:400;border:1px solid rgba(255,255,255,0.5);border-radius:100px;background:rgba(0,0,0,0.3);text-shadow:0 0 5px rgba(0,0,0,0.8);}
.login_wrap .login_right_box{position: relative; padding: 80px 50px 0 90px; box-sizing: border-box;}
.login_wrap .login_tit.orange{position:relative;display:inline-block;font-size: 34px; font-weight: 600; margin-bottom: 20px;color:#ea5404;}
.login_wrap .login_tit.orange::after{position: absolute; content: " "; width: 100%; height: 10px; background-color: #ea5404; opacity: 0.15; left: 0; bottom: 0;}
.login_wrap .login_tit{font-size: 30px; font-weight: 500; margin-bottom: 54px;}
.login_wrap .id_box,.login_wrap .pw_box{margin-bottom: 20px;}
.login_wrap .id_box p,.login_wrap .pw_box p{font-size: 16px; font-weight: 600; color: #999; margin-bottom: 9px;}
.login_wrap .id_box input[type="text"],.login_wrap .pw_box input[type="password"]{width: calc(100% - 40px); background-color: #fff; border: 1px solid #e5e5e5;}
.login_wrap .id_box input[type="text"]::placeholder,.login_wrap .pw_box input[type="password"]::placeholder{font-size: 15px; color: #cccccc; font-weight: 400;}
.login_wrap .saveId{margin-top: 10px;}
.login_wrap input[type="checkbox"]{width: 20px; height: 20px;}
.login_wrap input[type="checkbox"]+label{width: auto; height: auto; margin: 4px 0 0 0; padding-left: 5px; clip: auto; color: #444; font-size: 16px; font-weight: 400;}
.login_wrap .submit_box{margin-top: 36px;}
.login_wrap .submit_box input[type="submit"]{width: 180px; height: 50px; background-color: #ea5404; border-radius: 5px; color: #fff; font-size: 20px; font-weight: 500; border: 0; transition: background-color 0.2s ease-in-out;}
.login_wrap .submit_box input[type="submit"]:hover{background-color: #de3900; transition: background-color 0.2s ease-in-out;}
.login_wrap .copyright{font-size: 14px; position: absolute; bottom: 40px; color: #333;}
.login_wrap .login_right_box.login_right_otp_box {display:flex;flex-direction:column;justify-content:center;padding:0 80px;}
.login_wrap .login_right_box.login_right_otp_box .login_tit {margin-bottom:29px;}
.login_wrap .login_right_box.login_right_otp_box .id_box,
.login_wrap .login_right_box.login_right_otp_box .pw_box {margin-bottom:15px;}
.login_wrap .login_right_box.login_right_otp_box .otp_phone_box {display:block;}
.login_wrap .login_right_box.login_right_otp_box .otp_phone_box input[type=text] {width:calc(100% - 145px);border:1px solid #e5e5e5;background:#f4f4f4;border-radius:5px;}
.login_wrap .login_right_box.login_right_otp_box .otp_phone_box .otp_phone_btn {width:100px;height:38px;font-size:14px;text-align:center;vertical-align:top;border:1px solid #e5e5e5;border-radius:5px;}
.login_wrap .login_right_box.login_right_otp_box .submit_box {margin-top:26px;}

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

@ -42,6 +42,27 @@
.sub_con_tit{margin:32px 0 0 0;font-size:3.6rem;font-weight:bold;color:#333;}
.sub_con_sub_tit{margin:40px 0;font-size:1.7rem;font-weight:400;color:#666;}
.login_wrap *{font-family:'Noto Sans KR', sans-serif;}
.login_wrap .meet_lg_wrap1.center{max-width:450px;}
.login_wrap .meet_lg_wrap .meet_lg{border:1px solid #d5d5d5;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.08);}
.login_wrap .meet_lg_wrap .meet_lg_tit{display:flex;height:auto;padding:40px 0 0 0;margin:0;line-height:1.4;font-size:20px;justify-content:center;align-items:center;}
.login_wrap .meet_lg_wrap .meet_lg_tit h1{position:relative;}
.login_wrap .meet_lg_wrap .meet_lg_tit h1::after{position:absolute;content:"";width:20px;height:3px;background:#2e40ba;bottom:-22px;left:50%;transform:translateX(-50%);}
.login_wrap .meet_lg_wrap .meet_lg_con fieldset{display:flex;justify-content:space-between;align-items:stretch;}
.login_wrap .meet_lg_wrap .meet_lg_r{height:auto;}
.login_wrap .meet_lg_wrap .meet_lg_r button{height:100%;font-size:17px;font-weight:500;}
.login_wrap .meet_lg_wrap .login_wrap2{display:flex;flex-direction:column;gap:10px;}
.login_wrap .meet_lg_wrap .id_wrap{display:flex;height:auto;align-items:center;gap:5px;}
.login_wrap .meet_lg_wrap .id_wrap label{width:100px;margin:0;}
.login_wrap .meet_lg_wrap .id_wrap .inp_label{width:100%;padding:0 10px;border-radius:5px;margin:0;height:35px;}
.login_wrap .c_dahong{color:#2e40ba;font-weight:600;}
.login_wrap .btn_login2{background:#2e40ba;}
.login_wrap .meet_lg_noti{margin:10px 0 0 0;padding:5px 10px;font-size:15px;color:#666;background:#f5f5f5;border-radius:5px;}
.login_wrap .meet_lg_noti img{margin:1px 0 0 0;}
.login_wrap .meet_lg_noti p{display:flex;align-items:center;gap:5px;}
.search_wrap{display:flex;margin:40px 0 30px 0;padding:30px;border-radius:5px;background:#f4f5f7;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;}
.search_wrap li{display:flex;font-size:1.6rem;align-items:center;gap:10px;}
.search_wrap .calendar{width:130px;}