page7.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!doctype html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>一键自检</title>
  6. </head>
  7. <body>
  8. <div class="app">
  9. <main class="view page-health-check">
  10. <div class="check-actions">
  11. <button class="btn" id="btn1" onclick="startHealthCheck()">开始自检</button>
  12. <button class="btn" id="btn2" disabled onclick="stopHealthCheck()">停止自检</button>
  13. </div>
  14. <div class="check-table">
  15. <div class="check-row check-header">
  16. <div>检查项目</div>
  17. <div>检查状态</div>
  18. <div>检查结果</div>
  19. <div>结果说明</div>
  20. </div>
  21. <!-- 网络 -->
  22. <div class="check-group-divider">[1]网络</div>
  23. <div class="check-row">
  24. <div>联网服务</div>
  25. <div id="avar1">--</div>
  26. <div id="avar2">--</div>
  27. <div id="avar3">--</div>
  28. </div>
  29. <div class="check-row">
  30. <div>联网状态</div>
  31. <div id="avar4">--</div>
  32. <div id="avar5">--</div>
  33. <div id="avar6">--</div>
  34. </div>
  35. <!-- 时间 -->
  36. <div class="check-group-divider">[2]时间</div>
  37. <div class="check-row">
  38. <div>时间服务</div>
  39. <div id="bvar1">--</div>
  40. <div id="bvar2">--</div>
  41. <div id="bvar3">--</div>
  42. </div>
  43. <div class="check-row">
  44. <div>时间同步</div>
  45. <div id="bvar4">--</div>
  46. <div id="bvar5">--</div>
  47. <div id="bvar6">--</div>
  48. </div>
  49. <!-- 定位 -->
  50. <div class="check-group-divider">[3]定位</div>
  51. <div class="check-row">
  52. <div>定位服务</div>
  53. <div id="cvar1">--</div>
  54. <div id="cvar2">--</div>
  55. <div id="cvar3">--</div>
  56. </div>
  57. <div class="check-row">
  58. <div>定位状态</div>
  59. <div id="cvar4">--</div>
  60. <div id="cvar5">--</div>
  61. <div id="cvar6">--</div>
  62. </div>
  63. <!-- 拍照 -->
  64. <div class="check-group-divider">[4]相机</div>
  65. <div class="check-row">
  66. <div>相机服务</div>
  67. <div id="dvar1">--</div>
  68. <div id="dvar2">--</div>
  69. <div id="dvar3">--</div>
  70. </div>
  71. <div class="check-row">
  72. <div>查找相机</div>
  73. <div id="dvar4">--</div>
  74. <div id="dvar5">--</div>
  75. <div id="dvar6">--</div>
  76. </div>
  77. <div class="check-row">
  78. <div>测试拍照</div>
  79. <div id="dvar7">--</div>
  80. <div id="dvar8">--</div>
  81. <div id="dvar9">--</div>
  82. </div>
  83. <!-- 应用 -->
  84. <div class="check-group-divider">[5]应用</div>
  85. <div class="check-row">
  86. <div>用户应用</div>
  87. <div id="evar1">--</div>
  88. <div id="evar2">--</div>
  89. <div id="evar3">--</div>
  90. </div>
  91. </div>
  92. </main>
  93. </div>
  94. </body>
  95. </html>