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

현장수집데이터 페이지 반응형 처리

master
강석 최 2022-03-15 14:38:38 +09:00
parent 201a4153b7
commit b5368216b4
3 changed files with 186 additions and 155 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,39 +19,35 @@
<div class="mx-lg-2">
<h1 class="h4 m-3"> 현장수집 데이터</h1>
<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="col-auto">
<div class="row justify-content-between bg-white mx-3">
<div class="col-auto py-2">
<ul class="nav">
<li class="nav-item statusTab">
<a class="nav-link ${fieldDataSearchVO.status0 eq 1?'active':'disabled'}" href="#">
<input type="checkbox" class="statusChkBox d-none" name="status0" id="status0"
value="1" ${fieldDataSearchVO.status0 eq 1?'checked':''}>
<a class="nav-link px-2 ${fieldDataSearchVO.status0 eq 1?'active':'disabled'}" href="#">
<input type="checkbox" class="statusChkBox d-none" name="status0" id="status0" value="1" ${fieldDataSearchVO.status0 eq 1?'checked':''}>
<label for="status0">수집</label>
</a>
</li>
<li class="nav-item statusTab">
<a class="nav-link ${fieldDataSearchVO.status1 eq 1?'active':'disabled'}" href="#">
<input type="checkbox" class="statusChkBox d-none" name="status1" id="status1"
value="1" ${fieldDataSearchVO.status1 eq 1?'checked':''}>
<a class="nav-link px-2 ${fieldDataSearchVO.status1 eq 1?'active':'disabled'}" href="#">
<input type="checkbox" class="statusChkBox d-none" name="status1" id="status1" value="1" ${fieldDataSearchVO.status1 eq 1?'checked':''}>
<label for="status1">검증실패</label>
</a>
</li>
<li class="nav-item statusTab">
<a class="nav-link ${fieldDataSearchVO.status2 eq 1?'active':'disabled'}" href="#">
<input type="checkbox" class="statusChkBox d-none" name="status2" id="status2"
value="1" ${fieldDataSearchVO.status2 eq 1?'checked':''}>
<a class="nav-link px-2 ${fieldDataSearchVO.status2 eq 1?'active':'disabled'}" href="#">
<input type="checkbox" class="statusChkBox d-none" name="status2" id="status2" value="1" ${fieldDataSearchVO.status2 eq 1?'checked':''}>
<label for="status2">검증</label>
</a>
</li>
<li class="nav-item statusTab">
<a class="nav-link ${fieldDataSearchVO.status3 eq 1?'active':'disabled'}">
<input type="checkbox" class="statusChkBox d-none" name="status3" id="status3"
value="1" ${fieldDataSearchVO.status3 eq 1?'checked':''}>
<a class="nav-link px-2 ${fieldDataSearchVO.status3 eq 1?'active':'disabled'}">
<input type="checkbox" class="statusChkBox d-none" name="status3" id="status3" value="1" ${fieldDataSearchVO.status3 eq 1?'checked':''}>
<label for="status3">반영실패</label>
</a>
</li>
<li class="nav-item statusTab">
<a class="nav-link ${fieldDataSearchVO.status4 eq 1?'active':'disabled'}" href="#">
<a class="nav-link px-2 ${fieldDataSearchVO.status4 eq 1?'active':'disabled'}" href="#">
<input type="checkbox" class="statusChkBox d-none" name="status4" id="status4"
value="1" ${fieldDataSearchVO.status4 eq 1?'checked':''}>
<label for="status4">반영</label>
@ -60,8 +56,8 @@
</ul>
</div>
<div class="col-auto row">
<div class="col-auto">
<div class="col-auto py-2 row">
<div class="col-12 col-sm-4">
<select class="form-select" name="searchCondition">
<option <c:if test="${fieldDataSearchVO.searchCondition eq 'all'}"><c:out
value="selected"/></c:if> value="all">통합검색
@ -78,17 +74,18 @@
</select>
</div>
<div class="col-auto">
<div class="col-9 col-sm-5">
<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 class="col-3 col-sm-3">
<input class="btn btn-outline-secondary w-100" type="submit" value="검색"/>
</div>
</div>
</div>
<div class="row m-3 p-2 bg-white">
<div class="col-12 d-none d-sm-block">
<table class="table table-hover text-center">
<thead>
<tr>
@ -131,6 +128,62 @@
</table>
</div>
<div class="col-12 d-block d-sm-none">
<table class="table table-hover text-center">
<tbody class="border-0 border-top border-bottom border-2 border-dark">
<c:if test="${count >= 1}">
<c:forEach var="item" items="${fieldDataList}">
<%--
<th></th>
<th>지역</th>
<th>소속</th>
<th></th>
<th></th>
<th></th>--%>
<tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
<th class="bg-secondary" style="--bs-bg-opacity: .5">Data ID</th>
<td><c:out value="${item.id}"/></td>
</tr>
<tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
<th class="bg-secondary" style="--bs-bg-opacity: .5">지역</th>
<td><c:out value="${item.region}"/></td>
</tr>
<tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
<th class="bg-secondary" style="--bs-bg-opacity: .5">소속</th>
<td><c:out value="${item.userVO.company}"/></td>
</tr>
<tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
<th class="bg-secondary" style="--bs-bg-opacity: .5">담당자</th>
<td><c:out value="${item.userVO.name}"/></td>
</tr>
<tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
<th class="bg-secondary" style="--bs-bg-opacity: .5">수집날짜</th>
<td class="td_date"><c:out value="${item.save_date}"/></td>
</tr>
<tr class="clickAbleObj fieldDataTr border-0 border-bottom border-2 border-dark" data-id="${item.id}">
<th class="bg-secondary" style="--bs-bg-opacity: .5">상태</th>
<td>
<c:choose>
<c:when test="${item.status eq '0'}"><span class="status-bar status-warning">수집</span> </c:when>
<c:when test="${item.status eq '1'}"><span class="status-bar status-danger">검증실패</span> </c:when>
<c:when test="${item.status eq '2'}"><span class="status-bar status-warning">검증</span> </c:when>
<c:when test="${item.status eq '3'}"><span class="status-bar status-danger">반영실패</span> </c:when>
<c:when test="${item.status eq '4'}"><span class="status-bar status-success">반영</span> </c:when>
</c:choose>
</td>
</tr>
</c:forEach>
</c:if>
<c:if test="${count == 0}">
<tr>
<td>요청한 목록이 없습니다.</td>
</tr>
</c:if>
</tbody>
</table>
</div>
</div>
<div class="text-page">
<form:hidden path="pageIndex"/>
<nav aria-label="Page navigation">

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

