var DmaLeakMonitor = function () {
var damTable = null;
var leakTable = null;
var dmaCode = null;
var createBar = function(data){
$('#chart_5').highcharts({
chart: {
type: 'column'
},
title: {
text: 'DMA分区漏损状态表'
},
xAxis: {
type: 'category',
labels: {
rotation: -45,
align: 'right',
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
}
}
},
yAxis: {
min : 0,
title: {
text: '漏损率'
}
},
legend: {
enabled: false
},
tooltip: {
pointFormat: '漏损率： <b>{point.y:.1f}</b>'
},
series: [{
name: '漏损率',
data: data,
dataLabels: {
enabled: true,
rotation: -90,
color: '#FFFFFF',
align: 'right',
x: 4,
y: 10,
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif',
textShadow: '0 0 3px black'
}
}
}]
});
}
return {
//main function to initiate the module
initDMA: function () {
function retrieveData( sSource, aoData, fnCallback ) {
//查询条件称加入参数数组
// var rentRuleId =document.getElementById('rentRuleId').value;
//alert(rentRuleId);
$.ajax( {
type: "POST",
url: sSource,
dataType:"json",
//TODO LIST：按条件查询服务器数据
data: "jsonParam="+JSON.stringify(aoData),
success: function(data) {
var len = data.aaData.length;
var dmas = new Array(len+1);
for(var i=0 ;i<len;i++){
dmas[i]=new Array(data.aaData[i].dmaCode,data.aaData[i].leakRate);
}
dmas[len] = new Array("",0);
createBar(dmas);
fnCallback(data); //服务器端返回的对象的returnObject部分是要求的格式
}
});
}
damTable = $('#table_dmaLeak').dataTable({
"aLengthMenu": [
[5, 15, 20, -1],
[5, 15, 20, "All"] // change per page values here
],
// set the initial value
"iDisplayLength": 5,
"bAutoWidth":false,//自动宽度
"bServerSide": true,
"bPaginate": true,
"bFilter" : false,
"sPaginationType": "bootstrap", //分页样式
"sAjaxSource": $('#context').val()+"/dma/dma-leak-list.do",
"fnServerData":retrieveData,
"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
"oLanguage": {
"sLengthMenu": "每页显示 _MENU_ 条记录",
"sZeroRecords": "抱歉， 没有找到",
"sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",
"sInfoEmpty": "没有数据",
"sSearch":"查询:",
"sInfoFiltered": "(从 _MAX_ 条数据中检索)",
"oPaginate": {
"sPrevious":"上一页",
"sNext": "下一页",
"sLast": "末页",
"sFirst": "首页"
},
//TODO LIST;修改为加载的gif文件
"sProcessing": "<img src='./loading.gif' />"
},
"aoColumns" : [ {
"mDataProp" : "dmaCode"
}, {
"mDataProp" : "dmaName"
}, {
"mDataProp" : "reportDay"
},{
"mDataProp" : "leakRate"
}, {
"mDataProp" : "leakControlRate"
}, {
"mDataProp" : "leakState"
}, {
"mDataProp" : "btnShow"
} ],
"aoColumnDefs": [{
'aTargets': ['_all'],
sDefaultContent:''
}, {
'bVisible':true,
'aTargets': [0]
}
]
});
jQuery('#table_dmaLeak_wrapper .dataTables_filter input').addClass("m-wrap medium"); // modify table search input
jQuery('#table_dmaLeak_wrapper .dataTables_length select').addClass("m-wrap small"); // modify table per page dropdown
jQuery('#table_dmaLeak_wrapper .dataTables_length select').select2({
showSearchInput : false //hide search box with special css class
}); // initialzie select2 dropdown
//edit userType click
$('#table_dmaLeak a.blue').live('click', function (e) {
e.preventDefault();
var nRow = $(this).parents('tr')[0];
var aData = damTable.fnGetData(nRow);
dmaCode = aData.dmaCode;
$('#dma_code').val(aData.dmaCode);
//leakTable.fnDestroy();
//this.initLeak();
leakTable.fnDraw();
});
},
initLeak:function(){
function retrieveData( sSource, aoData, fnCallback ) {
//查询条件称加入参数数组
// var rentRuleId =document.getElementById('rentRuleId').value;
//alert(rentRuleId);
//alert($('#dma_code').val());
//alert(dmaCode);
//alert(sSource)
sSource +="?dmaCode="+dmaCode;
$.ajax( {
type: "POST",
url: sSource,
dataType:"json",
//TODO LIST：按条件查询服务器数据
data: "jsonParam="+JSON.stringify(aoData),
success: function(data) {
//$("#url_sortdata").val(data.aaData);
fnCallback(data); //服务器端返回的对象的returnObject部分是要求的格式
}
});
}
leakTable = $('#table_leakInfo').dataTable({
"aLengthMenu": [
[5, 15, 20, -1],
[5, 15, 20, "All"] // change per page values here
],
// set the initial value
"iDisplayLength": 5,
"bAutoWidth":false,//自动宽度
"bServerSide": true,
"bPaginate": false,
"sPaginationType": "bootstrap", //分页样式
"sAjaxSource": $('#context').val()+"/dma/leak-detail.do",
"fnServerData":retrieveData,
"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
"oLanguage": {
"sLengthMenu": "每页显示 _MENU_ 条记录",
"sZeroRecords": "抱歉， 没有找到",
"sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",
"sInfoEmpty": "没有数据",
"sSearch":"查询:",
"sInfoFiltered": "(从 _MAX_ 条数据中检索)",
"oPaginate": {
"sPrevious":"上一页",
"sNext": "下一页",
"sLast": "末页",
"sFirst": "首页"
},
//TODO LIST;修改为加载的gif文件
"sProcessing": "<img src='./loading.gif' />"
},
"aoColumns" : [ {
"mDataProp" : "propertyName"
}, {
"mDataProp" : "propertyValue"
} ],
"aoColumnDefs": [{
'aTargets': ['_all'],
sDefaultContent:''
}
]
});
jQuery('#table_leakInfo_wrapper .dataTables_filter input').addClass("m-wrap medium"); // modify table search input
jQuery('#table_leakInfo_wrapper .dataTables_length select').addClass("m-wrap small"); // modify table per page dropdown
jQuery('#table_leakInfo_wrapper .dataTables_length select').select2({
showSearchInput : false //hide search box with special css class
}); // initialzie select2 dropdown
},
initModals:function(){
//$.fn.modalmanager.defaults.resize = true;
//$.fn.modalmanager.defaults.spinner = '<div class="loading-spinner fade" style="width: 200px; margin-left: -100px;"><img src="assets/img/ajax-modal-loading.gif" align="middle"> <span style="font-weight:300; color: #eee; font-size: 18px; font-family:Open Sans;"> Loading...</div>';
}
};
}();
