Files
vexplor/WebContent/WEB-INF/view/specData/specDataList.jsp
2025-08-21 09:41:46 +09:00

401 lines
14 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="com.pms.common.utils.*"%>
<%@ page import="java.util.*" %>
<%@include file= "/init.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><%=Constants.SYSTEM_NAME%></title>
<!-- //JSTL 변수선언 -->
<c:set var="totalCount" value="${empty TOTAL_COUNT?0:TOTAL_COUNT}" />
<c:set var="maxPage" value="${empty MAX_PAGE_SIZE?1:MAX_PAGE_SIZE}" />
<c:set var="nPage" value="${empty param.page?1:param.page}" />
<c:set var="pageIndex" value="${(nPage-1)/10}" />
<c:set var="nextPage" value="${empty NEXT_PAGE?1:NEXT_PAGE}" />
<c:set var="prevPage" value="${empty PREV_PAGE?1:PREV_PAGE}" />
<script type="text/javascript">
var root = "${param.root_cd}";
var categoryHigh = "${param.categoryHigh}";
var categoryMid = "${param.categoryMid}";
var categoryLow = "${param.categoryLow}";
$(document).ready(function(){
$('.select2').select2();
fnc_datepick();
getSpecCategoryList("categoryHigh","","","high");
//대분류 중분류 소분류 선택후 조회시 셋팅
if(categoryHigh!=""){
getSpecCategoryList('categoryHigh','',root,'high');
getSpecCategoryList('categoryMid','',categoryHigh,'mid');
getSpecCategoryList('categoryLow','',categoryMid,'low');
$("#categoryHigh").val(categoryHigh);
$("#categoryMid").val(categoryMid);
$("#categoryLow").val(categoryLow);
}
$("input").keyup(function(e){
if(e.keyCode == 13){
fn_search();
}
});
//자료조회
$(".File").click(function(){
var objId = $(this).attr("data-OBJID");
var docType =$(this).attr("data-docType");
var docTypeName = $(this).attr("data-docTypeName");
var params = "?targetObjId="+objId+"&docType="+docType+"&docTypeName="+docTypeName;
window.open("/projectConcept/FileRegistPopup.do"+params, "", "width=800, height=335");
});
});
function openSpecDataPopUp(objid){
var hiddenForm = document.hiddenForm;
var url = "/specData/specDataFormPopup.do";
var target = ""
var actionType = "";
if("" != objid){
url = "/specData/specDataDetailViewPopup.do";
target = objid;
}else{
actionType = "regist";
target = "specDataPopUp";
}
window.open("",target,"width=820 height=550 menubar=no status=no");
hiddenForm.objid.value = objid;
hiddenForm.actionType.value = actionType;
hiddenForm.target = target;
hiddenForm.action = url;
hiddenForm.submit();
}
function search(){
document.form1.action="/specData/specDataList.do";
document.form1.submit();
}
function fn_search(){
search();
}
function getSpecCategoryList(targetId,targetObjid,parentObjid,categoryLevel){
setCategory(parentObjid,categoryLevel);
getSpecCategoryChangeList(targetId);
if("root" != categoryLevel && "" == parentObjid){
return false;
}
$.ajax({
type : "POST",
url : "/admin/getCategoryTypeList.do",
data:{ "categoryType" : categoryLevel, "categoryStatus" : "active", "parentObjid" : parentObjid},
dataType:"json",
async:false,
error: function(jqxhr, status, error){
Swal.fire(jqxhr.statusText + ", " + status + ", " + error);
Swal.fire(jqxhr.status);
Swal.fire(jqxhr.responseText);
},
success: function(result){
getSpecCategoryChangeList(targetId);
if(null != result){
for(var i=0;i<result.length;i++){
var objid = result[i].OBJID;
var categoryName = result[i].CATEGORY_NAME;
var specInputType = result[i].SPEC_INPUT_TYPE;
var carFlag = result[i].USE_CAR;
var productFlag = result[i].USE_PRODUCT;
var revisionFlag = result[i].USE_REVISION;
var changeFlag = result[i].USE_DOC_LINK;
var compatitionFlag = result[i].USE_COMPATITION_CAR;
var productGroupFlag = result[i].USE_PRODUCT_GROUP;
var optionAppendVal = "<option"
optionAppendVal+= " value='"+objid+"'";
if("low" == categoryLevel){
optionAppendVal+= " specInputType='"+specInputType+"'";
optionAppendVal+= " carFlag='"+carFlag+"'";
optionAppendVal+= " productFlag='"+productFlag+"'";
optionAppendVal+= " revisionFlag='"+revisionFlag+"'";
optionAppendVal+= " changeFlag='"+changeFlag+"'";
optionAppendVal+= " compatitionFlag='"+compatitionFlag+"'";
optionAppendVal+= " productGroupFlag='"+productGroupFlag+"'";
}
optionAppendVal+= ">";
optionAppendVal+= categoryName;
optionAppendVal+= "</option>";
$("#"+targetId).append(optionAppendVal);
}
if("" != targetObjid){
$("#"+targetId).val(targetObjid);
}
}
}
});
}
//카테고리 분류들을 초기화 시킨다.
function getSpecCategoryChangeList(targetId){
if("categoryHigh" == targetId){
$("#categoryHigh>option").remove();
$("#categoryHigh").append("<option value=''>선택</option>");
$("#categoryMid>option").remove();
$("#categoryMid").append("<option value=''>선택</option>");
$("#categoryLow>option").remove();
$("#categoryLow").append("<option value=''>선택</option>");
}else if("categoryMid" == targetId){
$("#categoryMid>option").remove();
$("#categoryMid").append("<option value=''>선택</option>");
$("#categoryLow>option").remove();
$("#categoryLow").append("<option value=''>선택</option>");
}else if("categoryLow" == targetId){
$("#categoryLow>option").remove();
$("#categoryLow").append("<option value=''>선택</option>");
}
}
//카테고리 검색값을 조회 조건에 넘기기 위해
function setCategory(objId,level){
var categoryHigh = $("#categoryHigh").val();
var categoryMid = $("#categoryMid").val();
var categoryLow = $("#categoryLow").val();
$("#search_category").val(objId)
if(level=="3" && objId==""){
$("#search_category").val(categoryMid);
}
if(level=="low" && objId==""){
$("#search_category").val(categoryHigh);
}
//Swal.fire($("#search_category").val());
}
</script>
</head>
<body class="backcolor">
<form name="hiddenForm" id="hiddenForm" >
<input type="hidden" name="objid" id="objid">
<input type="hidden" name="actionType" id="actionType">
</form>
<form name="form1" action="" method="post">
<input type="hidden" name="search_category" id="search_category" value="${param.search_category}">
<input type="hidden" name="search_isLast" id="search_isLast" value="1">
<div class="content-box">
<div class="content-box-s">
<div class="plm_menu_name">
<h2>
<span>문서관리</span>
</h2>
</div>
<div id="plmSearchZon">
<table>
<tr>
<td><label for="root_cd">구분</label></td>
<td>
<select name="root_cd" id="root_cd" onchange="javascript:getSpecCategoryList('categoryHigh','',this.value,'high');" required type="select" reqTitle="구분" style="width:94%"class="select2" autocomplete="off">
<option value="">선택</option>
${code_map.root_cd}
</select>
</td>
<td class="align_r">
<label for="">대분류</label>
</td>
<td>
<select name="categoryHigh" id="categoryHigh" onchange="javascript:getSpecCategoryList('categoryMid','',this.value,'mid');" required type="select" reqTitle="대분류" class="select2" autocomplete="off"></select>
</td>
<td class="align_r">
<label for="">중분류</label>
</td>
<td>
<select name="categoryMid" id="categoryMid" onchange="javascript:getSpecCategoryList('categoryLow','',this.value,'low');" required type="select" reqTitle="중분류" class="select2" autocomplete="off"></select>
</td>
<td class="align_r">
<label for="">소분류</label>
</td>
<td>
<select name="categoryLow" id="categoryLow" onchange="javascript:setCategory(this.value,'3');" type="select" reqTitle="소분류" style="width:250px" class="select2" autocomplete="off"></select>
</td>
<td class="align_r">
<label for="" class="">등록자</label>
</td>
<td>
<input type="text" name="search_writer" id="search_writer" value="${param.search_writer}" style="width:100px;" autocomplete="off">
</td>
<td class="align_r">
<label for="" class="">등록일</label>
</td>
<td style="width:230px;">
<input type="text" id="search_regFromDate" name="search_regFromDate" class="date_margin" value="${param.search_regFromDate}" style="width:100px;" autocomplete="off"> ~ <input type="text" id="search_regToDate" name="search_regToDate" value="${param.search_regToDate}" style="width:100px;" autocomplete="off">
</td>
</tr>
<tr>
<td class="align_r">
<label for="" class="">개정일</label>
</td>
<td style="width:230px;">
<input type="text" id="search_revisionFromDate" name="search_revisionFromDate" class="date_margin" value="${param.search_revisionFromDate}" style="width:100px;" autocomplete="off"> ~ <input type="text" id="search_revisionToDate" name="search_revisionToDate" value="${param.search_revisionToDate}" style="width:100px;" autocomplete="off">
</td>
<td class="align_r">
<label for="" class="">문서번호</label>
</td>
<td>
<input type="text" name="search_docNo" id="search_docNo" value="${param.search_docNo}" style="width:100%;" autocomplete="off">
</td>
<td class="align_r">
<label for="" class="">문서명</label>
</td>
<td colspan="3">
<input type="text" name="search_docName" id="search_docName" value="${param.search_docName}" style="width:100%;" autocomplete="off">
</td>
<%-- <td class="align_r">
<label for="" class="">REV</label>
</td>
<td>
<input type="text" name="search_rev" id="search_rev" value="${param.search_rev}" style="width:100px;">
</td> --%>
<%-- <td class="align_r">
<label for="" class="">상태</label>
</td>
<td>
<select name="search_isLast" id="search_isLast" style="width:100px;">
<option value="0" ${'0' eq param.search_isLast? 'selected': ''}>All</option>
<option value="1" ${'1' eq param.search_isLast? 'selected': ''}>Current</option>
</select>
</td> --%>
</tr>
</table>
</div>
<div class="contents_page_basic_margin">
<div class="btn_wrap">
<div class="plm_btn_wrap">
<input type="button" value="조회" class="plm_btns" onclick="search();">
<input type="button" value="등록" class="plm_btns" onclick="javascript:openSpecDataPopUp('');">
</div>
</div>
<div class="plm_table_wrap">
<table class="plm_table">
<colgroup>
<col width="4%">
<col width="6%">
<col width="6%">
<col width="8%">
<col width="15%">
<col width="*">
<col width="7%">
<col width="5%">
<col width="8%">
<col width="8%">
<col width="3%">
<col width="7%">
</colgroup>
<tr class="plm_thead">
<td>No</td>
<td>구분</td>
<td>대분류</td>
<td>중분류</td>
<td>소분류</td>
<td>문서명</td>
<td>문서번호</td>
<td>등록일</td>
<td>등록자</td>
<td>개정일</td>
<td>Rev</td>
<td>첨부파일</td>
</tr>
<c:choose>
<c:when test="${empty LIST}">
<tr style="text-align:center;">
<td align="center" colspan="12">조회된 데이터가 없습니다.</td>
</tr>
</c:when>
<c:otherwise>
<c:forEach var="item" items="${LIST}" varStatus="varStatus">
<tr style="text-align:center;">
<td>${item.RNUM}</td>
<td>${item.ROOT_CATEGORY_NAME}</td>
<td>${item.PARENT_PARENT_CATEGORY_NAME}</td>
<td>${item.PARENT_CATEGORY_NAME}</td>
<td>${item.CATEGORY_NAME}</td>
<td style="text-align:left; padding:0px 0px 0px 15px;"><a href="#" onclick="openSpecDataPopUp('${item.OBJID}')">${item.DOC_NAME}</a></td>
<td>${item.DOC_NO}</td>
<td>${empty item.REGDATE ? '-' : item.REGDATE}</td>
<td>${item.WRITER_NAME}</td>
<td>${empty item.REVISION_DATE ? '-' : item.REVISION_DATE}</td>
<td>${empty item.REV ? '-' : item.REV}</td>
<td><a href="#" class="File file_${item.FILECNT eq 0?'empty_':''}icon" data-OBJID="${item.OBJID}" data-docType="DOC_SPEC" data-docTypeName="기술자료 첨부파일"></a></td>
</tr>
</c:forEach>
</c:otherwise>
</c:choose>
</table>
</div>
<div class="pdm_page">
<input type="hidden" name="page" id="page" value="${nPage}">
<c:if test="${!empty LIST}">
<div class="page_pro">
<table>
<tr>
<c:choose>
<c:when test="${nPage > 1}">
<td><a href="javascript:fnc_goPrev('${prevPage}');">prev</a></td>
</c:when>
<c:otherwise>
<td class="no_more_page">prev</td>
</c:otherwise>
</c:choose>
<c:forEach var="v" begin="${nPage>5?nPage-5:1}" end="${nPage>5?nPage+4:10}" step="1" varStatus="status">
<c:if test="${status.index -1 < maxPage}">
<c:choose>
<c:when test="${status.index eq nPage}">
<td><a href="#" class="now_page">${nPage}</a></td>
</c:when>
<c:otherwise>
<td><a href="javascript:fnc_goPage('${status.index}');">${status.index}</a></td>
</c:otherwise>
</c:choose>
</c:if>
</c:forEach>
<c:choose>
<c:when test="${nPage < maxPage}">
<td><a href="javascript:fnc_goNext('${nextPage}');">next</a></td>
</c:when>
<c:otherwise>
<td class="no_more_page">next</td>
</c:otherwise>
</c:choose>
</tr>
</table>
<c:if test="${!empty LIST}">
<p id="adminPageCount">총 ${totalCount}건</p>
</c:if>
</div>
</c:if>
</div>
</div>
</div>
</div>
</form>
</body>
</html>