Ufault.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  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/js/functions.js"></script>
  16. <script src="./js/Ufault.js"></script>
  17. <script src="./js/UfaultOrdnance.js"></script>
  18. <script src="./js/UfaultFireControl.js"></script>
  19. <script src="./js/UfaultEle.js"></script>
  20. <script src="./js/UfaultHoc.js"></script>
  21. <script src="./js/UfaultNo.js"></script>
  22. <style>
  23. .layui-table td {
  24. border-style: none!important;
  25. }
  26. .header {
  27. width: 100%;
  28. height: 53px;
  29. margin: 0 auto;
  30. background-color: #4097f8;
  31. color: #fff
  32. }
  33. .header img {
  34. float: left;
  35. /* padding: 0px 0 50px; */
  36. height: 53px;
  37. width: 268px;
  38. }
  39. .header h3 {
  40. float: left;
  41. padding: 14px 0;
  42. color: #fff;
  43. }
  44. .header .title {
  45. float: right;
  46. font-size: 15px;
  47. color: #fff;
  48. padding: 14px 0;
  49. }
  50. .header .title a {
  51. color: #fff;
  52. padding: 10px 10px;
  53. }
  54. .search {
  55. display: inline-block;
  56. margin-left: 20px;
  57. }
  58. #realName {
  59. display: inline-block;
  60. }
  61. /* 去掉表格下空格 */
  62. .layui-border-box {
  63. height: 238px!important;
  64. border-radius: 4%;
  65. }
  66. .layui-table-body {
  67. height: 200px!important;
  68. }
  69. .fault {
  70. width: 420px;
  71. height: 260px;
  72. float: left;
  73. border: 1px solid #ccc;
  74. margin-right: 58px;
  75. border-radius: 3%;
  76. }
  77. .fault:nth-child(1),
  78. .fault:nth-child(4) {
  79. margin-left: 39px;
  80. }
  81. .layui-table th,
  82. .layui-table td {
  83. padding: 0px!important;
  84. }
  85. .layui-table {
  86. margin: 0 0 -10px 0;
  87. }
  88. .layui-table thead tr {
  89. background-color: #f2f2f2;
  90. border-radius: 4%;
  91. }
  92. .layui-table-view {
  93. border-width: 1px;
  94. border-style: solid;
  95. border-color: white;
  96. }
  97. </style>
  98. </head>
  99. <body class="layui-anim layui-anim-up">
  100. <div class="header">
  101. <!-- <img src="./images/xx.gif" alt=""> -->
  102. <h3 style="margin-left:45%">歼-001飞机案例</h3>
  103. <div class="title">
  104. <a href="UfaultFlying.html ">飞发</a><span>|</span>
  105. <a href="UfaultOrdnance.html ">军械</a><span>|</span>
  106. <a href="UfaultFlying.html ">火控</a><span>|</span>
  107. <a href="UfaultEle.html ">电子</a><span>|</span>
  108. <a href="UfaultHoc.html ">特设</a><span>|</span>
  109. <a href="UfaultNo.html ">其他</a>
  110. <a style=" margin:-10px 10px 0 20px;float:right;display:block;color:red" href="first.html " title="返回">
  111. 返回
  112. </a>
  113. </div>
  114. </div>
  115. <!-- <div class="search ">
  116. <input id="realName " type="text " name="name " placeholder="请输入案例名称 " autocomplete="off " class="layui-input " style='width: 1350px;height: 36px;'>
  117. <button id="searchArticle " class="layui-btn layui-btn-sm " lay-submit=" " lay-filter="search ">
  118. <i class="layui-icon ">&#xe615;</i>
  119. </button>
  120. </div> -->
  121. <div class="x-body">
  122. <div class="fault">
  123. <table id="airList" class="layui-table" lay-filter="airList" lay-data="{id: 'airList'} ">
  124. </table>
  125. <a href="UfaultFlying.html" style="float:right;color:green;font-size:14px;margin-top:-8px;margin-right: 8px; ">查看更多</a>
  126. <script type="text/html" id="operationToolbar">
  127. <a class="layui-btn layui-btn-xs" lay-event="edit">在线预览</a>
  128. </script>
  129. </div>
  130. <div class="fault">
  131. <table id="ordnanceList" class="layui-table" lay-filter="ordnanceList" lay-data="{id:ordnanceList'}">
  132. </table>
  133. <a href="UfaultOrdnance.html" style="float:right;color:green;font-size:14px;margin-top:-8px; margin-right: 8px;">查看更多</a>
  134. <script type="text/html" id="operationToolbar">
  135. <a class="layui-btn layui-btn-xs" lay-event="edit">在线预览</a>
  136. </script>
  137. </div>
  138. <div class="fault">
  139. <table id="fireList" class="layui-table" lay-filter="fireList" lay-data="{id:fireList'} ">
  140. </table>
  141. <a href="UfaultFire.html" style="float:right;color:green;font-size:14px;margin-top:-8px;margin-right: 8px; ">查看更多</a>
  142. <script type="text/html" id="operationToolbar">
  143. <a class="layui-btn layui-btn-xs" lay-event="edit">在线预览</a>
  144. </script>
  145. </div>
  146. <div class="fault" style="margin-top:85px">
  147. <table id="eleList" class="layui-table" lay-filter="eleList" lay-data="{id:eleList'}">
  148. </table>
  149. <a href="UfaultEle.html" style="float:right;color:green;font-size:14px;margin-top:-8px;margin-right: 8px; ">查看更多</a>
  150. <script type="text/html" id="operationToolbar">
  151. <a class="layui-btn layui-btn-xs" lay-event="edit">在线预览</a>
  152. </script>
  153. </div>
  154. <div class="fault" style="margin-top:85px">
  155. <table id="hocList" class="layui-table" lay-filter="hocList" lay-data="{id:hocList'} ">
  156. </table>
  157. <a href="UfaultHoc.html" style="float:right;color:green;font-size:14px;margin-top:-8px;margin-right: 8px; ">查看更多</a>
  158. <script type="text/html" id="operationToolbar">
  159. <a class="layui-btn layui-btn-xs" lay-event="edit">在线预览</a>
  160. </script>
  161. </div>
  162. <div class="fault" style="margin-top:85px ">
  163. <table id="noList" class="layui-table" lay-filter="noList" lay-data="{id:noList'}">
  164. </table>
  165. <a href="UfaultNo.html" style="float:right;color:green;font-size:14px;margin-top:-8px;margin-right: 8px; ">查看更多</a>
  166. <script type="text/html" id="operationToolbar">
  167. <a class="layui-btn layui-btn-xs" lay-event="edit">在线预览</a>
  168. </script>
  169. </div>
  170. </div>
  171. <script>
  172. fetchJSON("api/fault/getByName?name=" + searchTitle, {}, "get", function(data) {
  173. if (data.status === 0) {
  174. if (tableFirstLoad) {
  175. tableFirstLoad = false;
  176. laypage.render({
  177. curr: page + 1,
  178. elem: "pagination",
  179. count: data.data.total,
  180. layout: ["count", "prev", "page", "next", "limit", "refresh", "skip"],
  181. jump: function(obj, first) {
  182. if (first) return;
  183. currentPage = obj.curr - 1;
  184. currentSize = obj.limit;
  185. loadAirList(currentPage, currentSize, searchTitleKey);
  186. }
  187. });
  188. }
  189. // console.log(data.data)
  190. tableOption.data = data.data;
  191. table.render(tableOption);
  192. } else {
  193. showMsg(data.msg, 2, 2000);
  194. }
  195. });
  196. </script>
  197. </body>
  198. </html>