fault_message.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  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 http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
  9. <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8">
  10. <link rel="stylesheet" href="./lib/layui/css/layui.css">
  11. <link rel="stylesheet" href="./css/font.css">
  12. <link rel="stylesheet" href="./css/xadmin.css">
  13. <script src="./lib/jquery.min.js"></script>
  14. <script src="./lib/layui/layui.js" charset="utf-8"></script>
  15. <script src="./js/xadmin.js"></script>
  16. <script src="../other/js/functions.js"></script>
  17. <script src="../other/public/echarts.js" type="text/javascript" charset="utf-8"></script>
  18. <script src="./js/echarts.min.js"></script>
  19. <script src="./js/fault_message.js"></script>
  20. <style>
  21. .search {
  22. display: inline-block;
  23. margin-left: 20px;
  24. width: 9%;
  25. }
  26. #realName {
  27. display: inline-block;
  28. }
  29. </style>
  30. </head>
  31. <body class="layui-anim layui-anim-up">
  32. <div class="x-body">
  33. <form class="layui-form">
  34. <a class="layui-btn layui-btn-sm" style="padding-left: 10px" href="javascript:location.replace(location.href);"
  35. title="刷新">
  36. <i class="layui-icon" style="line-height:30px">&#xe669;</i>刷新
  37. </a>
  38. <button id="tolead" class="layui-btn layui-btn-sm " style="padding-left: 10px;padding-right: 10px;">
  39. <i class="layui-icon">&#xe67c;</i>导入</button>
  40. <div class="search">
  41. <select lay-search="sel" lay-verify="required">
  42. <option value="0">战区</option>
  43. <option value="1">单位一</option>
  44. <option value="2">单位二</option>
  45. </select>
  46. </div>
  47. <div class="search">
  48. <select lay-search="sel" lay-verify="required">
  49. <option value="0">军</option>
  50. <option value="1">单位一</option>
  51. <option value="2">单位二</option>
  52. </select>
  53. </div>
  54. <div class="search">
  55. <select lay-search="sel" lay-verify="required">
  56. <option value="0">师</option>
  57. <option value="1">单位一</option>
  58. <option value="2">单位二</option>
  59. </select>
  60. </div>
  61. <div class="search">
  62. <select lay-search="sel" lay-verify="required">
  63. <option value="0">团</option>
  64. <option value="1">单位一</option>
  65. <option value="2">单位二</option>
  66. </select>
  67. </div>
  68. <div class="search">
  69. <select lay-verify="required">
  70. <option value="0">机型</option>
  71. <option value="1">机型一</option>
  72. <option value="2">机型二</option>
  73. </select>
  74. </div>
  75. <div class="search">
  76. <select lay-verify="required">
  77. <option value="0">专业</option>
  78. <option value="1">专业一</option>
  79. <option value="2">专业二</option>
  80. </select>
  81. </div>
  82. <div class="search">
  83. <select lay-verify="required">
  84. <option value="0">故障缺陷</option>
  85. <option value="1">待处理故障</option>
  86. <option value="2">偶发性故障</option>
  87. <option value="3">异常故障</option>
  88. <option value="4">未定位故障</option>
  89. </select>
  90. </div>
  91. <div class="search">
  92. <div class="layui-inline" style="display: inline-block;">
  93. <button type="button" class="layui-btn layui-btn-sm" id="sure">确定</button>
  94. </div>
  95. </div>
  96. <!-- <button id="exportLog" class="layui-btn layui-btn-sm " style="padding-left: 10px;padding-right: 10px;">
  97. <i class="layui-icon">&#xe67d;</i> 导出</button> -->
  98. <!-- <div class="search">
  99. <div class="layui-form-item" style="display: inline-block; width: 25%;">
  100. <input type="text" id="device_name" name="name" placeholder="请输入机型名称" autocomplete="off" class="layui-input" />
  101. </div>
  102. <div class="layui-inline" style="display: inline-block;margin-left: 1%;">
  103. <input type="text" placeholder="起始时间" id="startTime" name="startTime" class="layui-input test-item">
  104. </div>
  105. <div class="layui-inline">
  106. <input type="text" placeholder="终止时间" id="endTime" name="endTime" class="layui-input test-item">
  107. </div>
  108. <div class="layui-inline" style="display: inline-block;">
  109. <button type="button" class="layui-btn layui-btn-sm" id="sure">确定</button>
  110. </div>
  111. </div> -->
  112. </form>
  113. <table id="faultrecord" class="layui-table" lay-filter="faultrecord" lay-data="{id:'faultrecord'}">
  114. </table>
  115. <div id="pagination"></div>
  116. <script type="text/html" id="operationToolbar">
  117. <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  118. <a class="layui-btn layui-btn-xs" lay-event="edit">下载</a>
  119. <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
  120. </script>
  121. </div>
  122. </body>
  123. <script>
  124. layui.use('laydate', function() {
  125. var laydate = layui.laydate;
  126. //执行一个laydate实例
  127. laydate.render({
  128. elem: '#startTime', //指定元素
  129. isInitValue: false,
  130. trigger: "click"
  131. });
  132. });
  133. layui.use('laydate', function() {
  134. var laydate = layui.laydate;
  135. //执行一个laydate实例
  136. laydate.render({
  137. elem: '#endTime', //指定元素
  138. isInitValue: false,
  139. trigger: "click"
  140. });
  141. });
  142. function get(){
  143. var total = sessionStorage.getItem("name")
  144. }
  145. get()
  146. // var myChart = echarts.init(document.getElementById('main'));
  147. // var myCharte = echarts.init(document.getElementById('max'));
  148. // option = {
  149. // xAxis: {
  150. // type: 'category',
  151. // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  152. // },
  153. // yAxis: {
  154. // type: 'value'
  155. // },
  156. // series: [{
  157. // data: [150, 230, 224, 218, 135, 147, 260],
  158. // type: 'line'
  159. // }]
  160. // };
  161. // option1 = {
  162. // tooltip: {
  163. // trigger: 'item'
  164. // },
  165. // legend: {
  166. // top: '5%',
  167. // left: 'center'
  168. // },
  169. // series: [
  170. // {
  171. // name: '访问来源',
  172. // type: 'pie',
  173. // radius: ['40%', '70%'],
  174. // avoidLabelOverlap: false,
  175. // label: {
  176. // show: false,
  177. // position: 'center'
  178. // },
  179. // emphasis: {
  180. // label: {
  181. // show: true,
  182. // fontSize: '40',
  183. // fontWeight: 'bold'
  184. // }
  185. // },
  186. // labelLine: {
  187. // show: false
  188. // },
  189. // data: [
  190. // {value: 1048, name: '搜索引擎'},
  191. // {value: 735, name: '直接访问'},
  192. // {value: 580, name: '邮件营销'},
  193. // {value: 484, name: '联盟广告'},
  194. // {value: 300, name: '视频广告'}
  195. // ]
  196. // }
  197. // ]
  198. // };
  199. // myChart.setOption(option);
  200. // myCharte.setOption(option1);
  201. </script>
  202. </html>