园区UI优化

src/store/modules/tagsView.ts

@@ -26,13 +26,11 @@ export const useTagsViewStore = defineStore('tagsView', {
   actions: {
     // 新增缓存和tag
     addView(view: RouteLocationNormalizedLoaded): void {
-      debugger
       this.addVisitedView(view)
       this.addCachedView()
     },
     // 新增tag
     addVisitedView(view: RouteLocationNormalizedLoaded) {
-      debugger
       if (this.visitedViews.some((v) => v.path === view.path)) return
       if (view.meta?.noTagsView) return
       this.visitedViews.push(
@@ -43,7 +41,6 @@ export const useTagsViewStore = defineStore('tagsView', {
     },
     // 新增缓存
     addCachedView() {
-      debugger
       const cacheMap: Set<string> = new Set()
       for (const v of this.visitedViews) {
         const item = getRawRoute(v)

src/views/Home/Index10.vue

@@ -569,7 +569,7 @@ const hiddenDangerChartOption = computed<EChartsOption>(() => {
     },
     legend: {
       data: ['一般隐患', '重大隐患'],
-      top: 10,
+      top: 0,
       textStyle: {
         fontSize: 12
       }
@@ -578,7 +578,7 @@ const hiddenDangerChartOption = computed<EChartsOption>(() => {
       left: '3%',
       right: '4%',
       bottom: '3%',
-      top: '25%',
+      top: '12%',
       containLabel: true
     },
     xAxis: {
@@ -1614,8 +1614,8 @@ onMounted(async () => {
 
 .donut-chart-wrapper,
 .donut-chart-wrapper-small {
-  height: 280px;
-  min-height: 280px;
+  height: 200px;
+  min-height: 200px;
 }
 
 .line-chart-wrapper,
@@ -1627,9 +1627,13 @@ onMounted(async () => {
   box-sizing: border-box;
 }
 
+.bar-chart-wrapper {
+  height: 215px;
+}
+
 .progress-chart-wrapper {
-  height: 280px;
-  min-height: 280px;
+  height: 200px;
+  min-height: 200px;
 }
 
 .high-risk-top {
@@ -1714,7 +1718,7 @@ onMounted(async () => {
 .operation-distribution,
 .park-operation-distribution,
 .regional-progress {
-  margin-top: 10px;
+  margin-top: 8px;
 
   .distribution-title {
     font-size: 14px;

src/views/Home/Index12.vue

@@ -1500,8 +1500,8 @@ onMounted(() => {
 
 .donut-chart-wrapper,
 .donut-chart-wrapper-small {
-  height: 280px;
-  min-height: 280px;
+  height: 200px;
+  min-height: 200px;
 }
 
 .line-chart-wrapper,
@@ -1513,9 +1513,13 @@ onMounted(() => {
   box-sizing: border-box;
 }
 
+.bar-chart-wrapper {
+  margin-bottom: 15px;
+}
+
 .progress-chart-wrapper {
-  height: 280px;
-  min-height: 280px;
+  height: 200px;
+  min-height: 200px;
 }
 
 .region-distribution,

src/views/Home/Index13.vue

@@ -1406,8 +1406,8 @@ onMounted(() => {
 
 .donut-chart-wrapper,
 .donut-chart-wrapper-small {
-  height: 280px;
-  min-height: 280px;
+  height: 200px;
+  min-height: 200px;
 }
 
 .line-chart-wrapper,
@@ -1419,9 +1419,13 @@ onMounted(() => {
   box-sizing: border-box;
 }
 
+.bar-chart-wrapper {
+  margin-bottom: 15px;
+}
+
 .progress-chart-wrapper {
-  height: 280px;
-  min-height: 280px;
+  height: 200px;
+  min-height: 200px;
 }
 
 .region-distribution,