ERP-node/WebContent/WEB-INF/view/project/myTaskList.jsp

433 lines
16 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}" />
</head>
<script>
$(function(){
//고객사 목록 조회
fn_setOEMList();
//제품군 목록 조회
fn_setProductGroupList();
//조회
$("#btnSearch").click(function(){
$("#page").val("1");
fn_search();
});
//엔터키로 조회
$("input").keyup(function(e){
if(e.keyCode == 13){
$("#page").val("1");
fn_search();
}
});
});
$(document).ready(function(){
//고객사별 차종 목록 조회
$("#search_oem").change(function(){
var oemObjId = $(this).val();
fn_setCarTypeList(oemObjId);
});
//제품군 제품 목록 조회
$("#search_productGroup").change(function(){
var productGroup = $(this).val();
fn_setProductTypeList(productGroup);
});
$("#search_task").change(function(){
$("#search_file").val("");
});
fnc_datepick();
});
</script>
<script>
//프로젝트 검색기능
function fn_search(){
if($("#search_planFromDate").val() != "" || $("#search_planFromDate").val() != "" || $("#search_planToDate").val() != "" || $("#search_planToDate").val() != "") {
if($("#search_planDate").val() == "" || $("#search_planDate").val() == null){
Swal.fire("계획 항목의 시작일과 종료일 중 하나를 선택해 주시기 바랍니다.");
$("#search_planDate").focus();
return;
}
}
document.form1.action = "/project/myTaskList.do";
document.form1.submit();
}
//oem 목록 조회
function fn_setOEMList(){
$.ajax({
url:"/common/getOEMList.do",
type:"POST",
data:{"isJson":true},
dataType:"json",
success:function(data){
var appendCode = "";
$.each(data, function(i){
appendCode += "<option value='"+data[i].OBJID+"'>"+data[i].OEM_NAME+"("+data[i].OEM_CODE+")</option>";
});
$("#search_oem").append(appendCode);
var paramValue = "${param.search_oem}";
if(paramValue != ""){
$("#search_oem > option[value=${param.search_oem}]").attr("selected", "true");
$("#search_oem").trigger("change");
}
},
error: function(jqxhr, status, error){
}
});
}
//car 목록 조회
function fn_setCarTypeList(oemObjId){
if(oemObjId !=""){
$.ajax({
url:"/common/getCarTypeList.do",
type:"POST",
data:{"isJson":true, "search_oemObjId":oemObjId},
dataType:"json",
success:function(data){
var appendCode = "";
appendCode += "<option value=''>선택</option>";
$.each(data, function(i){
appendCode += "<option value='"+data[i].OBJID+"'>"+data[i].CAR_CODE+"("+data[i].CAR_NAME+")</option>";
});
$("#search_carType").children().remove();
$("#search_carType").append(appendCode);
$("#search_carType > option[value=${param.search_carType}]").attr("selected", "true");
},
error: function(jqxhr, status, error){
}
});
}else{
$("#search_carType").children().remove();
$("#search_carType").append("<option value=''>선택</option>");
}
}
//제품군 목록 조회
function fn_setProductGroupList(){
$.ajax({
url:"/common/getProductGroupList.do",
type:"POST",
data:{"isJson":true},
dataType:"json",
success:function(data){
var appendCode = "";
$.each(data, function(i){
appendCode += "<option value='"+data[i].OBJID+"'>"+data[i].PRODUCT_GROUP_NAME+"</option>";
});
$("#search_productGroup").append(appendCode);
var paramValue = "${param.search_productGroup}";
if(paramValue != ""){
$("#search_productGroup > option[value=${param.search_productGroup}]").attr("selected", "true");
$("#search_productGroup").trigger("change");
}
},
error: function(jqxhr, status, error){
}
});
}
//제품 목록 조회
function fn_setProductTypeList(productGroup){
if(productGroup != ""){
$.ajax({
url:"/common/getProductList.do",
type:"POST",
data:{"isJson":true, "search_productGroupObjId":productGroup},
dataType:"json",
success:function(data){
var appendCode = "";
appendCode += "<option value=''>선택</option>";
$.each(data, function(i){
appendCode += "<option value='"+data[i].OBJID+"'>"+data[i].PRODUCT_NAME+"("+data[i].PRODUCT_CODE+")</option>";
});
$("#search_productType").children().remove();
$("#search_productType").append(appendCode);
$("#search_productType > option[value=${param.search_productType}]").attr("selected", "true");
},
error: function(jqxhr, status, error){
}
});
}else{
$("#search_productType").children().remove();
$("#search_productType").append("<option value=''>선택</option>");
}
}
function openWBSTaskPopUp(objId) {
//wbs Form 팝업
window.open("/project/wbs/wbsTaskDetailPopUp.do?taskObjId="+objId+"&location=myTask", "wbsTaskPopUp", "width=700, height=450");
}
function fn_planDate_empty(){
$('#search_planFromDate').val('');
$('#search_planToDate').val('');
}
//프로젝트 등록 Excel Export
function excelExport(){
document.form1.action = "/project/myTaskList.do?actionType=excel";
document.form1.submit();
}
//TFT/PL을 통해 작성된 확인 내용 목록을 보여준다.
function fn_openTaskConfirmListPopUp(taskObjId){
window.open("/project/wbs/openTaskConfirmListPopUp.do?objId="+taskObjId, "taskConfirmListPopUp", "width=700, height=440");
}
//TFT/PL을 통해 작성된 확인 내용 목록을 보여준다.
function fn_openTaskLinkedFNTaskListPopUp(taskObjId){
window.open("/project/wbs/openTaskLinkedFNTaskListPopUp.do?&objId="+taskObjId, "taskLinkFNTaskListPopUp", "width=700, height=440");
}
</script>
<body>
<form name="form1" action="" method="post">
<div id="">
<div class="plm_menu_name">
<h2>
<span>My Task 조회</span>
</h2>
</div>
<div id="plmSearchZon">
<table>
<tr>
<td><label for="">고객사</label></td>
<td>
<select name="search_oem" id="search_oem" style="width:99% !important;">
<option value="">선택</option>
</select>
</td>
<td><label for="">차종</label></td>
<td>
<select name="search_carType" id="search_carType">
<option value="">선택</option>
</select>
</td>
<td><label for="">계획</label></td>
<td>
<select name="search_planDate" id="search_planDate" style="width:100px;">
<option value="">선택</option>
<option value="start"${param.search_planDate eq'start'?'selected':''}>시작일</option>
<option value="end"${param.search_planDate eq'end'?'selected':''}>종료일</option>
</select>
<input type="text" id="search_planFromDate" name="search_planFromDate" class="from_to_date" value="${param.search_planFromDate}" style="width:85px !important;">
~ <input type="text" id="search_planToDate" name="search_planToDate" class="from_to_date" value="${param.search_planToDate}" style="width:85px !important;">
<input type="button" class="date_delete" value="x" onclick="javascript:fn_planDate_empty()">
</td>
<td><label for="">실적일</label></td>
<td colspan="">
<input type="text" id="search_fromDate" name="search_fromDate" class="from_to_date" value="${param.search_fromDate}" style="width:85px !important;">
~ <input type="text" id="search_toDate" name="search_toDate" class="from_to_date" value="${param.search_toDate}" style="width:85px !important;">
<input type="button" class="date_delete" value="x" onclick="javascript:fnc_date_empty()">
</td>
</tr>
<tr>
<td><label for="">TFT장 확인</label></td>
<td>
<select name="search_status" id="search_status">
<option value="">선택</option>
<option value="complete"${param.search_status eq'complete'?'selected':'' }>완료</option>
<option value="reject"${param.search_status eq'reject'?'selected':'' }>반려</option>
</select>
</td>
<td><label for="">상태</label></td>
<td>
<select name="search_status_type" id="search_status_type">
<option value="">선택</option>
<option value="complete"${param.search_status_type eq'complete'?'selected':'' }>완료</option>
<option value="plan"${param.search_status_type eq'plan'?'selected':'' }>예정</option>
<option value="ongoing"${param.search_status_type eq'ongoing'?'selected':'' }>진행중</option>
<option value="delay"${param.search_status_type eq'delay'?'selected':'' }>지연</option>
</select>
</td>
<td><label for="">산출물 유무</label></td>
<td>
<select name="search_task" id="search_task">
<option value="">선택</option>
<option value="file"${param.search_task eq 'file' ? 'selected' : '' }>첨부파일</option>
<option value="link"${param.search_task eq 'link' ? 'selected' : '' }>Task Link</option>
</select>
<select name="search_file" id="search_file" style="width:60px;">
<option value="">선택</option>
<option value="Y" ${param.search_file eq 'Y' ? 'selected' : '' }>Y</option>
<option value="N" ${param.search_file eq 'N' ? 'selected' : '' }>N</option>
</select>
</td>
</tr>
</table>
</div>
<section class="contents_page_basic_margin">
<div class="btn_wrap">
<div class="plm_btn_wrap">
<input type="button" value="조회" class="plm_btns" id="btnSearch">
<input type="button" value="Excel Export" class="plm_btns" onclick="excelExport()">
</div>
</div>
<div class="plm_table_wrap">
<table class="plm_table wbs_left_align">
<colgroup>
<col width="3%">
<col width="5%">
<col width="12%">
<col width="*">
<col width="8%">
<col width="8%">
<col width="8%">
<col width="8%">
<col width="5%">
<col width="4%">
<col width="5%">
<col width="6%">
</colgroup>
<thead>
<tr class="plm_thead">
<td rowspan="2">No</td>
<td rowspan="2">고객사</td>
<td rowspan="2">차종</td>
<td rowspan="2">Task 명</td>
<td colspan="2">계획</td>
<td rowspan="2">실적 종료일</td>
<td rowspan="2">팀명</td>
<td rowspan="2">담당자</td>
<td rowspan="2">Task<br>Link</td>
<td rowspan="2">상태</td>
<td rowspan="2">TFT장 확인</td>
</tr>
<tr class="plm_sub_thead">
<td>시작일</td>
<td>종료일</td>
</tr>
</thead>
<tbody>
<c:choose>
<c:when test="${empty resultList}">
<tr style="text-align:center;">
<td align="center" colspan="12">조회된 데이터가 없습니다.</td>
</tr>
</c:when>
<c:otherwise>
<c:forEach var="item" items="${resultList}" varStatus="varStatus">
<tr>
<td>${item.RNUM}</td>
<td title="${item.OEM_NAME}" class="align_c">${item.OEM_NAME}</td>
<td title="${item.CAR_CODE} (${item.CAR_NAME})">${item.CAR_CODE} (${item.CAR_NAME})</td>
<td class="align_l" title="${item.TASK_NAME}">
<a href="#" onclick="openWBSTaskPopUp('${item.OBJID}');">&nbsp;&nbsp;${item.TASK_NAME}
<c:choose>
<c:when test="${item.WBS_FILE_CNT > 0}">
[${item.WBS_FILE_CNT}]
</c:when>
<c:otherwise>
</c:otherwise>
</c:choose>
</a>
</td>
<td title="${item.TASK_START_PLAN_DATE_TITLE}">${item.TASK_START_PLAN_DATE_TITLE}</td>
<td title="${item.TASK_END_PLAN_DATE_TITLE}">${item.TASK_END_PLAN_DATE_TITLE}</td>
<td title="${item.TASK_END_DATE_TITLE}">${item.TASK_END_DATE_TITLE}</td>
<td title="${item.DEPT_NAME}">${item.DEPT_NAME}</td>
<td title="${item.USER_NAME}">${item.USER_NAME}</td>
<td>
<a href="#" class="btnSrFile file_${item.TASK_LINK_CNT eq 0?'empty_':''}icon" onclick="fn_openTaskLinkedFNTaskListPopUp('${item.OBJID}')"></a>
</td>
<td>
<c:choose>
<c:when test="${item.TASK_COMPLETE == 'Y'}">
완료
</c:when>
<c:when test="${item.TASK_PLAN == 'Y'}">
예정
</c:when>
<c:when test="${item.TASK_ONGOING == 'Y'}">
진행중
</c:when>
<c:when test="${item.TASK_DELAY == 'Y'}">
지연
</c:when>
<c:otherwise>
</c:otherwise>
</c:choose>
</td>
<td title="${'create' eq item.STATUS?'':item.STATUS_TITLE}">
<a href="#" onclick="fn_openTaskConfirmListPopUp('${item.OBJID}')">${'create' eq item.STATUS?'':item.STATUS_TITLE}</a>
</td>
</tr>
</c:forEach>
</c:otherwise>
</c:choose>
</tbody>
</table>
</div>
<div class="pdm_page">
<input type="hidden" name="page" id="page" value="${nPage}">
<c:if test="${!empty resultList}">
<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>
<p id="adminPageCount">총 ${totalCount}건</p>
</div>
</c:if>
</div>
</section>
</div>
</form>
</body>
</html>