<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<LINK rel="Bookmark" href="/favicon.ico">
<LINK rel="Shortcut Icon" href="/favicon.ico"/>
<script type="text/javascript">
var ctx = "${ctx}";
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="${ctx}/assets/lib/html5.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/respond.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/PIE_IE678.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/Hui-iconfont/1.0.7/iconfont.css"/>
<link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/icheck/icheck.css"/>
<link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/skin/default/skin.css" id="skin"/>
<link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/style.css"/>
<link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/webuploader/0.1.5/webuploader.css"/>
<link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css"/>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/jquery.validation/1.14.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/jquery.validation/1.14.0/messages_zh.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="${ctx}/assets/static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
<!--/_footer /作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.min.js"></script>
<link href="${ctx}/assets/lib/jquery.sumoselect/sumoselect.css" rel="stylesheet"/>
<script type="text/javascript" src="${ctx}/assets/lib/jquery.sumoselect/jquery.sumoselect.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js"></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->
<script type="text/javascript">
var contextPath = "${ctx}";
</script>
<script type="text/javascript" src="${ctx}/assets/lib/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/ueditor/1.4.3/ueditor.all.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/colorpicker/evol-colorpicker.css"/>
<link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/default.css">
<link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/fileinput.css">
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/fileinput.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/locales/zh.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="${ctx}/assets/js/validate.js"></script>
<script src="${ctx}/assets/js/common.js"></script>
<script type="text/ecmascript" src="${ctx}/assets/lib/jquery/tableExport.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/tablesMergeCell.js"></script>
<style>
body,html{padding:0;margin:0;}
*{padding:0;margin:0;}
.title{width:85%;padding:0;margin:10px auto 20px auto;line-height:20px;font-size:20px;font-weight:bold; font-family:"Microsoft YaHei"; text-align:center; color:#404040;}
.time{width:85%;padding:0;margin:0 auto;line-height:30px;font-size:14px; font-family:"Microsoft YaHei"; text-align:center;color:#8c8c8c}
.time .dc{width:auto;padding:0 10px;background:#7ea6d2;height:24px;line-height:20px;color:#fff; outline:none;border:#9ebfe4 1px solid; cursor:pointer; border-radius:5px; display:block;margin:3px 0; float:left;}
.time span{padding:0;margin:0;float:left;}
.table{width:85%;margin:10px auto;padding:0;border-top: rgba(10, 10, 10, 0.96) 1px solid;border-left: #0a0a0a 1px solid;}
.table tr{width:100%;margin:0;padding:0;}
.table tr td{margin:0;padding:0;border-bottom: #0a0a0a 1px solid;border-right: #0a0a0a 1px solid;min-height:30px;line-height:24px;padding:5px;font-size:14px; font-family:"Microsoft YaHei"; text-align:center;color:#4e4e4e;}
</style>
<style type="text/css">
.margintop {
margin-bottom: 5px;
}
.placeholder {
height: 14px;
}
</style>
<script type="text/javascript">
function doSubmit(strNo) {
var strBeginAppealDate = $("#BeginAppealDate").val();
var strEndAppealDate = $("#EndAppealDate").val();
if (isEmpty(strBeginAppealDate) || isEmpty(strEndAppealDate)) {
layer.alert("投诉时间不能为空！", {skin: 'layui-layer-molv', closeBtn: 0}, function () {
layer.closeAll('dialog');
});
return;
} else {
$('#form1').attr('action', '${ctx}/myconsole/complaint/report/selectinfo04_' + strNo);
$('#form1').attr('target', '_self');
$('#form1').submit();
}
}
//根据分公司获取部门信息
function setCentreCompanyID() {
var filialeID = $("#FilialeID").val();
$("#respondentFilialeID").val(filialeID);
if (filialeID != '') {
var filialeName = $("#FilialeID").find("option:selected").text();
$("#FilialeName").val(filialeName);
$('#form1').attr('action', '${ctx}/myconsole/complaint/register/getFilialeBusinessHallNameData?ParentID=' + filialeID);
$('#form1').ajaxSubmit(setCentreCompanyIDData);
} else {
$("#CentreCompanyID").empty();
$("#FilialeName").val("");
}
}
//回写原因二类字典数据
function setCentreCompanyIDData(data) {
$("#BusinessHallID").empty();
$("#BusinessHallID").append("<option value=''>请选择</option>");
$("#BusinessHallID").append(data);
}
function setBusinessHallName() {
var BusinessHallID = $("#BusinessHallID").val();
if (BusinessHallID != '') {
var BusinessHallName = $("#BusinessHallID").find("option:selected").text();
$("#BusinessHallName").val(BusinessHallName);
} else {
$("#BusinessHallName").val("");
}
}
//根据一级渠道获取二级渠道3
function setSalesChannelName()
{
var idData=$('#SalesChannelID').val();
if(idData!='')
{
var nameData=$("#SalesChannelID").find("option:selected").text();
$("#SalesChannelName").val(nameData);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getSalesTypeIDData?ParentID='+idData);
$('#form1').ajaxSubmit(setSalesTypeIDData);
}else {
$("#SalesChannelName").val("");
}
}
//回写二级渠道方式数据
function setSalesTypeIDData(data)
{
$("#SalesTypeID").empty();
$("#SalesTypeID").append("<option value=''>请选择</option>");
$("#SalesTypeID").append(data);
//动态绑定数据一定要加这句话否则没有效果
$(".selectpicker" ).selectpicker('refresh');
}
function setSalesTypeName()
{
var idData=$('#SalesTypeID').val();
if(idData!='')
{
var nameData=$("#SalesTypeID").find("option:selected").text();
$("#SalesTypeName").val(nameData);
}
else
{
$("#SalesTypeName").val("");
}
}
//setAppealaffiliationID2()选择二级诉求类别
function setAppealAffiliationID2()
{
var AppealAffiliationID1=$('#AppealAffiliationID1').val();
var nameData="";
if(AppealAffiliationID1!='')
{
nameData=$("#AppealAffiliationID1").find("option:selected").text();
$("#AppealAffiliationName1").val(nameData);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getAppealAffiliation2Data?ParentID='+AppealAffiliationID1);
$('#form1').ajaxSubmit(setAppealAffiliation2Data);
}
else
{
$("#AppealAffiliationID2").empty();
}
}
//回写归属二类字典数据
function setAppealAffiliation2Data(data)
{
$("#AppealAffiliationID2").empty();
$("#AppealAffiliationID2").append("<option value=''>请选择</option>");
$("#AppealAffiliationID2").append(data);
}
function setAppealAffiliationName2()
{
var AppealAffiliationID2=$('#AppealAffiliationID2').val();
var nameData="";
if(AppealAffiliationID2!='')
{
nameData=$("#AppealAffiliationID2").find("option:selected").text();
$("#AppealAffiliationName2").val(nameData);
}
}
<!--根据下方table的id（tables）调用tableExport.js的tableExport方法导出表格-->
function exportTable() {
$("td:hidden").remove();
$("#tables").tableExport({fileName: '投诉案件办理情况统计表', type: "xls", escape: "false"});
}
//下载附件
function downFile(filePath, fileName) {
window.open('${ctx}/downloadFile.do?FileDownloadPath=' + filePath + '&FileDownloadName=' + fileName, 'Derek', 'resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=no,location=no');
}
$(function () {
$('#tables').tablesMergeCell({
cols: [0,1]
});
})
</script>
<!--/请在上方写此页面业务相关的脚本-->
<title>投诉案件办理情况统计表</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body style="line-height:1;">
<form id="form1" method="post" class="form-horizontal" role="form">
<div style="display: none">
<input type="hidden" id="AppealAffiliationName1" name="AppealAffiliationName1" value=""/>
<input type="hidden" id="AppealAffiliationName2" name="AppealAffiliationName2" value=""/>
<input type="hidden" id="FilialeName" name="FilialeName" value=""/>
<input type="hidden" id="BusinessHallName" name="BusinessHallName" value=""/>
<input type="hidden" id="SalesChannelName" name="SalesChannelName" value=""/>
<input type="hidden" id="SalesTypeName" name="SalesTypeName" value=""/>
<input type="hidden" id="RespondentModel" name="RespondentModel" value="respondent"/>
<input type="hidden" id="respondentFilialeID" name="respondent.FilialeID" value=""/>
</div>
<div class="container-fluid" style="margin-top:0px;">
<div class="row" style="padding:15px">
<div class="panel panel-primary">
<div class="panel-heading">查询条件</div>
<div id="collapsePerson" class="panel-collapse collapse in">
<div class="panel-body" style="font-size:14px;width:98%">
<div class="row" style="padding:5px">
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback">
<label class="control-label" for="xjstartDate">投诉时间</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback"
id="quarterStartDate">
<div class="input-group">
<input type="text" class="form-control" placeholder="" id="BeginAppealDate"
name="BeginAppealDate" vmode="not null" vdisp="投诉时间" vtype="string"
readonly>
<div class="input-group-btn">
<button type="button" class="btn btn-default" aria-label="Left Align"
onClick="WdatePicker({dateFmt:'yyyy-MM-dd',el:'BeginAppealDate',maxDate:new Date()})"
title="选择投诉时间">
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
</button>
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" id="property">
<label class="control-label" for="xjendDate"
id="property"> 至 </label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback" id="quarterEndDate">
<div class="input-group">
<input type="text" class="form-control" placeholder="" id="EndAppealDate"
name="EndAppealDate" vmode="not null" vdisp="投诉时间 " vtype="string"
readonly>
<div class="input-group-btn">
<button type="button" class="btn btn-default" aria-label="Left Align"
onClick="WdatePicker({dateFmt:'yyyy-MM-dd',el:'EndAppealDate',minDate:$('#BeginAppealDate').val(),maxDate:new Date()})"
title="选择投诉时间">
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
</button>
</div>
</div>
</div>
<!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
<!-- <label class="control-label">投诉来源</label>-->
<!-- </div>-->
<!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
<!-- <select id="AppealSource" name="AppealSource" class="form-control" vmode=""-->
<!-- vdisp="投诉来源" vtype="string">-->
<!-- <option value="">请选择</option>-->
<!-- ${appealSource!''}-->
<!-- </select>-->
<!-- </div>-->
</div>
<!-- <div class="row" style="padding:5px">-->
<!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
<!-- <label class="control-label">机构</label>-->
<!-- </div>-->
<!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
<!-- <select id="FilialeID" name="FilialeID" class="form-control" vmode=""-->
<!-- onChange=setCentreCompanyID() vdisp="机构" vtype="string">-->
<!--<!– <option value=""></option>–>-->
<!-- ${filiale!''}-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
<!-- <label class="control-label">部门</label>-->
<!-- </div>-->
<!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
<!-- <select id="BusinessHallID" name="BusinessHallID" class="form-control" vmode=""-->
<!-- onChange=setBusinessHallName() vdisp="部门" vtype="string">-->
<!--<!– <option value=""></option>–>-->
<!-- ${businessHallID!''}-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
<!-- <label class="control-label">一级渠道</label>-->
<!-- </div>-->
<!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
<!-- <select id="SalesChannelID" name="SalesChannelID" class="form-control" vmode=""-->
<!-- onChange=setSalesChannelName() vdisp="一级渠道" vtype="string">-->
<!-- <option value="">请选择</option>-->
<!-- ${SalesChannel!''}-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row" style="padding:5px">-->
<!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
<!-- <label class="control-label">二级渠道</label>-->
<!-- </div>-->
<!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
<!-- <select id="SalesTypeID" name="SalesTypeID" class="form-control" vmode=""-->
<!-- onChange=setSalesTypeName() vdisp="二级渠道" vtype="string">-->
<!-- <option value=""></option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
<!-- <label class="control-label">投诉件归属</label>-->
<!-- </div>-->
<!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
<!-- <select id="AppealAffiliationID1" name="AppealAffiliationID1" class="form-control" vmode=""-->
<!-- onChange=setAppealAffiliationID2() vdisp="投诉件归属" vtype="string">-->
<!-- <option value="">请选择</option>-->
<!-- ${appealaffiliation!''}-->
<!-- </select>-->
<!-- </div>-->
<!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
<!-- <label class="control-label">二级归属</label>-->
<!-- </div>-->
<!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
<!-- <select id="AppealAffiliationID2" name="AppealAffiliationID2" class="form-control" vmode=""-->
<!-- onChange=setAppealAffiliationName2() vdisp="二级归属" vtype="string">-->
<!-- <option value=""></option>-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
<div class="row" style="padding:5px" align=center>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<button type="button" class="btn btn-success" id="SubmitButton1"
onclick="doSubmit('01')"> 查询
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<div class="container-fluid" style="margin-top:1px;">
<div class="time">
<span><input class="dc" id="dc" value="导出Excel" type="${showFlag!''}" onclick="exportTable()" /></span>
<div style="clear:both;"></div>
</div>
<table id="tables" width="85%" cellpadding="0" cellspacing="0" border="0" class="table">
${tableData!''}
</table>
</div>
</body>
</html>