更改图表

screen-demo/src/views/templateInstance.vue

@@ -155,17 +155,19 @@
         </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 图表容器 -->
       <!-- 经纬度实时拾取 -->