Merge branch 'master' of http://62.234.223.238:3000/wangzhe/screen-demo

screen-demo/src/views/templateInstance.vue

@@ -155,22 +155,28 @@
         </div>
         <div class="schedule" style="width:280px">
           <div class="span-left jl-tt" style="text-align: left;color: #fff;font-size: 12px;">
-            <p>摄像机在线率 <b>{{  CameraZ.onlinePercent}}</b></p>
-
+            <p>摄像机在线率 <b>{{CameraZ.onlinePercent}}</b></p>
           </div>
         </div>
-        <progress :max="80" :value="80" class="progress"></progress>
+        <progress :max="100" :value="CameraZ.onlinePercent" class="progress"></progress>
         <div class="schedule" style="width:280px">
           <div class="span-rigth jl-tt" style="text-align: left;color: #fff;font-size: 12px;">
-            <p><span>摄像机离线数<b>{{  CameraZ.offlineCnt}}</b></span><span>摄像机在线数量<b>{{  CameraZ.onlineCnt}}</b></span></p>
+            <p>
+              <span>摄像机离线数 <b>{{ CameraZ.offlineCnt }}</b></span>
+              <span>摄像机在线数量 <b>{{ CameraZ.onlineCnt }}</b></span>
+            </p>
           </div>
         </div>
-        <progress :max="80" :value="96" class="progress"></progress>
+        <progress :max="5" :value="CameraZ.offlineCnt" class="progress"></progress>
       </div>
       <!-- echarts 图表容器 -->
-      <!-- 经纬度实时拾取 -->
+      <!-- 经纬度实时拾取 开始 -->
+      <br/>
+      <div>
+        <p><b><span id="mouse-position" style="color: #fff"></span></b></p>
+      </div>
     </div>
-      <p><b><span id="mouse-position"></span></b></p>
+    <!-- 经纬度实时拾取 结束 -->
   </div>
 </template>