projects
/
gdymtsceshi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
							<!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" />
    <!--[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/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/H-ui.admin.css" />
    <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/zTree/v3/css/zTreeStyle/zTreeStyle.css"  >
    <script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script>
    <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
    <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
    <script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script>

    <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" />
    <script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
    <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script>
    <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script>

    <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
    <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.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]-->

    <script type="text/javascript">


        $(function() {
            $(window).resize(function(){
                $("#jqGrid").setGridWidth($(window).width()-41);
            });
            $("#jqGrid").jqGrid({
                url : '${ctx}/myconsole/complaint/list/getRealTimePage',
                editurl:"${ctx}/myconsole/complaint/list",
                mtype : "POST",
                datatype : "json",
                multiselect: false,
                caption1:'实时数据分析统计',
                prmNames : {    //定义表单的主键                          // Default valuesprmNames: {page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, npage:null} 当参数为null时不会被发到服务器端
                    id: "keyid",
                    oper:"oper",
                    addoper:"add",
                    editoper:"edit",
                    deloper:"del"

                },
                colModel : [ {
                    label : '投诉单号',
                    name : 'appealid',
                    key : true,
                    editable: false,
                    hidden:true
                },{
                    label : '投诉单接入渠道',
                    name : 'salechnlname1',
                    width : 50,
                    align:'center',
                },{
                    label : '投诉单一级分类',
                    name : 'reasonname1',
                    width : 30,
                    align:'center',
                },{
                    label : '投诉单二级分类',
                    name : 'reasonname2',
                    width : 30,
                    align:'center',
                }, {
                    label : '投诉单三级分类',
                    name : 'reasonname3',
                    width : 30,
                    align:'center',
                },{
                    label : '二线工号',
                    name : 'recorduserid',
                    width : 30,
                    align:'center',
                }, {
                    label : '接入时间',
                    name : 'recordtime',
                    width : 30,
                    align:'center',
                }, {
                    label : '当前处理状态',
                    name : 'dostate',
                    width : 50,
                    align:'center',
                },{
                    label : '处理后是否仍不满',
                    name : 'issatisfaction',
                    width : 30,
                    align:'center',
                }, {
                    label : '统计年',
                    name : 'year',
                    width : 30,
                    align:'center',
                }, {
                    label : '统计季',
                    name : 'quarter',
                    width : 30,
                    align:'center',
                }, {
                    label : '统计月',
                    name : 'month',
                    width : 30,
                    align:'center',
                }, {
                    label : '统计日',
                    name : 'day',
                    width : 30,
                    align:'center',
                }, {
                    label : '统计小时',
                    name : 'hour',
                    width : 30,
                    align:'center',
                },{
                    label : '操作',
                    name:'operMod',
                    index:'operMod',
                    align:"center",
                    width:"20",
                    sortable:false,
                    formatter: function (cellvalue, options, rowdata) {
                        var html ="";

                        html = "<button class='btn btn-success radius size-S'  onclick=seeData('"+rowdata.appealid+"')>查看</button>";

                        return html;
                    }
                }],
                rownumbers : true,//添加左侧行号
                viewrecords : true,//是否在浏览导航栏显示记录总数
                rowNum : 10,//每页显示记录数
                rowList : [10,15,20,30,40,50 ],//用于改变显示行数的下拉列表框的元素数组。
                autowidth : true,
                sortname : 'AppealDate',
                sortorder : 'desc',
                height : 'auto',
                pager : "#jqGridPager",
                //屏蔽点击任意单元格选中checkbox的问题
                beforeSelectRow: function (rowid, e) {
                    var $myGrid = $(this),
                        i = $.jgrid.getCellIndex($(e.target).closest('td')[0]),
                        cm = $myGrid.jqGrid('getGridParam', 'colModel');
                    return (cm[i].name === 'cb');
                }
            });
            $("#jqGrid").setLabel("rn","序号");
            doSearch();
            $('#jqGrid').navGrid('#jqGridPager',
                {
                    add : false,
                    edit : false,
                    del : false,
                    search : false,
                    refresh : false,
                    view : false,
                    position : "left",
                    cloneToTop : true
                }
            ).navButtonAdd("#jqGridPager",{
                    caption:'导出',
                    onClickButton:function(){

                        var BeginDate = $('#BeginDate').val();
                        var EndDate = $('#EndDate').val();
                        var IsSatisfaction = $('#IsSatisfaction').val();
                        var reasonName = $('#reasonName').val();
                        var typeResultName = $('#typeResultName').val();
                        $.post("${ctx}/myconsole/complaint/list/excelRealTimeData",{"BeginDate":BeginDate,"EndDate":EndDate,"IsSatisfaction":IsSatisfaction,"reasonName":reasonName,"typeResultName":typeResultName},function(data){
                            var res=eval('(' + data + ')');
                            if(res.flag){
                                downFile(res.filepath,res.filename);
                            }else{
                                alert("没有数据导出！");
                            }
                        })
                    }
                }
            );

        });


        function doSearch(){
            $('#search').click(function(){
                var BeginDate = $('#BeginDate').val();
                var EndDate = $('#EndDate').val();
                var IsSatisfaction = $('#IsSatisfaction').val();
                var reasonName = $('#reasonName').val();
                var typeResultName = $('#typeResultName').val();
                $("#jqGrid").jqGrid('setGridParam',{
                    postData:{"BeginDate":BeginDate,"EndDate":EndDate,"IsSatisfaction":IsSatisfaction,"reasonName":reasonName,"typeResultName":typeResultName}
                }).trigger('reloadGrid');


            });
        }


        //查看信息 2017-07-24
        function seeData(appealid){
            fullOpen("${ctx}/myconsole/complaint/register/seeData?appealid="+appealid);
        }

        //下载附件
        function downFile(filePath,fileName)
        {
            window.open('${serverURL!}/downloadFile.do?FileDownloadPath='+filePath+'&FileDownloadName='+fileName,'Derek','resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=no,location=no');
        }
    </script>
    <title>我的桌面</title>
