diff --git a/src/components/Echarts/barChart.vue b/src/components/Echarts/barChart.vue
index 5a467d0..f0b7a15 100644
--- a/src/components/Echarts/barChart.vue
+++ b/src/components/Echarts/barChart.vue
@@ -3,6 +3,7 @@
 </template>
 <script setup>
 import { guid } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const id = guid();
 const myChart = shallowRef("");
@@ -69,9 +70,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {

diff --git a/src/components/Echarts/barChart.vue b/src/components/Echarts/barChart.vue
index 5a467d0..f0b7a15 100644
--- a/src/components/Echarts/barChart.vue
+++ b/src/components/Echarts/barChart.vue
@@ -3,6 +3,7 @@
 </template>
 <script setup>
 import { guid } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const id = guid();
 const myChart = shallowRef("");
@@ -69,9 +70,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {
diff --git a/src/views/index.vue b/src/views/index.vue
index 4d799cb..9558cf5 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -120,9 +120,11 @@
   showPanel2.value = false;
   AllData.BottmBackGroundShow = true;
 
-  orderStore.getDeptList()
-  orderStore.getUserList()
-
+  orderStore.getDeptList();
+  orderStore.getUserList();
+});
+onBeforeUnmount(() => {
+  clearInterval(timer.value);
 });
 </script>
 

diff --git a/src/components/Echarts/barChart.vue b/src/components/Echarts/barChart.vue
index 5a467d0..f0b7a15 100644
--- a/src/components/Echarts/barChart.vue
+++ b/src/components/Echarts/barChart.vue
@@ -3,6 +3,7 @@
 </template>
 <script setup>
 import { guid } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const id = guid();
 const myChart = shallowRef("");
@@ -69,9 +70,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {
diff --git a/src/views/index.vue b/src/views/index.vue
index 4d799cb..9558cf5 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -120,9 +120,11 @@
   showPanel2.value = false;
   AllData.BottmBackGroundShow = true;
 
-  orderStore.getDeptList()
-  orderStore.getUserList()
-
+  orderStore.getDeptList();
+  orderStore.getUserList();
+});
+onBeforeUnmount(() => {
+  clearInterval(timer.value);
 });
 </script>
 
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 5fea924..b58cdc4 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -20,9 +20,11 @@
       timer: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {

diff --git a/src/components/Echarts/barChart.vue b/src/components/Echarts/barChart.vue
index 5a467d0..f0b7a15 100644
--- a/src/components/Echarts/barChart.vue
+++ b/src/components/Echarts/barChart.vue
@@ -3,6 +3,7 @@
 </template>
 <script setup>
 import { guid } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const id = guid();
 const myChart = shallowRef("");
@@ -69,9 +70,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {
diff --git a/src/views/index.vue b/src/views/index.vue
index 4d799cb..9558cf5 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -120,9 +120,11 @@
   showPanel2.value = false;
   AllData.BottmBackGroundShow = true;
 
-  orderStore.getDeptList()
-  orderStore.getUserList()
-
+  orderStore.getDeptList();
+  orderStore.getUserList();
+});
+onBeforeUnmount(() => {
+  clearInterval(timer.value);
 });
 </script>
 
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 5fea924..b58cdc4 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -20,9 +20,11 @@
       timer: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
diff --git a/src/views/oneMap/Echarts/ChartLs.vue b/src/views/oneMap/Echarts/ChartLs.vue
index b083a8b..c88eca0 100644
--- a/src/views/oneMap/Echarts/ChartLs.vue
+++ b/src/views/oneMap/Echarts/ChartLs.vue
@@ -48,9 +48,11 @@
 );
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 // 重绘之前的样式填充
 function reasizeFun() {

diff --git a/src/components/Echarts/barChart.vue b/src/components/Echarts/barChart.vue
index 5a467d0..f0b7a15 100644
--- a/src/components/Echarts/barChart.vue
+++ b/src/components/Echarts/barChart.vue
@@ -3,6 +3,7 @@
 </template>
 <script setup>
 import { guid } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const id = guid();
 const myChart = shallowRef("");
@@ -69,9 +70,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {
diff --git a/src/views/index.vue b/src/views/index.vue
index 4d799cb..9558cf5 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -120,9 +120,11 @@
   showPanel2.value = false;
   AllData.BottmBackGroundShow = true;
 
-  orderStore.getDeptList()
-  orderStore.getUserList()
-
+  orderStore.getDeptList();
+  orderStore.getUserList();
+});
+onBeforeUnmount(() => {
+  clearInterval(timer.value);
 });
 </script>
 
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 5fea924..b58cdc4 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -20,9 +20,11 @@
       timer: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
