饼状图配置

hdw

2018-11-27 efa0e60ffa77fd41449d64521c493571fc46d07e

 gx_tieta/WebRoot/pages/js/pages/index-common.js

@@ -3,76 +3,87 @@
   gl.namespace('Index.Pie');

   

   var pieType = [

       {

         name: '机房停电'

         ,cla: 'repair-pie'

       },

         {

            name: '电池状态',

            action: 'Batt_rtstateAction!serchBattStateRate',

            formatData: eleStatus

            name: '电池状态'

            ,cla: 'brdn-pie'

         },

         {

            name: '电池告警率',

            action: 'Battalarm_dataAction!serchAlm',

            formatData: eleWarn

            name: '电池告警率'

            ,cla: 'warn-pie' 
         },

         {

            name: '机房停电',

            action: 'BattPower_offAction!serchPowerOff',

            formatData: homeCut

            name: '单体容量健康率'

            ,cla: 'health-pie'

         },

         {

            name: '单体容量健康率',

            action: 'Battalarm_dataAction!serchGood',

            formatData: monCapGood

            name: '机房续航能力'

            ,cla: 'endur-pie'

         }

   ];

   

   // 将pieType绑定到Index.Pie命名空间下

   gl.Index.Pie.pieType = pieType;

   

   // 根据数组调用查询内容

   function search(arr) {

      for(var i=0; i<arr.length; i++) {

         if(arr[i]) {

            ajax(pieType[i]);

         }

      }

   }

	
   // 将search绑定到Index.Pie命名空间下

   gl.Index.Pie.search = search;

	
   // 请求后台

   function ajax(obj) {

      // ajax请求后台

   // 查询饼状图状态返回需要显示饼状图

   function pieStatus() {

      // 设置一个同步查询返回一个div.pie-item-list

      var pieItems;

      $.ajax({

         type: 'post',

         url: obj.action,

         data: null,

         async: true,

         dataType: 'json',

         success:function(result) {

            var rs = JSON.parse(result.result);

            var pieData = obj.formatData(rs);

				
         type: 'post'

         ,async: false

         ,url: 'Echarts_usrAction!serchByCondition'

         ,data: null

         ,dataType: 'json'

         ,success: function(res) {

            var rs = JSON.parse(res.result);

            //console.log(rs);

            if(rs.code == 1) {

               var data = rs.data[0];

               var rsStatus = formaterPieStauts(data);

               pieItems = getPieList(rsStatus);

            }

         }

      });

		
      return pieItems;

   }

   

   // 电池状态

   function eleStatus(data) {

      console.log(data);

   // 将pieStatus绑定到Index.Pie命名空间下

   gl.Index.Pie.pieStatus = pieStatus;

	
   // 根据数组返回

   function getPieList(arr) {

      var pieItems = $('<div class="pie-item-list"></div>');

      for(var i=0; i<arr.length; i++) {

         if(arr[i] == 1) {

            var cla = pieType[i].cla;

            var pieItem = $('<div class="'+cla+' module"></div>');

            pieItems.append(pieItem);

         }

			
      }

      return pieItems;

   }

   

   // 电池告警

   function eleWarn(data) {

      console.log(data);

   // 将getPieList绑定到Index.Pie命名空间下

   gl.Index.Pie.getPieList = getPieList;

	
   // 构造更新饼状图参数

   function formaterPieStauts(obj) {

      var rs = [];

      // 遍历pieType的类型

      for(var i=0; i<pieType.length; i++) {

         var num = i+1;

         var key = 'echarts'+num+'_enable';

         rs.push(obj[key]);

      }

      return rs;

   }

   

   // 机房停电

   function homeCut(data) {

      console.log(data);

   }

   // 单体容量健康率

   function monCapGood(data) {

      console.log(data);

   }

   // 将getPieList绑定到Index.Pie命名空间下

   gl.Index.Pie.formaterPieStauts = formaterPieStauts;

})(jQuery, window, document, GLOBAL);