<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
<title>放电计划管理</title>
|
<link rel="stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css"/>
|
<link rel="stylesheet" type="text/css" href="css/tbl.css">
|
<link rel="stylesheet" href="css/fgpanel.css">
|
<link href="mobilCss/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
|
<link href="mobilCss/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
|
<script type="text/javascript" src="mobilJs/jquery-1.8.2.js"></script>
|
<script type="text/javascript" src="mobilJs/jquery.mobile-1.4.5.min.js"></script>
|
<style type="text/css">
|
table b {
|
width: 36%;
|
}
|
</style>
|
</head>
|
<body>
|
<div data-role="page" id="pageone">
|
<!-- 面板内容 -->
|
<div class="fg-panel">
|
<form id="search_form" method="post">
|
<div class="fg-panel-header">筛选</div>
|
<div class="fg-panel-content">
|
<label for="privince"><strong>维护区:</strong></label>
|
<select name="privince" id="privince" data-mini="true">
|
<option value="">全部</option>
|
|
</select>
|
<label for="city"><strong>机房名称:</strong></label>
|
<select name="city" id="city" data-mini="true">
|
<option value="">全部</option>
|
|
</select>
|
<label for="battgroup_name"><strong>电池名称:</strong></label>
|
<select name="battgroup_name" id="battgroup_name" data-mini="true">
|
<option value="0">全部</option>
|
|
</select>
|
<fieldset data-role="collapsible" data-collapsed="false">
|
<legend><strong>开始放电时间：</strong></legend>
|
<label for="startTimeselect"><strong>开始时间：</strong></label>
|
<input type="text" name="startTimeselect" id="startTimeselect" value="1970-07-06">
|
<label for="endTimeselect"><strong>结束时间：</strong></label>
|
<input type="text" name="endTimeselect" id="endTimeselect" value="2017-08-04">
|
</fieldset>
|
<label for="discharge-state"><strong>放电状态:</strong></label>
|
<select name="discharge-state" id="discharge-state" data-mini="true">
|
<option value="0">等待启动</option>
|
<option value="1">放电延时</option>
|
<option value="2">放电完成</option>
|
<option value="3">放电进行中</option>
|
<option value="5">充电进行中</option>
|
<option value="4">放电失败</option>
|
</select>
|
</div>
|
<div class="fg-panel-btn">
|
<a href="javascript:panel.hide(true);" data-role="button" id="search" class="ui-btn ui-mini ui-btn-b ui-shadow">确定</a>
|
</div>
|
</form>
|
</div>
|
|
<div data-role="header">
|
<a href="indexctM.html" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">返回</a>
|
<h1>放电计划安排</h1>
|
<a href="javascript:panel.show();" class="ui-btn ui-corner-all ui-shadow ui-icon-bullets ui-btn-icon-left" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">筛选</a>
|
</div>
|
<div data-role="main" class="ui-content">
|
<div class="pre-page"><a href="#" class="ui-btn ui-corner-all ui-icon-carat-l ui-btn-icon-notext">图标</a></div>
|
<div class="next-page"><a href="#" class="ui-btn ui-corner-all ui-icon-carat-r ui-btn-icon-notext">图标</a></div>
|
<div class="tbl-container"></div>
|
</div>
|
<div data-role="footer" data-position="fixed">
|
<div data-role="navbar">
|
<ul>
|
<li><a href="index.html" target="_top" data-icon="home">首页</a></li>
|
<li><a href="#pagetwo" target="_top" data-icon="arrow-r">饼状图</a></li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
<div data-role="page" id="pagetwo">
|
<div data-role="header">
|
<a href="#pageone" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">返回</a>
|
<h1>放电计划安排</h1>
|
</div>
|
<div data-role="main" class="ui-content">
|
<div id="conEchart" style="width:100%;"></div>
|
</div>
|
</div>
|
<script type="text/javascript" src="mobilJs/base.js"></script>
|
<script src="mobilJs/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
|
<script src="mobilJs/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
|
<script src="mobilJs/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
|
<script src="mobilJs/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>
|
<script type="text/javascript" src="js/tbl.js"></script>
|
<script type="text/javascript" src="js/echarts.js"></script>
|
<script type="text/javascript" src="js/panel.js"></script>
|
<script type="text/javascript">
|
// 显示panel和初始时间显示的格式
|
$('document').ready(function(){
|
// 开始放电时间段
|
setTimes($('#startTimeselect'),'2000-01-01');
|
setTimes($('#endTimeselect'),new Date().format('yyyy-MM-dd'));
|
// 展开panel
|
panel.show();
|
});
|
var dat1 = new Date;
|
var Page = {
|
pageSize:10, //每页的行数
|
pageCurr:1, //当前页码数
|
pageAll:0,
|
};
|
//var pageNum = Math.ceil(Page.pageAll/Page.pageSize)
|
var dataArr;
|
var pageSize1 = 10;
|
var pageCurr1 = 1;
|
var pageAll = 0;
|
var pageAllNum = pageAll/10+1;
|
var dischargeState=[
|
{name:'等待启动',val:0}, /* 未放电 */
|
{name: '放电延时',val:1}, /* 放电延时 */
|
{name:'放电完成',val:2}, /* 放电完成 */
|
{name:'放电进行中',val:3}, /* 放电进行中 */
|
{name:'充电进行中',val:5},
|
{name:'放电失败',val:4},
|
];
|
var dischargeReason = [
|
"设备通信故障", //0
|
"设备3天内已进行过放电测试", //1
|
"设置放电参数设置失败", //2
|
"设备放电测试启动失败", //3
|
"读取设备放电参数失败", //4
|
"机房停电", //5
|
"放电时长短", //6
|
"计划取消", //7
|
"设备正在进行其他测试", //8
|
"设备未进行充电测试" //9
|
];
|
var arrTh = ['维护区', '机房名称', '电池组名称','放电开始时间','预设放电时长（分钟）','预设放电容量（AH）','单体电压下限（V）','组端电压下限（V）', '预设放电电流（A）','单体下限数量','升压上限（V）','充电电流（A）','测试状态 ','放电异常原因'];
|
dataArr = [];
|
|
// 初始化echarts对象pie_chart
|
var conEchart=$('#conEchart').get(0);
|
var pie_chart = echarts.init(conEchart);
|
|
// 在页面未加强前生成表格
|
$(document).on('pagebeforecreate', function() {
|
var tblCon = $('.tbl-container');
|
createTbl(tblCon, arrTh, dataArr);
|
});
|
|
$(document).ready(function(){
|
//点击查询(筛选之后的确定按钮)
|
$("#search").click(function(){
|
searchBadBatt();
|
});
|
});
|
|
|
//查询
|
function searchBadBatt(){
|
//loadshow();
|
// loading.showLoading();
|
//var jsontemp = $('#search_form').serialize();
|
//if(formjson != jsontemp){
|
// Page.pageCurr = 1;
|
// formjson = jsontemp;
|
//}
|
var temp = createSearchParam();
|
var json = JSON.stringify(temp);
|
alldischarge = new Array();
|
$.ajax({
|
type:"post",
|
url: "BattDischarge_planAction!serchByCondition",
|
async:true,
|
dataType:'text',
|
data:"json="+json,
|
success: function(data){
|
arrTd = new Array();
|
data = eval('('+data+')');
|
var model = eval('('+data.result+')');
|
console.info(model);
|
if(model.code == 1){
|
alldischarge = model.data;
|
for(var i=0;i<model.data.length;i++){
|
Page.pageAll = model.data[i].page.pageAll;
|
//arrTd.push('<input type="checkbox" >');
|
arrTd.push(model.data[i].binf.StationName1);
|
arrTd.push(model.data[i].binf.StationName);
|
arrTd.push(model.data[i].binf.BattGroupName);
|
arrTd.push((model.data[i].bplan.discharge_starttime));
|
|
arrTd.push((model.data[i].bplan.preset_time));
|
arrTd.push((model.data[i].bplan.preset_cap));
|
arrTd.push((model.data[i].bplan.preset_monvol));
|
arrTd.push((model.data[i].bplan.preset_groupvol));
|
arrTd.push((model.data[i].bplan.preset_curr));
|
arrTd.push((model.data[i].bplan.preset_mon));
|
|
arrTd.push(model.data[i].bplan.dcvolhighlimit); //升压上限
|
arrTd.push(model.data[i].bplan.chargecurrset); //充电电流
|
|
|
arrTd.push(getDischage(model.data[i].bplan.discharge_state));
|
if(model.data[i].bplan.discharge_state == 0 || model.data[i].bplan.discharge_state == 2 ||model.data[i].bplan.discharge_state == 3){
|
arrTd.push("");
|
}else{
|
arrTd.push(dischargeReason[model.data[i].bplan.discharge_reason]);
|
}
|
//arrTd.push(addDischargeBtn(model.data[i].bplan.discharge_cleartype));
|
}
|
}else{
|
Page.pageAll = 0;
|
$('#searchNull').popup('open');
|
}
|
$('#total').text(Page.pageAll);
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
$('#current').text(Page.pageCurr+"/"+pageNum);
|
$('#page_num').val(Page.pageCurr);
|
//console.info(arrTd);
|
//changeTblByStatus();
|
//loading.hideLoading();
|
createTbl($('.tbl-container'), arrTh, arrTd);
|
panduanxianshi();
|
}
|
}).error(function(){
|
noContent.showNoContent("<s:text name='Search'/><s:text name='Fail'/>,<s:text name='Please'/><s:text name='Examine'/><s:text name='Network'/><s:text name='Connect'/>！"); //查询失败,请检查网络连接
|
//loadclose();
|
|
});
|
}
|
|
function panduanxianshi()
|
{
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
console.info(Page.pageCurr);
|
if (pageNum>1)
|
{//有多页
|
if (Page.pageCurr==1)
|
{
|
setPageTurning(false, true); //当前页为1,隐藏左边
|
}
|
else if (Page.pageCurr== pageNum)
|
{
|
setPageTurning(true, false); //当前页为最后一页,隐藏右边
|
}
|
else
|
{
|
setPageTurning(true, true); //为中间,两边都不隐藏
|
}
|
}else{
|
setPageTurning(false, false);
|
} //只有一页,隐藏两边
|
}
|
|
//根据val获取指定的放电状态
|
function getDischage(num){
|
for(var i =0 ;i<dischargeState.length;i++){
|
if(num == dischargeState[i].val){
|
return dischargeState[i].name;
|
}
|
}
|
return "";
|
}
|
|
function createSearchParam(){
|
var temp = {
|
binf:{
|
StationName:$('#city').val(),
|
StationName1:$('#privince').val(),
|
BattGroupId:$('#battgroup_name').val(),
|
},
|
bplan:{
|
discharge_starttime:$('#startTimeselect').val()+" 00:00:00", // 放电开始时间
|
discharge_starttime1:$('#endTimeselect').val()+" 23:59:59",
|
//discharge_stoptime:$('#startTimeselect').val(), // 放电结束时间
|
//discharge_stoptime1:$('#endTimeselect').val(),
|
discharge_state:$('#discharge-state').val(), // 放电状态 0未开始放电，1放电进行 2放电完成 3放电延时
|
},
|
page:{
|
pageSize:Page.pageSize, //每页的行数
|
pageCurr:Page.pageCurr, //当前页码数
|
},
|
};
|
|
console.info(temp);
|
return temp;
|
}
|
//点击筛选弹出选择框时,查询维护区中的枢纽类型(尝试加载就返回数据)
|
$.post("BattInfAction_serchByStation",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
console.info(data);
|
|
if(data.code==1 && data.data.length>0){
|
var $select=$("#privince");
|
$select.text("");
|
for(var i=0;i<=data.data.length;i++){
|
$option=$("<option></option>");
|
if(i==0){
|
$option.html("全部(共"+data.sum+"节)");
|
$option.attr("value", "");
|
}else{
|
$option.text(data.data[i-1].StationName1);
|
$option.attr("value",data.data[i-1].StationName1);
|
}
|
$select.append($option);
|
}
|
}
|
findStationNamebyStationname1();
|
});
|
|
//当维护区的值变换时更新机房站点
|
$('#privince').change(function(){
|
findStationNamebyStationname1();
|
});
|
|
//根据维护区查询站点
|
function findStationNamebyStationname1(){
|
var selectvalue=$("#privince option:selected").val();
|
//alert(selectvalue);
|
$.post("BattInfAction_serchByStationName","bif.StationName1="+selectvalue,function(data){
|
var $select = $("#city");
|
var arr1 = new Array();
|
arr1.push({
|
val: "",
|
txt: "全部(共"+data.sum+"种)"
|
});
|
updataSel($select, arr1);
|
data=data.result;
|
data=eval("("+data+")");
|
console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var $select = $("#city");
|
$select.text("");
|
var arr = new Array();
|
for(var i=0;i<data.data.length;i++) {
|
//if(i == 0) {
|
// arr.push({
|
// val: "",
|
// txt: "全部(共"+data.sum+"种)"
|
// });
|
//}else{
|
arr.push({
|
val: data.data[i].StationName,
|
txt: data.data[i].StationName
|
});
|
//}
|
updataSel($select, arr);
|
}
|
}
|
findserchByBattGroupNamebystationname();
|
});
|
$('#station_name').change(function(){
|
findserchByBattGroupNamebystationname();
|
});
|
}
|
//根据维护区和机房查询蓄电池组
|
function findserchByBattGroupNamebystationname(){
|
var station_name1=$("#privince option:selected").val();
|
var station_name=$("#city option:selected").val();
|
|
$.post("BattInfAction_serchByBattGroupName","bif.StationName1="+station_name1+"&bif.StationName="+station_name,function(data){
|
data=data.result;
|
//console.info(data);
|
data=eval("("+data+")");
|
console.info(data.data.length);
|
if(data.code==1 && data.data.length>0){
|
var $Obattgroup_name = $("#battgroup_name");
|
var arr = new Array();
|
for(var i=0;i<=data.data.length;i++) {
|
if(i == 0) {
|
arr.push({
|
val: "0",
|
txt: "全部(共"+data.sum+"组)"
|
});
|
}else{
|
arr.push({
|
val: data.data[i-1].BattGroupId,
|
txt:data.data[i-1].BattGroupName+"-"+data.data[i-1].MonCount+"节"
|
});
|
}
|
}
|
updataSel($Obattgroup_name, arr);
|
//$Obattgroup_name.appand($option);
|
//updataSel($Obattgroup_name, arr);
|
}
|
//searchBattMonNum();
|
});
|
|
}
|
|
|
$(function() {
|
$('.pre-page').on('click', 'a', function() {
|
var isShowPre = true;
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
if(Page.pageCurr>1){
|
Page.pageCurr = Page.pageCurr - 1;
|
searchBadBatt();
|
}else {
|
Page.pageCurr = Page.pageCurr - 1;
|
searchBadBatt();
|
}
|
});
|
|
$('.next-page').on('click', 'a', function() {
|
var isShowNext = true;
|
console.info(Page.pageAll);
|
console.info(Page.pageSize);
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
if(Page.pageCurr<pageNum){
|
Page.pageCurr = Page.pageCurr + 1;
|
console.info(Page.pageCurr);
|
searchBadBatt();
|
}
|
});
|
});
|
|
// 判断是否显示翻页按钮
|
function setPageTurning(isShowPre, isShowNext) {
|
if(isShowPre) { // 判断是否显示向上翻页按钮
|
$('.pre-page').show();
|
}else {
|
$('.pre-page').hide();
|
}
|
|
if(isShowNext) { // 判断是否显示向下翻页按钮
|
$('.next-page').show();
|
}else {
|
$('.next-page').hide();
|
}
|
}
|
// 设置页面中折线图的大小
|
$(function() {
|
initEchartHt();
|
|
// 当横屏和竖屏切换时更改面板的高度
|
$(window).on("orientationchange",function(){
|
setTimeout(function() {
|
initEchartHt();
|
}, 200);
|
});
|
});
|
|
// 设置echarts容器的宽高
|
function initEchartHt() {
|
// 获取屏幕的高度
|
var winHt = $.mobile.getScreenHeight();
|
var winWidth = $(window).width();
|
$('#conEchart').height(winHt - 55);
|
$('#conEchart').width(winWidth - 16);
|
pie_chart.resize();
|
}
|
|
searDischargePlanCount();
|
var search_timer;
|
function searDischargePlanCount(){
|
window.clearTimeout(search_timer);
|
$.ajax({
|
type:"post",
|
url: "BattDischarge_planAction!searchState",
|
async:true,
|
dataType:'text',
|
data:null,
|
success: function(data){
|
data = eval('('+data+')');
|
var model = eval('('+data.result+')');
|
var dischargeObj;
|
if(model.code == 1){
|
dischargeObj = [
|
{name: dischargeState[0].name, val: model.data.BattIndexInFbs}, //未放电
|
{name: dischargeState[3].name, val: model.data.preset_monvol}, //放电进行中
|
{name: dischargeState[1].name, val: model.data.preset_time}, //放电延时
|
{name: dischargeState[2].name, val: model.data.preset_cap}, //放电完成
|
{name: dischargeState[5].name, val: model.data.preset_groupvol} //放电失败
|
];
|
}else{
|
dischargeObj = [
|
{name: dischargeState[0].name, val: "0"}, //未放电
|
{name: dischargeState[3].name, val: "0"}, //放电进行中
|
{name: dischargeState[1].name, val: "0"}, //放电延时
|
{name: dischargeState[2].name, val: "0"}, //放电完成
|
{name: dischargeState[5].name, val: "0"} //放电失败
|
];
|
}
|
console.info(dischargeObj);
|
//console.info(pie.getOption());
|
if(pie_chart.getOption() == undefined){
|
createPie(pie_chart, '放电状态图', dischargeObj); //放电状态图
|
}else{
|
flushPie(pie_chart,dischargeObj);
|
}
|
search_timer = window.setTimeout("searDischargePlanCount()", 4000);
|
}
|
}).error(function(){
|
search_timer = window.setTimeout("searDischargePlanCount()", 4000);
|
});
|
}
|
|
function flushPie(pieChart,data){
|
var arr = new Array();
|
for(var i = 0;i<data.length;i++){
|
arr.push({
|
value:data[i].val,
|
name:data[i].name
|
});
|
}
|
var option = pie_chart.getOption();
|
option.series[0].data = arr;
|
pieChart.setOption(option);
|
}
|
|
|
//创建饼状图
|
//pieChart为init后的容器,tle是title.text,objEle是一个数组对象，数组内的对象name和val
|
function createPie(pieChart,tle,objEle){
|
//清理画布
|
pieChart.clear();
|
//定义饼状图的配置项和数据
|
var option={
|
title : {
|
text:tle,
|
x:'left',
|
textStyle: {
|
fontSize:15
|
}
|
},
|
tooltip : {
|
trigger: 'item',
|
formatter: "{a} <br/>{b} : {c} ({d}%)"
|
},
|
// #008000(绿色), #FF0000(红色),#FFFF00(黄色),#FFC0CB(紫色)
|
color: function() {
|
var sys_color = ['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3'];
|
var color = [];
|
for(var i = 0; i < objEle.length; i++) {
|
if(objEle[i].hasOwnProperty("color")) {
|
color.push(objEle[i].color);
|
}else {
|
color.push(sys_color[i]);
|
}
|
}
|
return color;
|
}(),
|
legend: {
|
/*orient : 'vertical',
|
x : 'left',
|
data:function(){
|
var lgd=new Array();
|
for(var i=0;i<objEle.length;i++)
|
{
|
lgd.push(objEle[i].name);
|
}
|
return lgd;
|
}()*/
|
},
|
toolbox: {
|
show : true,
|
orient : 'vertical',
|
x: 'right',
|
y: 'center',
|
feature : {
|
mark : {show: true},
|
dataView : {show: true, readOnly: false},
|
magicType : {
|
show: true,
|
type: ['pie', 'funnel'],
|
option: {
|
funnel: {
|
x: '25%',
|
width: '50%',
|
funnelAlign: 'left',
|
max: 1548
|
}
|
}
|
},
|
restore : {show: true},
|
saveAsImage : {show: true}
|
}
|
},
|
calculable : true,
|
series : [
|
{
|
name:'电池信息',
|
type:'pie',
|
radius : '55%',
|
center: ['50%', '60%'],
|
data:function(){
|
var dataArr=new Array();
|
for(var i=0;i<objEle.length;i++)
|
{
|
var oItem={
|
value:objEle[i].val,
|
name:objEle[i].name,
|
label: {
|
normal: {
|
show: true
|
}
|
},
|
labelLine: {
|
normal: {
|
show: true
|
},
|
emphasis: {
|
show: true
|
}
|
}
|
};
|
if(objEle[i].val == 0) {
|
//oItem.label.normal.show = false;
|
//oItem.labelLine.normal.show = false;
|
//oItem.labelLine.emphasis.show = false;
|
}
|
dataArr.push(oItem);
|
}
|
return dataArr;
|
}()
|
}
|
]
|
};
|
// 使用刚指定的配置项和数据显示图表。
|
pieChart.setOption(option);
|
pieChart.hideLoading();
|
}
|
</script>
|
</body>
|
</html>
|
