<!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" /]
|
<script src="${common_static}/static/script/select/chosen.jquery.js"></script>
|
<script src="${common_static}/static/script/select/chosen.jquery.min.js"></script>
|
<link rel="stylesheet" type="text/css" href="${common_static}/static/script/select/chosen.css"/>
|
<script type="text/javascript" src="${common_static}/static/script/statis.js"></script>
|
</head>
|
<body>
|
<form id="myform" >
|
<div class="event_fill sa_event_fill">
|
<table>
|
<tr>
|
<BR width="85%">
|
|
<div class="fill_item">
|
<label>项目名称:</label>
|
[@sel id="customer_id" name="customer_id" source=customers textField="ID" valueField="CUSTOMER_NAME" labelName="customer_name" /]
|
</div>
|
<div class="fill_item">
|
<label>一级分类:</label>
|
[@sel id="lv1Id" name="lv1Id" source=lv1List textField="lv1Name" textField="id" valueField="name" callback="changeLv1" /]
|
</div>
|
|
<div class="fill_item">
|
<label>二级分类:</label>
|
[@sel id="lv2Id" name="lv2Id" /]
|
</div>
|
|
|
<div id="selectDay">
|
<div class="fill_item">
|
<label>开始时间:</label>
|
[@datepicker id="beginTime" value="${beginTime}" class="general" length=8 /]
|
</div>
|
<div class="fill_item">
|
<label>结束时间:</label>
|
[@datepicker id="endTime" class="general" length=8 value="${endTime}" /]
|
</div>
|
</div>
|
</th>
|
<td width="15%">
|
<!-- <a class="retrievebtn" href="javascript:window.location.reload(true);">重置</a> -->
|
<a class="retrievebtn" id="reset">重置</a>
|
<a class="retrievebtn focus" href="javascript:query();">查询</a></td>
|
</tr>
|
</table>
|
</div>
|
<div class="statnan clearfix">
|
<div class="statnan_left">
|
<div id="colChart" style="width:98%;height:95%;"></div>
|
</div>
|
<div class="clearfix"></div>
|
</div>
|
</form>
|
<script type="text/javascript">
|
$("#customer_id").chosen({
|
no_results_text: "没有找到结果!",//搜索无结果时显示的提示
|
search_contains:true, //关键字模糊搜索,设置为false,则只从开头开始匹配
|
allow_single_deselect:true, //是否允许取消选择
|
max_selected_options:1 //当select为多选时,最多选择个数
|
});
|
//无数据显示
|
function showNoData(containerId) {
|
var strHrml = '<div id="noDailyReport" style="position:relative;width:100%;height:400px">';
|
strHrml = strHrml + '<span class="nodata"></span>';
|
strHrml = strHrml + '</div>';
|
$('#'+containerId).html(strHrml);
|
}
|
|
$(function() {
|
$("#reset").click(function () {
|
$("#myform")[0].reset();
|
$("#endTime").val($("#_endTime").val().replace(new RegExp("-",'g'),""));
|
$("#beginTime").val($("#_beginTime").val().replace(new RegExp("-",'g'),""));
|
});
|
query();
|
|
|
|
})
|
|
function query() {
|
|
var beginTime = $("#beginTime").val();
|
var endTime = $("#endTime").val();
|
if (beginTime > endTime) {
|
alert("开始时间不能晚于结束时间!");
|
return;
|
}
|
var cusId =$("#customer_id").val();
|
var lv1Id = $.trim($("#lv1Id").val());
|
var lv2Id = $.trim($("#lv2Id").val());
|
var param = {"cusId":cusId,"beginTime":beginTime,"endTime":endTime,"lv1Id":lv1Id,"lv2Id":lv2Id}
|
$.post("${base}/business/pages/tj/sparePartStatis/stockTypeDatetj.html",param, function(data, textStatus) {
|
if(data.nodata){
|
showNoData('colChart');
|
}else{
|
createColChart(data);
|
}
|
}, "json")
|
}
|
|
|
|
function createColChart(data) {
|
$('#colChart').highcharts({
|
chart: {
|
type: 'column'
|
},
|
title: {
|
text: '<b>'+'备件申领分类统计TOP10'
|
},
|
xAxis: {
|
categories: data.categories
|
},
|
|
plotOptions: {
|
column: {
|
pointWidth: 40,
|
dataLabels:{
|
enabled:true
|
}
|
|
}
|
},
|
series: data.series
|
})
|
}
|
|
function changeLv1(lv1Id,val) {
|
$.post("${base}/business/pages/tj/sparePartStatis/getCategotyList.html",{"lv1Id":lv1Id},function(data,textStatus) {
|
var optionHtml = "<option value=''>请选择</option>";
|
$.each(data,function(i,item) {
|
optionHtml += "<option value='"+item.id+"'>"+item.name+"</option>";
|
})
|
$('#lv2Id').html(optionHtml);
|
},"json")
|
}
|
</script>
|
</body>
|
</html>
|