ERP-node/WebContent/WEB-INF/view/dashboard/problemListPopUp.jsp

478 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>
<script>
$(function(){
//고객사 setting
fn_setOEMList();
//제품군 setting
fn_setProductGroupList();
//고객사별 차종 목록 조회
$("#search_oemObjId").change(function(){
var oemObjId = $(this).val();
fn_setCarTypeList(oemObjId);
});
//제품군별 제품 목록 조회
$("#search_prodGroupObjId").change(function(){
var productGroupObjId = $(this).val();
fn_setProductList(productGroupObjId);
});
//단계 change
$("#step1").change(function(){
fnc_setStep2($(this).val(), "${param.step2}");
});
//단계1 change trigger
$("#step1").trigger("change");
//유형 change
$("#type1").change(function(){
fnc_setType2($(this).val(), "${param.type2}");
});
//유형 change trigger
$("#type1").trigger("change");
$("#btnClose").click(function(){
self.close(0);
});
$(".date_delete").click(function(){
var objType = fnc_checkNull($(this).attr("objType"));
if(objType == ""){
return;
}
if(objType == "req"){
$("#search_reqFromDate").val("");
$("#search_reqToDate").val("");
}else if(objType == "resPlan"){
$("#search_resPlanFromDate").val("");
$("#search_resPlanToDate").val("");
}
});
$("#btnSearch").click(function(){
fn_search();
});
//문제점 상세 팝업
$(".btnDetail").click(function(){
var objId = $(this).attr("data-OBJID");
var targetObjId = $(this).attr("data-TARGET_OBJID");
var params = "";
params += "?objId="+objId;
params += "&targetObjId="+targetObjId;
//Swal.fire(params);
window.open("/problem/problemDetailPopup.do"+params, "", "width=1337, height=753");
});
//상태별 조회
$(".btnSearch_byStatus").click(function(){
var status = $(this).attr("data-STATUS");
//Swal.fire(status);
$("#search_status").val(status);
fn_search();
});
$(".btnDetailPart").click(function(){
var partNo = $(this).attr("data-PART_NO");
fnc_openPartDetailPopup("${connectUserId}", partNo);
});
fnc_datepick();
});
</script>
<script>
//조회
function fn_search(){
document.form1.action = "/dashboard/problemListPopUp.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_oemObjId").append(appendCode);
var paramVal = fnc_checkNull("${param.search_oemObjId}");
if(paramVal != ""){
$("#search_oemObjId > option[value="+paramVal+"]").attr("selected", "true");
$("#search_oemObjId").trigger("change");
}
},
error: function(jqxhr, status, error){
}
});
}
//car 목록 조회
function fn_setCarTypeList(oemObjId){
if(fnc_checkNull(oemObjId) != ""){
$.ajax({
url:"/common/getCarTypeList.do",
type:"POST",
data:{"isJson":true, "search_oemObjId":oemObjId},
dataType:"json",
success:function(data){
var appendCode = "<option value=''>선택</option>";
$.each(data, function(i){
appendCode += "<option value='"+data[i].OBJID+"'>"+data[i].CAR_CODE+"("+data[i].CAR_NAME+")</option>";
});
$("#search_carObjId").children().remove();
$("#search_carObjId").append(appendCode);
$("#search_carObjId > option[value=${param.search_carObjId}]").attr("selected", "true");
},
error: function(jqxhr, status, error){
}
});
}else{
$("#search_carObjId").children().remove();
$("#search_carObjId").append("<option value=''>선택</option>");
}
}
//product group 목록 조회
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_prodGroupObjId").append(appendCode);
var paramVal = fnc_checkNull("${param.search_prodGroupObjId}");
if(paramVal != ""){
$("#search_prodGroupObjId > option[value="+paramVal+"]").attr("selected", "true");
$("#search_prodGroupObjId").trigger("change");
}
},
error: function(jqxhr, status, error){
}
});
}
//product 목록 조회
function fn_setProductList(productGroupObjId){
if(fnc_checkNull(productGroupObjId) != ""){
$.ajax({
url:"/common/getProductList.do",
type:"POST",
data:{"isJson":true, "search_productGroupObjId":productGroupObjId},
dataType:"json",
success:function(data){
var appendCode = "<option value=''>선택</option>";
$.each(data, function(i){
appendCode += "<option value='"+data[i].OBJID+"'>"+data[i].PRODUCT_NAME+"</option>";
});
$("#search_prodObjId").children().remove();
$("#search_prodObjId").append(appendCode);
$("#search_prodObjId > option[value=${param.search_prodObjId}]").attr("selected", "true");
},
error: function(jqxhr, status, error){
}
});
}else{
$("#search_prodObjId").children().remove();
$("#search_prodObjId").append("<option value=''>선택</option>");
}
}
</script>
</head>
<body>
<form name="form1" id="form1" action="" method="post">
<div style="min-width:1700px;">
<div class="plm_menu_name">
<h2>
<span>문제점 목록</span>
</h2>
</div>
<div id="plmSearchZon">
<table class="short_search">
<tr>
<td><label for="">고객사</label></td>
<td>
<select name="search_oemObjId" id="search_oemObjId" style="width:100%;">
<option value="">선택</option>
</select>
</td>
<td><label for="">차종</label></td>
<td>
<select name="search_carObjId" id="search_carObjId" style="width:100%;">
<option value="">선택</option>
</select>
</td>
<td><label for="">제품군</label></td>
<td>
<select name="search_prodGroupObjId" id="search_prodGroupObjId">
<option value="">선택</option>
</select>
</td>
<td><label for="">제품</label></td>
<td>
<select name="search_prodObjId" id="search_prodObjId" style="width:250px;">
<option value="">선택</option>
</select>
</td>
<td><label for="">단계</label></td>
<td>
<select name="step1" id="step1" style="width:98px;">
<option value="">선택</option>
<option value="design" ${param.step1 eq 'design'?'selected':''}>설계</option>
<option value="develop" ${param.step1 eq 'develop'?'selected':''}>개발</option>
<option value="production" ${param.step1 eq 'production'?'selected':''}>양산</option>
</select>
<select name="step2" id="step2" style="width:99px;">
<option value="">선택</option>
</select>
</td>
<td><label for="">유형</label></td>
<td>
<select name="type1" id="type1" style="width:98px;">
<option value="">선택</option>
<option value="design" ${param.type1 eq 'design'?'selected':''}>설계</option>
<option value="mold" ${param.type1 eq 'mold'?'selected':''}>금형/단품</option>
<option value="facilities" ${param.type1 eq 'facilities'?'selected':''}>조립/설비</option>
<option value="etc" ${param.type1 eq 'etc'?'selected':''}>부자재/기타</option>
</select>
<select name="type2" id="type2" style="width:99px;">
<option value="">선택</option>
</select>
</td>
</tr>
<tr>
<td><label for="">Part No</label></td>
<td>
<input type="text" id="search_partNo" name="search_partNo" value="${param.search_partNo}">
</td>
<td><label for="">확인결과</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="create" ${param.search_status eq 'create'?'selected':''}>미결</option>
</select>
</td>
<td class="">
<label for="" class="">제기일</label>
</td>
<td>
<input type="text" id="search_reqFromDate" name="search_reqFromDate" class="date_margin" value="${param.search_reqFromDate}" style="width:80px;">
~ <input type="text" id="search_reqToDate" name="search_reqToDate" value="${param.search_reqToDate}" style="width:80px;">
<input type="button" class="date_delete" value="x" objType="req">
</td>
<td class="">
<label for="" class="">조치요청일</label>
</td>
<td>
<input type="text" id="search_resPlanFromDate" name="search_resPlanFromDate" class="date_margin" value="${param.search_resPlanFromDate}" style="width:80px;">
~ <input type="text" id="search_resPlanToDate" name="search_resPlanToDate" value="${param.search_resPlanToDate}" style="width:80px;">
<input type="button" class="date_delete" value="x" objType="resPlan">
</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">
</div>
</div>
<div class="plm_table_wrap">
<table class="pmsPopupForm" style="width:20%; margin: -50px 0 0;">
<colgroup>
<col width="40px">
<col width="40px">
<col width="40px">
<col width="40px">
<col width="40px">
<col width="40px">
</colgroup>
<tr>
<td class="input_title">전체</td>
<td><a href="#" class="btnSearch_byStatus" data-STATUS="">${COUNT_MAP.ALL_CNT}건</a></td>
<td class="input_title">조치</td>
<td><a href="#" class="btnSearch_byStatus" data-STATUS="complete"><span>${COUNT_MAP.COMPLETE_CNT}</span>건</a></td>
<td class="input_title">미결</td>
<td><a href="#" class="btnSearch_byStatus" data-STATUS="create"><span>${COUNT_MAP.ONGOING_CNT}</span>건</a></td>
</tr>
</table>
<div style="overflow-y:scroll;">
<table class="plm_table" style="width:100%;">
<colgroup>
<col width="5%">
<col width="5%">
<col width="5%">
<col width="*">
<col width="8%">
<col width="8%">
<col width="8%">
<col width="8%">
<col width="*">
<col width="8%">
<col width="8%">
<col width="5%">
</colgroup>
<thead>
<tr class="plm_thead">
<td>고객사</td>
<td>차종</td>
<td>제품군</td>
<td>제품</td>
<td>Part No</td>
<td>검사명</td>
<td>단계</td>
<td>유형</td>
<td>제목</td>
<td>제기일</td>
<td>조치요청일</td>
<td>확인결과</td>
</tr>
</thead>
</table>
</div>
<div class="plm_scroll_table" style="width:100%; height:308px;">
<table class="plm_table">
<colgroup>
<col width="5%">
<col width="5%">
<col width="5%">
<col width="*">
<col width="8%">
<col width="8%">
<col width="8%">
<col width="8%">
<col width="*">
<col width="8%">
<col width="8%">
<col width="5%">
</colgroup>
<tbody>
<c:choose>
<c:when test="${!empty LIST}">
<c:forEach var="info" items="${LIST}" varStatus="status">
<tr>
<td title="${info.OEM_NAME}">${info.OEM_NAME}</td>
<td title="${info.CAR_CODE}">${info.CAR_CODE}</td>
<td title="${info.PROD_GROUP_NAME}">${info.PROD_GROUP_NAME}</td>
<td title="${info.PROD_NAME}">${info.PROD_NAME}</td>
<td title="${info.PART_NO}"><a href="#" class="btnDetailPart" data-PART_NO="${info.PART_NO}">${info.PART_NO}</a></td>
<td title="${info.TEST_TYPE_NAME}">${info.TEST_TYPE_NAME}</td>
<td>
<c:choose>
<c:when test="${info.STEP1 eq 'design'}">
설계
</c:when>
<c:when test="${info.STEP1 eq 'develop'}">
개발
</c:when>
<c:when test="${info.STEP1 eq 'production'}">
양산
</c:when>
<c:otherwise>
${info.STEP1}
</c:otherwise>
</c:choose>
/ ${info.STEP2}
</td>
<td>
<c:choose>
<c:when test="${info.TYPE1 eq 'design'}">
설계
</c:when>
<c:when test="${info.TYPE1 eq 'mold'}">
금형/단품
</c:when>
<c:when test="${info.TYPE1 eq 'facilities'}">
조립/설비
</c:when>
<c:when test="${info.TYPE1 eq 'etc'}">
부자재/기타
</c:when>
<c:otherwise>
${info.TYPE1}
</c:otherwise>
</c:choose>
/ ${info.TYPE2}
</td>
<td title="${info.SUBJECT}"><a href="#" class="btnDetail" data-OBJID="${info.PROBLEM_OBJID}" data-TARGET_OBJID="${info.PROBLEM_GROUP_OBJID}">${info.SUBJECT}</td>
<td title="${info.REQ_DATE}">${info.REQ_DATE}</td>
<td title="${info.RES_PLAN_DATE}">${info.RES_PLAN_DATE}</td>
<td>
<c:choose>
<c:when test="${info.PROBLEM_STATUS eq 'create'}">
미결
</c:when>
<c:when test="${info.PROBLEM_STATUS eq 'complete'}">
조치
</c:when>
<c:otherwise>
${info.PROBLEM_STATUS}
</c:otherwise>
</c:choose>
</td>
</tr>
</c:forEach>
</c:when>
<c:otherwise>
<tr>
<td colspan="11" align="center">조회된 정보가 없습니다.</td>
</tr>
</c:otherwise>
</c:choose>
</tbody>
</table>
</div>
</div>
</section>
<div class="btn_wrap" style="clear:both;">
<div class="plm_btn_wrap_center">
<input type="button" value="닫기" id="btnClose" class="plm_btns">
</div>
</div>
</div>
</form>
</body>
</html>