Merge branch 'consolesytlefix' into 'dev'

面板样式修改+点击量修改

See merge request skyeye/skyeye_frontend/skyeye-admin!21

src/views/dashboard/home/components/ClickShow.vue

@@ -9,7 +9,7 @@
       <div class="click-number">{{ clickData?.todayClicks }}</div>
       <div class="click-compare">
         <div class="click-detail">日同比</div>
-        <div>{{ ratio }}%</div>
+        <div>{{ ratio === undefined? '':ratio + '%' }}</div>
         <el-icon v-if="Number(ratio) > 0" class="ratio-ico-up"><Top /></el-icon>
         <el-icon v-else-if="Number(ratio) < 0" class="ratio-ico-down"><Bottom /></el-icon>
       </div>
@@ -33,6 +33,9 @@
     getPanelUserRecord();
   });
   const ratio = computed(() => {
+    if (!clickData.value?.yesterdayClicks) {
+      return undefined;
+    }
     if (clickData.value?.yesterdayClicks! === 0 && clickData.value?.todayClicks! !== 0) {
       return 100;
     } else if (clickData.value?.yesterdayClicks! === 0 && clickData.value?.todayClicks! === 0) {

src/views/dashboard/home/components/Header.vue

@@ -70,6 +70,7 @@
     color: #1890ff;
     margin-left: 22px;
     margin-top: 4px;
+    text-align: center;
   }
 
   .el-divider--vertical {
@@ -82,6 +83,7 @@
   .camera-data {
     display: flex;
     margin-top: 4px;
+    text-align: center;
   }
 
   .camera-online {
@@ -100,6 +102,7 @@
     font-size: 30px;
     color: #1890ff;
     margin-top: 4px;
+    text-align: center;
   }
 
   .data-title {