angularIndex.js 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. function getConsumedResources(time){
  2. if(time==undefined||time==''){
  3. time = document.getElementById("resources").value;
  4. }
  5. var equipmentList =null;
  6. $.ajax({
  7. url:"/asl-admin/index/consumedResources.htm?time="+time,
  8. type:"get",
  9. contentType: "application/json;charset=utf-8",
  10. dataType: "json",
  11. success: function(data){
  12. number = data;
  13. var water=window.document .getElementById ("water");
  14. water.innerHTML = data.water;
  15. var electricity=window.document .getElementById ("electricity");
  16. electricity.innerHTML = data.electricity;
  17. // console.log("consumedResources:",number);
  18. }
  19. });
  20. };
  21. //机器清洗排行
  22. function getCleanLine(time){
  23. if(time==undefined||time==''){
  24. time = document.getElementById("cleanLine").value;
  25. }
  26. var equipmentList =null;
  27. $.ajax({
  28. url:"/asl-admin/index/cleanLine.htm?time="+time,
  29. type:"get",
  30. contentType: "application/json;charset=utf-8",
  31. dataType: "json",
  32. success: function(data){
  33. number = data;
  34. document.getElementById("cleanLineDes").innerHTML = "";
  35. var ul = document.getElementById("cleanLineDes");
  36. for(var i = 1;i <= data.cleanLine.length;i++){
  37. var li = document.createElement("li");
  38. li.innerHTML ='<li>'+
  39. '<div class="fontInner clearfix">'+
  40. '<span>'+i+'</span>'+
  41. '<span>'+data.cleanLine[i-1].title+'</span>'+
  42. '<span>'+data.cleanLine[i-1].totalNumber+'</span>'+
  43. '</div>'+
  44. '</li>';
  45. ul.appendChild(li);
  46. }
  47. // console.log("cleanLine:",number);
  48. }
  49. });
  50. };
  51. //报警的类型统计,问题占比
  52. function getAlarmRecordType(time){
  53. if(time==undefined||time==''){
  54. time = document.getElementById("alarmBili").value;
  55. }
  56. var equipmentList =null;
  57. $.ajax({
  58. url:"/asl-admin/index/alarmRecordType.htm?time="+time,
  59. type:"get",
  60. contentType: "application/json;charset=utf-8",
  61. dataType: "json",
  62. success: function(data){
  63. number = data.alarmRecordType;
  64. chart2(data.alarmRecordType);
  65. // console.log("alarmRecordType:",number);
  66. }
  67. });
  68. };
  69. //问题占比统计
  70. function chart2(alarmRecordType) {
  71. var data = [];
  72. for(var i =0;i<alarmRecordType.length;i++){
  73. var person = new Object();
  74. person.value = alarmRecordType[i].totalNumber;
  75. person.name = alarmRecordType[i].title;
  76. data.push(person);
  77. }
  78. var myChart2 = echarts.init(document.getElementById('myChart2'));
  79. var option2 = {
  80. legend: {
  81. type: 'scroll',
  82. orient: 'vertical',
  83. right: 10,
  84. top: 20,
  85. bottom: 20,
  86. textStyle:{//图例文字的样式
  87. color:'#ccc'
  88. },
  89. data:data,
  90. },
  91. series: [
  92. {
  93. // name: '姓名',
  94. type: 'pie',
  95. radius: '55%',
  96. label: {
  97. normal: {
  98. position: 'inner',
  99. show : false
  100. }
  101. },
  102. center: ['40%', '50%'],
  103. data:data,
  104. emphasis: {
  105. itemStyle: {
  106. shadowBlur: 10,
  107. shadowOffsetX: 0,
  108. shadowColor: 'rgba(0, 0, 0, 0.5)'
  109. }
  110. }
  111. }
  112. ]
  113. };
  114. myChart2.setOption(option2);
  115. };