Files
matrix/build/WebContent/WEB-INF/app/operation/reporting/qcrreporting.jsp

403 lines
15 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@page language="java" session="true" %>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Cygnus 1.0 | Reporting (Quality Check) </title>
<script language="javascript" src="/matrix/js/lib/constants.js" type="text/javascript"></script>
<script language="javascript" src="/matrix/js/jquery1.7.2.js" type="text/javascript"></script>
<script language="javascript" src="/matrix/js/ui/uifuncs.js" type="text/javascript"></script>
<script language="javascript" src="/matrix/js/lib/jsfuncs.js" type="text/javascript"></script>
<script language="javascript" src="/matrix/js/ui/msgdialog.js" type="text/javascript"></script>
<script language="javascript" src="/matrix/js/ui/select.js" type="text/javascript"></script>
<script language="javascript" src="/matrix/js/flexigrid.js" type="text/javascript"></script>
<script language="javascript" src="/matrix/js/jquery.tablesorter.js" type="text/javascript"></script>
<script language="javascript" src="/matrix/js/ui/jquery-ui.js" type="text/javascript"></script>
<script language="javascript" src="/matrix/js/appjs/reporting.js" type="text/javascript"></script>
<link href="/matrix/css/div.css" rel="stylesheet" type="text/css" />
<link href="/matrix/css/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="/matrix/css/textbox.css" rel="stylesheet" type="text/css" />
<link href="/matrix/css/select.css" rel="stylesheet" type="text/css" />
<link href="/matrix/css/button.css" rel="stylesheet" type="text/css" />
<link href="/matrix/css/flexigrid.css" rel="stylesheet" type="text/css" media="all" />
<link href="/matrix/css/bootstrap-5.3.8.min.css" rel="stylesheet" type="text/css" />
<link href="/matrix/css/matrix-v2.css?v=6" rel="stylesheet" type="text/css" />
<link href="/matrix/css/matrix-shell-v2.css?v=7" rel="stylesheet" type="text/css" />
<link href="/matrix/css/role-batch-v2.css?v=6" rel="stylesheet" type="text/css" />
<link href="/matrix/css/scanning-v3.css?v=2" rel="stylesheet" type="text/css" />
<script src="/matrix/js/bootstrap-5.3.8.bundle.min.js" defer></script>
<script src="/matrix/js/matrix-shell-v2.js" defer></script>
<link href="/matrix/css/matrix-frame-dialog.css?v=9" rel="stylesheet" type="text/css" />
<script src="/matrix/js/matrix-frame-dialog.js?v=3" defer></script>
<script src="/matrix/js/matrix-accessibility-v1.js?v=1" defer></script>
<link href="/matrix/css/matrix-theme-v2.css?v=4" rel="stylesheet" type="text/css" />
</head>
<body class="matrix-v2 matrix-shell matrix-batch-v2 matrix-scanning-page matrix-scanning-queue">
<div id='PageFrame'>
<%@ include file="/WEB-INF/app/fragments/app-shell-header.jspf" %>
<%-- Shared shell owns ${Sessvals.menuHtml}. --%>
<div id="formcontainer" class="matrix-reporting-workspace">
<form:form method="post" name="oprreporting" id="oprreporting" modelAttribute="oprReporting" >
<div>
<!-- Title -->
<div class="title">
<img class="matrix-title-icon" src="/matrix/images/commondet.png" align="absmiddle" />
<span class="matrix-title-text" align="absmiddle">Reporting</span>
<img id="close" src="/matrix/images/reload.png" title="Refresh Grid" onclick="SubmitForm('filterqcreporting','_parent','oprreporting')"/>
</div>
<!-- -->
<!-- Form (Filter, Sorting and Statatics Section) -->
<table class="matrix-report-overview" border="0" style="width:100%" cellspacing="0">
<tr>
<td id="filter" class="matrix-report-card matrix-report-card--filters" valign="top" style="border:1px solid #a7abb4;width:350px">
<div id="FormPanel1" class="FormPanel" style="height:100%" >
<table align="center" class="matrix-form-controls">
<tr>
<td colspan="2"><b>Filters</b></td>
</tr>
<tr>
<td>Portfolio</td>
<td>
<div class="divselect" id="divportfolio" style="width:235px;">
<form:select path="portfolioid" multiple="false" id="portlist" style="width:253px" onchange="AddFilter(this,'port')" >
<form:option value="-1" label="Select" selected="true"/>
<c:forEach items="${portlist}" var="port">
<form:option value="${port[0]}" label="${port[1]}" />
</c:forEach>
</form:select>
</div>
</td>
</tr>
<tr>
<td>Verifier</td>
<td>
<div class="divselect" id="veridiv" style="width:235px;">
<form:select path="verifierid" multiple="false" id="verlist" style="width:253px" onchange="AddFilter(this,'ver')" >
<form:option value="-1" label="Select" selected="true"/>
<c:forEach items="${verlist}" var="ver">
<form:option value="${ver[0]}" label="${ver[1]}" />
</c:forEach>
</form:select>
</div>
</td>
</tr>
<tr>
<td>Scanner</td>
<td>
<div class="divselect" id="scannerdiv" style="width:235px;">
<select id="scannerlist" style="width:253px" onchange="filterScanningGrid(this)" >
<option value="-1">Select</option>
</select>
</div>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="button" id="btnfilter" class="button" value="Apply" onclick="FilterGrid('opr','filterqcreporting','oprreporting')" /></td>
</tr>
<tr>
<td style="height:17px"></td>
<td><input type="checkbox" id="chkCrosscheck" onclick="filterCrossCheckCases()"/> Marked for Cross-Check</td>
</tr>
</table>
</div>
</td>
<td id="filter" class="matrix-report-card matrix-report-card--filters" valign="top" style="border:1px solid #a7abb4;width:300px">
<div id="FormPanel1" class="FormPanel" style="height:100%" >
<table align="center" class="matrix-form-controls">
<tr>
<td colspan="2"><b>Done Between</b></td>
</tr>
<tr>
<td colspan="2">
<form:input path="fltfromdt" style="width:100px" class="datePicker" /> - <form:input path="flttodt" style="width:100px" class="datePicker" />
</td>
</tr>
<tr>
<td><b>Risk</b></td>
<td>
<div class="divselect" id="divportfolio" style="width:176px;">
<form:select path="fltrisk" multiple="false" id="portlist" style="width:194px" >
<form:option value="-1" label="Select" selected="true"/>
<form:option value="1" label="1" />
<form:option value="2" label="2" />
<form:option value="3" label="3" />
<form:option value="4" label="4" />
<form:option value="5" label="5" />
<form:option value="6" label="6" />
</form:select>
</div>
</td>
</tr>
<tr>
<td><b>Pincode</b></td>
<td>
<form:input path="fltpincode" maxlength="6" style="width:164px" />
</td>
</tr>
<tr>
<td>Met Person</td>
<td>
<div class="divselect" id="metpersondiv" style="width:175px;">
<select id="metpersonlist" style="width:193px" onchange="filterScanningGrid(this)" >
<option value="-1">Select</option>
<option value='Applicant'>Applicant</option>
<option value='Parents'>Parents</option>
<option value='Spouse'>Spouse</option>
<option value='Son/Daughter'>Son/Daughter</option>
<option value='Family Member'>Family Member</option>
<option value='Care Taker'>Care Taker</option>
<option value='Partner'>Partner</option>
<option value='Colleague'>Colleague</option>
</select>
</div>
</td>
</tr>
<tr>
<td style="height:13px"></td>
<td></td>
</tr>
</table>
</div>
</td>
<td id="sorting" class="matrix-report-card matrix-report-card--selection" valign="top" style="border:1px solid #a7abb4;">
<div id="divsorting" class="FormPanel" style="height:160px">
<table align="center" class="matrix-form-controls" width="98%">
<tr>
<td class="title" style="height:10px;border:1px solid #a7abb4;font-weight:bold;text-align:center;vertical-align:middle;">Portfolio</td>
<td class="title" style="height:10px;width:130px;border:1px solid #a7abb4;font-weight:bold;text-align:center;vertical-align:middle;">Verifier</td>
</tr>
<tr>
<td style="overflow:auto;padding:0px;vertical-align:top;border:1px solid #a7abb4">
<div style="overflow:auto;height:119px;width:100%" id="portdiv">
</div>
</td>
<td style="overflow:auto;padding:0px;vertical-align:top;border:1px solid #a7abb4">
<div style="overflow:auto;height:119px;width:100%" id="verdiv">
</div>
</td>
</tr>
</table>
</div>
</td>
<td class="matrix-report-card matrix-report-card--summary" valign="top">
<div class="FormPanel" style="height:100%;display:none">
<table align="center" class="matrix-form-controls">
<tr>
<td><b>Statatics</b></td>
<td></td><td></td><td></td>
</tr>
<tr>
<td>Residence</td>
<td><form:input path="totresi" readonly="true" style="width:30px" /></td>
<td>Office</td>
<td><form:input path="totoff" readonly="true" style="width:30px" /></td>
</tr>
<tr>
<td>Property</td>
<td><form:input readonly="true" path="totprop" style="width:30px" /></td>
<td></td><td></td>
</tr>
<tr>
<td>&nbsp;</td><td></td><td></td><td></td>
</tr>
<tr>
<td style="height:21px">&nbsp;</td><td></td><td></td><td></td>
</tr>
</table>
</div>
</td>
<td class="matrix-report-card matrix-report-card--summary" valign="top" style="border-right:1px solid #a7abb4;">
<div class="FormPanel" style="height:100%;display:none">
<table align="center" class="matrix-form-controls">
<tr>
<td><b>Pending</b></td>
<td><form:input readonly="true" path="pending" style="width:30px;font-weight:bold" /></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Backlog</td>
<td><form:input readonly="true" path="pbacklog" style="width:30px;color:red" /></td>
<td>AM</td>
<td><form:input readonly="true" path="pam" style="width:30px;color:blue" /></td>
<td>PM</td>
<td><form:input readonly="true" path="ppm" style="width:30px;color:green" /></td>
</tr>
<tr>
<td><b>Solved</b></td>
<td><form:input type="text" readonly="true" path="solved" style="width:30px;font-weight:bold" /></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Backlog</td>
<td><form:input readonly="true" path="sbacklog" style="width:30px" /></td>
<td>AM</td>
<td><form:input readonly="true" path="sam" style="width:30px" /></td>
<td>PM</td>
<td><form:input readonly="true" path="spm" style="width:30px" /></td>
</tr>
<tr>
<td style="height:5px"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<!-- -->
<div class="matrix-report-grid">
<table class="matrix-data-grid" width="100%" id="casetable">
<thead>
<tr>
<th width="25"><b>S.No</b></th>
<th width="58"><b>MV Code</b></th>
<th width="60"><b>File No.</b></th>
<th width="145"><b>Name</b></th>
<th width="57"><b>Type</b></th>
<th width="50"><b>Produt</b></th>
<th width="80"><b>Portfolio</b></th>
<th width="50"><b>Branch</b></th>
<th width="80"><b>Received On</b></th>
<th width="75"><b>Done On</b></th>
<th width="27"><b>Batch</b></th>
<th width="18"><b>Ver</b></th>
<th width="23"><b>Visit</b></th>
<th width="40"><b>Flags</b></th>
<th width="75"><b>Done By</b></th>
<th width="75"><b>Metperson</b></th>
</tr>
</thead>
<tbody id="tabbody">
<c:forEach items="${oprReporting.caselist}" var="cases" varStatus="status">
<tr id="row${status.count}">
<td>
<input type="hidden" name="row${status.count}visit" id="row${status.count}visit" value="${cases[12]}" />
<input type="hidden" name="uuid" id="row${status.count}uuid" value="${cases[0]}" />
<input type="hidden" name="verifier" id="row${status.count}verifier" value="${cases[1]}" />
<input type="hidden" name="portfolio" id="row${status.count}portfolio" value="${cases[16]}" />
<input type="hidden" name="portfolio" id="row${status.count}crosscheck" value="${cases[22]}" />
${status.count}</td>
<td>${cases[2]}</td>
<td>${cases[3]}</td>
<td>${cases[4]}</td>
<td>${cases[5]}</td>
<td>${cases[6]}</td>
<td>${cases[7]}</td>
<td>${cases[8]}</td>
<td>${cases[19]}</td>
<td>${cases[9]}</td>
<td>${cases[10]}</td>
<td>${cases[11]}</td>
<td>${cases[12]}</td>
<td title="${cases[15]}">${cases[13]}${cases[17]}${cases[18]}</td>
<td>${cases[20]}</td>
<td>${cases[21]}</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
<!-- -->
<input type="hidden" name="page" value="oprreporting" />
<input type="hidden" id="usid" value="${Sessvals.getUserID()}" />
<form:hidden path="portcond" />
<form:hidden path="vercond" />
<form:hidden path="porthtml" />
<form:hidden path="verhtml" />
</form:form>
</div>
</div>
</body>
<!-- Page Load Javascript -->
<script language="javascript" type="text/javascript">
var metpersonkeys = {
"Applicant":["APPLICANT","SELF"],
"Care Taker":["CARE TAKER"],
"Partner":["PARTNER"],
"Family Member":["BROTHER","FAMILY MEMBER","SISTER"],
"Parents":["FATHER","MOTHER"],
"Son/Daughter":["DAUGHTER","SON","SON/DAUGHTER"],
"Spouse":["SPOUSE","WIFE","HUSBAND"],
"Colleague":["COLLEAGUE"]
}
$(document).ready(function () {
$('.datePicker').datepicker();
fillScannerDD();
});
InitPage();
function fillScannerDD(){
var arr = ["Select"];
var scannerddhtml = '<select id="scannerlist" style="width:253px" onchange="filterScanningGrid(this)" ><option value="-1">Select</option>';
$("#tabbody tr").each(function(){
var scannername = $(this).find('td').eq(14).html();
if (arr.indexOf(scannername)==-1){
arr.push(scannername);
scannerddhtml = scannerddhtml + '<option value="'+scannername+'">'+scannername+'</option>';
}
});
scannerddhtml = scannerddhtml+ '</select>';
$("#scannerdiv").html(scannerddhtml);
}
function filterScanningGrid(el){
var selectedscanner = $("#scannerlist").val();
var selectedmetperson = $("#metpersonlist").val();
$("#tabbody tr").each(function(){
$(this).show();
});
if(selectedscanner != '-1'){
$("#tabbody tr").each(function(){
var scannername = $(this).find('td').eq(14).find('div').html();
if(scannername != selectedscanner){
$(this).hide();
}
});
}
if(selectedmetperson != '-1'){
var mparray = metpersonkeys[selectedmetperson];
$("#tabbody tr").each(function(){
var metperson = $(this).find('td').eq(15).find('div').html();
if(mparray.indexOf(metperson.toUpperCase()) == -1){
$(this).hide();
}
});
}
}
</script>
<!-- -->
<!-- Process Message -->
<c:if test="${not empty msg}">
<script language="javascript" type="text/javascript"> CallMessage('${msg}',3000,200,300); </script>
</c:if>
<!-- -->
</html>