</head>
<body>

<div>
    <div style="text-align:center;height:30px;padding-top:10px;">
        <form id="form1" method="post" class="form-horizontal" role="form">

            <table>
                <tr>
                    <td valign="top" style="padding-top: 5px;text-align: left;width:1000px">


                        <label class="radio-inline" style="font-weight:700">
                            &nbsp;&nbsp;&nbsp;&nbsp;客诉日期 从：
                        </label>

                        <input type="text" class="form-control" style="width:100px" value="" placeholder=""
                               id="BeginDate" name="BeginDate"
                               onClick="WdatePicker({dateFmt:'yyyy-MM-dd',el:'BeginDate',maxDate:'#F{$dp.$D(\'EndDate\')}'})"
                               title="选择开始日期" vmode="" vdisp="开始日期" vtype="string" readonly>

                        <label class="radio-inline" style="font-weight:700">
                            &nbsp;至：
                        </label>

                        <input type="text" class="form-control" style="width:100px" value="" placeholder="" id="EndDate"
                               name="EndDate"
                               onClick="WdatePicker({dateFmt:'yyyy-MM-dd',el:'EndDate',minDate:'#F{$dp.$D(\'BeginDate\')}',maxDate:new Date()})"
                               title="选择结束日期" vmode="" vdisp="结束日期" vtype="string" readonly>


                        <label class="radio-inline" style="font-weight:700">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;处理后是否仍不满：
                        </label>
                        <select id="IsSatisfaction" name="IsSatisfaction"   style="width:100px"    class="form-control" vmode="" vdisp="处理后是否仍不满"  vtype="string">
                            <option value=''>请选择</option>
                            <option value='不满意'>不满意</option>
                            <option value='满意'>满意</option>
                        </select>

                        <label class="radio-inline" style="font-weight:700">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;投诉原因：
                        </label>
                        <select id="reasonName" name="reasonName"   style="width:100px"    class="form-control" vmode="" vdisp="投诉原因"  vtype="string">
                            <option value=''>请选择</option>
                            ${reasonName!''}
                        </select>
                    </td>


                    <td valign="top" style="padding-top: 1px;">
                        <label>
                            <input type="button" id="search" value="搜        索" style="width: 50px;"
                                   class="form-control gui-input form-control input-sm btn btn-primary btn-block">
                            <b class="tooltip tip-left-top"></b>
                            <label for="cardno" class="field-icon"><i class="fa fa-credit-card"></i>
                            </label>
                        </label>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div class="page-container">

        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>
</div>

</body>
</html>