fix: 1

src/view/statistics/index.vue

@@ -110,20 +110,19 @@ onUnmounted(() => window.removeEventListener("resize", resize));
 <style lang="scss" scoped>
 .statistics-layer {
   flex: 1;
-  background-color: #fff;
-  margin-top: 8px;
+  margin-top: 24px;
   overflow-y: auto;
-  padding: 20px;
 }
 
 .statistics-item {
   float: left;
-  width: calc(50% - 5px);
+  width: calc(50% - 12px);
   padding-top: 35%;
   position: relative;
-  margin-bottom: 10px;
+  margin-bottom: 24px;
 
   .statistics-content {
+  background-color: #fff;
     position: absolute;
     left: 0;
     top: 0;
@@ -132,10 +131,10 @@ onUnmounted(() => window.removeEventListener("resize", resize));
   }
 
   &:nth-child(2n - 1) {
-    margin-right: 5px;
+    margin-right: 12px;
   }
   &:nth-child(2n) {
-    margin-left: 5px;
+    margin-left: 12px;
   }
 }
 
@@ -145,25 +144,15 @@ onUnmounted(() => window.removeEventListener("resize", resize));
 
   .title {
     flex: 0 0 auto;
-    line-height: 1.5;
-    font-size: 18px;
-    margin-bottom: 8px;
-    padding-left: 20px;
-    position: relative;
-
-    &::before {
-      content: "";
-      width: 4px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      background-color: var(--primaryColor);
-    }
+    line-height: 1;
+    padding: 16px;
+    border-bottom: 1px solid rgba(0,0,0,0.06);;
+    font-size: 16px;
   }
 
   .graphics {
     flex: 1;
+    padding: 15px;
   }
 }
 </style>

src/view/statistics/statisticsInject.ts

@@ -79,7 +79,7 @@ export const statisticsConfigs: ConfigItem[] = reactive([
     },
   },
   {
-    title: "火灾场景数据采集统计",
+    title: "火调项目统计",
     data: {
       tooltip: {
         trigger: "item",
@@ -96,7 +96,7 @@ export const statisticsConfigs: ConfigItem[] = reactive([
             borderColor: "#fff",
             borderWidth: 3,
           },
-          name: "火灾场景数据采集统计",
+          name: "火调项目统计",
           type: "pie",
           label: {
             formatter: "{d}%",