<!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="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/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.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/My97DatePicker/WdatePicker.js"></script>
<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 type="text/javascript" src="${ctx}/assets/js/base.js"></script>
<script src="${ctx}/assets/js/validate.js"></script>
<script type="text/javascript">
function doSubmit() {
if (doValidate(form1)) {
$('#form1').attr('action', '${ctx}/myconsole/complaint/query/showData');
$('#form1').submit();
}
}
function resultHandle(data) {
var res = eval('(' + data + ')');
if (res.flag) {
layer.alert(res.message, {skin: 'layui-layer-molv', closeBtn: 1},
function () {
layer.closeAll('dialog');
window.location.reload();
});
} else {
if (res.flag == false) {
layer.alert(res.message, {skin: 'layui-layer-molv', closeBtn: 0}, function () {
});
}
}
}
/*全选/取消全选*/
//页面加载的时候,所有的复选框都是未选中的状态
function checkOrCancelAll() {
//1.获取checkbo的元素对象
var chElt = document.getElementById("chElt");
//2.获取选中状态
var checkedElt = chElt.checked;
console.log(checkedElt)
//3.若checked=true,将所有的复选框选中,checked=false,将所有的复选框取消
var allCheck = document.getElementsByName("FieldName");
//4.循环遍历取出每一个复选框中的元素
//var mySpan=document.getElementById("mySpan");
if (checkedElt) {
//全选
for (var i = 0; i < allCheck.length; i++) {
//设置复选框的选中状态
allCheck[i].checked = true;
}
//mySpan.innerHTML="取消全选";
} else {
//取消全选
for (var i = 0; i < allCheck.length; i++) {
allCheck[i].checked = false;
}
//mySpan.innerHTML="全选";
}
}
//根据省取地市数据
function setAreaID() {
var provinceID = $("#ProvinceID").val();
$("#CountyID").empty();
if (provinceID != '') {
$("#form1").attr("action", "${ctx}/myconsole/complaint/register/getAreaIDData");
$("#form1").ajaxSubmit(setAreaIDData);
} else {
$("#AreaID").empty();
}
if ($("#ProvinceID").val() != "") {
var provinceName = $("#ProvinceID").find("option:selected").text();
$("#ProvinceName").val(provinceName);
} else {
$("#ProvinceName").val("");
}
}
//回写json地市数据
function setAreaIDData(data) {
$("#AreaID").empty();
$("#AreaID").append("<option value=''>请选择</option>");
var listRegionJson = JSON.parse(data);
var postalCode = listRegionJson.PostalCode;
var listregion = eval(listRegionJson.ListRegion);
listregion.forEach(function (item, index) {
$("#AreaID").append("<option value='" + item.tid + "'>" + item.tname + "</option>");
})
$("#Postalcode").val(postalCode);
}
//根据地市数据选择县区数据
function setCountyID() {
var areaID = $('#AreaID').val();
if (areaID != '') {
$("#form1").attr("action", "${ctx}/myconsole/complaint/register/getCountyIDData");
$("#form1").ajaxSubmit(setCountyIDData);
} else {
$("#CountyID").empty();
}
if ($("#AreaID").val() != "") {
var provinceName = $("#ProvinceID").find("option:selected").text();
var areaName = $("#AreaID").find("option:selected").text();
$("#ProvinceName").val(provinceName);
$("#AreaName").val(areaName);
} else {
$("#AreaName").val("");
}
}
//回写json区县数据
function setCountyIDData(data) {
$("#CountyID").empty();
$("#CountyID").append("<option value=''>请选择</option>");
var listRegionJson = JSON.parse(data);
var postalCode = listRegionJson.PostalCode;
var listregion = eval(listRegionJson.ListRegion);
listregion.forEach(function (item, index) {
$("#CountyID").append("<option value='" + item.tid + "'>" + item.tname + "</option>");
})
$("#Postalcode").val(postalCode);
}
//根据一级投诉原因设置二级投诉原因
function setReasonID2() {
$("#ReasonID3").empty();
var reasonID1 = $('#ReasonID1').val();
if (reasonID1 != '') {
var reasonName1 = $("#ReasonID1").find("option:selected").text();
$("#ReasonName1").val(reasonName1);
$('#form1').attr('action', '${ctx}/myconsole/complaint/register/getReasonID2Data');
$('#form1').ajaxSubmit(setReasonID2Data);
} else {
$("#ReasonID2").empty();
$("#ReasonName1").val("");
}
}
//回写原因二类字典数据
function setReasonID2Data(data) {
$("#ReasonID2").empty();
$("#ReasonID2").append("<option value=''>请选择</option>");
$("#ReasonID2").append(data);
}
//根据二级投诉原因设置三级投诉原因
function setReasonID3() {
var reasonID2 = $('#ReasonID2').val();
if (reasonID2 != '') {
var reasonName2 = $("#ReasonID2").find("option:selected").text();
$("#ReasonName2").val(reasonName2);
$('#form1').attr('action', '${ctx}/myconsole/complaint/register/getReasonID3Data');
$('#form1').ajaxSubmit(setReasonID3Data);
} else {
$("#ReasonID3").empty();
$("#ReasonName2").val("");
}
}
//回写原因二类字典数据
function setReasonID3Data(data) {
$("#ReasonID3").empty();
$("#ReasonID3").append("<option value=''>请选择</option>");
$("#ReasonID3").append(data);
}
//设置三级投诉原因名称
function setReasonName3() {
var reasonID3 = $('#ReasonID3').val();
if (reasonID3 != '') {
var reasonName3 = $("#ReasonID3").find("option:selected").text();
$("#ReasonName3").val(reasonName3);
} else {
$("#ReasonName3").val("");
}
}
//根据被诉分公司选择中支公司信息
/* function setCentreCompanyID(respondentModel)
{
var filialeID=$('#'+respondentModel+"FilialeID").val();
if(filialeID!='')
{
var filialeName=$('#'+respondentModel+"FilialeID").find("option:selected").text();
$('#'+respondentModel+"FilialeName").val(filialeName);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getDICCentreCompanyIDData?RespondentModel='+respondentModel);
$('#form1').ajaxSubmit(setCentreCompanyIDData);
$('#RespondentModel').val(respondentModel);
//setFilialeBusinessHallID(respondentModel);
}
else
{
$("#"+respondentModel+"CentreCompanyID").empty();
$('#'+respondentModel+"FilialeName").val("");
}
}
*/
//根据分公司获取部门信息
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("");
}
}
function setQuestionTypeID2()
{
var strQuestionTypeID1=$('#QuestionTypeID1').val();
if(strQuestionTypeID1!='')
{
var strQuestionTypeName1=$("#QuestionTypeID1").find("option:selected").text();
$("#QuestionTypeName1").val(strQuestionTypeName1);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getQuestionTypeID2Data?ParentID='+strQuestionTypeID1);
$('#form1').ajaxSubmit(setQuestionTypeID2Data);
}
else
{
$("#QuestionTypeID2").empty();
$("#QuestionTypeName1").val("");
}
}
//回写原因二类字典数据
function setQuestionTypeID2Data(data){
$("#QuestionTypeID2").empty();
$("#QuestionTypeID2").append("<option value=''>请选择</option>");
$("#QuestionTypeID2").append(data);
}
///根据被诉业务选择二级类别信息qqq
function setRespondentbusinesstypeID2(respondentModel) {
var RespondentbusinesstypeID1 = $('#' + respondentModel + "RespondentbusinesstypeID1").val();
if (RespondentbusinesstypeID1 != '') {
var RespondentbusinesstypeName1 = $('#' + respondentModel + "RespondentbusinesstypeID1").find("option:selected").text();
$('#' + respondentModel + "RespondentbusinesstypeName1").val(RespondentbusinesstypeName1);
$('#form1').attr('action', '${ctx}/myconsole/complaint/register/getRespondentBusinessTypeID2Data?RespondentModel=' + respondentModel);
$('#form1').ajaxSubmit(setRespondentbusinesstypeID1Data);
$('#RespondentModel').val(respondentModel);
//setFilialeBusinessHallID(respondentModel);
} else {
$("#" + respondentModel + "RespondentbusinesstypeID2").empty();
$('#' + respondentModel + "RespondentbusinesstypeName1").val("");
}
}
//回写原因二类字典数据qqqq
function setRespondentbusinesstypeID1Data(data) {
var respondentModel = $('#RespondentModel').val();
$("#" + respondentModel + "RespondentbusinesstypeID2").empty();
$("#" + respondentModel + "RespondentbusinesstypeID2").append("<option value=''>请选择</option>");
$("#" + respondentModel + "RespondentbusinesstypeID2").append(data);
}
function setRespondentbusinesstypeName2(respondentModel) {
var idData = $("#" + respondentModel + "RespondentbusinesstypeID2").val();
if (idData != '') {
var nameData = $("#" + respondentModel + "RespondentbusinesstypeID2").find("option:selected").text();
$("#" + respondentModel + "RespondentbusinesstypeName2").val(nameData);
} else {
$("#" + respondentModel + "RespondentbusinesstypeName2").val("");
}
}
//回写被诉网点数据
function setBusinessHallIDData(data) {
var respondentModel = $('#RespondentModel').val();
$("#" + respondentModel + "BusinessHallID").empty();
$("#" + respondentModel + "BusinessHallID").append("<option value=''>请选择</option>");
$("#" + respondentModel + "BusinessHallID").append(data);
}
function setBusinessHallName(respondentModel) {
var idData = $("#" + respondentModel + "BusinessHallID").val();
if (idData != '') {
var nameData = $("#" + respondentModel + "BusinessHallID").find("option:selected").text();
$("#" + respondentModel + "BusinessHallName").val(nameData);
} else {
$("#" + respondentModel + "BusinessHallName").val("");
}
}
//setInsceTypeID2()选择二级险种类别
function setInsceTypeID2() {
var insceTypeID1 = $('#InsceTypeID1').val();
if (insceTypeID1 != '') {
var insceTypeName1 = $("#InsceTypeID1").find("option:selected").text();
$("#InsceTypeName1").val(insceTypeName1);
$('#form1').attr('action', '${ctx}/myconsole/complaint/register/getInsceTypeID2Data');
$('#form1').ajaxSubmit(setInsceTypeID2Data);
} else {
$("#InsceTypeID2").empty();
$("#InsceTypeName1").val("");
}
}
//回写原因二类字典数据
function setInsceTypeID2Data(data) {
$("#InsceTypeID2").empty();
$("#InsceTypeID2").append("<option value=''>请选择</option>");
$("#InsceTypeID2").append(data);
}
//setInsceTypeID3()选择三级险种类别
function setInsceTypeID3() {
var insceTypeID2 = $('#InsceTypeID2').val();
if (insceTypeID2 != '') {
var insceTypeName2 = $("#InsceTypeID2").find("option:selected").text();
$("#InsceTypeName2").val(insceTypeName2);
$('#form1').attr('action', '${ctx}/myconsole/complaint/register/getInsceTypeID3Data');
$('#form1').ajaxSubmit(setInsceTypeID3Data);
} else {
$("#InsceTypeID3").empty();
$("#InsceTypeName2").val("");
}
}
//回写原因二类字典数据
function setInsceTypeID3Data(data) {
$("#InsceTypeID3").empty();
$("#InsceTypeID3").append("<option value=''>请选择</option>");
$("#InsceTypeID3").append(data);
}
function setInsceTypeName3() {
var insceTypeID3 = $('#InsceTypeID3').val();
if (insceTypeID3 != '') {
var insceTypeName3 = $("#InsceTypeID3").find("option:selected").text();
$("#InsceTypeName3").val(insceTypeName3);
} else {
$("#InsceTypeName3").val("");
}
}
//setAskTypeID2()选择二级诉求类别
function setAskTypeID2() {
var askTypeID1 = $('#AskTypeID1').val();
if (askTypeID1 != '') {
var askTypeName1 = $("#AskTypeID1").find("option:selected").text();
$("#AskTypeName1").val(askTypeName1);
$('#form1').attr('action', '${ctx}/myconsole/complaint/register/getAskTypeID2Data');
$('#form1').ajaxSubmit(setAskTypeID2Data);
} else {
$("#AskTypeID2").empty();
$("#FilialeName").val("");
}
}
//回写原因二类字典数据
function setAskTypeID2Data(data) {
$("#AskTypeID2").empty();
$("#AskTypeID2").append("<option value=''>请选择</option>");
$("#AskTypeID2").append(data);
}
//setAskTypeID3()选择三级诉求类别
function setAskTypeID3() {
var askTypeID2 = $('#AskTypeID2').val();
if (askTypeID2 != '') {
var askTypeName2 = $("#AskTypeID2").find("option:selected").text();
$("#AskTypeName2").val(askTypeName2);
$('#form1').attr('action', '${ctx}/myconsole/complaint/register/getAskTypeID3Data');
$('#form1').ajaxSubmit(setAskTypeID3Data);
} else {
$("#AskTypeID3").empty();
$("#AskTypeName2").val("");
}
}
//回写原因二类字典数据
function setAskTypeID3Data(data) {
$("#AskTypeID3").empty();
$("#AskTypeID3").append("<option value=''>请选择</option>");
$("#AskTypeID3").append(data);
}
function setAskTypeName3() {
var askTypeID3 = $('#AskTypeID3').val();
if (askTypeID3 != '') {
var askTypeName3 = $("#AskTypeID3").find("option:selected").text();
$("#AskTypeName3").val(askTypeName3);
} else {
$("#AskTypeName3").val("");
}
}
//setComplaintTypeID2()根据投诉类别一级分类取二级分类
function setComplaintTypeID2() {
var complaintTypeID1 = $('#ComplaintTypeID1').val();
if (complaintTypeID1 != '') {
var complaintTypeName1 = $("#ComplaintTypeID1").find("option:selected").text();
$("#ComplaintTypeName1").val(complaintTypeName1);
$('#form1').attr('action', '${ctx}/myconsole/complaint/register/getComplaintTypeID2Data');
$('#form1').ajaxSubmit(setComplaintTypeID2Data);
} else {
$("#ComplaintTypeID2").empty();
$("#ComplaintTypeName1").val("");
}
}
//回写投诉二级分类字典数据
function setComplaintTypeID2Data(data) {
$("#ComplaintTypeID2").empty();
$("#ComplaintTypeID2").append("<option value=''>请选择</option>");
$("#ComplaintTypeID2").append(data);
}
function setComplaintTypeName2() {
var complaintTypeID2 = $('#ComplaintTypeID2').val();
if (complaintTypeID2 != '') {
var complaintTypeName2 = $("#ComplaintTypeID2").find("option:selected").text();
$("#ComplaintTypeName2").val(complaintTypeName2);
} else {
$("#ComplaintTypeName2").val("");
}
}
function setSectionName() {
var sectionID = $('#SectionID').val();
if (sectionID != '') {
var sectionName = $("#SectionID").find("option:selected").text();
$("#SectionName").val(sectionName);
} else {
$("#SectionName").val("");
}
}
function setToAllOrgName() {
var toAllOrgID = $('#ToAllOrgID').val();
if (toAllOrgID != '') {
var toAllOrgName = $("#ToAllOrgID").find("option:selected").text();
$("#ToAllOrgName").val(toAllOrgName);
} else {
$("#ToAllOrgName").val("");
}
}
function setAppealType() {
var appealType = $("#AppealType").val();
if (appealType == '消费投诉') {
$("#Complain1").show();
$("#Complain2").show();
$("#Complain3").show();
} else {
$("#Complain1").hide();
$("#Complain2").hide();
$("#Complain3").hide();
}
if (appealType == '异议信息') {
$("#Dissent1").show();
} else {
$("#Dissent1").hide();
}
}
function setCollapseIcon(collapseIcon) {
var curCollapseIconClass = $("#" + collapseIcon).attr("class");
if (curCollapseIconClass == "glyphicon glyphicon-menu-up") {
$("#" + collapseIcon).attr("class", "glyphicon glyphicon-menu-down");
} else {
$("#" + collapseIcon).attr("class", "glyphicon glyphicon-menu-up");
}
}
</script>
<!--/请在上方写此页面业务相关的脚本-->
<title>投诉件查询</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<form id="form1" method="post" class="form-horizontal" role="form">
<div style="display: none">
<input type="hidden" id="respondentFilialeName" name="respondent.FilialeName" value=""/>
<input type="hidden" id="respondentCentreCompanyName" name="respondent.CentreCompanyName" value=""/>
<input type="hidden" id="respondentBusinessHallName" name="respondent.BusinessHallName" 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="QuestionTypeName1" name="appeal.QuestionTypeName1" value=""/>
<input type="hidden" id="QuestionTypeName2" name="appeal.QuestionTypeName2" value=""/>
</div>
<div class="container-fluid" style="margin-top:15px;">
<div class="panel panel-primary">
<div class="panel-heading">
<div style="display:inline;">查询条件 </div>
<div style="display:inline;"><a class="panel-title" data-toggle="collapse" data-parent="#accordion"
href="#collapsePerson"><span id="PersonCollapseIcon"
onClick="setCollapseIcon('PersonCollapseIcon')"
class="glyphicon glyphicon-menu-up"
aria-hidden="true"></span></a></div>
</div>
<div id="collapsePerson" class="panel-collapse collapse in">
<div class="panel-body" style="font-size:14px">
<div class="row" style="padding:5px">
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 " >
<label class="control-label" for="TName" id="Label_TName">姓名</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 " >
<input type="text" class="form-control" value="" placeholder="" id="TName" name="person.TName" maxlength="40" vmode="" vdisp="姓名" vtype="string">
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 " >
<label class="control-label" for="LinkTel1">联系电话</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">
<input type="text" class="form-control" value="" placeholder="" id="LinkTel1" name="person.LinkTel1" maxlength="20" vmode="" vdisp="联系电话1" vtype="phone">
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="IDCard">证件号码</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" >
<input type="text" class="form-control" value="" placeholder="" id="IDCard" name="person.IDCard" vmode="" vdisp="证件号码" vtype="idcard">
</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" for="AppealType">客诉类别</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">
<select id="AppealType" name="appeal.AppealType" onChange=setAppealType()
class="form-control" vmode="" vdisp="客诉类别" vtype="string">
<option value="">请选择</option>
<option value="消费投诉">消费投诉</option>
<option value="不满抱怨">不满抱怨</option>
<option value="异议信息">异议信息</option>
</select>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="QuestionTypeID1">事由类别</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<select id="QuestionTypeID1" name="appeal.QuestionTypeID1" onChange=setQuestionTypeID2() class="form-control" vmode="" vdisp="事由类别" vtype="string">
<option value="">请选择</option>
${dic_questiontype!''}
</select>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="QuestionTypeID2">二级类别</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<select id=QuestionTypeID2 name="appeal.QuestionTypeID2" class="form-control" vmode="" vdisp="二级事由类别" vtype="string">
<option value="">请选择</option>
</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" for="AppealType">归属地省</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">
<select id="appealProvinceID" name="appeal.ProvinceID" onChange=setAreaID('appeal') class="form-control" vmode="" vdisp="归属地省" vtype="number">
<option value="">请选择</option>
${provinceID!''}
</select>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">
<label class="control-label" for="AppealSource">客诉来源</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">
<select id="AppealSource" name="appeal.AppealSource" class="form-control" vmode=""
vdisp="客诉来源" vtype="string">
<option value="">请选择</option>
${appealSource!''}
</select>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">
<label class="control-label" for="AppealType">投诉级别</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">
<select id="ComplaintTypeID1" name="appeal.ComplaintTypeID1" class="form-control" vmode="" vdisp="投诉类别" vtype="string">
<option value="">请选择</option>
${dic_complainttypeID1!''}
</select>
</div>
</div>
<div class="row" style="padding:5px" id="respondent_1" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 " >
<label class="control-label" for="respondentFilialeID">被诉机构</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<select id="respondentFilialeID" name="respondent.FilialeID" class="form-control" vmode='' vdisp='被诉机构' vtype='string'>
${filialeID!''}
</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" for="AppealDate">客诉时间从</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">
<div class="input-group">
<input type="text" class="form-control" value="" placeholder="" id="BeginAppealDate"
name="appeal.BeginAppealDate" vmode="" 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:'#F{$dp.$D(\'EndAppealDate\')}'})"
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" for="AppealDate"> 至</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">
<div class="input-group">
<input type="text" class="form-control" value="${CurDate!''}" placeholder=""
id="EndAppealDate" name="appeal.EndAppealDate" vmode="" 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:'#F{$dp.$D(\'BeginAppealDate\')}',maxDate:new Date()})"
title="选择结束客诉时间">
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div style="display:inline;">选择显示的列 </div>
</div>
<div id="collapseFile" class="panel-collapse collapse in">
<div class="panel-body" style="font-size:14px">
<div class="row" style="padding:5px">
<label class="checkbox-inline">
<input type='checkbox' name='FieldName' value='serialnumber/投诉单编号' checked>投诉单号
</label>
<label class="checkbox-inline">
<input type='checkbox' name='FieldName' value='tname/姓名' checked>姓名
</label>
<label class="checkbox-inline">
<input type='checkbox' name='FieldName' value='appealdate/投诉时间' checked>投诉时间
</label>
<label class="checkbox-inline">
<input type='checkbox' name='FieldName' value='complainttypename1/投诉类别' checked>投诉类别
</label>
<label class="checkbox-inline">
<input type='checkbox' name='FieldName' value='appealsource/投诉来源' checked>投诉来源
</label>
<label class="checkbox-inline">
<input type='checkbox' name='FieldName' value='provincename/归属地省' >归属地省
</label>
<label class="checkbox-inline">
<input type='checkbox' name='FieldName' value='filialename/被诉公司' checked>被诉公司
</label>
<label class="checkbox-inline">
<input type='checkbox' name='FieldName' value='respondenttype/被投诉类型' >被投诉类型
</label>
<label class="checkbox-inline">
<input type='checkbox' name='FieldName' value='complainttypename1/投诉级别' >投诉级别
</label>
<label class="checkbox-inline">
<input type='checkbox' name='FieldName' value='dostate/办理状态' >办理状态
</label>
<label class="checkbox-inline">
<input type="checkbox" id="chElt" onclick="checkOrCancelAll();"/><span id="mySpan">全选/不全选</span><br/>
</label>
</div>
</div>
</div>
</div>
<div class="row" style="padding:5px">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align=center>
<button type="button" class="btn btn-success" id="SubmitButton1" onclick="doSubmit()"> 查 询</button>
</div>
</div>
</div>
</div>
</form>
</body>
</html>