SupersuPro.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="content-type" content="text/html" 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="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
  10. <link rel="stylesheet" href="./css/font.css">
  11. <link rel="stylesheet" href="./lib/layui/css/layui.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 charset="utf-8" src="./js/echarts.min.js"></script>
  17. <script src="../js/functions.js"></script>
  18. <script charset="utf-8" src="js/SupersuProCharts.js"></script>
  19. </head>
  20. <body class="layui-anim layui-anim-up">
  21. <ul class="layui-row layui-col-space10 site-doc-icon clear " style="padding: 20px">
  22. <li class="layui-col-md4 ">
  23. <h4>数据提交量 <span class="layui-icon">&#xe60b;</span></h4>
  24. <div class="layui-anim">
  25. <h3 id="data_sub"></h3>
  26. <div class="layui-animContent clearfix">
  27. <div class="period">
  28. 周同比
  29. <i class="layui-icon active">&#xe625;</i>
  30. <span id="week">12%</span>
  31. </div>
  32. <div class="period">
  33. 日环比
  34. <i class="layui-icon">&#xe625;</i>
  35. <span id="day"></span>
  36. </div>
  37. </div>
  38. </div>
  39. <p>日均提交 <span id="day_mean">12,423</span></p>
  40. </li>
  41. <li class="layui-col-md4">
  42. <h4>访问量 <span class="layui-icon">&#xe60b;</span></h4>
  43. <div class="layui-anim">
  44. <h3 id="pv">8,846</h3>
  45. <div id="amountAccess" style="width: 100%;height:70px;"></div>
  46. </div>
  47. <!-- <p>日访问量 <span id="day_pv">12,423</span></p> -->
  48. </li>
  49. <li class="layui-col-md4">
  50. <h4>下载量 <span class="layui-icon">&#xe60b;</span></h4>
  51. <div class="layui-anim">
  52. <h3 id="down_num">6,560</h3>
  53. <div id="Downloads" style="width: 100%;height:70px;"></div>
  54. </div>
  55. <!-- <p id="rate">转换率 60%</p> -->
  56. </li>
  57. </ul>
  58. <div class="clear layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="position: relative;margin: 20px">
  59. <div class="Columnar">
  60. <form class="layui-form layui-col-md12 x-so">
  61. <div class="layui-input-inline atr">
  62. <select name="articleType" id="articleType" lay-filter="articleType">
  63. <option value="1">按单位</option>
  64. <option value="2">按作者</option>
  65. </select>
  66. </div>
  67. <div class="layui-input-inline date">
  68. <div class="layui-input-inline">
  69. <select name="dateScope" id="dateScope" lay-filter="dateScope">
  70. </select>
  71. </div>
  72. </div>
  73. <div class="layui-input-inline">
  74. <input type="text" id="title" name="title" placeholder="请输入相关单位或作者" autocomplete="off"
  75. class="layui-input">
  76. <button id="searchArticle" class="layui-btn layui-btn-sm" lay-submit="" lay-filter="search">
  77. <i class="layui-icon">&#xe615;</i>
  78. </button>
  79. </div>
  80. </form>
  81. </div>
  82. <div class="layui-show clear">
  83. <table id="articleList" class="layui-table" lay-filter="articleList" lay-data="{id:'articleList'}"></table>
  84. <div id="pagination"></div>
  85. </div>
  86. <script type="text/html" id="operationToolbar">
  87. <a class="layui-btn layui-btn-xs" lay-event="detail">详情</a>
  88. </script>
  89. </div>
  90. </body>
  91. </html>