Parcourir la source

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

zhudie il y a 1 an
Parent
commit
5201e8e0ee

+ 4 - 1
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) {

+ 3 - 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 {