DBNT
/
GGWEB
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

현장수집 데이터 모달 수정중.

master
강석 최 2022-03-11 16:54:23 +09:00
parent a8d8a89ec9
commit bd461f29f2
3 changed files with 155 additions and 145 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

246
src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp
View File

@ -12,136 +12,136 @@
<script src="<c:url value="/js/admin/fieldData.js"/>"></script> <script src="<c:url value="/js/admin/fieldData.js"/>"></script>
<style> <style>
.searchList > li { .searchList > li {
display: inline; display: inline;
} }
</style> </style>
<div class="mx-lg-2"> <div class="mx-lg-2">
<h1 class="h4 m-3"> 현장수집 데이터</h1> <h1 class="h4 m-3"> 현장수집 데이터</h1>
<form:form commandName="fieldDataSearchVO" name="searchForm" action="/admin/fieldData" method="get"> <form:form commandName="fieldDataSearchVO" name="searchForm" action="/admin/fieldData" method="get">
<div class="row justify-content-between bg-white mx-3 py-2"> <div class="row justify-content-between bg-white mx-3 py-2">
<div class="col-auto"> <div class="col-auto">
<ul class="nav"> <ul class="nav">
<li class="nav-item statusTab"> <li class="nav-item statusTab">
<a class="nav-link ${fieldDataSearchVO.status0 eq 1?'active':'disabled'}" href="#"> <a class="nav-link ${fieldDataSearchVO.status0 eq 1?'active':'disabled'}" href="#">
<input type="checkbox" class="statusChkBox d-none" name="status0" id="status0" <input type="checkbox" class="statusChkBox d-none" name="status0" id="status0"
value="1" ${fieldDataSearchVO.status0 eq 1?'checked':''}> value="1" ${fieldDataSearchVO.status0 eq 1?'checked':''}>
<label for="status0">수집</label> <label for="status0">수집</label>
</a> </a>
</li> </li>
<li class="nav-item statusTab"> <li class="nav-item statusTab">
<a class="nav-link ${fieldDataSearchVO.status1 eq 1?'active':'disabled'}" href="#"> <a class="nav-link ${fieldDataSearchVO.status1 eq 1?'active':'disabled'}" href="#">
<input type="checkbox" class="statusChkBox d-none" name="status1" id="status1" <input type="checkbox" class="statusChkBox d-none" name="status1" id="status1"
value="1" ${fieldDataSearchVO.status1 eq 1?'checked':''}> value="1" ${fieldDataSearchVO.status1 eq 1?'checked':''}>
<label for="status1">검증실패</label> <label for="status1">검증실패</label>
</a> </a>
</li> </li>
<li class="nav-item statusTab"> <li class="nav-item statusTab">
<a class="nav-link ${fieldDataSearchVO.status2 eq 1?'active':'disabled'}" href="#"> <a class="nav-link ${fieldDataSearchVO.status2 eq 1?'active':'disabled'}" href="#">
<input type="checkbox" class="statusChkBox d-none" name="status2" id="status2" <input type="checkbox" class="statusChkBox d-none" name="status2" id="status2"
value="1" ${fieldDataSearchVO.status2 eq 1?'checked':''}> value="1" ${fieldDataSearchVO.status2 eq 1?'checked':''}>
<label for="status2">검증</label> <label for="status2">검증</label>
</a> </a>
</li> </li>
<li class="nav-item statusTab"> <li class="nav-item statusTab">
<a class="nav-link ${fieldDataSearchVO.status3 eq 1?'active':'disabled'}"> <a class="nav-link ${fieldDataSearchVO.status3 eq 1?'active':'disabled'}">
<input type="checkbox" class="statusChkBox d-none" name="status3" id="status3" <input type="checkbox" class="statusChkBox d-none" name="status3" id="status3"
value="1" ${fieldDataSearchVO.status3 eq 1?'checked':''}> value="1" ${fieldDataSearchVO.status3 eq 1?'checked':''}>
<label for="status3">반영실패</label> <label for="status3">반영실패</label>
</a> </a>
</li> </li>
<li class="nav-item statusTab"> <li class="nav-item statusTab">
<a class="nav-link ${fieldDataSearchVO.status4 eq 1?'active':'disabled'}" href="#"> <a class="nav-link ${fieldDataSearchVO.status4 eq 1?'active':'disabled'}" href="#">
<input type="checkbox" class="statusChkBox d-none" name="status4" id="status4" <input type="checkbox" class="statusChkBox d-none" name="status4" id="status4"
value="1" ${fieldDataSearchVO.status4 eq 1?'checked':''}> value="1" ${fieldDataSearchVO.status4 eq 1?'checked':''}>
<label for="status4">반영</label> <label for="status4">반영</label>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="col-auto row"> <div class="col-auto row">
<div class="col-auto"> <div class="col-auto">
<select class="form-select" name="searchCondition"> <select class="form-select" name="searchCondition">
<option <c:if test="${fieldDataSearchVO.searchCondition eq 'all'}"><c:out <option <c:if test="${fieldDataSearchVO.searchCondition eq 'all'}"><c:out
value="selected"/></c:if> value="all">통합검색 value="selected"/></c:if> value="all">통합검색
</option> </option>
<option <c:if test="${fieldDataSearchVO.searchCondition eq 'name'}"><c:out <option <c:if test="${fieldDataSearchVO.searchCondition eq 'name'}"><c:out
value="selected"/></c:if> value="name">이름 value="selected"/></c:if> value="name">이름
</option> </option>
<option <c:if test="${fieldDataSearchVO.searchCondition eq 'company'}"><c:out value="selected"/></c:if> <option <c:if test="${fieldDataSearchVO.searchCondition eq 'company'}"><c:out value="selected"/></c:if>
value="company">소속 value="company">소속
</option> </option>
<option <c:if test="${fieldDataSearchVO.searchCondition eq 'region'}"><c:out value="selected"/></c:if> <option <c:if test="${fieldDataSearchVO.searchCondition eq 'region'}"><c:out value="selected"/></c:if>
value="region">위치 value="region">위치
</option> </option>
</select> </select>
</div>
<div class="col-auto">
<input type="text" class="form-control" name="searchKeyword"
value="${fieldDataSearchVO.searchKeyword}"/>
</div>
<div class="col-auto">
<input class="btn btn-outline-secondary" type="submit" value="검색"/>
</div>
</div>
</div> </div>
<div class="row m-3 p-2 bg-white"> <div class="col-auto">
<table class="table table-hover text-center"> <input type="text" class="form-control" name="searchKeyword"
<thead> value="${fieldDataSearchVO.searchKeyword}"/>
<tr>
<th>Data ID</th>
<th>지역</th>
<th>소속</th>
<th>담당자</th>
<th>수집날짜</th>
<th>상태</th>
</tr>
</thead>
<tbody>
<c:if test="${count >= 1}">
<c:forEach var="item" items="${fieldDataList}">
<tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
<%--<a href="/admin/fieldData/${item.id}">--%>
<td><c:out value="${item.id}"/></td>
<td><c:out value="${item.region}"/></td>
<td><c:out value="${item.userVO.company}"/></td>
<td><c:out value="${item.userVO.name}"/></td>
<td class="td_date"><c:out value="${item.save_date}"/></td>
<td>
<c:choose>
<c:when test="${item.status eq '0'}"><span class="card-warning">수집</span> </c:when>
<c:when test="${item.status eq '1'}"><span
class="card-default">검증실패</span> </c:when>
<c:when test="${item.status eq '2'}"><span class="card-warning">검증</span> </c:when>
<c:when test="${item.status eq '3'}"><span
class="card-default">반영실패</span> </c:when>
<c:when test="${item.status eq '4'}"><span class="card-success">반영</span> </c:when>
</c:choose>
</td>
</tr>
</c:forEach>
</c:if>
<c:if test="${count == 0}">
<tr>
<td colspan="4">요청한 목록이 없습니다.</td>
</tr>
</c:if>
</tbody>
</table>
</div> </div>
<div class="col-auto">
<input class="btn btn-outline-secondary" type="submit" value="검색"/>
</div>
</div>
</div>
<div class="text-page"> <div class="row m-3 p-2 bg-white">
<form:hidden path="pageIndex"/> <table class="table table-hover text-center">
<nav aria-label="Page navigation"> <thead>
<ul class="pagination justify-content-center"> <tr>
<ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="fn_link_page"/> <th>Data ID</th>
</ul> <th>지역</th>
</nav> <th>소속</th>
</div> <th>담당자</th>
</form:form> <th>수집날짜</th>
<th>상태</th>
</tr>
</thead>
<tbody>
<c:if test="${count >= 1}">
<c:forEach var="item" items="${fieldDataList}">
<tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
<%--<a href="/admin/fieldData/${item.id}">--%>
<td><c:out value="${item.id}"/></td>
<td><c:out value="${item.region}"/></td>
<td><c:out value="${item.userVO.company}"/></td>
<td><c:out value="${item.userVO.name}"/></td>
<td class="td_date"><c:out value="${item.save_date}"/></td>
<td>
<c:choose>
<c:when test="${item.status eq '0'}"><span class="card-warning">수집</span> </c:when>
<c:when test="${item.status eq '1'}"><span
class="card-default">검증실패</span> </c:when>
<c:when test="${item.status eq '2'}"><span class="card-warning">검증</span> </c:when>
<c:when test="${item.status eq '3'}"><span
class="card-default">반영실패</span> </c:when>
<c:when test="${item.status eq '4'}"><span class="card-success">반영</span> </c:when>
</c:choose>
</td>
</tr>
</c:forEach>
</c:if>
<c:if test="${count == 0}">
<tr>
<td colspan="4">요청한 목록이 없습니다.</td>
</tr>
</c:if>
</tbody>
</table>
</div>
<div class="text-page">
<form:hidden path="pageIndex"/>
<nav aria-label="Page navigation">
<ul class="pagination justify-content-center">
<ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="fn_link_page"/>
</ul>
</nav>
</div>
</form:form>
</div> </div>

