projects
/
gdymtsceshi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365
							<!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 type="text/css">
        .margintop {
            margin-bottom: 5px;
        }

        .placeholder {
            height: 14px;
        }
    </style>

    <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>

    <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/selectinfo01_' + 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("");
			}
		}


        <!--根据下方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="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">&nbsp;&nbsp;至&nbsp;&nbsp;</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">-->
<!--&lt;!&ndash;									<option value=""></option>&ndash;&gt;-->
<!--									${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">-->
<!--&lt;!&ndash;									<option value=""></option>&ndash;&gt;-->
<!--                                    ${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>-->

                        <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>