184 lines
7.1 KiB
Plaintext
184 lines
7.1 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
|
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<script src="${pageContext.request.contextPath}/js/jquery/jquery-1.10.2.min.js"></script>
|
|
<script src="${pageContext.request.contextPath}/js/admins/user.js"></script>
|
|
<script src="${pageContext.request.contextPath}/js/admins/common.js"></script>
|
|
<link rel="stylesheet" HREF="${pageContext.request.contextPath}/css/admins/style.css" type="text/css">
|
|
<script>
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var searchTitle = document.getElementById('searchTitle');
|
|
var searchValue = document.getElementById('searchValue');
|
|
var searchContainer = searchValue.parentNode;
|
|
var tildeText = document.createElement('span');
|
|
tildeText.innerHTML = '~';
|
|
var searchBgndt = document.createElement('input');
|
|
var searchEnddt = document.createElement('input');
|
|
|
|
function createInput(input, id) {
|
|
input.type = 'text';
|
|
input.id = id;
|
|
input.name = id;
|
|
input.className = 'search';
|
|
input.style.display = 'inline-block';
|
|
input.style.width = '12ch';
|
|
input.placeholder = 'YYYYMMDD';
|
|
input.style.color = '#000'; // Text color
|
|
input.maxLength = 8; // Limit input length
|
|
input.onfocus = function() {
|
|
this.placeholder = '';
|
|
this.style.color = '#000'; // Text color
|
|
};
|
|
input.onblur = function() {
|
|
if (this.value === '') {
|
|
this.placeholder = 'YYYYMMDD';
|
|
}
|
|
};
|
|
}
|
|
|
|
createInput(searchBgndt, 'searchBgndt');
|
|
createInput(searchEnddt, 'searchEnddt');
|
|
searchBgndt.style.marginRight = '2px';
|
|
searchEnddt.style.marginLeft = '2px';
|
|
searchBgndt.value = "${params.searchBgndt}";
|
|
searchEnddt.value = "${params.searchEnddt}";
|
|
|
|
function addInputs() {
|
|
searchValue.style.display = 'none';
|
|
searchContainer.insertBefore(searchBgndt, searchValue);
|
|
searchContainer.insertBefore(tildeText, searchValue);
|
|
searchContainer.insertBefore(searchEnddt, searchValue);
|
|
}
|
|
|
|
function removeInputs() {
|
|
if (document.getElementById('searchBgndt')) {
|
|
searchBgndt.remove();
|
|
tildeText.remove();
|
|
searchEnddt.remove();
|
|
}
|
|
searchValue.style.display = 'inline-block';
|
|
}
|
|
|
|
if (searchTitle.value == '7') {
|
|
addInputs();
|
|
}
|
|
|
|
searchTitle.addEventListener('change', function() {
|
|
if (this.value == '7') {
|
|
addInputs();
|
|
} else {
|
|
removeInputs();
|
|
}
|
|
});
|
|
});
|
|
|
|
var context = "${pageContext.request.contextPath}";
|
|
|
|
function linkPage(index){
|
|
$("#pageIndex").val(index);
|
|
$("#searchForm").attr("action", "${pageContext.request.contextPath}/admins/user/01.do").submit();
|
|
}
|
|
|
|
/* function excelDownload(){
|
|
$("#searchForm").attr("action", "${pageContext.request.contextPath}/admins/user/01_excel.do").submit();
|
|
$("#searchForm").attr("action", "${pageContext.request.contextPath}/admins/user/01.do");
|
|
}
|
|
*/
|
|
$(function(){
|
|
var searchTitle = "${params.searchTitle}";
|
|
searchTitle = searchTitle == "" ? "0" : searchTitle;
|
|
$("#searchTitle").val(searchTitle);
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<form id="searchForm" name="searchForm" method="post">
|
|
<input type="hidden" id="pageIndex" name="pageIndex" value="${params.pageIndex}" />
|
|
<table id="Table_Main" width="100%" border="0" cellpadding="0" cellspacing="0">
|
|
<tr><td colspan=2><img src="${pageContext.request.contextPath}/images/admins/user/1_toptit_02.gif"></td></tr>
|
|
<tr height=20 colspan=2><td> </td></tr>
|
|
<tr height=25>
|
|
<!-- START : 엑셀 다운로드 ------------------------------------------------------------------------->
|
|
<td>
|
|
<%-- <img src="${pageContext.request.contextPath}/images/admins/excel.gif" style="cursor:hand" onClick="javascript:excelDownload()"></td> --%>
|
|
<!-- END : 엑셀 다운로드 ------------------------------------------------------------------------->
|
|
<!-- START : 검색 ---------------------------------------------------------------------------------->
|
|
<td align="right" class="search">
|
|
<select id="searchTitle" name="searchTitle">
|
|
<option value="0" selected>전체</option>
|
|
<option value="2">아이디</option>
|
|
<option value="1">이름</option>
|
|
<option value="4">회사명</option>
|
|
<option value="3">업종</option>
|
|
<option value="6">사업자등록번호</option>
|
|
<option value="5">이메일</option>
|
|
<option value="7">가입기간</option>
|
|
</select>
|
|
<input type="text" class="search" id="searchValue" name="searchValue" value="${params.searchValue}" />
|
|
<input type="image" src="${pageContext.request.contextPath}/images/admins/search.gif" >
|
|
</td>
|
|
<!-- END : 검색 ---------------------------------------------------------------------------------->
|
|
</tr>
|
|
<tr height=12><td colspan=2><img src="${pageContext.request.contextPath}/images/admins/spacer.gif" width="1" height="12"></td></tr>
|
|
<tr>
|
|
<td colspan=2>
|
|
<tbody>
|
|
<table id="Table_List" width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#D6D6D6">
|
|
<!-- START : list head ----------------------------------------------------------------------------->
|
|
<tr height=28 bgcolor="#FBF4E4" class="list_head" align="center">
|
|
<td width="4%">번호</td>
|
|
<td width="12%">아이디</td>
|
|
<td width="8%">이름</td>
|
|
<td width="13%">회사명</td>
|
|
<td width="12%">업종</td>
|
|
<td width="14%">사업자등록번호</td>
|
|
<td width="17%">이메일</td>
|
|
<td width="11%">가입일</td>
|
|
<td width="8%">상세보기</td>
|
|
</tr>
|
|
<!-- END : list head ----------------------------------------------------------------------------->
|
|
|
|
<!-- REPEAT TABLE -->
|
|
<c:forEach items="${resultList}" var="resultList" varStatus="status">
|
|
<tr height=28 bgcolor="#FFFFFF" class="list_content" align="center">
|
|
<td>${resultList.num}</td>
|
|
<td>${resultList.userid}</td>
|
|
<td>${resultList.userName}</td>
|
|
<td>${resultList.companyName}</td>
|
|
<td>${resultList.upjong}</td>
|
|
<td>${resultList.companyRegistNo}</td>
|
|
<td>${resultList.email}</td>
|
|
<td>${resultList.datetimes}</td>
|
|
<td>
|
|
<img src="${pageContext.request.contextPath}/images/admins/zoom.gif" onClick="javascript:openDetail('${resultList.userid}','02')" style="cursor:hand">
|
|
</td>
|
|
</tr>
|
|
</c:forEach>
|
|
<!-- END OF REPEAT TABLE -->
|
|
</table>
|
|
</tbody>
|
|
</td>
|
|
</tr>
|
|
<tr height=42>
|
|
<!-- START : 네비게이션 ---------------------------------------------------------------------------->
|
|
<td align=center class="navi" colspan='2'>
|
|
<table width=100% >
|
|
<tr align="center">
|
|
<td>
|
|
<ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage"/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<!-- END : 네비게이션 ---------------------------------------------------------------------------->
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</body>
|
|
</html>
|