修改首页的在线状态的圆饼图的标题和数据显示；

src/views/Home.vue

@@ -31,7 +31,7 @@
                 <DynamicDonutChart v-if="onlineStatusDisplayData" :chartData="onlineStatusDisplayData.chartData"
                   :centerTitle="onlineStatusDisplayData.centerTitle" :centerSubTitle="onlineStatusDisplayData.centerSubTitle" customHeight="163px"/>
               </TechTabPane>
-              <TechTabPane label="红绿灯" name="trafficLight">
+              <TechTabPane label="相机" name="camera">
                 <DynamicDonutChart v-if="onlineStatusDisplayData" :chartData="onlineStatusDisplayData.chartData"
                   :centerTitle="onlineStatusDisplayData.centerTitle" :centerSubTitle="onlineStatusDisplayData.centerSubTitle" customHeight="163px"/>
               </TechTabPane>
@@ -74,7 +74,7 @@
                 <DynamicDonutChart v-if="onlineStatusDisplayData" :chartData="onlineStatusDisplayData.chartData"
                   :centerTitle="onlineStatusDisplayData.centerTitle" :centerSubTitle="onlineStatusDisplayData.centerSubTitle"/>
               </TechTabPane>
-              <TechTabPane label="红绿灯" name="trafficLight">
+              <TechTabPane label="相机" name="camera">
                 <DynamicDonutChart v-if="onlineStatusDisplayData" :chartData="onlineStatusDisplayData.chartData"
                   :centerTitle="onlineStatusDisplayData.centerTitle" :centerSubTitle="onlineStatusDisplayData.centerSubTitle"/>
               </TechTabPane>
@@ -149,7 +149,7 @@ const mockDeviceData = {
     centerTitle: '98%',
     centerSubTitle: '980/1000',
     chartData: [
-      { name: '在线', value: 980, color: '#32F6F8' },
+      { name: '正常', value: 980, color: '#32F6F8' },
       { name: '离线', value: 20, color: '#E4D552' }
     ]
   },
@@ -158,16 +158,15 @@ const mockDeviceData = {
     centerSubTitle: '425/500',
     chartData: [
       { name: '正常', value: 425, color: '#32F6F8' },
-      { name: '故障', value: 50, color: '#faad14' },
-      { name: '掉线', value: 25, color: '#ff4d4f' }
+      { name: '离线', value: 75, color: '#faad14' },
     ]
   },
-  'trafficLight': {
+  'camera': {
     centerTitle: '99%',
     centerSubTitle: '1188/1200',
     chartData: [
-      { name: '正常发光', value: 1188, color: '#32F6F8' },
-      { name: '灯组损坏', value: 12, color: '#ff4d4f' }
+      { name: '正常', value: 1188, color: '#32F6F8' },
+      { name: '离线', value: 12, color: '#ff4d4f' }
     ]
   }
 };