|
|
@@ -8,14 +8,91 @@
|
|
|
|
|
|
<body>
|
|
|
<div class="app">
|
|
|
- <div class="card">
|
|
|
- <div class="icon">🚧</div>
|
|
|
- <h1>页面7</h1>
|
|
|
- <h1>敬请期待</h1>
|
|
|
- <p class="subtitle">该功能正在开发中，敬请期待...</p>
|
|
|
- </div>
|
|
|
+ <main class="view page-health-check">
|
|
|
+ <div class="check-actions">
|
|
|
+ <button class="btn" id="btn1" onclick="startHealthCheck()">开始自检</button>
|
|
|
+ <button class="btn" id="btn2" disabled onclick="stopHealthCheck()">停止自检</button>
|
|
|
+ </div>
|
|
|
+ <div class="check-table">
|
|
|
+ <div class="check-row check-header">
|
|
|
+ <div>检查项目</div>
|
|
|
+ <div>检查状态</div>
|
|
|
+ <div>检查结果</div>
|
|
|
+ <div>结果说明</div>
|
|
|
+ </div>
|
|
|
+ <!-- 网络 -->
|
|
|
+ <div class="check-group-divider">[1]网络</div>
|
|
|
+ <div class="check-row">
|
|
|
+ <div>联网服务</div>
|
|
|
+ <div id="avar1">--</div>
|
|
|
+ <div id="avar2">--</div>
|
|
|
+ <div id="avar3">--</div>
|
|
|
+ </div>
|
|
|
+ <div class="check-row">
|
|
|
+ <div>联网状态</div>
|
|
|
+ <div id="avar4">--</div>
|
|
|
+ <div id="avar5">--</div>
|
|
|
+ <div id="avar6">--</div>
|
|
|
+ </div>
|
|
|
+ <!-- 时间 -->
|
|
|
+ <div class="check-group-divider">[2]时间</div>
|
|
|
+ <div class="check-row">
|
|
|
+ <div>时间服务</div>
|
|
|
+ <div id="bvar1">--</div>
|
|
|
+ <div id="bvar2">--</div>
|
|
|
+ <div id="bvar3">--</div>
|
|
|
+ </div>
|
|
|
+ <div class="check-row">
|
|
|
+ <div>时间同步</div>
|
|
|
+ <div id="bvar4">--</div>
|
|
|
+ <div id="bvar5">--</div>
|
|
|
+ <div id="bvar6">--</div>
|
|
|
+ </div>
|
|
|
+ <!-- 定位 -->
|
|
|
+ <div class="check-group-divider">[3]定位</div>
|
|
|
+ <div class="check-row">
|
|
|
+ <div>定位服务</div>
|
|
|
+ <div id="cvar1">--</div>
|
|
|
+ <div id="cvar2">--</div>
|
|
|
+ <div id="cvar3">--</div>
|
|
|
+ </div>
|
|
|
+ <div class="check-row">
|
|
|
+ <div>定位状态</div>
|
|
|
+ <div id="cvar4">--</div>
|
|
|
+ <div id="cvar5">--</div>
|
|
|
+ <div id="cvar6">--</div>
|
|
|
+ </div>
|
|
|
+ <!-- 拍照 -->
|
|
|
+ <div class="check-group-divider">[4]相机</div>
|
|
|
+ <div class="check-row">
|
|
|
+ <div>相机服务</div>
|
|
|
+ <div id="dvar1">--</div>
|
|
|
+ <div id="dvar2">--</div>
|
|
|
+ <div id="dvar3">--</div>
|
|
|
+ </div>
|
|
|
+ <div class="check-row">
|
|
|
+ <div>查找相机</div>
|
|
|
+ <div id="dvar4">--</div>
|
|
|
+ <div id="dvar5">--</div>
|
|
|
+ <div id="dvar6">--</div>
|
|
|
+ </div>
|
|
|
+ <div class="check-row">
|
|
|
+ <div>测试拍照</div>
|
|
|
+ <div id="dvar7">--</div>
|
|
|
+ <div id="dvar8">--</div>
|
|
|
+ <div id="dvar9">--</div>
|
|
|
+ </div>
|
|
|
+ <!-- 应用 -->
|
|
|
+ <div class="check-group-divider">[5]应用</div>
|
|
|
+ <div class="check-row">
|
|
|
+ <div>用户应用</div>
|
|
|
+ <div id="evar1">--</div>
|
|
|
+ <div id="evar2">--</div>
|
|
|
+ <div id="evar3">--</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </main>
|
|
|
</div>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
|
|
-
|
niujiuru