design driver detail

dbsyncer-web/src/main/resources/templates/index/index.html

@@ -139,7 +139,71 @@
         </div>
 
         <!-- 实时数据 -->
-        <div class="col-md-8">实时数据区域</div>
+        <div class="col-md-8">
+            <table class="table table-condensed table-hover">
+                <caption>驱动运行监控</caption>
+                <thead>
+                <tr>
+                    <th>序号</th>
+                    <th>名称</th>
+                    <th>同步方式</th>
+                    <th>结果</th>
+                    <th>状态</th>
+                    <th>启动时间</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>增量同步1</td>
+                    <td>增量</td>
+                    <td>成功:0</td>
+                    <td><span class="label label-info">启动中</span></td>
+                    <td>2020-04-20 22:15:30</td>
+                </tr>
+                <tr>
+                    <td>2</td>
+                    <td>增量同步2</td>
+                    <td>增量</td>
+                    <td>成功:99999</td>
+                    <td><span class="label label-warning">停止中</span></td>
+                    <td>2020-04-20 22:15:30</td>
+                </tr>
+                <tr>
+                    <td>3</td>
+                    <td>增量同步3</td>
+                    <td>增量</td>
+                    <td>成功:18686,失败:1 <a href="javascript:;" class="label label-danger">日志</a></td>
+                    <td><span class="label label-success">运行中</span></td>
+                    <td>2020-04-20 22:15:30</td>
+                </tr>
+                <tr>
+                    <td>4</td>
+                    <td>全量同步1</td>
+                    <td>全量</td>
+                    <td>进度:0%, 成功:0</td>
+                    <td><span class="label label-info">启动中</span></td>
+                    <td>2020-04-20 22:15:30</td>
+                </tr>
+                <tr>
+                    <td>5</td>
+                    <td>全量同步2</td>
+                    <td>全量</td>
+                    <td>进度:35%, 成功:18686</td>
+                    <td><span class="label label-success">运行中</span></td>
+                    <td>2020-04-20 22:15:30</td>
+                </tr>
+                <tr>
+                    <td>6</td>
+                    <td>全量同步3</td>
+                    <td>全量</td>
+                    <td>进度:35%, 成功:18686, 失败:1 <a href="javascript:;" class="label label-danger">日志</a></td>
+                    <td><span class="label label-success">运行中</span></td>
+                    <td>2020-04-20 22:15:30</td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
 
     </div>
 </div>

dbsyncer-web/src/main/resources/templates/monitor/monitor.html

@@ -6,6 +6,9 @@
 <div class="container-fluid">
 
     图表信息
+    <p>CPU 内存 硬盘 堆内存 线程数</p>
+    <p>驱动增量/全量同步数据</p>
+    <p>操作日志</p>
 
 </div>
 

dbsyncer-web/src/main/resources/templates/nav.html

@@ -11,6 +11,7 @@
             <ul id="menu" class="nav navbar-nav">
                 <li class="active"><a href="javascript:void(0);" url="/index"><span class="fa fa-tachometer"></span>驱动管理</a></li>
                 <li><a href="javascript:void(0);" url="/monitor" ><span class="fa fa-line-chart"></span>监控</a></li>
+                <li><a href="javascript:void(0);" url="/upload" ><span class="fa fa-cloud-upload" aria-hidden="true"></span>上传插件</a></li>
                 <li class="dropdown">
                     <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">参数<b class="caret"></b></a>
                     <ul class="dropdown-menu">
@@ -18,7 +19,6 @@
                         <li><a href="javascript:void(0);" url="/pwd"><span class="fa fa-lock"></span>修改密码</a></li>
                     </ul>
                 </li>
-                <li><a href="javascript:void(0);" url="/upload" ><span class="fa fa-line-chart"></span>文件上传</a></li>
             </ul>
             <ul class="nav navbar-nav navbar-right">
                 <li><a href="javascript:void(0);" id="nav_logout"> <i class ="fa fa-power-off"></i>注销</a></li>