zhoufan
/
SQXY12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>关键词统计</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
    <link href="../css/init.css" rel="stylesheet" />
    <script src="../js/laydate/laydate.js"></script>
    <script src="../My97DatePicker/WdatePicker.js"></script>
    <style>
        table td {
            word-break: break-all;
            word-wrap: break-word;
        }

        .ld-service li {
            float: left;
            font-size: 14px;
            color: #000;
            padding: 5px 15px;
            cursor: pointer;
            border-bottom: 1px solid #ccc;
        }

        .cr-click {
            border: 1px solid #ccc;
            background-color: #fff;
            border-bottom: none !important;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .Shows {
            display: block !important;
        }

        .complain {
            display: none;
        }
		
		.toolLeft input{
			width: 200px;
		}
        th {
            padding: 5px;
            text-align: center;
        }

        td {
            padding: 5px;
        }

        .Borders {
            border: 1px solid #d7d7d7;
        }
        .cx {
            display: block;
        }
        .daoHang{
        	margin-bottom: 15px;
        }
        .keyMargin{
        	margin-bottom: 0;
        }
    </style>
</head>

<body class="gray-bg">
        <div class="daoHang clearfix">
            <div class="dhLeft">
                <sapn>
                    <i class="syIcon"></i>位置：
                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
                    <a href="javaScript:;">业务统计</a>&gt;
                    <a class="nowPosition">关键词统计</a>
                </sapn>
            </div>
             <div class="dhRight">
					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>					
				</div>
        </div>
    <div class="wrapper wrapper-content">

        <div class="Content_box">
            <div class="complain Shows">
               <!--<div class="toolBar clearfix">
           			<div class="toolLeft">
           				查询时间：   
                            <input class="photo x-color inputs laydate-icon" type="text" id="queryTime" />
           				<button class="btns search_1">查询</button>
           			</div>
           		</div>-->
           		
           		 <div class="th-top clearfix">
			 			<div class="form-inline th-bar clearfix">
			 				<div class="time-box form-group" >
								<i class="tub fa fa-calendar"></i>
								<input class="form-control" type="text" id="queryTime" placeholder="请选择时间">
							</div>
			 				<div class="form-group tool_bars pull-right">
								<button class="btns search_1">查询</button>
							</div>	
			 			</div>
			 	    </div>
           		
           		
           		
               
				<ul class="nav nav-tabs ul_tab" role="tablist">
					<li class="active">
						<a href="#import_from_file" role="tab" data-toggle="tab">日统计</a>
					</li>
					<li>
						<a href="#import_from_hmd" role="tab" data-toggle="tab">周统计</a>
					</li>
					<li>
						<a href="#import_from_telnos" role="tab" data-toggle="tab">月统计</a>
					</li>
					<li>
						<a href="#import_from_kuaidi" role="tab" data-toggle="tab">全部</a>
					</li>
				</ul>
               <div class="tab-content">
	               	<div class="tab-pane fade active in" id="import_from_file">
	               		<div class="toolBar keyMargin clearfix">
               				<button class="fr btns" id="print_1">打印预览</button>
	               		</div>	
	               		<!--table1-->
		               	<div style="width: 100%;padding: 10px;">
		                    <table id="table1" class="tables" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
		                        <thead>
		                            <tr>
		                                <th data-field="keyname" data-align="center">关键词</th>
		                                <th data-field="count" data-align="center">统计数量</th>
		                                <th data-field="sort" data-align="center">排名</th>
		                            </tr>
		                        </thead>
		                    </table>
		                </div>
	               	</div>
	               	<div class="tab-pane fade" id="import_from_hmd">
	               		<div class="toolBar keyMargin clearfix">
               				<button class="fr btns" id="print_2">打印预览</button>
	               		</div>			   		 	
			   		 	<!--table2-->
			           	<div style="width: 100%;padding: 10px;">
			                <table id="table2" class="tables" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
			                    <thead>
			                        <tr>
		                                <th data-field="keyname" data-align="center">关键词</th>
		                                <th data-field="count" data-align="center">统计数量</th>
		                                <th data-field="sort" data-align="center">排名</th>
			                        </tr>
			                    </thead>
			                </table>
			            </div>
	               	</div>
	               	<div class="tab-pane fade" id="import_from_telnos">
	                	<div class="toolBar keyMargin clearfix">
               				<button class="fr btns" id="print_3">打印预览</button>
	               		</div>
	                	<!--table3-->
		               	<div style="width: 100%;padding: 10px;">
		                    <table id="table3" class="tables" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
		                        <thead>
		                            <tr>
		                                <th data-field="keyname" data-align="center">关键词</th>
		                                <th data-field="count" data-align="center">统计数量</th>
		                                <th data-field="sort" data-align="center">排名</th>
		                            </tr>
		                        </thead>
		                    </table>
		                </div>
	               	</div>
	               	<div class="tab-pane fade" id="import_from_kuaidi">
	               		<div class="toolBar keyMargin clearfix">
               				<button class="fr btns" id="print_4">打印预览</button>
	               		</div>
               	 		<!--table4-->
		               	<div style="width: 100%;padding: 10px;">
		                    <table id="table4" class="tables" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
		                        <thead>
		                            <tr>
		                                <th data-field="keyname" data-align="center">关键词</th>
		                                <th data-field="count" data-align="center">统计数量</th>
		                                <th data-field="sort" data-align="center">排名</th>
		                            </tr>
		                        </thead>
		                    </table>
		                </div>
	               	</div>
               </div>
            </div>
        </div>
    </div>
    <script>
    	var keyWordsIndex = 1;
        $(document).ready(function () {
              laydate.render({
					elem: '#queryTime',
//					range: '~',
					theme: '#00a1cb',
			});
        	initTable();
        	$('.ul_tab li').click(function(){
	        	keyWordsIndex = $(this).index()+1;
        	    $(document).off('click','#print_'+keyWordsIndex+'',previewKeyWords);
        	    $(document).on('click','#print_'+keyWordsIndex+'',previewKeyWords);
	        })
        });
        //表格
        function initTable(){
	        $.ajax({
				url: huayi.config.callcenter_url + 'DataAnalysis/GetKeyReport',
				type: 'get',
				data: {
					date: $('#queryTime').val(),
	        		token: $.cookie("token")
				},
				dataType: "json",
				async: true,
				success: function (returnValue) {
					//异步获取数据
					var resultData1 = returnValue.data.KeyReport1;
					$('#table1').bootstrapTable('load',resultData1); 
					var resultData2 = returnValue.data.KeyReport2;
					$('#table2').bootstrapTable('load',resultData2); 
					var resultData3 = returnValue.data.KeyReport3;
					$('#table3').bootstrapTable('load',resultData3); 
					var resultData4 = returnValue.data.KeyReport4;
					$('#table4').bootstrapTable('load',resultData4); 
				}
			});
	        $('#table1').bootstrapTable('destroy').bootstrapTable({striped: true});
	        $('#table2').bootstrapTable('destroy').bootstrapTable({striped: true});
	        $('#table3').bootstrapTable('destroy').bootstrapTable({striped: true});
	        $('#table4').bootstrapTable('destroy').bootstrapTable({striped: true});
       }
        //代办搜索
        $(".search_1").click(function () {
            initTable();
        });
        
        //打印预览
        $(document).on('click','#print_'+keyWordsIndex+'',previewKeyWords);
	  	function previewKeyWords(){
	  		layer.open({
		      	type: 2,
		      	content: "../CommonHtml/PrintPreviewKeyWords.html?kWIndex=" + keyWordsIndex +"&Qdate=" + $('#queryTime').val(), //iframe的url，no代表不显示滚动条
		  		title: '打印预览',
		  		area: ['80%', '90%'], //宽高
		  	});
	  	}
    </script>
</body>

</html>