44
src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp
View File

@ -9,38 +9,38 @@
</script> </script>
<div class="section_content"> <div class="section_content">
<div class="row justify-content-end bg-white mx-3 py-2"> <div class="row justify-content-end bg-white mx-3 py-2">
<h5><i class="bi bi-dot"></i> 작성자 정보</h5>
<div class="col-4"> <div class="col-4">
<div class="row mb-3"> <h5><i class="bi bi-dot"></i> 작성자 정보</h5>
<label for="company" class="col-4 col-form-label fw-bold text-end">소속</label> <div class="row mb-3 border border-dark border-start-0 border-end-0">
<div class="col-8"> <label for="company" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">소속</label>
<div class="col-8 border-bottom">
<input type="text" class="form-control bg-white border-0" id="company" placeholder="col-form-label" value="${userVO.company}" readonly> <input type="text" class="form-control bg-white border-0" id="company" placeholder="col-form-label" value="${userVO.company}" readonly>
</div> </div>
<label for="name" class="col-4 col-form-label fw-bold text-end">이름</label> <label for="name" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">이름</label>
<div class="col-8"> <div class="col-8 border-bottom">
<input type="text" class="form-control bg-white border-0" id="name" placeholder="col-form-label" value="${userVO.name}" readonly> <input type="text" class="form-control bg-white border-0" id="name" placeholder="col-form-label" value="${userVO.name}" readonly>
</div> </div>
<label for="phonenum" class="col-4 col-form-label fw-bold text-end">연락처</label> <label for="phonenum" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">연락처</label>
<div class="col-8"> <div class="col-8 border-bottom">
<input type="text" class="form-control bg-white border-0" id="phonenum" placeholder="col-form-label" value="${userVO.phonenum}" readonly> <input type="text" class="form-control bg-white border-0" id="phonenum" placeholder="col-form-label" value="${userVO.phonenum}" readonly>
</div> </div>
</div> </div>
<div class="row mb-3"> <h5><i class="bi bi-dot"></i> 지도 정보</h5>
<h5><i class="bi bi-dot"></i> 지도 정보</h5> <div class="row mb-3 border border-dark border-start-0 border-end-0">
<label for="layer_id" class="col-4 col-form-label fw-bold text-end">레이어 ID</label> <label for="layer_id" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">레이어 ID</label>
<div class="col-8"> <div class="col-8 border-bottom">
<input type="text" class="form-control bg-white border-0" id="layer_id" placeholder="col-form-label" value="${fieldDataVO.layer_id}" readonly> <input type="text" class="form-control bg-white border-0" id="layer_id" placeholder="col-form-label" value="${fieldDataVO.layer_id}" readonly>
</div> </div>
<label for="save_date" class="col-4 col-form-label fw-bold text-end">수집일</label> <label for="save_date" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">수집일</label>
<div class="col-8"> <div class="col-8 border-bottom">
<input type="text" class="form-control bg-white border-0" id="save_date" placeholder="col-form-label" value="${fieldDataVO.save_date}" readonly> <input type="text" class="form-control bg-white border-0" id="save_date" placeholder="col-form-label" value="${fieldDataVO.save_date}" readonly>
</div> </div>
<label for="region" class="col-4 col-form-label fw-bold text-end">지역</label> <label for="region" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">지역</label>
<div class="col-8"> <div class="col-8 border-bottom">
<input type="text" class="form-control bg-white border-0" id="region" placeholder="col-form-label" value="${fieldDataVO.region}" readonly> <input type="text" class="form-control bg-white border-0" id="region" placeholder="col-form-label" value="${fieldDataVO.region}" readonly>
</div> </div>
<label class="col-4 col-form-label fw-bold text-end">상태</label> <label class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">상태</label>
<div class="col-8 my-auto"> <div class="col-8 border-bottom my-auto">
<c:choose> <c:choose>
<c:when test="${fieldDataVO.status eq '0'}"> <c:when test="${fieldDataVO.status eq '0'}">
<span class="card-warning ms-2 w-50 text-center">수집</span> <span class="card-warning ms-2 w-50 text-center">수집</span>
@ -59,12 +59,12 @@
</c:when> </c:when>
</c:choose> </c:choose>
</div> </div>
<label for="description" class="col-4 col-form-label fw-bold text-end">설명</label> <label for="description" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">설명</label>
<div class="col-8"> <div class="col-8 border-bottom">
<input type="text" class="form-control bg-white border-0" id="description" readonly> <input type="text" class="form-control bg-white border-0" id="description" readonly>
</div> </div>
<label for="errInfo" class="col-4 col-form-label fw-bold text-end">오류내용</label> <label for="errInfo" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">오류내용</label>
<div class="col-8"> <div class="col-8 border-bottom">
<input type="text" class="form-control bg-white border-0" id="errInfo" readonly> <input type="text" class="form-control bg-white border-0" id="errInfo" readonly>
</div> </div>
</div> </div>

10
src/main/webapp/css/style.css
View File

@ -1,3 +1,10 @@
@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap');
body{
font-family: 'Gowun Dodum', serif;
}
a { a {
text-decoration: none; text-decoration: none;
color: #000; color: #000;
@ -727,6 +734,7 @@ input[type=checkbox]:disabled:checked {
background-clip: border-box; background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem; border-radius: 0.25rem;
margin: 0.375rem 0.75rem;
} }
.card-success { .card-success {
@ -739,6 +747,7 @@ input[type=checkbox]:disabled:checked {
background-clip: border-box; background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem; border-radius: 0.25rem;
margin: 0.375rem 0.75rem;
} }
@ -752,4 +761,5 @@ input[type=checkbox]:disabled:checked {
background-clip: border-box; background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem; border-radius: 0.25rem;
margin: 0.375rem 0.75rem;
} }