7311872eb3706529581085c90b1723261c760cdb.svn-base 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. <%@page language="java" pageEncoding="UTF-8"%>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>应急演练统计</title>
  7. <!--框架必需start-->
  8. <%@include file="../../../include.jsp"%>
  9. <!--框架必需end-->
  10. <script type="text/javascript" src="<%=path%>/scripts/jquery/plugins/jquery.extension.util.js"></script>
  11. <script type="text/javascript" src="<%=path%>/scripts/freamwork/com/sinosoft/common/common.js"></script>
  12. <script type="text/javascript" src="<%=path%>/scripts/freamwork/com/sinosoft/common/utils/utils.js"></script>
  13. <script type="text/javascript" src="<%=path%>/scripts/freamwork/com/sinosoft/common/frameWork/frameWork.js"></script>
  14. <script type="text/javascript" src="<%=path%>/scripts/freamwork/com/sinosoft/common/utils/Request.js"></script>
  15. <script type="text/javascript" src="<%=path%>/scripts/freamwork/com/sinosoft/common/searchUtil.js"></script>
  16. <script type="text/javascript" src="<%=path%>/scripts/business/am/org/maintenance/orgSel.js"></script>
  17. <link href="<%=path%>/scripts/freamwork/com/sinosoft/common/searchUtil.css" rel="stylesheet" type="text/css"/>
  18. <script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/echarts-all.js"></script>
  19. <script type="text/javascript" src="<%=path%>/scripts/freamwork/com/sinosoft/common/common.nomin.js"></script>
  20. <script type="text/javascript" src="../../../../scripts/business/am/drill/emc-drill-poll.js"></script>
  21. <style type="text/css">
  22. .l-grid-hd-cell{
  23. /* //height: 34px; */
  24. background-color: #5582b9;
  25. height: 40px;
  26. }
  27. .l-grid-hd-cell-text{
  28. font-weight:bold;
  29. color:white
  30. }
  31. .bd{
  32. width: 978px;
  33. margin-top:10px
  34. }
  35. .title{
  36. height: 50px;
  37. /* background: #F8F8F8; */
  38. border-style:solid;
  39. border-width:1px;
  40. border-right:1px;
  41. border-left:1px;
  42. border-top:1px;
  43. border-color:#cdcaca;
  44. }
  45. .title_font{
  46. font-weight: bold;
  47. font-size: 24px;
  48. line-height: 45px;
  49. color:#3e62a0;
  50. }
  51. .button_jl{
  52. margin:0px 20px 10px 0px;
  53. float:right;
  54. }
  55. .td-move{
  56. padding: 10px 5px 0px 0px;
  57. }
  58. .back{
  59. margin:10px 0px 10px 15px;
  60. }
  61. </style>
  62. <script type="text/javascript">
  63. /***************若做时间双选框,需把这部分加上,id名根据自己html改*********************/
  64. var dateSkin="blue";
  65. $(function(){
  66. var deptName = top.com.sinosoft.lz.system.user.LoginInfo.getCorp_ids();
  67. $("#UNITS_299").OrgSel({selectedMulti : true,loadId_in:deptName,orgWidth : "92%",loadCorp:"loadCorp"});
  68. //获取当前主题风格,用于设置日期控件的皮肤
  69. try {
  70. dateSkin=themeColor;
  71. }
  72. catch(e){}
  73. /* //自定义点击触发日期控件
  74. document.getElementById('beginTime').onfocus=function(){
  75. var endtimeTf=$dp.$('endTime');
  76. WdatePicker({
  77. skin:dateSkin,onpicked:function(){endtimeTf.focus();},maxDate:'#F{$dp.$D(\'endTime\')}'
  78. });
  79. };
  80. document.getElementById('endTime').onfocus=function(){
  81. //这里设置了最大日期为当前日期,如果不需要则把maxDate:'%y-%M-%d'去掉 maxDate:'%y-%M-%d',
  82. WdatePicker({skin:dateSkin,minDate:'#F{$dp.$D(\'beginTime\')}'});
  83. }; */
  84. $("#back").hover(function(){
  85. $(this).attr("src","/nwyj/images/temp/back_hover.png");
  86. },function(){
  87. $(this).attr("src","/nwyj/images/temp/back.png");
  88. });
  89. });
  90. </script>
  91. </head>
  92. <body class="bd" align="center" >
  93. <div id="searchPanel" style="border: 1px solid #cdcaca;background: white;">
  94. <div class="title" align="center">
  95. <a href="javascript:;"><img id="back" class="back" align="left" alt="返回" title="返回" src="/nwyj/images/temp/back.png" onclick="window.history.back()"></img></a>
  96. <font class="title_font">应急演练计划汇总</font>
  97. </div>
  98. <form id="queryForm" method="post">
  99. <fieldset style="margin: 10px 20px 10px 20px;border-color:#cdcaca;">
  100. <table align="center" width="100%">
  101. <tr>
  102. <td align="right" width="80px" class="class_color">填报时间:</td>
  103. <td width="280px">
  104. <input readonly="readonly" type="text" class="date beginTime" name="REPORT_DATE" id="beginTime" style="width:120px" dateFmt="yyyy-MM"/>&nbsp;~&nbsp;
  105. <input readonly="readonly" type="text" class="date endTime" name="REPORT_DATE" id="endTime" style="width:120px" dateFmt="yyyy-MM"/>
  106. </td>
  107. <td align="right" width="120px" class="class_color">实施状态:</td>
  108. <td width="280px"><div class="selectTree selectWidth" selWidth="266" id="IMPLEMENT_STAT_299" name="IMPLEMENT_STAT_299" multiMode="true" allSelectable="true" exceptParent="true" prompt="请选择" data='{"treeNodes":[{ "id":"0","name":"全选","open":"true","clickExpand":true},{"parentId":"0","id":"done_num","name":"已实施"},{"parentId":"0","id":"undo_num","name":"未实施"}]}' ></div></td>
  109. </tr>
  110. <tr>
  111. <td align="right" class="class_color">演练类别:</td>
  112. <td><div class="selectTree selectWidth" selWidth="266" id="DRILL_TYPE_299" name="DRILL_TYPE_299" multiMode="true" allSelectable="true" exceptParent="true" prompt="请选择" data='{"treeNodes":[{ "id":"0","name":"全选","open":"true","clickExpand":true},{"parentId":"0","id":"drill_param","name":"综合"},{"parentId":"0","id":"drill_test","name":"专项"}]}' ></div></td>
  113. <td align="right" class="class_color">演练形式:</td>
  114. <td><div class="selectTree selectWidth" selWidth="266" id="DRILL_FORM_299" name="DRILL_FORM_299" multiMode="true" allSelectable="true" exceptParent="true" prompt="请选择" data='{"treeNodes":[{ "id":"0","name":"全选","open":"true","clickExpand":true},{"parentId":"0","id":"locale","name":"现场"},{"parentId":"0","id":"desktop","name":"桌面"},{"parentId":"0","id":"sm_locale","name":"双盲现场"},{"parentId":"0","id":"sm_desktop","name":"双盲桌面"}]}'></div></td>
  115. </tr>
  116. <tr>
  117. <td align="right" class="class_color">填报单位:</td>
  118. <td colspan="3"><div id="UNITS_299"></div></td>
  119. </tr>
  120. </table>
  121. </fieldset>
  122. <div class="button_jl">
  123. <button id='printButt1' type="button" onclick="getCount();"><span class="print_tem">统计</span></button>
  124. <button id="send1" type="button" onclick="resetSearch();"><span class="export_tem">重置</span></button>
  125. <!-- <button id='printButt' type="button" onclick="getTimeValue();"><span class="print_tem">打印</span></button>-->
  126. <button id="send" type="button" onclick="export_report();"><span class="export_tem">导出</span></button>
  127. </div>
  128. </form>
  129. <br />
  130. <div style="margin:0px 20px 10px 20px;">
  131. <div id="maingrid"></div>
  132. </div>
  133. <fieldset style="border-color:#cdcaca;margin:10px 20px 20px 20px">
  134. <div style="height:470px">
  135. <div class="basicTab" >
  136. <div name="柱状图" style="width:100%;height:100%;">
  137. <table width="100%" >
  138. <tr>
  139. <td align="center">
  140. 类型:<input type="radio" id="male-1" name="yanlian" value="a" checked="checked"//><label for="male-1" class="hand">实施状态</label>
  141. <input type="radio" id="male-2" name="yanlian" value="b" /><label for="male-2" class="hand">演练类别</label>
  142. <input type="radio" id="male-3" name="yanlian" value="c" /><label for="male-3" class="hand">演练形式</label>
  143. </td>
  144. </tr>
  145. </table>
  146. <div id="main1" style="height:400px;"></div>
  147. </div>
  148. <div name="折线图" style="width:100%;height:100%;">
  149. <table width="100%" >
  150. <tr>
  151. <td align="center">
  152. 类型:<input type="radio" id="male1-1" name="yanlian1" value="a1" checked="checked"//><label for="male1-1" class="hand">参演人数</label>
  153. <input type="radio" id="male1-2" name="yanlian1" value="b1" /><label for="male1-2" class="hand">演练类别</label>
  154. <input type="radio" id="male1-3" name="yanlian1" value="c1" /><label for="male1-3" class="hand">演练形式</label>
  155. <input type="radio" id="male1-4" name="yanlian1" value="d1" /><label for="male1-4" class="hand">实施状态</label>
  156. </td>
  157. </tr>
  158. </table>
  159. <div id="main2" style="height:400px;"></div>
  160. </div>
  161. <div name="饼图" style="width:100%;height:100%;">
  162. <div id="main3" style="height:400px;"></div>
  163. </div>
  164. </div>
  165. </div>
  166. </fieldset>
  167. <!-- <div style="margin:0px 20px 10px 20px;">
  168. <table class="tableStyle">
  169. <tr id="danwei">
  170. </tr>
  171. <tr id="zongshu">
  172. </tr>
  173. <tr id="wancheng">
  174. </tr>
  175. <tr id="bfb">
  176. </tr>
  177. </table>
  178. </div> -->
  179. </div>
  180. </body>
  181. </html>