@ -8,14 +8,14 @@
field_data = JSON.parse('${fieldDataVO.field_data}');
</script>
<div class="section_content">
<div class="row justify-content-end bg-white mx-3 py-2">
<div class="col-12 row">
<div class="row bg-white py-2">
<div class="col-12 row justify-content-end">
<div class="col-auto">
<input type="button" class="btn btn-sm btn-info" id="collectionInfoBtn" value="수집 정보 확인">
</div>
</div>
<div class="col-4 collectionInfo" style="display: none;">
<div class="col-12 col-sm-4 collectionInfo" style="display: none;">
<h5><i class="bi bi-dot"></i> 작성자 정보</h5>
<div class="row mb-3 mx-2 border border-dark border-start-0 border-end-0">
<label for="company" class="col-4 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">소속</label>
@ -32,23 +32,24 @@
</div>
</div>
</div>
<div class="col-8 collectionInfo" style="display: none;">
<div class="col-12 col-sm-8 collectionInfo" style="display: none;">
<h5><i class="bi bi-dot"></i> 지도 정보</h5>
<div class="row mb-3 mx-2 border border-dark border-start-0 border-end-0">
<label for="layer_id" class="col-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">레이어 ID</label>
<div class="col-4 border-bottom">
<label for="layer_id" class="col-4 col-sm-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">레이어 ID</label>
<div class="col-8 col-sm-4 border-bottom">
<input type="text" class="form-control bg-white border-0" id="layer_id" placeholder="col-form-label" value="${fieldDataVO.layer_id}" readonly>
</div>
<label for="save_date" class="col-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">수집일</label>
<div class="col-4 border-bottom">
<label for="save_date" class="col-4 col-sm-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">수집일</label>
<div class="col-8 col-sm-4 border-bottom">
<input type="text" class="form-control bg-white border-0" id="save_date" placeholder="col-form-label" value="${fieldDataVO.save_date}" readonly>
</div>
<label for="region" class="col-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">지역</label>
<div class="col-4 border-bottom">
<label for="region" class="col-4 col-sm-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">지역</label>
<div class="col-8 col-sm-4 border-bottom">
<input type="text" class="form-control bg-white border-0" id="region" placeholder="col-form-label" value="${fieldDataVO.region}" readonly>
</div>
<label class="col-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">상태</label>
<div class="col-4 border-bottom my-auto">
<label class="col-4 col-sm-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">상태</label>
<div class="col-8 col-sm-4 border-bottom my-auto">
<c:choose>
<c:when test="${fieldDataVO.status eq '0'}">
<span class="status-bar status-warning ms-2 w-50 text-center">수집</span>
@ -67,25 +68,25 @@
</c:when>
</c:choose>
</div>
<label for="description" class="col-2 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">설명</label>
<div class="col-4 border-bottom">
<label for="description" class="col-4 col-sm-2 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">설명</label>
<div class="col-8 col-sm-4 border-bottom">
<input type="text" class="form-control bg-white border-0" id="description" readonly>
</div>
<label for="errInfo" class="col-2 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">오류내용</label>
<div class="col-4 border-bottom">
<label for="errInfo" class="col-4 col-sm-2 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">오류내용</label>
<div class="col-8 col-sm-4 border-bottom">
<input type="text" class="form-control bg-white border-0" id="errInfo" readonly>
</div>
</div>
</div>
</div>
<div class="col-12 row">
<div class="col-7">
<div class="col-12 col-sm-7">
<h5><i class="bi bi-dot"></i> 측량 데이터</h5>
<div class="map mx-2" id="map">
</div>
</div>
<div class="col-5">
<div class="col-12 col-sm-5">
<h5><i class="bi bi-dot"></i> 속성 정보</h5>
<div id="fieldDataDiv" class="mx-2 border border-dark border-start-0 border-end-0">
<table class="table table-hover">
@ -98,36 +99,13 @@
<div class="col-12">
<ul id="fieldDataPaging" class="fieldDataPaging"></ul>
</div>
<%--<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">측량데이터</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">속성정보</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="map" id="map">
</div>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<table class="fieldDataTable" id="fieldDataTable">
<tbody id="fieldDataBody">
</tbody>
</table>
</div>
</div>
<ul id="fieldDataPaging" class="fieldDataPaging"></ul>--%>
</div>
</div>
<div class="section_btn">
<p class="search_p1">
<div class="row justify-content-between">
<p class="col-auto">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
</p>
<p class="search_p2">
<p class="col-auto">
<input class="btn btn-secondary" type="button" value="표준DB변환 및 검증" onclick="fieldVerify();"/>
<input class="btn btn-success" type="button" value="반영" onclick="fieldReflect();"/>
</p>

