模块增加

frontend/src/layout/components/AppMain.vue

@@ -39,6 +39,6 @@ const routeKey = computed(() => router.path + Math.random());
   position: absolute;
   width: 100%;
   height: 100%;
-  z-index: 1;
+  z-index: 2000;
 }
 </style>

frontend/src/modules/shengtaidabiaoMod/index.vue

@@ -113,7 +113,7 @@ onMounted(() => {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 8px;
+    margin-bottom: 16px;
 
     .title_text {
         font-size: 16px;

frontend/src/modules/shengtaidabiaoTwoMod/index.vue

@@ -101,21 +101,9 @@ const initChart = () => {
         },
         legend: {
             data: ['当前', '去年同期'],
-            top: 0,
-            left: 'center',
-            itemWidth: 20,
-            itemHeight: 10,
-            textStyle: {
-                color: '#666'
-            }
-        },
-        grid: {
-            left: isHorizontal ? '3%' : '10%',
-            right: isHorizontal ? '4%' : '4%',
-            bottom: isHorizontal ? '3%' : '10%',
-            top: isHorizontal ? '50' : '60',
-            containLabel: true
+          
         },
+         grid: { left: 10, right: 10, bottom: 20, top: 40, containLabel: true },
         dataZoom: [
             {
                 type: 'inside',
@@ -221,8 +209,8 @@ const initChart = () => {
                 itemStyle: {
                     color: '#5470C6'
                 },
-                barWidth: isHorizontal ? 6 : 10,
-                barGap: '30%'
+                barWidth: isHorizontal ? 8 : 8,
+                // barGap: '30%'
             },
             {
                 name: '去年同期',
@@ -231,8 +219,8 @@ const initChart = () => {
                 itemStyle: {
                     color: '#91CC75'
                 },
-                barWidth: isHorizontal ? 6 : 10,
-                barGap: '30%'
+                barWidth: isHorizontal ?  8: 8,
+                // barGap: '30%'
             }
         ]
     };
@@ -262,6 +250,17 @@ watch(mode, () => {
 </script>
 
 <style lang="scss" scoped>
+.body_topOne {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+
+    .title_text {
+        font-size: 16px;
+    }
+}
 .ant-radio-group {
     .ant-radio-button-wrapper-checked {
         border: 1px solid #2f6b98 !important;
@@ -271,6 +270,7 @@ watch(mode, () => {
 
     .ant-radio-button-wrapper {
         border: 2px solid #2f6b98 !important;
+
     }
 
     .ant-radio-button-wrapper-checked :before {
@@ -280,7 +280,7 @@ watch(mode, () => {
 
 .chart-container {
     width: 100%;
-    height: 500px;
-    padding: 10px;
+    height: 449px;
+    // padding: 10px;
 }
 </style>