fault_statis.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  1. <!DOCTYPE html>
  2. <html lang="zh-cmn-Hans">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>生保系统故障分析及辅助维修决策软件</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8">
  9. <link rel="stylesheet" href="./lib/layui/css/layui.css">
  10. <link rel="stylesheet" href="./css/font.css">
  11. <link rel="stylesheet" href="./css/xadmin.css">
  12. <script src="./lib/jquery.min.js"></script>
  13. <script src="./lib/layui/layui.js" charset="utf-8"></script>
  14. <script src="./js/xadmin.js"></script>
  15. <script src="../other/public/echarts.js" type="text/javascript" charset="utf-8"></script>
  16. <script src="./js/echarts.min.js"></script>
  17. <script src="../other/js/functions.js"></script>
  18. <script src="./js/fault_statis.js"></script>
  19. <style>
  20. .search {
  21. display: inline-block;
  22. /* margin-left: 5px; */
  23. width: 130px;
  24. }
  25. #realName {
  26. display: inline-block;
  27. }
  28. tr {
  29. width: 100%;
  30. text-align: center;
  31. font-size: 20px;
  32. }
  33. td {
  34. width: 4.8%;
  35. }
  36. </style>
  37. </head>
  38. <body class="layui-anim layui-anim-up">
  39. <div class="x-body">
  40. <fieldset class="layui-elem-field" style="margin-top: 20px;">
  41. <div class="layui-col-md12">
  42. <form class="layui-form">
  43. <!-- <div class="search">
  44. <div class="layui-input-inline">
  45. <select lay-search="sel" lay-verify="required">
  46. <option value="0">战区</option>
  47. <option value="1">单位一</option>
  48. <option value="2">单位二</option>
  49. </select>
  50. </div>
  51. </div> -->
  52. <!-- <div class="search">
  53. <div class="layui-input-inline">
  54. <select lay-search="sel" lay-verify="required">
  55. <option value="0">军</option>
  56. <option value="1">单位一</option>
  57. <option value="2">单位二</option>
  58. </select>
  59. </div>
  60. </div> -->
  61. <!-- <div class="search">
  62. <div class="layui-input-inline">
  63. <select lay-search="sel" lay-verify="required">
  64. <option value="0">师</option>
  65. <option value="1">单位一</option>
  66. <option value="2">单位二</option>
  67. </select>
  68. </div>
  69. </div> -->
  70. <!-- <div class="search">
  71. <div class="layui-input-inline">
  72. <select lay-search="sel" lay-verify="required">
  73. <option value="0">团</option>
  74. <option value="1">单位一</option>
  75. <option value="2">单位二</option>
  76. </select>
  77. </div>
  78. </div> -->
  79. <div class="search">
  80. <div class="layui-input-inline layui-form" lay-filter="aircraft">
  81. <select name="aircraft" id="aircraft" lay-search="aircraft"
  82. lay-verify="required"></select>
  83. </div>
  84. </div>
  85. <div class="search">
  86. <div class="layui-input-inline layui-form" lay-filter="airNo">
  87. <select name="airNo" id="airNo" lay-search="airNo"
  88. lay-verify="required">
  89. <option value="1">LH901</option></select>
  90. </div>
  91. </div>
  92. <!-- <div class="search">
  93. <div class="layui-input-inline">
  94. <select name="major" id="major" lay-search="major" lay-verify="required"></select>
  95. </div>
  96. </div> -->
  97. <!-- <div class="search">
  98. <div class="layui-input-inline">
  99. <select name="systemName" id="systemName" lay-search="systemName" lay-verify="required">
  100. <option value="-1">请选择系统</option>
  101. <option value="0">系统</option>
  102. <option value="1">系统一</option>
  103. <option value="2">系统二</option>
  104. </select>
  105. </div>
  106. </div> -->
  107. <div class="search" style="width: 28%;">
  108. <div class="layui-inline" style="display: inline-block; width: 130px;margin-left: 35px;">
  109. <input type="text" placeholder="起始时间" id="startTime" name="startTime"
  110. class="layui-input test-item">
  111. </div>
  112. <div class="layui-inline" style="display: inline-block; width: 130px;">
  113. <input type="text" placeholder="终止时间" id="endTime" name="endTime"
  114. class="layui-input test-item">
  115. </div>
  116. <div class="layui-inline" style="display: inline-block; ">
  117. <button type="button" class="layui-btn layui-btn-sm" id="sure">确定</button>
  118. </div>
  119. </div>
  120. </form>
  121. </div>
  122. <div class="layui-col-md12" style="margin-top: 20px;">
  123. <div class="layui-col-md6">
  124. <div id="airNoSta" style="width: 100%;height:350%;position: relative;"></div>
  125. </div>
  126. <div class="layui-col-md6" style="margin-top: 3%;">
  127. <table border="1" id="table">
  128. </table>
  129. </div>
  130. </div>
  131. <div class="layui-col-md12" style="margin-top: 20px;">
  132. <div class="layui-carousel x-admin-carousel x-admin-backlog" lay-anim="" lay-indicator="inside"
  133. lay-arrow="none" style="width: 100%; height: 110px;">
  134. <div carousel-item="">
  135. <ul class="layui-row layui-col-space10 layui-this">
  136. <li class="layui-col-xs3">
  137. <a data-index="10" class="x-admin-backlog-body">
  138. <h3>故障数量</h3>
  139. <p>
  140. <cite id="faultCount" style="font-size: 12px;"></cite>
  141. </p>
  142. </a>
  143. </li>
  144. <li class="layui-col-xs3">
  145. <a data-index="11" class="x-admin-backlog-body">
  146. <h3>严重数量</h3>
  147. <p>
  148. <cite id="seriousCount" style="font-size: 12px;"></cite>
  149. </p>
  150. </a>
  151. </li>
  152. <li class="layui-col-xs3">
  153. <a data-index="11" class="x-admin-backlog-body">
  154. <h3>高发专业</h3>
  155. <p>
  156. <cite id="topMajor" style="font-size: 12px;"></cite>
  157. </p>
  158. </a>
  159. </li>
  160. <li class="layui-col-xs3">
  161. <a data-index="11" class="x-admin-backlog-body">
  162. <h3>高发时机</h3>
  163. <p>
  164. <cite id="#topOPT" style="font-size: 12px;"></cite>
  165. </p>
  166. </a>
  167. </li>
  168. </ul>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="layui-col-md12">
  173. <div class="layui-col-md6">
  174. <div id="systemSta" style="width: 100%;height:450%;position: relative;"></div>
  175. </div>
  176. <div class="layui-col-md6">
  177. <div id="majorSta" style="width: 100%;height:450%;position: relative;"></div>
  178. </div>
  179. </div>
  180. <div class="layui-col-md12">
  181. <div class="layui-col-md6">
  182. <div id="deviceSta" style="width: 100%;height:450%;position: relative;"></div>
  183. </div>
  184. <div class="layui-col-md6">
  185. <div id="optSta" style="width: 100%;height:450%;position: relative;"></div>
  186. </div>
  187. </div>
  188. </fieldset>
  189. </div>
  190. </body>
  191. <script>
  192. layui.use('laydate', function() {
  193. var laydate = layui.laydate;
  194. //执行一个laydate实例
  195. laydate.render({
  196. elem: '#startTime', //指定元素
  197. isInitValue: false,
  198. trigger: "click"
  199. });
  200. });
  201. layui.use('laydate', function() {
  202. var laydate = layui.laydate;
  203. //执行一个laydate实例
  204. laydate.render({
  205. elem: '#endTime', //指定元素
  206. isInitValue: false,
  207. trigger: "click"
  208. });
  209. });
  210. </script>
  211. </html>