123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234 |
- <!DOCTYPE html>
- <html lang="zh-cmn-Hans">
- <head>
- <meta charset="UTF-8">
- <title>生保系统故障分析及辅助维修决策软件</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8">
- <link rel="stylesheet" href="./lib/layui/css/layui.css">
- <link rel="stylesheet" href="./css/font.css">
- <link rel="stylesheet" href="./css/xadmin.css">
- <script src="./lib/jquery.min.js"></script>
- <script src="./lib/layui/layui.js" charset="utf-8"></script>
- <script src="./js/xadmin.js"></script>
- <script src="../other/public/echarts.js" type="text/javascript" charset="utf-8"></script>
- <script src="./js/echarts.min.js"></script>
- <script src="../other/js/functions.js"></script>
- <script src="./js/fault_statis.js"></script>
- <style>
- .search {
- display: inline-block;
- /* margin-left: 5px; */
- width: 130px;
- }
- #realName {
- display: inline-block;
- }
- tr {
- width: 100%;
- text-align: center;
- font-size: 20px;
- }
- td {
- width: 4.8%;
- }
- </style>
- </head>
- <body class="layui-anim layui-anim-up">
- <div class="x-body">
- <fieldset class="layui-elem-field" style="margin-top: 20px;">
- <div class="layui-col-md12">
- <form class="layui-form">
- <!-- <div class="search">
- <div class="layui-input-inline">
- <select lay-search="sel" lay-verify="required">
- <option value="0">战区</option>
- <option value="1">单位一</option>
- <option value="2">单位二</option>
- </select>
- </div>
- </div> -->
- <!-- <div class="search">
- <div class="layui-input-inline">
- <select lay-search="sel" lay-verify="required">
- <option value="0">军</option>
- <option value="1">单位一</option>
- <option value="2">单位二</option>
- </select>
- </div>
- </div> -->
- <!-- <div class="search">
- <div class="layui-input-inline">
- <select lay-search="sel" lay-verify="required">
- <option value="0">师</option>
- <option value="1">单位一</option>
- <option value="2">单位二</option>
- </select>
- </div>
- </div> -->
- <!-- <div class="search">
- <div class="layui-input-inline">
- <select lay-search="sel" lay-verify="required">
- <option value="0">团</option>
- <option value="1">单位一</option>
- <option value="2">单位二</option>
- </select>
- </div>
- </div> -->
- <div class="search">
- <div class="layui-input-inline layui-form" lay-filter="aircraft">
- <select name="aircraft" id="aircraft" lay-search="aircraft"
- lay-verify="required"></select>
- </div>
- </div>
- <div class="search">
- <div class="layui-input-inline layui-form" lay-filter="airNo">
- <select name="airNo" id="airNo" lay-search="airNo"
- lay-verify="required">
- <option value="1">LH901</option></select>
- </div>
- </div>
- <!-- <div class="search">
- <div class="layui-input-inline">
- <select name="major" id="major" lay-search="major" lay-verify="required"></select>
- </div>
- </div> -->
- <!-- <div class="search">
- <div class="layui-input-inline">
- <select name="systemName" id="systemName" lay-search="systemName" lay-verify="required">
- <option value="-1">请选择系统</option>
- <option value="0">系统</option>
- <option value="1">系统一</option>
- <option value="2">系统二</option>
- </select>
- </div>
- </div> -->
- <div class="search" style="width: 28%;">
- <div class="layui-inline" style="display: inline-block; width: 130px;margin-left: 35px;">
- <input type="text" placeholder="起始时间" id="startTime" name="startTime"
- class="layui-input test-item">
- </div>
- <div class="layui-inline" style="display: inline-block; width: 130px;">
- <input type="text" placeholder="终止时间" id="endTime" name="endTime"
- class="layui-input test-item">
- </div>
- <div class="layui-inline" style="display: inline-block; ">
- <button type="button" class="layui-btn layui-btn-sm" id="sure">确定</button>
- </div>
- </div>
- </form>
- </div>
- <div class="layui-col-md12" style="margin-top: 20px;">
- <div class="layui-col-md6">
- <div id="airNoSta" style="width: 100%;height:350%;position: relative;"></div>
- </div>
- <div class="layui-col-md6" style="margin-top: 3%;">
- <table border="1" id="table">
-
-
- </table>
- </div>
- </div>
- <div class="layui-col-md12" style="margin-top: 20px;">
- <div class="layui-carousel x-admin-carousel x-admin-backlog" lay-anim="" lay-indicator="inside"
- lay-arrow="none" style="width: 100%; height: 110px;">
- <div carousel-item="">
- <ul class="layui-row layui-col-space10 layui-this">
- <li class="layui-col-xs3">
- <a data-index="10" class="x-admin-backlog-body">
- <h3>故障数量</h3>
- <p>
- <cite id="faultCount" style="font-size: 12px;"></cite>
- </p>
- </a>
- </li>
- <li class="layui-col-xs3">
- <a data-index="11" class="x-admin-backlog-body">
- <h3>严重数量</h3>
- <p>
- <cite id="seriousCount" style="font-size: 12px;"></cite>
- </p>
- </a>
- </li>
- <li class="layui-col-xs3">
- <a data-index="11" class="x-admin-backlog-body">
- <h3>高发专业</h3>
- <p>
- <cite id="topMajor" style="font-size: 12px;"></cite>
- </p>
- </a>
- </li>
- <li class="layui-col-xs3">
- <a data-index="11" class="x-admin-backlog-body">
- <h3>高发时机</h3>
- <p>
- <cite id="#topOPT" style="font-size: 12px;"></cite>
- </p>
- </a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div class="layui-col-md12">
- <div class="layui-col-md6">
- <div id="systemSta" style="width: 100%;height:450%;position: relative;"></div>
- </div>
- <div class="layui-col-md6">
- <div id="majorSta" style="width: 100%;height:450%;position: relative;"></div>
- </div>
- </div>
- <div class="layui-col-md12">
- <div class="layui-col-md6">
- <div id="deviceSta" style="width: 100%;height:450%;position: relative;"></div>
- </div>
- <div class="layui-col-md6">
- <div id="optSta" style="width: 100%;height:450%;position: relative;"></div>
- </div>
- </div>
- </fieldset>
- </div>
- </body>
- <script>
- layui.use('laydate', function() {
- var laydate = layui.laydate;
- //执行一个laydate实例
- laydate.render({
- elem: '#startTime', //指定元素
- isInitValue: false,
- trigger: "click"
- });
- });
- layui.use('laydate', function() {
- var laydate = layui.laydate;
- //执行一个laydate实例
- laydate.render({
- elem: '#endTime', //指定元素
- isInitValue: false,
- trigger: "click"
- });
- });
- </script>
- </html>
|