diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(

diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 7c8f839..959f1e3 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -224,10 +224,10 @@
 const createCanvas = id => {
   let canvas = document.createElement('canvas');
   canvas.id = 'canvas' + id;
-  canvas.style.height = '110%';
-  canvas.style.width = '110%';
+  canvas.style.height = '90%';
+  canvas.style.width = '90%';
   canvas.style.position = 'relative';
-  canvas.style.top = '-17px';
+  canvas.style.top = '5px';
   //canvas.style.display = 'none';
   document.getElementById('rainend').append(canvas);
   return canvas;

diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 7c8f839..959f1e3 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -224,10 +224,10 @@
 const createCanvas = id => {
   let canvas = document.createElement('canvas');
   canvas.id = 'canvas' + id;
-  canvas.style.height = '110%';
-  canvas.style.width = '110%';
+  canvas.style.height = '90%';
+  canvas.style.width = '90%';
   canvas.style.position = 'relative';
-  canvas.style.top = '-17px';
+  canvas.style.top = '5px';
   //canvas.style.display = 'none';
   document.getElementById('rainend').append(canvas);
   return canvas;
diff --git a/src/views/oneMap/components/ZHHM_JCFX.vue b/src/views/oneMap/components/ZHHM_JCFX.vue
index 42e81e6..14095d7 100644
--- a/src/views/oneMap/components/ZHHM_JCFX.vue
+++ b/src/views/oneMap/components/ZHHM_JCFX.vue
@@ -150,7 +150,7 @@
       </div>
     </div>
     <!-- 中部建议 -->
-    <div class="centerSuggest">
+    <div :class="['centerSuggest', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
       <div class="flex">
         <div class="part">
           <div class="flex flex-align-center">