projects
/
gdymtsceshi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753
							<!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;">查询条件 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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">&nbsp;&nbsp;&nbsp;&nbsp;至</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;">选择显示的列&nbsp;&nbsp;</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()">  查&nbsp;&nbsp;&nbsp;&nbsp;询</button>
            </div>

        </div>


    </div>
    </div>
</form>
 

</body>

</html>