f0709892b0b2f5c047809d813585646ad8103ae8.svn-base 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. var pageParam={};
  2. var chart=null;
  3. var utils=new Util();
  4. /***
  5. * 初始化方法里填写标题,当前单位名称:广东电网 暂时写死。
  6. * 可以通过下面方法获取到当前单位名称,上系统时请改成下面这种写法:
  7. * var deptName = top.com.sinosoft.lz.system.user.LoginInfo.getDeptnames();
  8. * **/
  9. $(function(){
  10. pageParam.style=utils.resolveUrl()["style"]||"style3";
  11. pageParam.title=utils.resolveUrl()["title"]||"广东电网";//pageParam.title=utils.resolveUrl()["title"]||deptName + "预案修编统计";
  12. pageParam.number=utils.resolveUrl()["number"]||warnningnumber;
  13. init();
  14. });
  15. /**
  16. *初始化方法
  17. */
  18. function init(){
  19. loadChart(pageParam);
  20. }
  21. function loadChart(jsonParam){
  22. //演练类别的饼图
  23. getViewType1(jsonParam);
  24. //演练形式的饼图
  25. getViewType(jsonParam);
  26. }
  27. //根据演练类别:综合演练、专项演练展示的饼图,演练类别的饼图
  28. function getViewType1(jsonParam){
  29. /**
  30. * 获取数据;
  31. * param :id;
  32. * 备注:由于不在系统框架内,获取不到登录人单位的ID,现在传入的单位ID写死。上线的时候请更改过来。
  33. * 用这个方法取当前登录人单位ID:
  34. * var deptId = top.com.sinosoft.lz.system.user.LoginInfo.getCorp_ids();
  35. * 将第32行代替换34行代码。
  36. * $.post("/nwyj//ws/PlanHuiZong/ContingencyPlanHuiZong/getPlanInfo2",{id : deptId},function(result){
  37. * ***/
  38. $.post("/nwyj/ws/DrillCount/DrillCountService/getDrillInfo",{id : "11"},function(result){
  39. alert(JSON.stringify(result));
  40. var sArr=[{type:"pie",data:[]}];
  41. var xAxis=[];
  42. var item=result.rows[0];
  43. sArr[0].data=[
  44. {value:utils.changeQ(item["Drill_param"]),
  45. name:"综合演练",
  46. compId:item["Drill_param"],
  47. data:{number:jsonParam.number},
  48. itemStyle: {
  49. normal: {color:pageStyle[jsonParam.style]["chartColor"][0],
  50. label : { show : true,
  51. position: "insideTop",
  52. textStyle: {fontSize: 14,fontStyle: "normal",fontWeight: "bold"},
  53. formatter: "{b} : {c} ({d}%)"
  54. }
  55. }
  56. }
  57. },
  58. {value:utils.changeQ(item["Drill_test"]),
  59. name:"专项演练",
  60. compId:item["Drill_test"],
  61. data:{number:jsonParam.number},
  62. itemStyle: {
  63. normal: {color:pageStyle[jsonParam.style]["chartColor"][1],
  64. label : { show : true,
  65. position: "insideTop",
  66. textStyle: {fontSize: 14,fontStyle: "normal",fontWeight: "bold"},
  67. formatter: "{b} : {c} ({d}%)"
  68. }}}
  69. }
  70. ];
  71. pageParam.opParams={
  72. title:"广东",//标题
  73. unit:"个",//单位
  74. leArr:["综合演练","专项演练"],//图例
  75. xAxis:xAxis,//x轴
  76. sArr:sArr//主数据
  77. };
  78. setTitle(item,"(个)");
  79. chart=getEchart($("#i_page_chart2"),getOption,pageParam.opParams,null);
  80. bindEvent();
  81. },"json");
  82. }
  83. function getViewType(jsonParam){
  84. /**
  85. * 获取数据;
  86. * param :id;
  87. * 备注:由于不在系统框架内,获取不到登录人单位的ID,现在传入的单位ID写死。上线的时候请更改过来。
  88. * 用这个方法取当前登录人单位ID:
  89. * var deptId = top.com.sinosoft.lz.system.user.LoginInfo.getCorp_ids();
  90. * 将第32行代替换34行代码。
  91. * $.post("/nwyj//ws/PlanHuiZong/ContingencyPlanHuiZong/getPlanInfo2",{id : deptId},function(result){
  92. * ***/
  93. $.post("/nwyj/ws/DrillCount/DrillCountService/getDrillInfo",{id : "11"},function(result){
  94. var sArr=[{type:"pie",data:[]}];
  95. var xAxis=[];
  96. var item=result.rows[0];
  97. sArr[0].data=[
  98. {value:utils.changeQ(item["locale"]),
  99. name:"现场演练",
  100. compId:item["locale"],
  101. data:{number:jsonParam.number},
  102. itemStyle: {
  103. normal: {color:pageStyle[jsonParam.style]["chartColor"][0],
  104. label : { show : true,
  105. position: "insideTop",
  106. textStyle: {fontSize: 14,fontStyle: "normal",fontWeight: "bold"},
  107. formatter: "{b} : {c} ({d}%)"
  108. }
  109. }
  110. }
  111. },
  112. {value:utils.changeQ(item["desktop"]),
  113. name:"桌面演练",
  114. compId:item["desktop"],
  115. data:{number:jsonParam.number},
  116. itemStyle: {
  117. normal: {color:pageStyle[jsonParam.style]["chartColor"][1],
  118. label : { show : true,
  119. position: "insideTop",
  120. textStyle: {fontSize: 14,fontStyle: "normal",fontWeight: "bold"},
  121. formatter: "{b} : {c} ({d}%)"
  122. }}}
  123. },
  124. {value:utils.changeQ(item["sm_locale"]),
  125. name:"双盲现场",
  126. compId:item["sm_locale"],
  127. data:{number:jsonParam.number},
  128. itemStyle: {
  129. normal: {color:pageStyle[jsonParam.style]["chartColor"][2],
  130. label : { show : true,
  131. position: "insideTop",
  132. textStyle: {fontSize: 14,fontStyle: "normal",fontWeight: "bold"},
  133. formatter: "{b} : {c} ({d}%)"
  134. }}}
  135. },
  136. {value:utils.changeQ(item["sm_desktop"]),
  137. name:"双盲桌面",
  138. compId:item["sm_desktop"],
  139. data:{number:jsonParam.number},
  140. itemStyle: {
  141. normal: {color:pageStyle[jsonParam.style]["chartColor"][3],
  142. label : { show : true,
  143. position: "insideTop",
  144. textStyle: {fontSize: 14,fontStyle: "normal",fontWeight: "bold"},
  145. formatter: "{b} : {c} ({d}%)"
  146. }}}
  147. }
  148. ];
  149. pageParam.opParams={
  150. title:"广东",//标题
  151. unit:"个",//单位
  152. leArr:["现场演练","桌面演练","双盲现场","双盲桌面"],//图例
  153. xAxis:xAxis,//x轴
  154. sArr:sArr//主数据
  155. };
  156. setTitle(item,"(个)");
  157. chart=getEchart($("#i_page_chart1"),getOption,pageParam.opParams,null);
  158. bindEvent();
  159. },"json");
  160. }
  161. /**
  162. * 绑定事件
  163. */
  164. function bindEvent(){
  165. //点击事件
  166. chart.on("click",function(params){
  167. if(params.data.name=="配网"){
  168. var pathStr=url["http_path"]+"page/cockpit/echart_maticView/line_trip/line_trip_sum_chart_peiwang_grid.html?"+$.param(params.data.data);
  169. }else{
  170. alert("主网信息");
  171. }
  172. utils.openIframe(pathStr);
  173. });
  174. //自适应
  175. $(window).resize(function(){
  176. chart.resize();
  177. });
  178. }
  179. /**
  180. * 设置标题
  181. * 获取系统时间:(由于不在系统框架内,无法获取系统时间,上线时可用下面函数获取系统时间)
  182. * var currDate = getNowFormatDate(); YYYY-MM-DD HH:MM:SS
  183. * 将获取的系统时间填充到下面代码:
  184. * $("#i_page_head_subtitle").append("<div>截止时间:"+currDate+"</div><div>修编个数:"+jsonParam["zTotal"]+unit+"</div>");
  185. */
  186. function setTitle(jsonParam,unit){
  187. $("#i_page_head_title").empty();
  188. $("#i_page_head_subtitle").empty();
  189. $("#i_page_head_title").append("<h2>"+pageParam.title+"</h2>");
  190. $("#i_page_head_subtitle").append("<div>截止时间:"+jsonParam["APPEAR_TIME"]+"</div><div>演练计划个数:"+jsonParam["zTotal"]+unit+"</div>");
  191. }