diff --git a/src/views/oneMap/Echarts/ChartLs.vue b/src/views/oneMap/Echarts/ChartLs.vue
index b083a8b..c88eca0 100644
--- a/src/views/oneMap/Echarts/ChartLs.vue
+++ b/src/views/oneMap/Echarts/ChartLs.vue
@@ -48,9 +48,11 @@
 );
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 // 重绘之前的样式填充
 function reasizeFun() {
diff --git a/src/views/oneMap/Echarts/RainfallLegend.vue b/src/views/oneMap/Echarts/RainfallLegend.vue
index 62292a6..ce39fe6 100644
--- a/src/views/oneMap/Echarts/RainfallLegend.vue
+++ b/src/views/oneMap/Echarts/RainfallLegend.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -19,9 +19,11 @@
       chart: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
@@ -29,22 +31,28 @@
       var option;
       option = {
         // backgroundColor: '#0e2147',
-        color: ['#3FFFC2'],
+        color: ["#3FFFC2"],
         grid: {
           //   left: '5%',
-          top: '10%',
-          bottom: '20%',
-          right: '5%',
+          top: "10%",
+          bottom: "20%",
+          right: "5%",
         },
         tooltip: {
-          trigger: 'axis',
-          formatter: params => {
+          trigger: "axis",
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == 'K线性拟合' ? 'mm' : '毫米';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "K线性拟合" ? "mm" : "毫米";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -56,21 +64,21 @@
           itemWidth: 18,
           itemHeight: 12,
           textStyle: {
-            color: '#00ffff',
+            color: "#00ffff",
             fontSize: 14,
           },
         },
         yAxis: [
           {
-            type: 'value',
-            position: 'left',
+            type: "value",
+            position: "left",
             nameTextStyle: {
-              color: '#3FFFC2',
+              color: "#3FFFC2",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: 'rgba(135,140,147,0.8)',
+                type: "dashed",
+                color: "rgba(135,140,147,0.8)",
               },
             },
             axisLine: {
@@ -80,31 +88,31 @@
               show: false,
             },
             axisLabel: {
-              formatter: '{value}',
+              formatter: "{value}",
 
-              color: '#fff',
+              color: "#fff",
               fontSize: 14,
             },
           },
         ],
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisTick: {
               show: false,
             },
             axisLine: {
               show: false,
               lineStyle: {
-                color: '#3FFFC2',
+                color: "#3FFFC2",
               },
             },
             axisLabel: {
               inside: false,
               textStyle: {
-                color: '#fff', // x轴颜色
-                fontWeight: 'normal',
-                fontSize: '14',
+                color: "#fff", // x轴颜色
+                fontWeight: "normal",
+                fontSize: "14",
                 lineHeight: 22,
               },
             },
@@ -114,10 +122,10 @@
         series: [
           {
             symbolSize: 10,
-            name: '降雨量',
-            type: 'line',
+            name: "降雨量",
+            type: "line",
             animationDuration: 8000, // 动画持续时间
-            animationEasing: 'cubicInOut',
+            animationEasing: "cubicInOut",
             data: props.data.data1,
             itemStyle: {
               borderWidth: 5,
@@ -125,15 +133,15 @@
             },
           },
           {
-            type: 'lines',
-            coordinateSystem: 'cartesian2d',
+            type: "lines",
+            coordinateSystem: "cartesian2d",
             symbolSize: 30,
             polyline: true,
 
             effect: {
               show: true,
               trailLength: 0,
-              symbol: 'arrow',
+              symbol: "arrow",
               period: 25, //光点滑动速度
               symbolSize: 15,
             },
@@ -164,7 +172,7 @@
     );
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     return {
       ...toRefs(allData),

diff --git a/src/components/Echarts/barChart.vue b/src/components/Echarts/barChart.vue
index 5a467d0..f0b7a15 100644
--- a/src/components/Echarts/barChart.vue
+++ b/src/components/Echarts/barChart.vue
@@ -3,6 +3,7 @@
 </template>
 <script setup>
 import { guid } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const id = guid();
 const myChart = shallowRef("");
@@ -69,9 +70,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {
diff --git a/src/views/index.vue b/src/views/index.vue
index 4d799cb..9558cf5 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -120,9 +120,11 @@
   showPanel2.value = false;
   AllData.BottmBackGroundShow = true;
 
-  orderStore.getDeptList()
-  orderStore.getUserList()
-
+  orderStore.getDeptList();
+  orderStore.getUserList();
+});
+onBeforeUnmount(() => {
+  clearInterval(timer.value);
 });
 </script>
 
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 5fea924..b58cdc4 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -20,9 +20,11 @@
       timer: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
diff --git a/src/views/oneMap/Echarts/ChartLs.vue b/src/views/oneMap/Echarts/ChartLs.vue
index b083a8b..c88eca0 100644
--- a/src/views/oneMap/Echarts/ChartLs.vue
+++ b/src/views/oneMap/Echarts/ChartLs.vue
@@ -48,9 +48,11 @@
 );
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 // 重绘之前的样式填充
 function reasizeFun() {
diff --git a/src/views/oneMap/Echarts/RainfallLegend.vue b/src/views/oneMap/Echarts/RainfallLegend.vue
index 62292a6..ce39fe6 100644
--- a/src/views/oneMap/Echarts/RainfallLegend.vue
+++ b/src/views/oneMap/Echarts/RainfallLegend.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -19,9 +19,11 @@
       chart: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
@@ -29,22 +31,28 @@
       var option;
       option = {
         // backgroundColor: '#0e2147',
-        color: ['#3FFFC2'],
+        color: ["#3FFFC2"],
         grid: {
           //   left: '5%',
-          top: '10%',
-          bottom: '20%',
-          right: '5%',
+          top: "10%",
+          bottom: "20%",
+          right: "5%",
         },
         tooltip: {
-          trigger: 'axis',
-          formatter: params => {
+          trigger: "axis",
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == 'K线性拟合' ? 'mm' : '毫米';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "K线性拟合" ? "mm" : "毫米";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -56,21 +64,21 @@
           itemWidth: 18,
           itemHeight: 12,
           textStyle: {
-            color: '#00ffff',
+            color: "#00ffff",
             fontSize: 14,
           },
         },
         yAxis: [
           {
-            type: 'value',
-            position: 'left',
+            type: "value",
+            position: "left",
             nameTextStyle: {
-              color: '#3FFFC2',
+              color: "#3FFFC2",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: 'rgba(135,140,147,0.8)',
+                type: "dashed",
+                color: "rgba(135,140,147,0.8)",
               },
             },
             axisLine: {
@@ -80,31 +88,31 @@
               show: false,
             },
             axisLabel: {
-              formatter: '{value}',
+              formatter: "{value}",
 
-              color: '#fff',
+              color: "#fff",
               fontSize: 14,
             },
           },
         ],
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisTick: {
               show: false,
             },
             axisLine: {
               show: false,
               lineStyle: {
-                color: '#3FFFC2',
+                color: "#3FFFC2",
               },
             },
             axisLabel: {
               inside: false,
               textStyle: {
-                color: '#fff', // x轴颜色
-                fontWeight: 'normal',
-                fontSize: '14',
+                color: "#fff", // x轴颜色
+                fontWeight: "normal",
+                fontSize: "14",
                 lineHeight: 22,
               },
             },
@@ -114,10 +122,10 @@
         series: [
           {
             symbolSize: 10,
-            name: '降雨量',
-            type: 'line',
+            name: "降雨量",
+            type: "line",
             animationDuration: 8000, // 动画持续时间
-            animationEasing: 'cubicInOut',
+            animationEasing: "cubicInOut",
             data: props.data.data1,
             itemStyle: {
               borderWidth: 5,
@@ -125,15 +133,15 @@
             },
           },
           {
-            type: 'lines',
-            coordinateSystem: 'cartesian2d',
+            type: "lines",
+            coordinateSystem: "cartesian2d",
             symbolSize: 30,
             polyline: true,
 
             effect: {
               show: true,
               trailLength: 0,
-              symbol: 'arrow',
+              symbol: "arrow",
               period: 25, //光点滑动速度
               symbolSize: 15,
             },
@@ -164,7 +172,7 @@
     );
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     return {
       ...toRefs(allData),
diff --git a/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue b/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
index 7783d42..dc7edaf 100644
--- a/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
+++ b/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
@@ -6,9 +6,9 @@
 </template>
 
 <script setup>
-import bus from '@/bus';
-import * as echarts from 'echarts';
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import bus from "@/bus";
+import * as echarts from "echarts";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
 const { proxy } = getCurrentInstance();
 
 const myChart = ref(null);
@@ -34,7 +34,7 @@
   // }
   isSelected = false;
   // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
-  k = typeof k !== 'undefined' ? k : 1 / 3;
+  k = typeof k !== "undefined" ? k : 1 / 3;
 
   // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
   let offsetX = isSelected ? Math.sin(midRadian) * 0.1 : 0;
@@ -95,15 +95,18 @@
   let startValue = 0;
   let endValue = 0;
   let legendData = [];
-  let k = typeof internalDiameterRatio !== 'undefined' ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio) : 1 / 3;
+  let k =
+    typeof internalDiameterRatio !== "undefined"
+      ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio)
+      : 1 / 3;
 
   // 为每一个饼图数据，生成一个 series-surface 配置
   for (let i = 0; i < pieData.length; i++) {
     sumValue += pieData[i].value;
 
     let seriesItem = {
-      name: typeof pieData[i].name === 'undefined' ? `series${i}` : pieData[i].name,
-      type: 'surface',
+      name: typeof pieData[i].name === "undefined" ? `series${i}` : pieData[i].name,
+      type: "surface",
       parametric: true,
       wireframe: {
         show: false,
@@ -116,11 +119,15 @@
       },
     };
 
-    if (typeof pieData[i].itemStyle != 'undefined') {
+    if (typeof pieData[i].itemStyle != "undefined") {
       let itemStyle = {};
 
-      typeof pieData[i].itemStyle.color != 'undefined' ? (itemStyle.color = pieData[i].itemStyle.color) : null;
-      typeof pieData[i].itemStyle.opacity != 'undefined' ? (itemStyle.opacity = pieData[i].itemStyle.opacity) : null;
+      typeof pieData[i].itemStyle.color != "undefined"
+        ? (itemStyle.color = pieData[i].itemStyle.color)
+        : null;
+      typeof pieData[i].itemStyle.opacity != "undefined"
+        ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
+        : null;
 
       seriesItem.itemStyle = itemStyle;
     }
@@ -150,15 +157,15 @@
 
   // // 补充一个透明的圆环，用于支撑高亮功能的近似实现。
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 0.9,
-      color: '#296E99',
+      color: "#296E99",
     },
     parametricEquation: {
       u: {
@@ -185,15 +192,15 @@
 
   // // 补充一个透明的圆环，用于支撑高亮功能的近似实现。
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 0.2,
-      color: '#215983',
+      color: "#215983",
     },
     parametricEquation: {
       u: {
@@ -218,15 +225,15 @@
     },
   });
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 1,
-      color: '#25719D',
+      color: "#25719D",
     },
     parametricEquation: {
       u: {
@@ -254,8 +261,8 @@
   // 准备待返回的配置项，把准备好的 legendData、series 传入。
   let option = {
     tooltip: {
-      formatter: params => {
-        if (params.seriesName !== 'mouseoutSeries') {
+      formatter: (params) => {
+        if (params.seriesName !== "mouseoutSeries") {
           return `${
             params.seriesName
           }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
@@ -266,15 +273,15 @@
     },
     //animation: false,
     legend: {
-      orient: 'vertical',
-      icon: 'circle',
-      right: '5%',
-      top: '10%',
-      y: 'center',
+      orient: "vertical",
+      icon: "circle",
+      right: "5%",
+      top: "10%",
+      y: "center",
       show: true,
       itemGap: 20,
       textStyle: {
-        color: '#A1E2FF',
+        color: "#A1E2FF",
         fontSize: 13,
         // rich: {
         //   ttt: {
@@ -284,7 +291,7 @@
         // },
       },
       data: legendData,
-      formatter: params => {
+      formatter: (params) => {
         return params;
       },
     },
@@ -307,10 +314,10 @@
         // zoomSensitivity: 100,
         // panSensitivity: 100,
       },
-      top: '-18%',
-      left: 'left',
-      right: '10%',
-      width: '62%',
+      top: "-18%",
+      left: "left",
+      right: "10%",
+      width: "62%",
       show: false,
       boxHeight: 30,
     },
@@ -320,7 +327,7 @@
 }
 // 传入数据生成 option
 
-const initEcharts = val => {
+const initEcharts = (val) => {
   const optionData = val;
   // [
   //   {
@@ -362,26 +369,26 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    nextTick(() => {});
+  });
 }
 watch(
   () => props.refresh,
-  value => {
+  (value) => {
     //先销毁实例
     myChart.value && myChart.value.dispose();
     initEcharts();
   }
 );
 onMounted(() => {
-  bus.on('FxVisible', params => {
+  bus.on("FxVisible", (params) => {
     initEcharts(params);
   });
-  window.addEventListener('resize', resizeTheChart);
+  window.addEventListener("resize", resizeTheChart);
 });
 onBeforeUnmount(() => {
-  bus.off('FxVisible');
+  bus.off("FxVisible");
 });
 </script>
 

diff --git a/src/components/Echarts/barChart.vue b/src/components/Echarts/barChart.vue
index 5a467d0..f0b7a15 100644
--- a/src/components/Echarts/barChart.vue
+++ b/src/components/Echarts/barChart.vue
@@ -3,6 +3,7 @@
 </template>
 <script setup>
 import { guid } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const id = guid();
 const myChart = shallowRef("");
@@ -69,9 +70,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {
diff --git a/src/views/index.vue b/src/views/index.vue
index 4d799cb..9558cf5 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -120,9 +120,11 @@
   showPanel2.value = false;
   AllData.BottmBackGroundShow = true;
 
-  orderStore.getDeptList()
-  orderStore.getUserList()
-
+  orderStore.getDeptList();
+  orderStore.getUserList();
+});
+onBeforeUnmount(() => {
+  clearInterval(timer.value);
 });
 </script>
 
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 5fea924..b58cdc4 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -20,9 +20,11 @@
       timer: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
diff --git a/src/views/oneMap/Echarts/ChartLs.vue b/src/views/oneMap/Echarts/ChartLs.vue
index b083a8b..c88eca0 100644
--- a/src/views/oneMap/Echarts/ChartLs.vue
+++ b/src/views/oneMap/Echarts/ChartLs.vue
@@ -48,9 +48,11 @@
 );
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 // 重绘之前的样式填充
 function reasizeFun() {
diff --git a/src/views/oneMap/Echarts/RainfallLegend.vue b/src/views/oneMap/Echarts/RainfallLegend.vue
index 62292a6..ce39fe6 100644
--- a/src/views/oneMap/Echarts/RainfallLegend.vue
+++ b/src/views/oneMap/Echarts/RainfallLegend.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -19,9 +19,11 @@
       chart: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
@@ -29,22 +31,28 @@
       var option;
       option = {
         // backgroundColor: '#0e2147',
-        color: ['#3FFFC2'],
+        color: ["#3FFFC2"],
         grid: {
           //   left: '5%',
-          top: '10%',
-          bottom: '20%',
-          right: '5%',
+          top: "10%",
+          bottom: "20%",
+          right: "5%",
         },
         tooltip: {
-          trigger: 'axis',
-          formatter: params => {
+          trigger: "axis",
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == 'K线性拟合' ? 'mm' : '毫米';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "K线性拟合" ? "mm" : "毫米";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -56,21 +64,21 @@
           itemWidth: 18,
           itemHeight: 12,
           textStyle: {
-            color: '#00ffff',
+            color: "#00ffff",
             fontSize: 14,
           },
         },
         yAxis: [
           {
-            type: 'value',
-            position: 'left',
+            type: "value",
+            position: "left",
             nameTextStyle: {
-              color: '#3FFFC2',
+              color: "#3FFFC2",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: 'rgba(135,140,147,0.8)',
+                type: "dashed",
+                color: "rgba(135,140,147,0.8)",
               },
             },
             axisLine: {
@@ -80,31 +88,31 @@
               show: false,
             },
             axisLabel: {
-              formatter: '{value}',
+              formatter: "{value}",
 
-              color: '#fff',
+              color: "#fff",
               fontSize: 14,
             },
           },
         ],
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisTick: {
               show: false,
             },
             axisLine: {
               show: false,
               lineStyle: {
-                color: '#3FFFC2',
+                color: "#3FFFC2",
               },
             },
             axisLabel: {
               inside: false,
               textStyle: {
-                color: '#fff', // x轴颜色
-                fontWeight: 'normal',
-                fontSize: '14',
+                color: "#fff", // x轴颜色
+                fontWeight: "normal",
+                fontSize: "14",
                 lineHeight: 22,
               },
             },
@@ -114,10 +122,10 @@
         series: [
           {
             symbolSize: 10,
-            name: '降雨量',
-            type: 'line',
+            name: "降雨量",
+            type: "line",
             animationDuration: 8000, // 动画持续时间
-            animationEasing: 'cubicInOut',
+            animationEasing: "cubicInOut",
             data: props.data.data1,
             itemStyle: {
               borderWidth: 5,
@@ -125,15 +133,15 @@
             },
           },
           {
-            type: 'lines',
-            coordinateSystem: 'cartesian2d',
+            type: "lines",
+            coordinateSystem: "cartesian2d",
             symbolSize: 30,
             polyline: true,
 
             effect: {
               show: true,
               trailLength: 0,
-              symbol: 'arrow',
+              symbol: "arrow",
               period: 25, //光点滑动速度
               symbolSize: 15,
             },
@@ -164,7 +172,7 @@
     );
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     return {
       ...toRefs(allData),
diff --git a/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue b/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
index 7783d42..dc7edaf 100644
--- a/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
+++ b/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
@@ -6,9 +6,9 @@
 </template>
 
 <script setup>
-import bus from '@/bus';
-import * as echarts from 'echarts';
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import bus from "@/bus";
+import * as echarts from "echarts";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
 const { proxy } = getCurrentInstance();
 
 const myChart = ref(null);
@@ -34,7 +34,7 @@
   // }
   isSelected = false;
   // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
-  k = typeof k !== 'undefined' ? k : 1 / 3;
+  k = typeof k !== "undefined" ? k : 1 / 3;
 
   // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
   let offsetX = isSelected ? Math.sin(midRadian) * 0.1 : 0;
@@ -95,15 +95,18 @@
   let startValue = 0;
   let endValue = 0;
   let legendData = [];
-  let k = typeof internalDiameterRatio !== 'undefined' ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio) : 1 / 3;
+  let k =
+    typeof internalDiameterRatio !== "undefined"
+      ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio)
+      : 1 / 3;
 
   // 为每一个饼图数据，生成一个 series-surface 配置
   for (let i = 0; i < pieData.length; i++) {
     sumValue += pieData[i].value;
 
     let seriesItem = {
-      name: typeof pieData[i].name === 'undefined' ? `series${i}` : pieData[i].name,
-      type: 'surface',
+      name: typeof pieData[i].name === "undefined" ? `series${i}` : pieData[i].name,
+      type: "surface",
       parametric: true,
       wireframe: {
         show: false,
@@ -116,11 +119,15 @@
       },
     };
 
-    if (typeof pieData[i].itemStyle != 'undefined') {
+    if (typeof pieData[i].itemStyle != "undefined") {
       let itemStyle = {};
 
-      typeof pieData[i].itemStyle.color != 'undefined' ? (itemStyle.color = pieData[i].itemStyle.color) : null;
-      typeof pieData[i].itemStyle.opacity != 'undefined' ? (itemStyle.opacity = pieData[i].itemStyle.opacity) : null;
+      typeof pieData[i].itemStyle.color != "undefined"
+        ? (itemStyle.color = pieData[i].itemStyle.color)
+        : null;
+      typeof pieData[i].itemStyle.opacity != "undefined"
+        ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
+        : null;
 
       seriesItem.itemStyle = itemStyle;
     }
@@ -150,15 +157,15 @@
 
   // // 补充一个透明的圆环，用于支撑高亮功能的近似实现。
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 0.9,
-      color: '#296E99',
+      color: "#296E99",
     },
     parametricEquation: {
       u: {
@@ -185,15 +192,15 @@
 
   // // 补充一个透明的圆环，用于支撑高亮功能的近似实现。
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 0.2,
-      color: '#215983',
+      color: "#215983",
     },
     parametricEquation: {
       u: {
@@ -218,15 +225,15 @@
     },
   });
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 1,
-      color: '#25719D',
+      color: "#25719D",
     },
     parametricEquation: {
       u: {
@@ -254,8 +261,8 @@
   // 准备待返回的配置项，把准备好的 legendData、series 传入。
   let option = {
     tooltip: {
-      formatter: params => {
-        if (params.seriesName !== 'mouseoutSeries') {
+      formatter: (params) => {
+        if (params.seriesName !== "mouseoutSeries") {
           return `${
             params.seriesName
           }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
@@ -266,15 +273,15 @@
     },
     //animation: false,
     legend: {
-      orient: 'vertical',
-      icon: 'circle',
-      right: '5%',
-      top: '10%',
-      y: 'center',
+      orient: "vertical",
+      icon: "circle",
+      right: "5%",
+      top: "10%",
+      y: "center",
       show: true,
       itemGap: 20,
       textStyle: {
-        color: '#A1E2FF',
+        color: "#A1E2FF",
         fontSize: 13,
         // rich: {
         //   ttt: {
@@ -284,7 +291,7 @@
         // },
       },
       data: legendData,
-      formatter: params => {
+      formatter: (params) => {
         return params;
       },
     },
@@ -307,10 +314,10 @@
         // zoomSensitivity: 100,
         // panSensitivity: 100,
       },
-      top: '-18%',
-      left: 'left',
-      right: '10%',
-      width: '62%',
+      top: "-18%",
+      left: "left",
+      right: "10%",
+      width: "62%",
       show: false,
       boxHeight: 30,
     },
@@ -320,7 +327,7 @@
 }
 // 传入数据生成 option
 
-const initEcharts = val => {
+const initEcharts = (val) => {
   const optionData = val;
   // [
   //   {
@@ -362,26 +369,26 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    nextTick(() => {});
+  });
 }
 watch(
   () => props.refresh,
-  value => {
+  (value) => {
     //先销毁实例
     myChart.value && myChart.value.dispose();
     initEcharts();
   }
 );
 onMounted(() => {
-  bus.on('FxVisible', params => {
+  bus.on("FxVisible", (params) => {
     initEcharts(params);
   });
-  window.addEventListener('resize', resizeTheChart);
+  window.addEventListener("resize", resizeTheChart);
 });
 onBeforeUnmount(() => {
-  bus.off('FxVisible');
+  bus.off("FxVisible");
 });
 </script>
 
diff --git a/src/views/oneMap/SmartDrainage/qzfk_3d.vue b/src/views/oneMap/SmartDrainage/qzfk_3d.vue
index 9b252a0..7aeff03 100644
--- a/src/views/oneMap/SmartDrainage/qzfk_3d.vue
+++ b/src/views/oneMap/SmartDrainage/qzfk_3d.vue
@@ -386,9 +386,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 watch(
   () => props.refresh,

diff --git a/src/components/Echarts/barChart.vue b/src/components/Echarts/barChart.vue
index 5a467d0..f0b7a15 100644
--- a/src/components/Echarts/barChart.vue
+++ b/src/components/Echarts/barChart.vue
@@ -3,6 +3,7 @@
 </template>
 <script setup>
 import { guid } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const id = guid();
 const myChart = shallowRef("");
@@ -69,9 +70,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {
diff --git a/src/views/index.vue b/src/views/index.vue
index 4d799cb..9558cf5 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -120,9 +120,11 @@
   showPanel2.value = false;
   AllData.BottmBackGroundShow = true;
 
-  orderStore.getDeptList()
-  orderStore.getUserList()
-
+  orderStore.getDeptList();
+  orderStore.getUserList();
+});
+onBeforeUnmount(() => {
+  clearInterval(timer.value);
 });
 </script>
 
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 5fea924..b58cdc4 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -20,9 +20,11 @@
       timer: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
diff --git a/src/views/oneMap/Echarts/ChartLs.vue b/src/views/oneMap/Echarts/ChartLs.vue
index b083a8b..c88eca0 100644
--- a/src/views/oneMap/Echarts/ChartLs.vue
+++ b/src/views/oneMap/Echarts/ChartLs.vue
@@ -48,9 +48,11 @@
 );
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 // 重绘之前的样式填充
 function reasizeFun() {
diff --git a/src/views/oneMap/Echarts/RainfallLegend.vue b/src/views/oneMap/Echarts/RainfallLegend.vue
index 62292a6..ce39fe6 100644
--- a/src/views/oneMap/Echarts/RainfallLegend.vue
+++ b/src/views/oneMap/Echarts/RainfallLegend.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -19,9 +19,11 @@
       chart: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
@@ -29,22 +31,28 @@
       var option;
       option = {
         // backgroundColor: '#0e2147',
-        color: ['#3FFFC2'],
+        color: ["#3FFFC2"],
         grid: {
           //   left: '5%',
-          top: '10%',
-          bottom: '20%',
-          right: '5%',
+          top: "10%",
+          bottom: "20%",
+          right: "5%",
         },
         tooltip: {
-          trigger: 'axis',
-          formatter: params => {
+          trigger: "axis",
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == 'K线性拟合' ? 'mm' : '毫米';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "K线性拟合" ? "mm" : "毫米";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -56,21 +64,21 @@
           itemWidth: 18,
           itemHeight: 12,
           textStyle: {
-            color: '#00ffff',
+            color: "#00ffff",
             fontSize: 14,
           },
         },
         yAxis: [
           {
-            type: 'value',
-            position: 'left',
+            type: "value",
+            position: "left",
             nameTextStyle: {
-              color: '#3FFFC2',
+              color: "#3FFFC2",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: 'rgba(135,140,147,0.8)',
+                type: "dashed",
+                color: "rgba(135,140,147,0.8)",
               },
             },
             axisLine: {
@@ -80,31 +88,31 @@
               show: false,
             },
             axisLabel: {
-              formatter: '{value}',
+              formatter: "{value}",
 
-              color: '#fff',
+              color: "#fff",
               fontSize: 14,
             },
           },
         ],
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisTick: {
               show: false,
             },
             axisLine: {
               show: false,
               lineStyle: {
-                color: '#3FFFC2',
+                color: "#3FFFC2",
               },
             },
             axisLabel: {
               inside: false,
               textStyle: {
-                color: '#fff', // x轴颜色
-                fontWeight: 'normal',
-                fontSize: '14',
+                color: "#fff", // x轴颜色
+                fontWeight: "normal",
+                fontSize: "14",
                 lineHeight: 22,
               },
             },
@@ -114,10 +122,10 @@
         series: [
           {
             symbolSize: 10,
-            name: '降雨量',
-            type: 'line',
+            name: "降雨量",
+            type: "line",
             animationDuration: 8000, // 动画持续时间
-            animationEasing: 'cubicInOut',
+            animationEasing: "cubicInOut",
             data: props.data.data1,
             itemStyle: {
               borderWidth: 5,
@@ -125,15 +133,15 @@
             },
           },
           {
-            type: 'lines',
-            coordinateSystem: 'cartesian2d',
+            type: "lines",
+            coordinateSystem: "cartesian2d",
             symbolSize: 30,
             polyline: true,
 
             effect: {
               show: true,
               trailLength: 0,
-              symbol: 'arrow',
+              symbol: "arrow",
               period: 25, //光点滑动速度
               symbolSize: 15,
             },
@@ -164,7 +172,7 @@
     );
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     return {
       ...toRefs(allData),
diff --git a/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue b/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
index 7783d42..dc7edaf 100644
--- a/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
+++ b/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
@@ -6,9 +6,9 @@
 </template>
 
 <script setup>
-import bus from '@/bus';
-import * as echarts from 'echarts';
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import bus from "@/bus";
+import * as echarts from "echarts";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
 const { proxy } = getCurrentInstance();
 
 const myChart = ref(null);
@@ -34,7 +34,7 @@
   // }
   isSelected = false;
   // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
-  k = typeof k !== 'undefined' ? k : 1 / 3;
+  k = typeof k !== "undefined" ? k : 1 / 3;
 
   // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
   let offsetX = isSelected ? Math.sin(midRadian) * 0.1 : 0;
@@ -95,15 +95,18 @@
   let startValue = 0;
   let endValue = 0;
   let legendData = [];
-  let k = typeof internalDiameterRatio !== 'undefined' ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio) : 1 / 3;
+  let k =
+    typeof internalDiameterRatio !== "undefined"
+      ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio)
+      : 1 / 3;
 
   // 为每一个饼图数据，生成一个 series-surface 配置
   for (let i = 0; i < pieData.length; i++) {
     sumValue += pieData[i].value;
 
     let seriesItem = {
-      name: typeof pieData[i].name === 'undefined' ? `series${i}` : pieData[i].name,
-      type: 'surface',
+      name: typeof pieData[i].name === "undefined" ? `series${i}` : pieData[i].name,
+      type: "surface",
       parametric: true,
       wireframe: {
         show: false,
@@ -116,11 +119,15 @@
       },
     };
 
-    if (typeof pieData[i].itemStyle != 'undefined') {
+    if (typeof pieData[i].itemStyle != "undefined") {
       let itemStyle = {};
 
-      typeof pieData[i].itemStyle.color != 'undefined' ? (itemStyle.color = pieData[i].itemStyle.color) : null;
-      typeof pieData[i].itemStyle.opacity != 'undefined' ? (itemStyle.opacity = pieData[i].itemStyle.opacity) : null;
+      typeof pieData[i].itemStyle.color != "undefined"
+        ? (itemStyle.color = pieData[i].itemStyle.color)
+        : null;
+      typeof pieData[i].itemStyle.opacity != "undefined"
+        ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
+        : null;
 
       seriesItem.itemStyle = itemStyle;
     }
@@ -150,15 +157,15 @@
 
   // // 补充一个透明的圆环，用于支撑高亮功能的近似实现。
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 0.9,
-      color: '#296E99',
+      color: "#296E99",
     },
     parametricEquation: {
       u: {
@@ -185,15 +192,15 @@
 
   // // 补充一个透明的圆环，用于支撑高亮功能的近似实现。
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 0.2,
-      color: '#215983',
+      color: "#215983",
     },
     parametricEquation: {
       u: {
@@ -218,15 +225,15 @@
     },
   });
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 1,
-      color: '#25719D',
+      color: "#25719D",
     },
     parametricEquation: {
       u: {
@@ -254,8 +261,8 @@
   // 准备待返回的配置项，把准备好的 legendData、series 传入。
   let option = {
     tooltip: {
-      formatter: params => {
-        if (params.seriesName !== 'mouseoutSeries') {
+      formatter: (params) => {
+        if (params.seriesName !== "mouseoutSeries") {
           return `${
             params.seriesName
           }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
@@ -266,15 +273,15 @@
     },
     //animation: false,
     legend: {
-      orient: 'vertical',
-      icon: 'circle',
-      right: '5%',
-      top: '10%',
-      y: 'center',
+      orient: "vertical",
+      icon: "circle",
+      right: "5%",
+      top: "10%",
+      y: "center",
       show: true,
       itemGap: 20,
       textStyle: {
-        color: '#A1E2FF',
+        color: "#A1E2FF",
         fontSize: 13,
         // rich: {
         //   ttt: {
@@ -284,7 +291,7 @@
         // },
       },
       data: legendData,
-      formatter: params => {
+      formatter: (params) => {
         return params;
       },
     },
@@ -307,10 +314,10 @@
         // zoomSensitivity: 100,
         // panSensitivity: 100,
       },
-      top: '-18%',
-      left: 'left',
-      right: '10%',
-      width: '62%',
+      top: "-18%",
+      left: "left",
+      right: "10%",
+      width: "62%",
       show: false,
       boxHeight: 30,
     },
@@ -320,7 +327,7 @@
 }
 // 传入数据生成 option
 
-const initEcharts = val => {
+const initEcharts = (val) => {
   const optionData = val;
   // [
   //   {
@@ -362,26 +369,26 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    nextTick(() => {});
+  });
 }
 watch(
   () => props.refresh,
-  value => {
+  (value) => {
     //先销毁实例
     myChart.value && myChart.value.dispose();
     initEcharts();
   }
 );
 onMounted(() => {
-  bus.on('FxVisible', params => {
+  bus.on("FxVisible", (params) => {
     initEcharts(params);
   });
-  window.addEventListener('resize', resizeTheChart);
+  window.addEventListener("resize", resizeTheChart);
 });
 onBeforeUnmount(() => {
-  bus.off('FxVisible');
+  bus.off("FxVisible");
 });
 </script>
 
diff --git a/src/views/oneMap/SmartDrainage/qzfk_3d.vue b/src/views/oneMap/SmartDrainage/qzfk_3d.vue
index 9b252a0..7aeff03 100644
--- a/src/views/oneMap/SmartDrainage/qzfk_3d.vue
+++ b/src/views/oneMap/SmartDrainage/qzfk_3d.vue
@@ -386,9 +386,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 watch(
   () => props.refresh,
diff --git a/src/views/oneMap/components/PublicHead.vue b/src/views/oneMap/components/PublicHead.vue
index e661304..f0bc0cd 100644
--- a/src/views/oneMap/components/PublicHead.vue
+++ b/src/views/oneMap/components/PublicHead.vue
@@ -51,14 +51,16 @@
 
 // 获取要显示倒计时的HTML元素
 const intervalId = ref(null);
-const currentTime = ref(null);
+// const currentTime = ref(null);
 const futureTime2 = ref(null);
 const futureTime = ref(null);
 const timeDifference = ref(null);
 function runTime() {
-  futureTime2.value = new Date(AllData.showTipsData.warnStartTime).getTime(); //开始时间
-  currentTime.value = new Date().getTime();
-  futureTime.value = new Date(currentTime.value).getTime(); // 当前时间
+  if (futureTime2.value == null) {
+    futureTime2.value = new Date(AllData.showTipsData.warnStartTime).getTime(); //开始时间
+  }
+  // currentTime.value = new Date().getTime();
+  futureTime.value = new Date().getTime(); // 当前时间
   // console.log(futureTime, '当前时间');
   timeDifference.value = futureTime2.value - futureTime.value;
   let days = Math.floor(timeDifference.value / (1000 * 60 * 60 * 24));
@@ -91,6 +93,7 @@
     } else {
       showTips.value = true;
       AllData.showTipsData = val;
+      futureTime2.value = null;
       runTime();
     }
   });

diff --git a/src/components/Echarts/barChart.vue b/src/components/Echarts/barChart.vue
index 5a467d0..f0b7a15 100644
--- a/src/components/Echarts/barChart.vue
+++ b/src/components/Echarts/barChart.vue
@@ -3,6 +3,7 @@
 </template>
 <script setup>
 import { guid } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const id = guid();
 const myChart = shallowRef("");
@@ -69,9 +70,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {
diff --git a/src/views/index.vue b/src/views/index.vue
index 4d799cb..9558cf5 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -120,9 +120,11 @@
   showPanel2.value = false;
   AllData.BottmBackGroundShow = true;
 
-  orderStore.getDeptList()
-  orderStore.getUserList()
-
+  orderStore.getDeptList();
+  orderStore.getUserList();
+});
+onBeforeUnmount(() => {
+  clearInterval(timer.value);
 });
 </script>
 
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 5fea924..b58cdc4 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -20,9 +20,11 @@
       timer: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
diff --git a/src/views/oneMap/Echarts/ChartLs.vue b/src/views/oneMap/Echarts/ChartLs.vue
index b083a8b..c88eca0 100644
--- a/src/views/oneMap/Echarts/ChartLs.vue
+++ b/src/views/oneMap/Echarts/ChartLs.vue
@@ -48,9 +48,11 @@
 );
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 // 重绘之前的样式填充
 function reasizeFun() {
diff --git a/src/views/oneMap/Echarts/RainfallLegend.vue b/src/views/oneMap/Echarts/RainfallLegend.vue
index 62292a6..ce39fe6 100644
--- a/src/views/oneMap/Echarts/RainfallLegend.vue
+++ b/src/views/oneMap/Echarts/RainfallLegend.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -19,9 +19,11 @@
       chart: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
@@ -29,22 +31,28 @@
       var option;
       option = {
         // backgroundColor: '#0e2147',
-        color: ['#3FFFC2'],
+        color: ["#3FFFC2"],
         grid: {
           //   left: '5%',
-          top: '10%',
-          bottom: '20%',
-          right: '5%',
+          top: "10%",
+          bottom: "20%",
+          right: "5%",
         },
         tooltip: {
-          trigger: 'axis',
-          formatter: params => {
+          trigger: "axis",
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == 'K线性拟合' ? 'mm' : '毫米';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "K线性拟合" ? "mm" : "毫米";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -56,21 +64,21 @@
           itemWidth: 18,
           itemHeight: 12,
           textStyle: {
-            color: '#00ffff',
+            color: "#00ffff",
             fontSize: 14,
           },
         },
         yAxis: [
           {
-            type: 'value',
-            position: 'left',
+            type: "value",
+            position: "left",
             nameTextStyle: {
-              color: '#3FFFC2',
+              color: "#3FFFC2",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: 'rgba(135,140,147,0.8)',
+                type: "dashed",
+                color: "rgba(135,140,147,0.8)",
               },
             },
             axisLine: {
@@ -80,31 +88,31 @@
               show: false,
             },
             axisLabel: {
-              formatter: '{value}',
+              formatter: "{value}",
 
-              color: '#fff',
+              color: "#fff",
               fontSize: 14,
             },
           },
         ],
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisTick: {
               show: false,
             },
             axisLine: {
               show: false,
               lineStyle: {
-                color: '#3FFFC2',
+                color: "#3FFFC2",
               },
             },
             axisLabel: {
               inside: false,
               textStyle: {
-                color: '#fff', // x轴颜色
-                fontWeight: 'normal',
-                fontSize: '14',
+                color: "#fff", // x轴颜色
+                fontWeight: "normal",
+                fontSize: "14",
                 lineHeight: 22,
               },
             },
@@ -114,10 +122,10 @@
         series: [
           {
             symbolSize: 10,
-            name: '降雨量',
-            type: 'line',
+            name: "降雨量",
+            type: "line",
             animationDuration: 8000, // 动画持续时间
-            animationEasing: 'cubicInOut',
+            animationEasing: "cubicInOut",
             data: props.data.data1,
             itemStyle: {
               borderWidth: 5,
@@ -125,15 +133,15 @@
             },
           },
           {
-            type: 'lines',
-            coordinateSystem: 'cartesian2d',
+            type: "lines",
+            coordinateSystem: "cartesian2d",
             symbolSize: 30,
             polyline: true,
 
             effect: {
               show: true,
               trailLength: 0,
-              symbol: 'arrow',
+              symbol: "arrow",
               period: 25, //光点滑动速度
               symbolSize: 15,
             },
@@ -164,7 +172,7 @@
     );
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     return {
       ...toRefs(allData),
diff --git a/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue b/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
index 7783d42..dc7edaf 100644
--- a/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
+++ b/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
@@ -6,9 +6,9 @@
 </template>
 
 <script setup>
-import bus from '@/bus';
-import * as echarts from 'echarts';
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import bus from "@/bus";
+import * as echarts from "echarts";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
 const { proxy } = getCurrentInstance();
 
 const myChart = ref(null);
@@ -34,7 +34,7 @@
   // }
   isSelected = false;
   // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
-  k = typeof k !== 'undefined' ? k : 1 / 3;
+  k = typeof k !== "undefined" ? k : 1 / 3;
 
   // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
   let offsetX = isSelected ? Math.sin(midRadian) * 0.1 : 0;
@@ -95,15 +95,18 @@
   let startValue = 0;
   let endValue = 0;
   let legendData = [];
-  let k = typeof internalDiameterRatio !== 'undefined' ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio) : 1 / 3;
+  let k =
+    typeof internalDiameterRatio !== "undefined"
+      ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio)
+      : 1 / 3;
 
   // 为每一个饼图数据，生成一个 series-surface 配置
   for (let i = 0; i < pieData.length; i++) {
     sumValue += pieData[i].value;
 
     let seriesItem = {
-      name: typeof pieData[i].name === 'undefined' ? `series${i}` : pieData[i].name,
-      type: 'surface',
+      name: typeof pieData[i].name === "undefined" ? `series${i}` : pieData[i].name,
+      type: "surface",
       parametric: true,
       wireframe: {
         show: false,
@@ -116,11 +119,15 @@
       },
     };
 
-    if (typeof pieData[i].itemStyle != 'undefined') {
+    if (typeof pieData[i].itemStyle != "undefined") {
       let itemStyle = {};
 
-      typeof pieData[i].itemStyle.color != 'undefined' ? (itemStyle.color = pieData[i].itemStyle.color) : null;
-      typeof pieData[i].itemStyle.opacity != 'undefined' ? (itemStyle.opacity = pieData[i].itemStyle.opacity) : null;
+      typeof pieData[i].itemStyle.color != "undefined"
+        ? (itemStyle.color = pieData[i].itemStyle.color)
+        : null;
+      typeof pieData[i].itemStyle.opacity != "undefined"
+        ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
+        : null;
 
       seriesItem.itemStyle = itemStyle;
     }
@@ -150,15 +157,15 @@
 
   // // 补充一个透明的圆环，用于支撑高亮功能的近似实现。
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 0.9,
-      color: '#296E99',
+      color: "#296E99",
     },
     parametricEquation: {
       u: {
@@ -185,15 +192,15 @@
 
   // // 补充一个透明的圆环，用于支撑高亮功能的近似实现。
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 0.2,
-      color: '#215983',
+      color: "#215983",
     },
     parametricEquation: {
       u: {
@@ -218,15 +225,15 @@
     },
   });
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 1,
-      color: '#25719D',
+      color: "#25719D",
     },
     parametricEquation: {
       u: {
@@ -254,8 +261,8 @@
   // 准备待返回的配置项，把准备好的 legendData、series 传入。
   let option = {
     tooltip: {
-      formatter: params => {
-        if (params.seriesName !== 'mouseoutSeries') {
+      formatter: (params) => {
+        if (params.seriesName !== "mouseoutSeries") {
           return `${
             params.seriesName
           }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
@@ -266,15 +273,15 @@
     },
     //animation: false,
     legend: {
-      orient: 'vertical',
-      icon: 'circle',
-      right: '5%',
-      top: '10%',
-      y: 'center',
+      orient: "vertical",
+      icon: "circle",
+      right: "5%",
+      top: "10%",
+      y: "center",
       show: true,
       itemGap: 20,
       textStyle: {
-        color: '#A1E2FF',
+        color: "#A1E2FF",
         fontSize: 13,
         // rich: {
         //   ttt: {
@@ -284,7 +291,7 @@
         // },
       },
       data: legendData,
-      formatter: params => {
+      formatter: (params) => {
         return params;
       },
     },
@@ -307,10 +314,10 @@
         // zoomSensitivity: 100,
         // panSensitivity: 100,
       },
-      top: '-18%',
-      left: 'left',
-      right: '10%',
-      width: '62%',
+      top: "-18%",
+      left: "left",
+      right: "10%",
+      width: "62%",
       show: false,
       boxHeight: 30,
     },
@@ -320,7 +327,7 @@
 }
 // 传入数据生成 option
 
-const initEcharts = val => {
+const initEcharts = (val) => {
   const optionData = val;
   // [
   //   {
@@ -362,26 +369,26 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    nextTick(() => {});
+  });
 }
 watch(
   () => props.refresh,
-  value => {
+  (value) => {
     //先销毁实例
     myChart.value && myChart.value.dispose();
     initEcharts();
   }
 );
 onMounted(() => {
-  bus.on('FxVisible', params => {
+  bus.on("FxVisible", (params) => {
     initEcharts(params);
   });
-  window.addEventListener('resize', resizeTheChart);
+  window.addEventListener("resize", resizeTheChart);
 });
 onBeforeUnmount(() => {
-  bus.off('FxVisible');
+  bus.off("FxVisible");
 });
 </script>
 
diff --git a/src/views/oneMap/SmartDrainage/qzfk_3d.vue b/src/views/oneMap/SmartDrainage/qzfk_3d.vue
index 9b252a0..7aeff03 100644
--- a/src/views/oneMap/SmartDrainage/qzfk_3d.vue
+++ b/src/views/oneMap/SmartDrainage/qzfk_3d.vue
@@ -386,9 +386,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 watch(
   () => props.refresh,
diff --git a/src/views/oneMap/components/PublicHead.vue b/src/views/oneMap/components/PublicHead.vue
index e661304..f0bc0cd 100644
--- a/src/views/oneMap/components/PublicHead.vue
+++ b/src/views/oneMap/components/PublicHead.vue
@@ -51,14 +51,16 @@
 
 // 获取要显示倒计时的HTML元素
 const intervalId = ref(null);
-const currentTime = ref(null);
+// const currentTime = ref(null);
 const futureTime2 = ref(null);
 const futureTime = ref(null);
 const timeDifference = ref(null);
 function runTime() {
-  futureTime2.value = new Date(AllData.showTipsData.warnStartTime).getTime(); //开始时间
-  currentTime.value = new Date().getTime();
-  futureTime.value = new Date(currentTime.value).getTime(); // 当前时间
+  if (futureTime2.value == null) {
+    futureTime2.value = new Date(AllData.showTipsData.warnStartTime).getTime(); //开始时间
+  }
+  // currentTime.value = new Date().getTime();
+  futureTime.value = new Date().getTime(); // 当前时间
   // console.log(futureTime, '当前时间');
   timeDifference.value = futureTime2.value - futureTime.value;
   let days = Math.floor(timeDifference.value / (1000 * 60 * 60 * 24));
@@ -91,6 +93,7 @@
     } else {
       showTips.value = true;
       AllData.showTipsData = val;
+      futureTime2.value = null;
       runTime();
     }
   });
diff --git a/src/views/oneMap/floodPrevention/dispatchEch.vue b/src/views/oneMap/floodPrevention/dispatchEch.vue
index 457b3cb..c4d2b1f 100644
--- a/src/views/oneMap/floodPrevention/dispatchEch.vue
+++ b/src/views/oneMap/floodPrevention/dispatchEch.vue
@@ -34,9 +34,11 @@
 );
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {

diff --git a/src/components/Echarts/barChart.vue b/src/components/Echarts/barChart.vue
index 5a467d0..f0b7a15 100644
--- a/src/components/Echarts/barChart.vue
+++ b/src/components/Echarts/barChart.vue
@@ -3,6 +3,7 @@
 </template>
 <script setup>
 import { guid } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const id = guid();
 const myChart = shallowRef("");
@@ -69,9 +70,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {
diff --git a/src/views/index.vue b/src/views/index.vue
index 4d799cb..9558cf5 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -120,9 +120,11 @@
   showPanel2.value = false;
   AllData.BottmBackGroundShow = true;
 
-  orderStore.getDeptList()
-  orderStore.getUserList()
-
+  orderStore.getDeptList();
+  orderStore.getUserList();
+});
+onBeforeUnmount(() => {
+  clearInterval(timer.value);
 });
 </script>
 
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 5fea924..b58cdc4 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -20,9 +20,11 @@
       timer: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
diff --git a/src/views/oneMap/Echarts/ChartLs.vue b/src/views/oneMap/Echarts/ChartLs.vue
index b083a8b..c88eca0 100644
--- a/src/views/oneMap/Echarts/ChartLs.vue
+++ b/src/views/oneMap/Echarts/ChartLs.vue
@@ -48,9 +48,11 @@
 );
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 // 重绘之前的样式填充
 function reasizeFun() {
diff --git a/src/views/oneMap/Echarts/RainfallLegend.vue b/src/views/oneMap/Echarts/RainfallLegend.vue
index 62292a6..ce39fe6 100644
--- a/src/views/oneMap/Echarts/RainfallLegend.vue
+++ b/src/views/oneMap/Echarts/RainfallLegend.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -19,9 +19,11 @@
       chart: null,
     });
     const resizeTheChart = () => {
-      if (allData.chart) {
-        allData.chart.resize();
-      }
+      nextTick(() => {
+        if (allData.chart) {
+          allData.chart.resize();
+        }
+      });
     };
 
     const init = () => {
@@ -29,22 +31,28 @@
       var option;
       option = {
         // backgroundColor: '#0e2147',
-        color: ['#3FFFC2'],
+        color: ["#3FFFC2"],
         grid: {
           //   left: '5%',
-          top: '10%',
-          bottom: '20%',
-          right: '5%',
+          top: "10%",
+          bottom: "20%",
+          right: "5%",
         },
         tooltip: {
-          trigger: 'axis',
-          formatter: params => {
+          trigger: "axis",
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == 'K线性拟合' ? 'mm' : '毫米';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "K线性拟合" ? "mm" : "毫米";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -56,21 +64,21 @@
           itemWidth: 18,
           itemHeight: 12,
           textStyle: {
-            color: '#00ffff',
+            color: "#00ffff",
             fontSize: 14,
           },
         },
         yAxis: [
           {
-            type: 'value',
-            position: 'left',
+            type: "value",
+            position: "left",
             nameTextStyle: {
-              color: '#3FFFC2',
+              color: "#3FFFC2",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: 'rgba(135,140,147,0.8)',
+                type: "dashed",
+                color: "rgba(135,140,147,0.8)",
               },
             },
             axisLine: {
@@ -80,31 +88,31 @@
               show: false,
             },
             axisLabel: {
-              formatter: '{value}',
+              formatter: "{value}",
 
-              color: '#fff',
+              color: "#fff",
               fontSize: 14,
             },
           },
         ],
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisTick: {
               show: false,
             },
             axisLine: {
               show: false,
               lineStyle: {
-                color: '#3FFFC2',
+                color: "#3FFFC2",
               },
             },
             axisLabel: {
               inside: false,
               textStyle: {
-                color: '#fff', // x轴颜色
-                fontWeight: 'normal',
-                fontSize: '14',
+                color: "#fff", // x轴颜色
+                fontWeight: "normal",
+                fontSize: "14",
                 lineHeight: 22,
               },
             },
@@ -114,10 +122,10 @@
         series: [
           {
             symbolSize: 10,
-            name: '降雨量',
-            type: 'line',
+            name: "降雨量",
+            type: "line",
             animationDuration: 8000, // 动画持续时间
-            animationEasing: 'cubicInOut',
+            animationEasing: "cubicInOut",
             data: props.data.data1,
             itemStyle: {
               borderWidth: 5,
@@ -125,15 +133,15 @@
             },
           },
           {
-            type: 'lines',
-            coordinateSystem: 'cartesian2d',
+            type: "lines",
+            coordinateSystem: "cartesian2d",
             symbolSize: 30,
             polyline: true,
 
             effect: {
               show: true,
               trailLength: 0,
-              symbol: 'arrow',
+              symbol: "arrow",
               period: 25, //光点滑动速度
               symbolSize: 15,
             },
@@ -164,7 +172,7 @@
     );
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     return {
       ...toRefs(allData),
diff --git a/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue b/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
index 7783d42..dc7edaf 100644
--- a/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
+++ b/src/views/oneMap/Echarts/tslyqk_constituent_3d.vue
@@ -6,9 +6,9 @@
 </template>
 
 <script setup>
-import bus from '@/bus';
-import * as echarts from 'echarts';
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import bus from "@/bus";
+import * as echarts from "echarts";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
 const { proxy } = getCurrentInstance();
 
 const myChart = ref(null);
@@ -34,7 +34,7 @@
   // }
   isSelected = false;
   // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
-  k = typeof k !== 'undefined' ? k : 1 / 3;
+  k = typeof k !== "undefined" ? k : 1 / 3;
 
   // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
   let offsetX = isSelected ? Math.sin(midRadian) * 0.1 : 0;
@@ -95,15 +95,18 @@
   let startValue = 0;
   let endValue = 0;
   let legendData = [];
-  let k = typeof internalDiameterRatio !== 'undefined' ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio) : 1 / 3;
+  let k =
+    typeof internalDiameterRatio !== "undefined"
+      ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio)
+      : 1 / 3;
 
   // 为每一个饼图数据，生成一个 series-surface 配置
   for (let i = 0; i < pieData.length; i++) {
     sumValue += pieData[i].value;
 
     let seriesItem = {
-      name: typeof pieData[i].name === 'undefined' ? `series${i}` : pieData[i].name,
-      type: 'surface',
+      name: typeof pieData[i].name === "undefined" ? `series${i}` : pieData[i].name,
+      type: "surface",
       parametric: true,
       wireframe: {
         show: false,
@@ -116,11 +119,15 @@
       },
     };
 
-    if (typeof pieData[i].itemStyle != 'undefined') {
+    if (typeof pieData[i].itemStyle != "undefined") {
       let itemStyle = {};
 
-      typeof pieData[i].itemStyle.color != 'undefined' ? (itemStyle.color = pieData[i].itemStyle.color) : null;
-      typeof pieData[i].itemStyle.opacity != 'undefined' ? (itemStyle.opacity = pieData[i].itemStyle.opacity) : null;
+      typeof pieData[i].itemStyle.color != "undefined"
+        ? (itemStyle.color = pieData[i].itemStyle.color)
+        : null;
+      typeof pieData[i].itemStyle.opacity != "undefined"
+        ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
+        : null;
 
       seriesItem.itemStyle = itemStyle;
     }
@@ -150,15 +157,15 @@
 
   // // 补充一个透明的圆环，用于支撑高亮功能的近似实现。
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 0.9,
-      color: '#296E99',
+      color: "#296E99",
     },
     parametricEquation: {
       u: {
@@ -185,15 +192,15 @@
 
   // // 补充一个透明的圆环，用于支撑高亮功能的近似实现。
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 0.2,
-      color: '#215983',
+      color: "#215983",
     },
     parametricEquation: {
       u: {
@@ -218,15 +225,15 @@
     },
   });
   series.push({
-    name: 'mouseoutSeries',
-    type: 'surface',
+    name: "mouseoutSeries",
+    type: "surface",
     parametric: true,
     wireframe: {
       show: false,
     },
     itemStyle: {
       opacity: 1,
-      color: '#25719D',
+      color: "#25719D",
     },
     parametricEquation: {
       u: {
@@ -254,8 +261,8 @@
   // 准备待返回的配置项，把准备好的 legendData、series 传入。
   let option = {
     tooltip: {
-      formatter: params => {
-        if (params.seriesName !== 'mouseoutSeries') {
+      formatter: (params) => {
+        if (params.seriesName !== "mouseoutSeries") {
           return `${
             params.seriesName
           }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
@@ -266,15 +273,15 @@
     },
     //animation: false,
     legend: {
-      orient: 'vertical',
-      icon: 'circle',
-      right: '5%',
-      top: '10%',
-      y: 'center',
+      orient: "vertical",
+      icon: "circle",
+      right: "5%",
+      top: "10%",
+      y: "center",
       show: true,
       itemGap: 20,
       textStyle: {
-        color: '#A1E2FF',
+        color: "#A1E2FF",
         fontSize: 13,
         // rich: {
         //   ttt: {
@@ -284,7 +291,7 @@
         // },
       },
       data: legendData,
-      formatter: params => {
+      formatter: (params) => {
         return params;
       },
     },
@@ -307,10 +314,10 @@
         // zoomSensitivity: 100,
         // panSensitivity: 100,
       },
-      top: '-18%',
-      left: 'left',
-      right: '10%',
-      width: '62%',
+      top: "-18%",
+      left: "left",
+      right: "10%",
+      width: "62%",
       show: false,
       boxHeight: 30,
     },
@@ -320,7 +327,7 @@
 }
 // 传入数据生成 option
 
-const initEcharts = val => {
+const initEcharts = (val) => {
   const optionData = val;
   // [
   //   {
@@ -362,26 +369,26 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    nextTick(() => {});
+  });
 }
 watch(
   () => props.refresh,
-  value => {
+  (value) => {
     //先销毁实例
     myChart.value && myChart.value.dispose();
     initEcharts();
   }
 );
 onMounted(() => {
-  bus.on('FxVisible', params => {
+  bus.on("FxVisible", (params) => {
     initEcharts(params);
   });
-  window.addEventListener('resize', resizeTheChart);
+  window.addEventListener("resize", resizeTheChart);
 });
 onBeforeUnmount(() => {
-  bus.off('FxVisible');
+  bus.off("FxVisible");
 });
 </script>
 
diff --git a/src/views/oneMap/SmartDrainage/qzfk_3d.vue b/src/views/oneMap/SmartDrainage/qzfk_3d.vue
index 9b252a0..7aeff03 100644
--- a/src/views/oneMap/SmartDrainage/qzfk_3d.vue
+++ b/src/views/oneMap/SmartDrainage/qzfk_3d.vue
@@ -386,9 +386,11 @@
 
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 watch(
   () => props.refresh,
diff --git a/src/views/oneMap/components/PublicHead.vue b/src/views/oneMap/components/PublicHead.vue
index e661304..f0bc0cd 100644
--- a/src/views/oneMap/components/PublicHead.vue
+++ b/src/views/oneMap/components/PublicHead.vue
@@ -51,14 +51,16 @@
 
 // 获取要显示倒计时的HTML元素
 const intervalId = ref(null);
-const currentTime = ref(null);
+// const currentTime = ref(null);
 const futureTime2 = ref(null);
 const futureTime = ref(null);
 const timeDifference = ref(null);
 function runTime() {
-  futureTime2.value = new Date(AllData.showTipsData.warnStartTime).getTime(); //开始时间
-  currentTime.value = new Date().getTime();
-  futureTime.value = new Date(currentTime.value).getTime(); // 当前时间
+  if (futureTime2.value == null) {
+    futureTime2.value = new Date(AllData.showTipsData.warnStartTime).getTime(); //开始时间
+  }
+  // currentTime.value = new Date().getTime();
+  futureTime.value = new Date().getTime(); // 当前时间
   // console.log(futureTime, '当前时间');
   timeDifference.value = futureTime2.value - futureTime.value;
   let days = Math.floor(timeDifference.value / (1000 * 60 * 60 * 24));
@@ -91,6 +93,7 @@
     } else {
       showTips.value = true;
       AllData.showTipsData = val;
+      futureTime2.value = null;
       runTime();
     }
   });
diff --git a/src/views/oneMap/floodPrevention/dispatchEch.vue b/src/views/oneMap/floodPrevention/dispatchEch.vue
index 457b3cb..c4d2b1f 100644
--- a/src/views/oneMap/floodPrevention/dispatchEch.vue
+++ b/src/views/oneMap/floodPrevention/dispatchEch.vue
@@ -34,9 +34,11 @@
 );
 //自适应
 function resizeTheChart() {
-  if (myChart.value) {
-    myChart.value.resize();
-  }
+  nextTick(() => {
+    if (myChart.value) {
+      myChart.value.resize();
+    }
+  });
 }
 //初始化
 function intChart() {
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index 5b466eb..9acc3cb 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -60,7 +60,7 @@
       <PopupInfo></PopupInfo>
       <!-- 动态信息 -->
       <dynamicInformation
-        v-show="
+        v-if="
           AllData.ComShowID != 4 &&
           AllData.ComShowID != 5 &&
           AllData.ComShowID != 6 &&