8
src/main/webapp/WEB-INF/jsp/admin/userInfo.jsp
View File

@ -29,7 +29,7 @@
</div>
<div class="col-auto py-2 row">
<div class="col-12 col-lg-4">
<div class="col-12 col-sm-4">
<select class="form-select" name="searchCondition">
<option value="all" ${userSearchVO.searchCondition eq 'all'?'selected':''}>통합검색</option>
<option value="name" ${userSearchVO.searchCondition eq 'name'?'selected':''}>이름</option>
@ -38,10 +38,10 @@
<option value="phonenum" ${userSearchVO.searchCondition eq 'phonenum'?'selected':''}>전화번호</option>
</select>
</div>
<div class="col-9 col-lg-5">
<div class="col-9 col-sm-5">
<input type="text" class="form-control" name="searchKeyword" value="${userSearchVO.searchKeyword}"/>
</div>
<div class="col-3 col-lg-3">
<div class="col-3 col-sm-3">
<input class="btn btn-outline-secondary w-100" type="submit" value="검색"/>
</div>
</div>
@ -141,7 +141,7 @@
</c:if>
<c:if test="${count == 0}">
<tr>
<td colspan="7">요청한 목록이 없습니다.</td>
<td>요청한 목록이 없습니다.</td>
</tr>
</c:if>
</tbody>