<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
<title>知识分类统计</title>
|
[#include "/business/pages/include/static.html" /]
|
[#include "/component/DatePicker.html" /]
|
[#include "/component/newsel.html" /]
|
<style>
|
.tonji{width:100%;table-layout:auto;border-collapse:collapse;border-spacing:0; border-top:1px solid #666;border-left:1px solid #666}
|
.tonji td{ border-bottom:1px solid #666;border-right:1px solid #666;line-height:24px;padding-left:10px;}
|
</style>
|
</head>
|
<body>
|
|
<div class="event_fill sa_event_fill">
|
<table><tr><th width="85%">
|
<div class="fill_item">
|
<label>开始时间：</label> [@datepicker id="beginDay"
|
value="${beginTime}" class="general" length=8 /]
|
</div>
|
<div class="fill_item">
|
<label>结束时间：</label> [@datepicker id="endDay" class="general"
|
length=8 value="${endTime}" /]
|
</div>
|
<div class="fill_item">
|
<label>知识分类：</label>
|
<div class="icon_search">
|
<input type="text" id="categoryList" readonly name="categoryList" onclick="showCl();"/>
|
<input type="hidden" id="category_id" name="category_id">
|
<a></a>
|
</div>
|
</div>
|
|
</th><td width="15%">
|
<a class="retrievebtn" href="javascript:window.location.reload(true);">重置</a><a class="retrievebtn focus" href="javascript:query();">查询</a>
|
</td></tr></table>
|
</div>
|
|
<div class="clearfix"></div>
|
<div class="statnan_right">
|
<div id="lineChart" style="width:98%;height:90%;"></div>
|
</div>
|
|
|
|
<script type="text/javascript">
|
var beginTime;
|
var endTime;
|
var cateId;
|
$(function() {
|
query();
|
})
|
|
|
function query() {
|
|
beginTime = $("#beginDay").val();
|
endTime = $("#endDay").val();
|
cateId = $("#category_id").val();
|
if (beginTime > endTime) {
|
popupTips("开始时间不能晚于结束时间");
|
return;
|
}
|
lineChart();
|
}
|
|
|
function showLineChart(data) {
|
var subTitle = '知识分类统计';
|
$('#lineChart').highcharts({
|
chart: {
|
type: 'column'
|
},
|
title: {
|
text: subTitle,
|
x: -20
|
},
|
xAxis: {
|
categories: data.categories
|
},
|
yAxis: {
|
title: {
|
text: '数量'
|
}
|
|
},
|
plotOptions: {
|
column: {
|
pointWidth: 70
|
}
|
},
|
series: data.series
|
|
});
|
}
|
|
function lineChart() {
|
var param = {"beginTime":beginTime,"endTime":endTime,"cateId":cateId,"type":"1"};
|
$.post("${base}/business/pages/knowledgetj/getKnowCateTjCol.html",param,
|
function(data,textStatus) {
|
showLineChart(data);
|
},"json")
|
}
|
|
|
function showCl() {
|
var categoryList = $("#categoryList").val();
|
var category_id = $("#category_id").val();
|
|
var url = "${base}/business/pages/knowledge/knowledgeDeal/categoryListTree.html?type=1";
|
url += "&company=1";
|
if(!$.util.isEmpty(categoryList)&&!$.util.isEmpty(category_id)) {
|
var names = categoryList.split("-");
|
var ids = category_id.split("-");
|
if(ids.length==3) {
|
url += "&sl="+ids[2];
|
}
|
}
|
|
window.top.openDialog("selectSl","操作",
|
{},
|
{"width":80,"height":80},
|
[{btnId:"btnSure", btnName:"确定", btnStyle:"bluebtn"}],url);
|
}
|
|
function showCaName(labelId,labelName) {
|
$("#categoryList").val(labelName);
|
$("#category_id").val(labelId);
|
|
}
|
</script>
|
|
</body>
|
</html>
|
