diff --git a/src/views/project/compensation/homeEcharts/VBar.vue b/src/views/project/compensation/homeEcharts/VBar.vue
index 180e571..5669d4e 100644
--- a/src/views/project/compensation/homeEcharts/VBar.vue
+++ b/src/views/project/compensation/homeEcharts/VBar.vue
@@ -3,13 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: { xData, yData, title, color, type, areaStyle, tittle, max, interval },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, yData, title, color, type, interval } = defineProps(['data']);
 let options = reactive({
   title: {
     subtext: '单位（万元）',
@@ -119,7 +117,7 @@
 }
 
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();

diff --git a/src/views/project/compensation/homeEcharts/VBar.vue b/src/views/project/compensation/homeEcharts/VBar.vue
index 180e571..5669d4e 100644
--- a/src/views/project/compensation/homeEcharts/VBar.vue
+++ b/src/views/project/compensation/homeEcharts/VBar.vue
@@ -3,13 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: { xData, yData, title, color, type, areaStyle, tittle, max, interval },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, yData, title, color, type, interval } = defineProps(['data']);
 let options = reactive({
   title: {
     subtext: '单位（万元）',
@@ -119,7 +117,7 @@
 }
 
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/minxChar.vue b/src/views/project/compensation/homeEcharts/minxChar.vue
index 6126dbf..5145dbd 100644
--- a/src/views/project/compensation/homeEcharts/minxChar.vue
+++ b/src/views/project/compensation/homeEcharts/minxChar.vue
@@ -3,17 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -78,7 +72,7 @@
           return value;
         },
       },
-      data: contractMoney,
+      data: yData.contractMoney,
       itemStyle: {
         color: '#4892ff',
       },
@@ -93,7 +87,7 @@
           return value;
         },
       },
-      data: contractCount,
+      data: yData.contractCount,
       smooth: true,
       itemStyle: {
         normal: {
@@ -120,7 +114,7 @@
   charts.style.height = hi;
 }
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();

diff --git a/src/views/project/compensation/homeEcharts/VBar.vue b/src/views/project/compensation/homeEcharts/VBar.vue
index 180e571..5669d4e 100644
--- a/src/views/project/compensation/homeEcharts/VBar.vue
+++ b/src/views/project/compensation/homeEcharts/VBar.vue
@@ -3,13 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: { xData, yData, title, color, type, areaStyle, tittle, max, interval },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, yData, title, color, type, interval } = defineProps(['data']);
 let options = reactive({
   title: {
     subtext: '单位（万元）',
@@ -119,7 +117,7 @@
 }
 
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/minxChar.vue b/src/views/project/compensation/homeEcharts/minxChar.vue
index 6126dbf..5145dbd 100644
--- a/src/views/project/compensation/homeEcharts/minxChar.vue
+++ b/src/views/project/compensation/homeEcharts/minxChar.vue
@@ -3,17 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -78,7 +72,7 @@
           return value;
         },
       },
-      data: contractMoney,
+      data: yData.contractMoney,
       itemStyle: {
         color: '#4892ff',
       },
@@ -93,7 +87,7 @@
           return value;
         },
       },
-      data: contractCount,
+      data: yData.contractCount,
       smooth: true,
       itemStyle: {
         normal: {
@@ -120,7 +114,7 @@
   charts.style.height = hi;
 }
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/queryChat.vue b/src/views/project/compensation/homeEcharts/queryChat.vue
index 8af6751..be96f1c 100644
--- a/src/views/project/compensation/homeEcharts/queryChat.vue
+++ b/src/views/project/compensation/homeEcharts/queryChat.vue
@@ -1,65 +1,72 @@
 <template>
-    <div>
-        <div ref="assetEchart" class="asset_echart"></div>
-    </div>
+  <div>
+    <div ref="assetEchart" class="asset_echart"></div>
+  </div>
 </template>
-<script  lang="ts" setup>
+<script lang="ts" setup>
 import { init } from 'echarts';
 import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
 const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let { data:{xData,legend,yData:{contractCount,paymentMoney,contractMoney}} } = defineProps(['data'])
-let options = reactive( {
+let {
+  data: {
+    xData,
+    legend,
+    yData: { paymentMoney },
+  },
+} = defineProps(['data']);
+let options = reactive({
   title: {
-  subtext: "单位（万元）",
-  left: 5,// 距离左边位置
-  top: 16,// 距离上面位置
-  subtextStyle:{ // 设置二级标题的样式
-    color:"#fff"
-  }
-},
+    subtext: '单位（万元）',
+    left: 5, // 距离左边位置
+    top: 16, // 距离上面位置
+    subtextStyle: {
+      // 设置二级标题的样式
+      color: '#fff',
+    },
+  },
   tooltip: {
     trigger: 'axis',
     axisPointer: {
       type: 'cross',
       crossStyle: {
-        color: '#fff'
-      }
-    }
+        color: '#fff',
+      },
+    },
   },
   legend: {
     data: legend,
     textStyle: {
-            color: '#fff'
-        }
+      color: '#fff',
+    },
   },
-  grid:{
-    left:"1%",
-    right:"0%",
-    bottom:"12%",
-    containLabel:true,
+  grid: {
+    left: '1%',
+    right: '0%',
+    bottom: '12%',
+    containLabel: true,
   },
   xAxis: [
     {
       type: 'category',
       data: xData,
       axisPointer: {
-        type: 'shadow'
+        type: 'shadow',
       },
       axisLabel: {
-			textStyle: {
-				color: '#fff'
-			}
+        textStyle: {
+          color: '#fff',
+        },
+      },
     },
-    }
   ],
   yAxis: [
     {
       type: 'value',
       min: 0,
-      interval:10,
+      interval: 10,
       axisLabel: {
-        formatter: '{value}'
-      }
+        formatter: '{value}',
+      },
     },
     // {
     //   type: 'value',
@@ -72,18 +79,18 @@
   ],
   series: [
     {
-      barWidth:'18px',
+      barWidth: '18px',
       name: legend[0],
       type: 'bar',
       tooltip: {
         valueFormatter: function (value) {
-          return value ;
-        }
+          return value;
+        },
       },
       data: paymentMoney,
       itemStyle: {
-            color: '#0f69ff'
-        }
+        color: '#0f69ff',
+      },
     },
     // {
     //   name:  legend[1],
@@ -95,7 +102,7 @@
     //     }
     //   },
     //   data: contractMoney,
-     
+
     //   smooth:true,
     //   itemStyle: {
     //     normal: {
@@ -108,29 +115,26 @@
     //     color:'#ffa773', //折线的颜色
     //   },
     // }
-  ]
-})
+  ],
+});
 function chartSize(container, charts) {
-        function getStyle(el, name) {
-          if (window.getComputedStyle) {
-            return window.getComputedStyle(el, null)
-          } else {
-            return el.currentStyle
-          }
-        }
-        const hi = getStyle(container, 'height').height
-        charts.style.height = hi
-      }
+  function getStyle(el, name) {
+    if (window.getComputedStyle) {
+      return window.getComputedStyle(el, null);
+    } else {
+      return el.currentStyle;
+    }
+  }
+  const hi = getStyle(container, 'height').height;
+  charts.style.height = hi;
+}
 onMounted(() => {
-    const chart = init(assetEchart.value as HTMLElement);
-    chart.setOption(options);
-    window.addEventListener('resize', () => {
-       chart.resize()
-        })
-})
-
-
-
+  const chart = init(assetEchart.value as HTMLElement);
+  chart.setOption(options);
+  window.addEventListener('resize', () => {
+    chart.resize();
+  });
+});
 </script>
 <style lang="scss" scoped>
 .asset_echart {
@@ -143,4 +147,4 @@
     height: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>

diff --git a/src/views/project/compensation/homeEcharts/VBar.vue b/src/views/project/compensation/homeEcharts/VBar.vue
index 180e571..5669d4e 100644
--- a/src/views/project/compensation/homeEcharts/VBar.vue
+++ b/src/views/project/compensation/homeEcharts/VBar.vue
@@ -3,13 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: { xData, yData, title, color, type, areaStyle, tittle, max, interval },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, yData, title, color, type, interval } = defineProps(['data']);
 let options = reactive({
   title: {
     subtext: '单位（万元）',
@@ -119,7 +117,7 @@
 }
 
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/minxChar.vue b/src/views/project/compensation/homeEcharts/minxChar.vue
index 6126dbf..5145dbd 100644
--- a/src/views/project/compensation/homeEcharts/minxChar.vue
+++ b/src/views/project/compensation/homeEcharts/minxChar.vue
@@ -3,17 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -78,7 +72,7 @@
           return value;
         },
       },
-      data: contractMoney,
+      data: yData.contractMoney,
       itemStyle: {
         color: '#4892ff',
       },
@@ -93,7 +87,7 @@
           return value;
         },
       },
-      data: contractCount,
+      data: yData.contractCount,
       smooth: true,
       itemStyle: {
         normal: {
@@ -120,7 +114,7 @@
   charts.style.height = hi;
 }
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/queryChat.vue b/src/views/project/compensation/homeEcharts/queryChat.vue
index 8af6751..be96f1c 100644
--- a/src/views/project/compensation/homeEcharts/queryChat.vue
+++ b/src/views/project/compensation/homeEcharts/queryChat.vue
@@ -1,65 +1,72 @@
 <template>
-    <div>
-        <div ref="assetEchart" class="asset_echart"></div>
-    </div>
+  <div>
+    <div ref="assetEchart" class="asset_echart"></div>
+  </div>
 </template>
-<script  lang="ts" setup>
+<script lang="ts" setup>
 import { init } from 'echarts';
 import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
 const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let { data:{xData,legend,yData:{contractCount,paymentMoney,contractMoney}} } = defineProps(['data'])
-let options = reactive( {
+let {
+  data: {
+    xData,
+    legend,
+    yData: { paymentMoney },
+  },
+} = defineProps(['data']);
+let options = reactive({
   title: {
-  subtext: "单位（万元）",
-  left: 5,// 距离左边位置
-  top: 16,// 距离上面位置
-  subtextStyle:{ // 设置二级标题的样式
-    color:"#fff"
-  }
-},
+    subtext: '单位（万元）',
+    left: 5, // 距离左边位置
+    top: 16, // 距离上面位置
+    subtextStyle: {
+      // 设置二级标题的样式
+      color: '#fff',
+    },
+  },
   tooltip: {
     trigger: 'axis',
     axisPointer: {
       type: 'cross',
       crossStyle: {
-        color: '#fff'
-      }
-    }
+        color: '#fff',
+      },
+    },
   },
   legend: {
     data: legend,
     textStyle: {
-            color: '#fff'
-        }
+      color: '#fff',
+    },
   },
-  grid:{
-    left:"1%",
-    right:"0%",
-    bottom:"12%",
-    containLabel:true,
+  grid: {
+    left: '1%',
+    right: '0%',
+    bottom: '12%',
+    containLabel: true,
   },
   xAxis: [
     {
       type: 'category',
       data: xData,
       axisPointer: {
-        type: 'shadow'
+        type: 'shadow',
       },
       axisLabel: {
-			textStyle: {
-				color: '#fff'
-			}
+        textStyle: {
+          color: '#fff',
+        },
+      },
     },
-    }
   ],
   yAxis: [
     {
       type: 'value',
       min: 0,
-      interval:10,
+      interval: 10,
       axisLabel: {
-        formatter: '{value}'
-      }
+        formatter: '{value}',
+      },
     },
     // {
     //   type: 'value',
@@ -72,18 +79,18 @@
   ],
   series: [
     {
-      barWidth:'18px',
+      barWidth: '18px',
       name: legend[0],
       type: 'bar',
       tooltip: {
         valueFormatter: function (value) {
-          return value ;
-        }
+          return value;
+        },
       },
       data: paymentMoney,
       itemStyle: {
-            color: '#0f69ff'
-        }
+        color: '#0f69ff',
+      },
     },
     // {
     //   name:  legend[1],
@@ -95,7 +102,7 @@
     //     }
     //   },
     //   data: contractMoney,
-     
+
     //   smooth:true,
     //   itemStyle: {
     //     normal: {
@@ -108,29 +115,26 @@
     //     color:'#ffa773', //折线的颜色
     //   },
     // }
-  ]
-})
+  ],
+});
 function chartSize(container, charts) {
-        function getStyle(el, name) {
-          if (window.getComputedStyle) {
-            return window.getComputedStyle(el, null)
-          } else {
-            return el.currentStyle
-          }
-        }
-        const hi = getStyle(container, 'height').height
-        charts.style.height = hi
-      }
+  function getStyle(el, name) {
+    if (window.getComputedStyle) {
+      return window.getComputedStyle(el, null);
+    } else {
+      return el.currentStyle;
+    }
+  }
+  const hi = getStyle(container, 'height').height;
+  charts.style.height = hi;
+}
 onMounted(() => {
-    const chart = init(assetEchart.value as HTMLElement);
-    chart.setOption(options);
-    window.addEventListener('resize', () => {
-       chart.resize()
-        })
-})
-
-
-
+  const chart = init(assetEchart.value as HTMLElement);
+  chart.setOption(options);
+  window.addEventListener('resize', () => {
+    chart.resize();
+  });
+});
 </script>
 <style lang="scss" scoped>
 .asset_echart {
@@ -143,4 +147,4 @@
     height: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/project/projectIndex/homeEcharts.vue b/src/views/project/projectIndex/homeEcharts.vue
index 20342cc..2fb1311 100644
--- a/src/views/project/projectIndex/homeEcharts.vue
+++ b/src/views/project/projectIndex/homeEcharts.vue
@@ -3,11 +3,9 @@
 </template>
 <script setup>
 import { init } from 'echarts';
+
 const assetEchart = ref(null);
-let {
-  data: { type, xData, center, padding, itemStyle, x, y },
-} = defineProps(['data']);
-console.log('xData', xData);
+let { type, xData, center, padding, itemStyle, x, y } = defineProps(['data']);
 const all = xData.reduce((n, v) => {
   return n + v.value;
 }, 0);

diff --git a/src/views/project/compensation/homeEcharts/VBar.vue b/src/views/project/compensation/homeEcharts/VBar.vue
index 180e571..5669d4e 100644
--- a/src/views/project/compensation/homeEcharts/VBar.vue
+++ b/src/views/project/compensation/homeEcharts/VBar.vue
@@ -3,13 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: { xData, yData, title, color, type, areaStyle, tittle, max, interval },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, yData, title, color, type, interval } = defineProps(['data']);
 let options = reactive({
   title: {
     subtext: '单位（万元）',
@@ -119,7 +117,7 @@
 }
 
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/minxChar.vue b/src/views/project/compensation/homeEcharts/minxChar.vue
index 6126dbf..5145dbd 100644
--- a/src/views/project/compensation/homeEcharts/minxChar.vue
+++ b/src/views/project/compensation/homeEcharts/minxChar.vue
@@ -3,17 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -78,7 +72,7 @@
           return value;
         },
       },
-      data: contractMoney,
+      data: yData.contractMoney,
       itemStyle: {
         color: '#4892ff',
       },
@@ -93,7 +87,7 @@
           return value;
         },
       },
-      data: contractCount,
+      data: yData.contractCount,
       smooth: true,
       itemStyle: {
         normal: {
@@ -120,7 +114,7 @@
   charts.style.height = hi;
 }
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/queryChat.vue b/src/views/project/compensation/homeEcharts/queryChat.vue
index 8af6751..be96f1c 100644
--- a/src/views/project/compensation/homeEcharts/queryChat.vue
+++ b/src/views/project/compensation/homeEcharts/queryChat.vue
@@ -1,65 +1,72 @@
 <template>
-    <div>
-        <div ref="assetEchart" class="asset_echart"></div>
-    </div>
+  <div>
+    <div ref="assetEchart" class="asset_echart"></div>
+  </div>
 </template>
-<script  lang="ts" setup>
+<script lang="ts" setup>
 import { init } from 'echarts';
 import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
 const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let { data:{xData,legend,yData:{contractCount,paymentMoney,contractMoney}} } = defineProps(['data'])
-let options = reactive( {
+let {
+  data: {
+    xData,
+    legend,
+    yData: { paymentMoney },
+  },
+} = defineProps(['data']);
+let options = reactive({
   title: {
-  subtext: "单位（万元）",
-  left: 5,// 距离左边位置
-  top: 16,// 距离上面位置
-  subtextStyle:{ // 设置二级标题的样式
-    color:"#fff"
-  }
-},
+    subtext: '单位（万元）',
+    left: 5, // 距离左边位置
+    top: 16, // 距离上面位置
+    subtextStyle: {
+      // 设置二级标题的样式
+      color: '#fff',
+    },
+  },
   tooltip: {
     trigger: 'axis',
     axisPointer: {
       type: 'cross',
       crossStyle: {
-        color: '#fff'
-      }
-    }
+        color: '#fff',
+      },
+    },
   },
   legend: {
     data: legend,
     textStyle: {
-            color: '#fff'
-        }
+      color: '#fff',
+    },
   },
-  grid:{
-    left:"1%",
-    right:"0%",
-    bottom:"12%",
-    containLabel:true,
+  grid: {
+    left: '1%',
+    right: '0%',
+    bottom: '12%',
+    containLabel: true,
   },
   xAxis: [
     {
       type: 'category',
       data: xData,
       axisPointer: {
-        type: 'shadow'
+        type: 'shadow',
       },
       axisLabel: {
-			textStyle: {
-				color: '#fff'
-			}
+        textStyle: {
+          color: '#fff',
+        },
+      },
     },
-    }
   ],
   yAxis: [
     {
       type: 'value',
       min: 0,
-      interval:10,
+      interval: 10,
       axisLabel: {
-        formatter: '{value}'
-      }
+        formatter: '{value}',
+      },
     },
     // {
     //   type: 'value',
@@ -72,18 +79,18 @@
   ],
   series: [
     {
-      barWidth:'18px',
+      barWidth: '18px',
       name: legend[0],
       type: 'bar',
       tooltip: {
         valueFormatter: function (value) {
-          return value ;
-        }
+          return value;
+        },
       },
       data: paymentMoney,
       itemStyle: {
-            color: '#0f69ff'
-        }
+        color: '#0f69ff',
+      },
     },
     // {
     //   name:  legend[1],
@@ -95,7 +102,7 @@
     //     }
     //   },
     //   data: contractMoney,
-     
+
     //   smooth:true,
     //   itemStyle: {
     //     normal: {
@@ -108,29 +115,26 @@
     //     color:'#ffa773', //折线的颜色
     //   },
     // }
-  ]
-})
+  ],
+});
 function chartSize(container, charts) {
-        function getStyle(el, name) {
-          if (window.getComputedStyle) {
-            return window.getComputedStyle(el, null)
-          } else {
-            return el.currentStyle
-          }
-        }
-        const hi = getStyle(container, 'height').height
-        charts.style.height = hi
-      }
+  function getStyle(el, name) {
+    if (window.getComputedStyle) {
+      return window.getComputedStyle(el, null);
+    } else {
+      return el.currentStyle;
+    }
+  }
+  const hi = getStyle(container, 'height').height;
+  charts.style.height = hi;
+}
 onMounted(() => {
-    const chart = init(assetEchart.value as HTMLElement);
-    chart.setOption(options);
-    window.addEventListener('resize', () => {
-       chart.resize()
-        })
-})
-
-
-
+  const chart = init(assetEchart.value as HTMLElement);
+  chart.setOption(options);
+  window.addEventListener('resize', () => {
+    chart.resize();
+  });
+});
 </script>
 <style lang="scss" scoped>
 .asset_echart {
@@ -143,4 +147,4 @@
     height: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/project/projectIndex/homeEcharts.vue b/src/views/project/projectIndex/homeEcharts.vue
index 20342cc..2fb1311 100644
--- a/src/views/project/projectIndex/homeEcharts.vue
+++ b/src/views/project/projectIndex/homeEcharts.vue
@@ -3,11 +3,9 @@
 </template>
 <script setup>
 import { init } from 'echarts';
+
 const assetEchart = ref(null);
-let {
-  data: { type, xData, center, padding, itemStyle, x, y },
-} = defineProps(['data']);
-console.log('xData', xData);
+let { type, xData, center, padding, itemStyle, x, y } = defineProps(['data']);
 const all = xData.reduce((n, v) => {
   return n + v.value;
 }, 0);
diff --git a/src/views/project/projectIndex/queryChat.vue b/src/views/project/projectIndex/queryChat.vue
index c82cc80..e31cd39 100644
--- a/src/views/project/projectIndex/queryChat.vue
+++ b/src/views/project/projectIndex/queryChat.vue
@@ -5,13 +5,7 @@
 import { init } from 'echarts';
 
 const assetEchart = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -77,7 +71,7 @@
           return value;
         },
       },
-      data: paymentMoney,
+      data: yData.paymentMoney,
       itemStyle: {
         color: '#0f69ff',
       },
@@ -91,8 +85,7 @@
           return value;
         },
       },
-      data: contractMoney,
-
+      data: yData.contractMoney,
       smooth: true,
       itemStyle: {
         normal: {

diff --git a/src/views/project/compensation/homeEcharts/VBar.vue b/src/views/project/compensation/homeEcharts/VBar.vue
index 180e571..5669d4e 100644
--- a/src/views/project/compensation/homeEcharts/VBar.vue
+++ b/src/views/project/compensation/homeEcharts/VBar.vue
@@ -3,13 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: { xData, yData, title, color, type, areaStyle, tittle, max, interval },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, yData, title, color, type, interval } = defineProps(['data']);
 let options = reactive({
   title: {
     subtext: '单位（万元）',
@@ -119,7 +117,7 @@
 }
 
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/minxChar.vue b/src/views/project/compensation/homeEcharts/minxChar.vue
index 6126dbf..5145dbd 100644
--- a/src/views/project/compensation/homeEcharts/minxChar.vue
+++ b/src/views/project/compensation/homeEcharts/minxChar.vue
@@ -3,17 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -78,7 +72,7 @@
           return value;
         },
       },
-      data: contractMoney,
+      data: yData.contractMoney,
       itemStyle: {
         color: '#4892ff',
       },
@@ -93,7 +87,7 @@
           return value;
         },
       },
-      data: contractCount,
+      data: yData.contractCount,
       smooth: true,
       itemStyle: {
         normal: {
@@ -120,7 +114,7 @@
   charts.style.height = hi;
 }
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/queryChat.vue b/src/views/project/compensation/homeEcharts/queryChat.vue
index 8af6751..be96f1c 100644
--- a/src/views/project/compensation/homeEcharts/queryChat.vue
+++ b/src/views/project/compensation/homeEcharts/queryChat.vue
@@ -1,65 +1,72 @@
 <template>
-    <div>
-        <div ref="assetEchart" class="asset_echart"></div>
-    </div>
+  <div>
+    <div ref="assetEchart" class="asset_echart"></div>
+  </div>
 </template>
-<script  lang="ts" setup>
+<script lang="ts" setup>
 import { init } from 'echarts';
 import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
 const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let { data:{xData,legend,yData:{contractCount,paymentMoney,contractMoney}} } = defineProps(['data'])
-let options = reactive( {
+let {
+  data: {
+    xData,
+    legend,
+    yData: { paymentMoney },
+  },
+} = defineProps(['data']);
+let options = reactive({
   title: {
-  subtext: "单位（万元）",
-  left: 5,// 距离左边位置
-  top: 16,// 距离上面位置
-  subtextStyle:{ // 设置二级标题的样式
-    color:"#fff"
-  }
-},
+    subtext: '单位（万元）',
+    left: 5, // 距离左边位置
+    top: 16, // 距离上面位置
+    subtextStyle: {
+      // 设置二级标题的样式
+      color: '#fff',
+    },
+  },
   tooltip: {
     trigger: 'axis',
     axisPointer: {
       type: 'cross',
       crossStyle: {
-        color: '#fff'
-      }
-    }
+        color: '#fff',
+      },
+    },
   },
   legend: {
     data: legend,
     textStyle: {
-            color: '#fff'
-        }
+      color: '#fff',
+    },
   },
-  grid:{
-    left:"1%",
-    right:"0%",
-    bottom:"12%",
-    containLabel:true,
+  grid: {
+    left: '1%',
+    right: '0%',
+    bottom: '12%',
+    containLabel: true,
   },
   xAxis: [
     {
       type: 'category',
       data: xData,
       axisPointer: {
-        type: 'shadow'
+        type: 'shadow',
       },
       axisLabel: {
-			textStyle: {
-				color: '#fff'
-			}
+        textStyle: {
+          color: '#fff',
+        },
+      },
     },
-    }
   ],
   yAxis: [
     {
       type: 'value',
       min: 0,
-      interval:10,
+      interval: 10,
       axisLabel: {
-        formatter: '{value}'
-      }
+        formatter: '{value}',
+      },
     },
     // {
     //   type: 'value',
@@ -72,18 +79,18 @@
   ],
   series: [
     {
-      barWidth:'18px',
+      barWidth: '18px',
       name: legend[0],
       type: 'bar',
       tooltip: {
         valueFormatter: function (value) {
-          return value ;
-        }
+          return value;
+        },
       },
       data: paymentMoney,
       itemStyle: {
-            color: '#0f69ff'
-        }
+        color: '#0f69ff',
+      },
     },
     // {
     //   name:  legend[1],
@@ -95,7 +102,7 @@
     //     }
     //   },
     //   data: contractMoney,
-     
+
     //   smooth:true,
     //   itemStyle: {
     //     normal: {
@@ -108,29 +115,26 @@
     //     color:'#ffa773', //折线的颜色
     //   },
     // }
-  ]
-})
+  ],
+});
 function chartSize(container, charts) {
-        function getStyle(el, name) {
-          if (window.getComputedStyle) {
-            return window.getComputedStyle(el, null)
-          } else {
-            return el.currentStyle
-          }
-        }
-        const hi = getStyle(container, 'height').height
-        charts.style.height = hi
-      }
+  function getStyle(el, name) {
+    if (window.getComputedStyle) {
+      return window.getComputedStyle(el, null);
+    } else {
+      return el.currentStyle;
+    }
+  }
+  const hi = getStyle(container, 'height').height;
+  charts.style.height = hi;
+}
 onMounted(() => {
-    const chart = init(assetEchart.value as HTMLElement);
-    chart.setOption(options);
-    window.addEventListener('resize', () => {
-       chart.resize()
-        })
-})
-
-
-
+  const chart = init(assetEchart.value as HTMLElement);
+  chart.setOption(options);
+  window.addEventListener('resize', () => {
+    chart.resize();
+  });
+});
 </script>
 <style lang="scss" scoped>
 .asset_echart {
@@ -143,4 +147,4 @@
     height: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/project/projectIndex/homeEcharts.vue b/src/views/project/projectIndex/homeEcharts.vue
index 20342cc..2fb1311 100644
--- a/src/views/project/projectIndex/homeEcharts.vue
+++ b/src/views/project/projectIndex/homeEcharts.vue
@@ -3,11 +3,9 @@
 </template>
 <script setup>
 import { init } from 'echarts';
+
 const assetEchart = ref(null);
-let {
-  data: { type, xData, center, padding, itemStyle, x, y },
-} = defineProps(['data']);
-console.log('xData', xData);
+let { type, xData, center, padding, itemStyle, x, y } = defineProps(['data']);
 const all = xData.reduce((n, v) => {
   return n + v.value;
 }, 0);
diff --git a/src/views/project/projectIndex/queryChat.vue b/src/views/project/projectIndex/queryChat.vue
index c82cc80..e31cd39 100644
--- a/src/views/project/projectIndex/queryChat.vue
+++ b/src/views/project/projectIndex/queryChat.vue
@@ -5,13 +5,7 @@
 import { init } from 'echarts';
 
 const assetEchart = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -77,7 +71,7 @@
           return value;
         },
       },
-      data: paymentMoney,
+      data: yData.paymentMoney,
       itemStyle: {
         color: '#0f69ff',
       },
@@ -91,8 +85,7 @@
           return value;
         },
       },
-      data: contractMoney,
-
+      data: yData.contractMoney,
       smooth: true,
       itemStyle: {
         normal: {
diff --git a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
index 9bcd408..93112ec 100644
--- a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
+++ b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
@@ -9,9 +9,7 @@
 const assetEchart = ref(null);
 let echartsInstance = null;
 let curIndex = -1;
-let {
-  data: { xdata, data, color, name, data1, namme1 },
-} = defineProps(['data']);
+let { xdata, data, color, name, data1, namme1 } = defineProps(['data']);
 console.log(data1, 'data1');
 const emit = defineEmits(['select-echart']);
 const initM = () => {

diff --git a/src/views/project/compensation/homeEcharts/VBar.vue b/src/views/project/compensation/homeEcharts/VBar.vue
index 180e571..5669d4e 100644
--- a/src/views/project/compensation/homeEcharts/VBar.vue
+++ b/src/views/project/compensation/homeEcharts/VBar.vue
@@ -3,13 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: { xData, yData, title, color, type, areaStyle, tittle, max, interval },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, yData, title, color, type, interval } = defineProps(['data']);
 let options = reactive({
   title: {
     subtext: '单位（万元）',
@@ -119,7 +117,7 @@
 }
 
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/minxChar.vue b/src/views/project/compensation/homeEcharts/minxChar.vue
index 6126dbf..5145dbd 100644
--- a/src/views/project/compensation/homeEcharts/minxChar.vue
+++ b/src/views/project/compensation/homeEcharts/minxChar.vue
@@ -3,17 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -78,7 +72,7 @@
           return value;
         },
       },
-      data: contractMoney,
+      data: yData.contractMoney,
       itemStyle: {
         color: '#4892ff',
       },
@@ -93,7 +87,7 @@
           return value;
         },
       },
-      data: contractCount,
+      data: yData.contractCount,
       smooth: true,
       itemStyle: {
         normal: {
@@ -120,7 +114,7 @@
   charts.style.height = hi;
 }
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/queryChat.vue b/src/views/project/compensation/homeEcharts/queryChat.vue
index 8af6751..be96f1c 100644
--- a/src/views/project/compensation/homeEcharts/queryChat.vue
+++ b/src/views/project/compensation/homeEcharts/queryChat.vue
@@ -1,65 +1,72 @@
 <template>
-    <div>
-        <div ref="assetEchart" class="asset_echart"></div>
-    </div>
+  <div>
+    <div ref="assetEchart" class="asset_echart"></div>
+  </div>
 </template>
-<script  lang="ts" setup>
+<script lang="ts" setup>
 import { init } from 'echarts';
 import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
 const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let { data:{xData,legend,yData:{contractCount,paymentMoney,contractMoney}} } = defineProps(['data'])
-let options = reactive( {
+let {
+  data: {
+    xData,
+    legend,
+    yData: { paymentMoney },
+  },
+} = defineProps(['data']);
+let options = reactive({
   title: {
-  subtext: "单位（万元）",
-  left: 5,// 距离左边位置
-  top: 16,// 距离上面位置
-  subtextStyle:{ // 设置二级标题的样式
-    color:"#fff"
-  }
-},
+    subtext: '单位（万元）',
+    left: 5, // 距离左边位置
+    top: 16, // 距离上面位置
+    subtextStyle: {
+      // 设置二级标题的样式
+      color: '#fff',
+    },
+  },
   tooltip: {
     trigger: 'axis',
     axisPointer: {
       type: 'cross',
       crossStyle: {
-        color: '#fff'
-      }
-    }
+        color: '#fff',
+      },
+    },
   },
   legend: {
     data: legend,
     textStyle: {
-            color: '#fff'
-        }
+      color: '#fff',
+    },
   },
-  grid:{
-    left:"1%",
-    right:"0%",
-    bottom:"12%",
-    containLabel:true,
+  grid: {
+    left: '1%',
+    right: '0%',
+    bottom: '12%',
+    containLabel: true,
   },
   xAxis: [
     {
       type: 'category',
       data: xData,
       axisPointer: {
-        type: 'shadow'
+        type: 'shadow',
       },
       axisLabel: {
-			textStyle: {
-				color: '#fff'
-			}
+        textStyle: {
+          color: '#fff',
+        },
+      },
     },
-    }
   ],
   yAxis: [
     {
       type: 'value',
       min: 0,
-      interval:10,
+      interval: 10,
       axisLabel: {
-        formatter: '{value}'
-      }
+        formatter: '{value}',
+      },
     },
     // {
     //   type: 'value',
@@ -72,18 +79,18 @@
   ],
   series: [
     {
-      barWidth:'18px',
+      barWidth: '18px',
       name: legend[0],
       type: 'bar',
       tooltip: {
         valueFormatter: function (value) {
-          return value ;
-        }
+          return value;
+        },
       },
       data: paymentMoney,
       itemStyle: {
-            color: '#0f69ff'
-        }
+        color: '#0f69ff',
+      },
     },
     // {
     //   name:  legend[1],
@@ -95,7 +102,7 @@
     //     }
     //   },
     //   data: contractMoney,
-     
+
     //   smooth:true,
     //   itemStyle: {
     //     normal: {
@@ -108,29 +115,26 @@
     //     color:'#ffa773', //折线的颜色
     //   },
     // }
-  ]
-})
+  ],
+});
 function chartSize(container, charts) {
-        function getStyle(el, name) {
-          if (window.getComputedStyle) {
-            return window.getComputedStyle(el, null)
-          } else {
-            return el.currentStyle
-          }
-        }
-        const hi = getStyle(container, 'height').height
-        charts.style.height = hi
-      }
+  function getStyle(el, name) {
+    if (window.getComputedStyle) {
+      return window.getComputedStyle(el, null);
+    } else {
+      return el.currentStyle;
+    }
+  }
+  const hi = getStyle(container, 'height').height;
+  charts.style.height = hi;
+}
 onMounted(() => {
-    const chart = init(assetEchart.value as HTMLElement);
-    chart.setOption(options);
-    window.addEventListener('resize', () => {
-       chart.resize()
-        })
-})
-
-
-
+  const chart = init(assetEchart.value as HTMLElement);
+  chart.setOption(options);
+  window.addEventListener('resize', () => {
+    chart.resize();
+  });
+});
 </script>
 <style lang="scss" scoped>
 .asset_echart {
@@ -143,4 +147,4 @@
     height: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/project/projectIndex/homeEcharts.vue b/src/views/project/projectIndex/homeEcharts.vue
index 20342cc..2fb1311 100644
--- a/src/views/project/projectIndex/homeEcharts.vue
+++ b/src/views/project/projectIndex/homeEcharts.vue
@@ -3,11 +3,9 @@
 </template>
 <script setup>
 import { init } from 'echarts';
+
 const assetEchart = ref(null);
-let {
-  data: { type, xData, center, padding, itemStyle, x, y },
-} = defineProps(['data']);
-console.log('xData', xData);
+let { type, xData, center, padding, itemStyle, x, y } = defineProps(['data']);
 const all = xData.reduce((n, v) => {
   return n + v.value;
 }, 0);
diff --git a/src/views/project/projectIndex/queryChat.vue b/src/views/project/projectIndex/queryChat.vue
index c82cc80..e31cd39 100644
--- a/src/views/project/projectIndex/queryChat.vue
+++ b/src/views/project/projectIndex/queryChat.vue
@@ -5,13 +5,7 @@
 import { init } from 'echarts';
 
 const assetEchart = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -77,7 +71,7 @@
           return value;
         },
       },
-      data: paymentMoney,
+      data: yData.paymentMoney,
       itemStyle: {
         color: '#0f69ff',
       },
@@ -91,8 +85,7 @@
           return value;
         },
       },
-      data: contractMoney,
-
+      data: yData.contractMoney,
       smooth: true,
       itemStyle: {
         normal: {
diff --git a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
index 9bcd408..93112ec 100644
--- a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
+++ b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
@@ -9,9 +9,7 @@
 const assetEchart = ref(null);
 let echartsInstance = null;
 let curIndex = -1;
-let {
-  data: { xdata, data, color, name, data1, namme1 },
-} = defineProps(['data']);
+let { xdata, data, color, name, data1, namme1 } = defineProps(['data']);
 console.log(data1, 'data1');
 const emit = defineEmits(['select-echart']);
 const initM = () => {
diff --git a/src/views/spongePerformance/mainIndex/centerRight.vue b/src/views/spongePerformance/mainIndex/centerRight.vue
index 0883ab3..8cdcb7d 100644
--- a/src/views/spongePerformance/mainIndex/centerRight.vue
+++ b/src/views/spongePerformance/mainIndex/centerRight.vue
@@ -6,17 +6,17 @@
 <script setup>
 import { init } from 'echarts';
 const assetEchart = ref(null);
-let {
-  xData,
-  bottom,
-  yData,
-  yData2,
-  all,
-  realValue,
-  itemUnit,
-  itemTarget,
-  data: { titleArray },
-} = defineProps(['data', 'bottom', 'xData', 'yData', 'yData2', 'all', 'realValue', 'itemUnit', 'itemTarget']);
+let { xData, bottom, yData, yData2, all, realValue, itemUnit, itemTarget, data } = defineProps([
+  'data',
+  'bottom',
+  'xData',
+  'yData',
+  'yData2',
+  'all',
+  'realValue',
+  'itemUnit',
+  'itemTarget',
+]);
 
 console.log('realValue', realValue);
 console.log('yData', yData);
@@ -61,7 +61,7 @@
       itemWidth: 10,
       top: '0',
       left: '89.1%',
-      data: titleArray,
+      data: data.titleArray,
       textStyle: {
         color: '#c6c6c6',
         fontSize: '9',
@@ -129,7 +129,7 @@
     ],
     series: [
       {
-        name: titleArray[0] + '%',
+        name: data.titleArray[0] + '%',
         type: 'bar',
         data: yData,
         barWidth: '30px',
@@ -150,7 +150,11 @@
               },
               formatter: function ({ dataIndex }) {
                 console.log('dataIndex', dataIndex);
-                return realValue[dataIndex] > 0 ? itemUnit[dataIndex]=='%' ?(realValue[dataIndex]*1).toFixed(2) + itemUnit[dataIndex] : realValue[dataIndex] + itemUnit[dataIndex] : '0';
+                return realValue[dataIndex] > 0
+                  ? itemUnit[dataIndex] == '%'
+                    ? (realValue[dataIndex] * 1).toFixed(2) + itemUnit[dataIndex]
+                    : realValue[dataIndex] + itemUnit[dataIndex]
+                  : '0';
                 // return realValue[dataIndex] > 0 ? realValue[dataIndex] + itemUnit[dataIndex] : '0';
               },
             },
@@ -161,14 +165,14 @@
               x2: 0, //左
               y2: 1, //上
               colorStops: [
-              {
-        offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
-        color: '#124e86' // 起始位置设置此颜色，终止位置设置下面的颜色
-    },
-    {
-        offset: 1,
-        color: '#42a8fc'
-    }
+                {
+                  offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
+                  color: '#124e86', // 起始位置设置此颜色，终止位置设置下面的颜色
+                },
+                {
+                  offset: 1,
+                  color: '#42a8fc',
+                },
               ],
             },
             barBorderRadius: [0, 0, 0, 0],
@@ -176,7 +180,7 @@
         },
       },
       {
-        name: titleArray[1] + '%',
+        name: data.titleArray[1] + '%',
         type: 'bar',
         data: yData2,
         showBackground: true,
@@ -194,7 +198,11 @@
                 color: '#fff',
               },
               formatter: function ({ dataIndex }) {
-                return itemTarget[dataIndex] > 0 ? itemUnit[dataIndex]=='%' ?(itemTarget[dataIndex]*1).toFixed(2) + itemUnit[dataIndex] : itemTarget[dataIndex] + itemUnit[dataIndex] : '0';
+                return itemTarget[dataIndex] > 0
+                  ? itemUnit[dataIndex] == '%'
+                    ? (itemTarget[dataIndex] * 1).toFixed(2) + itemUnit[dataIndex]
+                    : itemTarget[dataIndex] + itemUnit[dataIndex]
+                  : '0';
                 // return itemTarget[dataIndex] > 0 ? itemTarget[dataIndex] + itemUnit[dataIndex] : '0';
               },
             },

diff --git a/src/views/project/compensation/homeEcharts/VBar.vue b/src/views/project/compensation/homeEcharts/VBar.vue
index 180e571..5669d4e 100644
--- a/src/views/project/compensation/homeEcharts/VBar.vue
+++ b/src/views/project/compensation/homeEcharts/VBar.vue
@@ -3,13 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: { xData, yData, title, color, type, areaStyle, tittle, max, interval },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, yData, title, color, type, interval } = defineProps(['data']);
 let options = reactive({
   title: {
     subtext: '单位（万元）',
@@ -119,7 +117,7 @@
 }
 
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/minxChar.vue b/src/views/project/compensation/homeEcharts/minxChar.vue
index 6126dbf..5145dbd 100644
--- a/src/views/project/compensation/homeEcharts/minxChar.vue
+++ b/src/views/project/compensation/homeEcharts/minxChar.vue
@@ -3,17 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -78,7 +72,7 @@
           return value;
         },
       },
-      data: contractMoney,
+      data: yData.contractMoney,
       itemStyle: {
         color: '#4892ff',
       },
@@ -93,7 +87,7 @@
           return value;
         },
       },
-      data: contractCount,
+      data: yData.contractCount,
       smooth: true,
       itemStyle: {
         normal: {
@@ -120,7 +114,7 @@
   charts.style.height = hi;
 }
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/queryChat.vue b/src/views/project/compensation/homeEcharts/queryChat.vue
index 8af6751..be96f1c 100644
--- a/src/views/project/compensation/homeEcharts/queryChat.vue
+++ b/src/views/project/compensation/homeEcharts/queryChat.vue
@@ -1,65 +1,72 @@
 <template>
-    <div>
-        <div ref="assetEchart" class="asset_echart"></div>
-    </div>
+  <div>
+    <div ref="assetEchart" class="asset_echart"></div>
+  </div>
 </template>
-<script  lang="ts" setup>
+<script lang="ts" setup>
 import { init } from 'echarts';
 import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
 const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let { data:{xData,legend,yData:{contractCount,paymentMoney,contractMoney}} } = defineProps(['data'])
-let options = reactive( {
+let {
+  data: {
+    xData,
+    legend,
+    yData: { paymentMoney },
+  },
+} = defineProps(['data']);
+let options = reactive({
   title: {
-  subtext: "单位（万元）",
-  left: 5,// 距离左边位置
-  top: 16,// 距离上面位置
-  subtextStyle:{ // 设置二级标题的样式
-    color:"#fff"
-  }
-},
+    subtext: '单位（万元）',
+    left: 5, // 距离左边位置
+    top: 16, // 距离上面位置
+    subtextStyle: {
+      // 设置二级标题的样式
+      color: '#fff',
+    },
+  },
   tooltip: {
     trigger: 'axis',
     axisPointer: {
       type: 'cross',
       crossStyle: {
-        color: '#fff'
-      }
-    }
+        color: '#fff',
+      },
+    },
   },
   legend: {
     data: legend,
     textStyle: {
-            color: '#fff'
-        }
+      color: '#fff',
+    },
   },
-  grid:{
-    left:"1%",
-    right:"0%",
-    bottom:"12%",
-    containLabel:true,
+  grid: {
+    left: '1%',
+    right: '0%',
+    bottom: '12%',
+    containLabel: true,
   },
   xAxis: [
     {
       type: 'category',
       data: xData,
       axisPointer: {
-        type: 'shadow'
+        type: 'shadow',
       },
       axisLabel: {
-			textStyle: {
-				color: '#fff'
-			}
+        textStyle: {
+          color: '#fff',
+        },
+      },
     },
-    }
   ],
   yAxis: [
     {
       type: 'value',
       min: 0,
-      interval:10,
+      interval: 10,
       axisLabel: {
-        formatter: '{value}'
-      }
+        formatter: '{value}',
+      },
     },
     // {
     //   type: 'value',
@@ -72,18 +79,18 @@
   ],
   series: [
     {
-      barWidth:'18px',
+      barWidth: '18px',
       name: legend[0],
       type: 'bar',
       tooltip: {
         valueFormatter: function (value) {
-          return value ;
-        }
+          return value;
+        },
       },
       data: paymentMoney,
       itemStyle: {
-            color: '#0f69ff'
-        }
+        color: '#0f69ff',
+      },
     },
     // {
     //   name:  legend[1],
@@ -95,7 +102,7 @@
     //     }
     //   },
     //   data: contractMoney,
-     
+
     //   smooth:true,
     //   itemStyle: {
     //     normal: {
@@ -108,29 +115,26 @@
     //     color:'#ffa773', //折线的颜色
     //   },
     // }
-  ]
-})
+  ],
+});
 function chartSize(container, charts) {
-        function getStyle(el, name) {
-          if (window.getComputedStyle) {
-            return window.getComputedStyle(el, null)
-          } else {
-            return el.currentStyle
-          }
-        }
-        const hi = getStyle(container, 'height').height
-        charts.style.height = hi
-      }
+  function getStyle(el, name) {
+    if (window.getComputedStyle) {
+      return window.getComputedStyle(el, null);
+    } else {
+      return el.currentStyle;
+    }
+  }
+  const hi = getStyle(container, 'height').height;
+  charts.style.height = hi;
+}
 onMounted(() => {
-    const chart = init(assetEchart.value as HTMLElement);
-    chart.setOption(options);
-    window.addEventListener('resize', () => {
-       chart.resize()
-        })
-})
-
-
-
+  const chart = init(assetEchart.value as HTMLElement);
+  chart.setOption(options);
+  window.addEventListener('resize', () => {
+    chart.resize();
+  });
+});
 </script>
 <style lang="scss" scoped>
 .asset_echart {
@@ -143,4 +147,4 @@
     height: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/project/projectIndex/homeEcharts.vue b/src/views/project/projectIndex/homeEcharts.vue
index 20342cc..2fb1311 100644
--- a/src/views/project/projectIndex/homeEcharts.vue
+++ b/src/views/project/projectIndex/homeEcharts.vue
@@ -3,11 +3,9 @@
 </template>
 <script setup>
 import { init } from 'echarts';
+
 const assetEchart = ref(null);
-let {
-  data: { type, xData, center, padding, itemStyle, x, y },
-} = defineProps(['data']);
-console.log('xData', xData);
+let { type, xData, center, padding, itemStyle, x, y } = defineProps(['data']);
 const all = xData.reduce((n, v) => {
   return n + v.value;
 }, 0);
diff --git a/src/views/project/projectIndex/queryChat.vue b/src/views/project/projectIndex/queryChat.vue
index c82cc80..e31cd39 100644
--- a/src/views/project/projectIndex/queryChat.vue
+++ b/src/views/project/projectIndex/queryChat.vue
@@ -5,13 +5,7 @@
 import { init } from 'echarts';
 
 const assetEchart = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -77,7 +71,7 @@
           return value;
         },
       },
-      data: paymentMoney,
+      data: yData.paymentMoney,
       itemStyle: {
         color: '#0f69ff',
       },
@@ -91,8 +85,7 @@
           return value;
         },
       },
-      data: contractMoney,
-
+      data: yData.contractMoney,
       smooth: true,
       itemStyle: {
         normal: {
diff --git a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
index 9bcd408..93112ec 100644
--- a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
+++ b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
@@ -9,9 +9,7 @@
 const assetEchart = ref(null);
 let echartsInstance = null;
 let curIndex = -1;
-let {
-  data: { xdata, data, color, name, data1, namme1 },
-} = defineProps(['data']);
+let { xdata, data, color, name, data1, namme1 } = defineProps(['data']);
 console.log(data1, 'data1');
 const emit = defineEmits(['select-echart']);
 const initM = () => {
diff --git a/src/views/spongePerformance/mainIndex/centerRight.vue b/src/views/spongePerformance/mainIndex/centerRight.vue
index 0883ab3..8cdcb7d 100644
--- a/src/views/spongePerformance/mainIndex/centerRight.vue
+++ b/src/views/spongePerformance/mainIndex/centerRight.vue
@@ -6,17 +6,17 @@
 <script setup>
 import { init } from 'echarts';
 const assetEchart = ref(null);
-let {
-  xData,
-  bottom,
-  yData,
-  yData2,
-  all,
-  realValue,
-  itemUnit,
-  itemTarget,
-  data: { titleArray },
-} = defineProps(['data', 'bottom', 'xData', 'yData', 'yData2', 'all', 'realValue', 'itemUnit', 'itemTarget']);
+let { xData, bottom, yData, yData2, all, realValue, itemUnit, itemTarget, data } = defineProps([
+  'data',
+  'bottom',
+  'xData',
+  'yData',
+  'yData2',
+  'all',
+  'realValue',
+  'itemUnit',
+  'itemTarget',
+]);
 
 console.log('realValue', realValue);
 console.log('yData', yData);
@@ -61,7 +61,7 @@
       itemWidth: 10,
       top: '0',
       left: '89.1%',
-      data: titleArray,
+      data: data.titleArray,
       textStyle: {
         color: '#c6c6c6',
         fontSize: '9',
@@ -129,7 +129,7 @@
     ],
     series: [
       {
-        name: titleArray[0] + '%',
+        name: data.titleArray[0] + '%',
         type: 'bar',
         data: yData,
         barWidth: '30px',
@@ -150,7 +150,11 @@
               },
               formatter: function ({ dataIndex }) {
                 console.log('dataIndex', dataIndex);
-                return realValue[dataIndex] > 0 ? itemUnit[dataIndex]=='%' ?(realValue[dataIndex]*1).toFixed(2) + itemUnit[dataIndex] : realValue[dataIndex] + itemUnit[dataIndex] : '0';
+                return realValue[dataIndex] > 0
+                  ? itemUnit[dataIndex] == '%'
+                    ? (realValue[dataIndex] * 1).toFixed(2) + itemUnit[dataIndex]
+                    : realValue[dataIndex] + itemUnit[dataIndex]
+                  : '0';
                 // return realValue[dataIndex] > 0 ? realValue[dataIndex] + itemUnit[dataIndex] : '0';
               },
             },
@@ -161,14 +165,14 @@
               x2: 0, //左
               y2: 1, //上
               colorStops: [
-              {
-        offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
-        color: '#124e86' // 起始位置设置此颜色，终止位置设置下面的颜色
-    },
-    {
-        offset: 1,
-        color: '#42a8fc'
-    }
+                {
+                  offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
+                  color: '#124e86', // 起始位置设置此颜色，终止位置设置下面的颜色
+                },
+                {
+                  offset: 1,
+                  color: '#42a8fc',
+                },
               ],
             },
             barBorderRadius: [0, 0, 0, 0],
@@ -176,7 +180,7 @@
         },
       },
       {
-        name: titleArray[1] + '%',
+        name: data.titleArray[1] + '%',
         type: 'bar',
         data: yData2,
         showBackground: true,
@@ -194,7 +198,11 @@
                 color: '#fff',
               },
               formatter: function ({ dataIndex }) {
-                return itemTarget[dataIndex] > 0 ? itemUnit[dataIndex]=='%' ?(itemTarget[dataIndex]*1).toFixed(2) + itemUnit[dataIndex] : itemTarget[dataIndex] + itemUnit[dataIndex] : '0';
+                return itemTarget[dataIndex] > 0
+                  ? itemUnit[dataIndex] == '%'
+                    ? (itemTarget[dataIndex] * 1).toFixed(2) + itemUnit[dataIndex]
+                    : itemTarget[dataIndex] + itemUnit[dataIndex]
+                  : '0';
                 // return itemTarget[dataIndex] > 0 ? itemTarget[dataIndex] + itemUnit[dataIndex] : '0';
               },
             },
diff --git a/src/views/spongePerformance/mainIndex/footCenter.vue b/src/views/spongePerformance/mainIndex/footCenter.vue
index 0a34309..96b8639 100644
--- a/src/views/spongePerformance/mainIndex/footCenter.vue
+++ b/src/views/spongePerformance/mainIndex/footCenter.vue
@@ -7,10 +7,8 @@
 import { init } from 'echarts';
 import 'echarts-liquidfill/src/liquidFill.js';
 const assetEchart = ref(null);
-let {
-  data: { xData },
-} = defineProps(['data']);
-const all = xData?.reduce((n, v) => {
+let { xData } = defineProps(['data']);
+xData?.reduce((n, v) => {
   return n + v.itemScore;
 }, 0);
 console.log('xDataxData', xData);
@@ -62,13 +60,12 @@
               {
                 offset: 0,
                 color: '#0e3f6a  ',
-                opacity:'0.6'
+                opacity: '0.6',
               },
               {
                 offset: 1,
                 color: '#2ecefc ',
-                opacity:'0.9'
-
+                opacity: '0.9',
               },
             ],
             globalCoord: true,
@@ -78,8 +75,7 @@
         backgroundStyle: {
           borderWidth: 1,
           color: '#1e5187',
-          opacity:'0.3'
-          
+          opacity: '0.3',
         },
         label: {
           normal: {
@@ -97,7 +93,7 @@
           itemStyle: {
             borderWidth: 7,
             borderColor: '#3077a7',
-            opacity:'0.9'
+            opacity: '0.9',
           },
         },
       },
@@ -117,12 +113,12 @@
               {
                 offset: 0,
                 color: '#0e3f6a',
-                opacity:'0.6'
+                opacity: '0.6',
               },
               {
                 offset: 1,
                 color: '#2ecefc',
-                opacity:'0.9'
+                opacity: '0.9',
               },
             ],
             globalCoord: false,
@@ -133,7 +129,7 @@
         backgroundStyle: {
           borderWidth: 1,
           color: '#1e5187',
-          opacity:'0.3'
+          opacity: '0.3',
         },
         label: {
           normal: {
@@ -152,7 +148,7 @@
           itemStyle: {
             borderWidth: 7,
             borderColor: '#3077a7',
-            opacity:'0.9'
+            opacity: '0.9',
           },
         },
       },

diff --git a/src/views/project/compensation/homeEcharts/VBar.vue b/src/views/project/compensation/homeEcharts/VBar.vue
index 180e571..5669d4e 100644
--- a/src/views/project/compensation/homeEcharts/VBar.vue
+++ b/src/views/project/compensation/homeEcharts/VBar.vue
@@ -3,13 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: { xData, yData, title, color, type, areaStyle, tittle, max, interval },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, yData, title, color, type, interval } = defineProps(['data']);
 let options = reactive({
   title: {
     subtext: '单位（万元）',
@@ -119,7 +117,7 @@
 }
 
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/minxChar.vue b/src/views/project/compensation/homeEcharts/minxChar.vue
index 6126dbf..5145dbd 100644
--- a/src/views/project/compensation/homeEcharts/minxChar.vue
+++ b/src/views/project/compensation/homeEcharts/minxChar.vue
@@ -3,17 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -78,7 +72,7 @@
           return value;
         },
       },
-      data: contractMoney,
+      data: yData.contractMoney,
       itemStyle: {
         color: '#4892ff',
       },
@@ -93,7 +87,7 @@
           return value;
         },
       },
-      data: contractCount,
+      data: yData.contractCount,
       smooth: true,
       itemStyle: {
         normal: {
@@ -120,7 +114,7 @@
   charts.style.height = hi;
 }
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/queryChat.vue b/src/views/project/compensation/homeEcharts/queryChat.vue
index 8af6751..be96f1c 100644
--- a/src/views/project/compensation/homeEcharts/queryChat.vue
+++ b/src/views/project/compensation/homeEcharts/queryChat.vue
@@ -1,65 +1,72 @@
 <template>
-    <div>
-        <div ref="assetEchart" class="asset_echart"></div>
-    </div>
+  <div>
+    <div ref="assetEchart" class="asset_echart"></div>
+  </div>
 </template>
-<script  lang="ts" setup>
+<script lang="ts" setup>
 import { init } from 'echarts';
 import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
 const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let { data:{xData,legend,yData:{contractCount,paymentMoney,contractMoney}} } = defineProps(['data'])
-let options = reactive( {
+let {
+  data: {
+    xData,
+    legend,
+    yData: { paymentMoney },
+  },
+} = defineProps(['data']);
+let options = reactive({
   title: {
-  subtext: "单位（万元）",
-  left: 5,// 距离左边位置
-  top: 16,// 距离上面位置
-  subtextStyle:{ // 设置二级标题的样式
-    color:"#fff"
-  }
-},
+    subtext: '单位（万元）',
+    left: 5, // 距离左边位置
+    top: 16, // 距离上面位置
+    subtextStyle: {
+      // 设置二级标题的样式
+      color: '#fff',
+    },
+  },
   tooltip: {
     trigger: 'axis',
     axisPointer: {
       type: 'cross',
       crossStyle: {
-        color: '#fff'
-      }
-    }
+        color: '#fff',
+      },
+    },
   },
   legend: {
     data: legend,
     textStyle: {
-            color: '#fff'
-        }
+      color: '#fff',
+    },
   },
-  grid:{
-    left:"1%",
-    right:"0%",
-    bottom:"12%",
-    containLabel:true,
+  grid: {
+    left: '1%',
+    right: '0%',
+    bottom: '12%',
+    containLabel: true,
   },
   xAxis: [
     {
       type: 'category',
       data: xData,
       axisPointer: {
-        type: 'shadow'
+        type: 'shadow',
       },
       axisLabel: {
-			textStyle: {
-				color: '#fff'
-			}
+        textStyle: {
+          color: '#fff',
+        },
+      },
     },
-    }
   ],
   yAxis: [
     {
       type: 'value',
       min: 0,
-      interval:10,
+      interval: 10,
       axisLabel: {
-        formatter: '{value}'
-      }
+        formatter: '{value}',
+      },
     },
     // {
     //   type: 'value',
@@ -72,18 +79,18 @@
   ],
   series: [
     {
-      barWidth:'18px',
+      barWidth: '18px',
       name: legend[0],
       type: 'bar',
       tooltip: {
         valueFormatter: function (value) {
-          return value ;
-        }
+          return value;
+        },
       },
       data: paymentMoney,
       itemStyle: {
-            color: '#0f69ff'
-        }
+        color: '#0f69ff',
+      },
     },
     // {
     //   name:  legend[1],
@@ -95,7 +102,7 @@
     //     }
     //   },
     //   data: contractMoney,
-     
+
     //   smooth:true,
     //   itemStyle: {
     //     normal: {
@@ -108,29 +115,26 @@
     //     color:'#ffa773', //折线的颜色
     //   },
     // }
-  ]
-})
+  ],
+});
 function chartSize(container, charts) {
-        function getStyle(el, name) {
-          if (window.getComputedStyle) {
-            return window.getComputedStyle(el, null)
-          } else {
-            return el.currentStyle
-          }
-        }
-        const hi = getStyle(container, 'height').height
-        charts.style.height = hi
-      }
+  function getStyle(el, name) {
+    if (window.getComputedStyle) {
+      return window.getComputedStyle(el, null);
+    } else {
+      return el.currentStyle;
+    }
+  }
+  const hi = getStyle(container, 'height').height;
+  charts.style.height = hi;
+}
 onMounted(() => {
-    const chart = init(assetEchart.value as HTMLElement);
-    chart.setOption(options);
-    window.addEventListener('resize', () => {
-       chart.resize()
-        })
-})
-
-
-
+  const chart = init(assetEchart.value as HTMLElement);
+  chart.setOption(options);
+  window.addEventListener('resize', () => {
+    chart.resize();
+  });
+});
 </script>
 <style lang="scss" scoped>
 .asset_echart {
@@ -143,4 +147,4 @@
     height: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/project/projectIndex/homeEcharts.vue b/src/views/project/projectIndex/homeEcharts.vue
index 20342cc..2fb1311 100644
--- a/src/views/project/projectIndex/homeEcharts.vue
+++ b/src/views/project/projectIndex/homeEcharts.vue
@@ -3,11 +3,9 @@
 </template>
 <script setup>
 import { init } from 'echarts';
+
 const assetEchart = ref(null);
-let {
-  data: { type, xData, center, padding, itemStyle, x, y },
-} = defineProps(['data']);
-console.log('xData', xData);
+let { type, xData, center, padding, itemStyle, x, y } = defineProps(['data']);
 const all = xData.reduce((n, v) => {
   return n + v.value;
 }, 0);
diff --git a/src/views/project/projectIndex/queryChat.vue b/src/views/project/projectIndex/queryChat.vue
index c82cc80..e31cd39 100644
--- a/src/views/project/projectIndex/queryChat.vue
+++ b/src/views/project/projectIndex/queryChat.vue
@@ -5,13 +5,7 @@
 import { init } from 'echarts';
 
 const assetEchart = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -77,7 +71,7 @@
           return value;
         },
       },
-      data: paymentMoney,
+      data: yData.paymentMoney,
       itemStyle: {
         color: '#0f69ff',
       },
@@ -91,8 +85,7 @@
           return value;
         },
       },
-      data: contractMoney,
-
+      data: yData.contractMoney,
       smooth: true,
       itemStyle: {
         normal: {
diff --git a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
index 9bcd408..93112ec 100644
--- a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
+++ b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
@@ -9,9 +9,7 @@
 const assetEchart = ref(null);
 let echartsInstance = null;
 let curIndex = -1;
-let {
-  data: { xdata, data, color, name, data1, namme1 },
-} = defineProps(['data']);
+let { xdata, data, color, name, data1, namme1 } = defineProps(['data']);
 console.log(data1, 'data1');
 const emit = defineEmits(['select-echart']);
 const initM = () => {
diff --git a/src/views/spongePerformance/mainIndex/centerRight.vue b/src/views/spongePerformance/mainIndex/centerRight.vue
index 0883ab3..8cdcb7d 100644
--- a/src/views/spongePerformance/mainIndex/centerRight.vue
+++ b/src/views/spongePerformance/mainIndex/centerRight.vue
@@ -6,17 +6,17 @@
 <script setup>
 import { init } from 'echarts';
 const assetEchart = ref(null);
-let {
-  xData,
-  bottom,
-  yData,
-  yData2,
-  all,
-  realValue,
-  itemUnit,
-  itemTarget,
-  data: { titleArray },
-} = defineProps(['data', 'bottom', 'xData', 'yData', 'yData2', 'all', 'realValue', 'itemUnit', 'itemTarget']);
+let { xData, bottom, yData, yData2, all, realValue, itemUnit, itemTarget, data } = defineProps([
+  'data',
+  'bottom',
+  'xData',
+  'yData',
+  'yData2',
+  'all',
+  'realValue',
+  'itemUnit',
+  'itemTarget',
+]);
 
 console.log('realValue', realValue);
 console.log('yData', yData);
@@ -61,7 +61,7 @@
       itemWidth: 10,
       top: '0',
       left: '89.1%',
-      data: titleArray,
+      data: data.titleArray,
       textStyle: {
         color: '#c6c6c6',
         fontSize: '9',
@@ -129,7 +129,7 @@
     ],
     series: [
       {
-        name: titleArray[0] + '%',
+        name: data.titleArray[0] + '%',
         type: 'bar',
         data: yData,
         barWidth: '30px',
@@ -150,7 +150,11 @@
               },
               formatter: function ({ dataIndex }) {
                 console.log('dataIndex', dataIndex);
-                return realValue[dataIndex] > 0 ? itemUnit[dataIndex]=='%' ?(realValue[dataIndex]*1).toFixed(2) + itemUnit[dataIndex] : realValue[dataIndex] + itemUnit[dataIndex] : '0';
+                return realValue[dataIndex] > 0
+                  ? itemUnit[dataIndex] == '%'
+                    ? (realValue[dataIndex] * 1).toFixed(2) + itemUnit[dataIndex]
+                    : realValue[dataIndex] + itemUnit[dataIndex]
+                  : '0';
                 // return realValue[dataIndex] > 0 ? realValue[dataIndex] + itemUnit[dataIndex] : '0';
               },
             },
@@ -161,14 +165,14 @@
               x2: 0, //左
               y2: 1, //上
               colorStops: [
-              {
-        offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
-        color: '#124e86' // 起始位置设置此颜色，终止位置设置下面的颜色
-    },
-    {
-        offset: 1,
-        color: '#42a8fc'
-    }
+                {
+                  offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
+                  color: '#124e86', // 起始位置设置此颜色，终止位置设置下面的颜色
+                },
+                {
+                  offset: 1,
+                  color: '#42a8fc',
+                },
               ],
             },
             barBorderRadius: [0, 0, 0, 0],
@@ -176,7 +180,7 @@
         },
       },
       {
-        name: titleArray[1] + '%',
+        name: data.titleArray[1] + '%',
         type: 'bar',
         data: yData2,
         showBackground: true,
@@ -194,7 +198,11 @@
                 color: '#fff',
               },
               formatter: function ({ dataIndex }) {
-                return itemTarget[dataIndex] > 0 ? itemUnit[dataIndex]=='%' ?(itemTarget[dataIndex]*1).toFixed(2) + itemUnit[dataIndex] : itemTarget[dataIndex] + itemUnit[dataIndex] : '0';
+                return itemTarget[dataIndex] > 0
+                  ? itemUnit[dataIndex] == '%'
+                    ? (itemTarget[dataIndex] * 1).toFixed(2) + itemUnit[dataIndex]
+                    : itemTarget[dataIndex] + itemUnit[dataIndex]
+                  : '0';
                 // return itemTarget[dataIndex] > 0 ? itemTarget[dataIndex] + itemUnit[dataIndex] : '0';
               },
             },
diff --git a/src/views/spongePerformance/mainIndex/footCenter.vue b/src/views/spongePerformance/mainIndex/footCenter.vue
index 0a34309..96b8639 100644
--- a/src/views/spongePerformance/mainIndex/footCenter.vue
+++ b/src/views/spongePerformance/mainIndex/footCenter.vue
@@ -7,10 +7,8 @@
 import { init } from 'echarts';
 import 'echarts-liquidfill/src/liquidFill.js';
 const assetEchart = ref(null);
-let {
-  data: { xData },
-} = defineProps(['data']);
-const all = xData?.reduce((n, v) => {
+let { xData } = defineProps(['data']);
+xData?.reduce((n, v) => {
   return n + v.itemScore;
 }, 0);
 console.log('xDataxData', xData);
@@ -62,13 +60,12 @@
               {
                 offset: 0,
                 color: '#0e3f6a  ',
-                opacity:'0.6'
+                opacity: '0.6',
               },
               {
                 offset: 1,
                 color: '#2ecefc ',
-                opacity:'0.9'
-
+                opacity: '0.9',
               },
             ],
             globalCoord: true,
@@ -78,8 +75,7 @@
         backgroundStyle: {
           borderWidth: 1,
           color: '#1e5187',
-          opacity:'0.3'
-          
+          opacity: '0.3',
         },
         label: {
           normal: {
@@ -97,7 +93,7 @@
           itemStyle: {
             borderWidth: 7,
             borderColor: '#3077a7',
-            opacity:'0.9'
+            opacity: '0.9',
           },
         },
       },
@@ -117,12 +113,12 @@
               {
                 offset: 0,
                 color: '#0e3f6a',
-                opacity:'0.6'
+                opacity: '0.6',
               },
               {
                 offset: 1,
                 color: '#2ecefc',
-                opacity:'0.9'
+                opacity: '0.9',
               },
             ],
             globalCoord: false,
@@ -133,7 +129,7 @@
         backgroundStyle: {
           borderWidth: 1,
           color: '#1e5187',
-          opacity:'0.3'
+          opacity: '0.3',
         },
         label: {
           normal: {
@@ -152,7 +148,7 @@
           itemStyle: {
             borderWidth: 7,
             borderColor: '#3077a7',
-            opacity:'0.9'
+            opacity: '0.9',
           },
         },
       },
diff --git a/src/views/spongePerformance/mainIndex/footLeft.vue b/src/views/spongePerformance/mainIndex/footLeft.vue
index a97a7a7..45e817f 100644
--- a/src/views/spongePerformance/mainIndex/footLeft.vue
+++ b/src/views/spongePerformance/mainIndex/footLeft.vue
@@ -6,12 +6,7 @@
 <script setup>
 import { init } from 'echarts';
 const assetEchart = ref(null);
-let {
-  yData,
-  bottom,
-  xData,
-  data: { titleArray, defaultData, colorList },
-} = defineProps(['data', 'bottom', 'xData', 'yData']);
+let { yData, bottom, xData, data } = defineProps(['data', 'bottom', 'xData', 'yData']);
 
 const initM = () => {
   const chart = init(assetEchart.value);
@@ -53,7 +48,7 @@
       itemWidth: 14,
       top: '0',
       left: 'center',
-      data: titleArray,
+      data: data.titleArray,
       textStyle: {
         color: '#c6c6c6',
       },
@@ -111,14 +106,14 @@
     ],
     series: [
       {
-        name: titleArray[0],
+        name: data.titleArray[0],
         type: 'bar',
         data: yData,
         barWidth: '30px',
         itemStyle: {
           normal: {
             color: function (params) {
-              return colorList[params.dataIndex];
+              return data.colorList[params.dataIndex];
             },
             barBorderRadius: [0, 0, 0, 0],
           },

diff --git a/src/views/project/compensation/homeEcharts/VBar.vue b/src/views/project/compensation/homeEcharts/VBar.vue
index 180e571..5669d4e 100644
--- a/src/views/project/compensation/homeEcharts/VBar.vue
+++ b/src/views/project/compensation/homeEcharts/VBar.vue
@@ -3,13 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: { xData, yData, title, color, type, areaStyle, tittle, max, interval },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, yData, title, color, type, interval } = defineProps(['data']);
 let options = reactive({
   title: {
     subtext: '单位（万元）',
@@ -119,7 +117,7 @@
 }
 
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/minxChar.vue b/src/views/project/compensation/homeEcharts/minxChar.vue
index 6126dbf..5145dbd 100644
--- a/src/views/project/compensation/homeEcharts/minxChar.vue
+++ b/src/views/project/compensation/homeEcharts/minxChar.vue
@@ -3,17 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -78,7 +72,7 @@
           return value;
         },
       },
-      data: contractMoney,
+      data: yData.contractMoney,
       itemStyle: {
         color: '#4892ff',
       },
@@ -93,7 +87,7 @@
           return value;
         },
       },
-      data: contractCount,
+      data: yData.contractCount,
       smooth: true,
       itemStyle: {
         normal: {
@@ -120,7 +114,7 @@
   charts.style.height = hi;
 }
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/queryChat.vue b/src/views/project/compensation/homeEcharts/queryChat.vue
index 8af6751..be96f1c 100644
--- a/src/views/project/compensation/homeEcharts/queryChat.vue
+++ b/src/views/project/compensation/homeEcharts/queryChat.vue
@@ -1,65 +1,72 @@
 <template>
-    <div>
-        <div ref="assetEchart" class="asset_echart"></div>
-    </div>
+  <div>
+    <div ref="assetEchart" class="asset_echart"></div>
+  </div>
 </template>
-<script  lang="ts" setup>
+<script lang="ts" setup>
 import { init } from 'echarts';
 import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
 const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let { data:{xData,legend,yData:{contractCount,paymentMoney,contractMoney}} } = defineProps(['data'])
-let options = reactive( {
+let {
+  data: {
+    xData,
+    legend,
+    yData: { paymentMoney },
+  },
+} = defineProps(['data']);
+let options = reactive({
   title: {
-  subtext: "单位（万元）",
-  left: 5,// 距离左边位置
-  top: 16,// 距离上面位置
-  subtextStyle:{ // 设置二级标题的样式
-    color:"#fff"
-  }
-},
+    subtext: '单位（万元）',
+    left: 5, // 距离左边位置
+    top: 16, // 距离上面位置
+    subtextStyle: {
+      // 设置二级标题的样式
+      color: '#fff',
+    },
+  },
   tooltip: {
     trigger: 'axis',
     axisPointer: {
       type: 'cross',
       crossStyle: {
-        color: '#fff'
-      }
-    }
+        color: '#fff',
+      },
+    },
   },
   legend: {
     data: legend,
     textStyle: {
-            color: '#fff'
-        }
+      color: '#fff',
+    },
   },
-  grid:{
-    left:"1%",
-    right:"0%",
-    bottom:"12%",
-    containLabel:true,
+  grid: {
+    left: '1%',
+    right: '0%',
+    bottom: '12%',
+    containLabel: true,
   },
   xAxis: [
     {
       type: 'category',
       data: xData,
       axisPointer: {
-        type: 'shadow'
+        type: 'shadow',
       },
       axisLabel: {
-			textStyle: {
-				color: '#fff'
-			}
+        textStyle: {
+          color: '#fff',
+        },
+      },
     },
-    }
   ],
   yAxis: [
     {
       type: 'value',
       min: 0,
-      interval:10,
+      interval: 10,
       axisLabel: {
-        formatter: '{value}'
-      }
+        formatter: '{value}',
+      },
     },
     // {
     //   type: 'value',
@@ -72,18 +79,18 @@
   ],
   series: [
     {
-      barWidth:'18px',
+      barWidth: '18px',
       name: legend[0],
       type: 'bar',
       tooltip: {
         valueFormatter: function (value) {
-          return value ;
-        }
+          return value;
+        },
       },
       data: paymentMoney,
       itemStyle: {
-            color: '#0f69ff'
-        }
+        color: '#0f69ff',
+      },
     },
     // {
     //   name:  legend[1],
@@ -95,7 +102,7 @@
     //     }
     //   },
     //   data: contractMoney,
-     
+
     //   smooth:true,
     //   itemStyle: {
     //     normal: {
@@ -108,29 +115,26 @@
     //     color:'#ffa773', //折线的颜色
     //   },
     // }
-  ]
-})
+  ],
+});
 function chartSize(container, charts) {
-        function getStyle(el, name) {
-          if (window.getComputedStyle) {
-            return window.getComputedStyle(el, null)
-          } else {
-            return el.currentStyle
-          }
-        }
-        const hi = getStyle(container, 'height').height
-        charts.style.height = hi
-      }
+  function getStyle(el, name) {
+    if (window.getComputedStyle) {
+      return window.getComputedStyle(el, null);
+    } else {
+      return el.currentStyle;
+    }
+  }
+  const hi = getStyle(container, 'height').height;
+  charts.style.height = hi;
+}
 onMounted(() => {
-    const chart = init(assetEchart.value as HTMLElement);
-    chart.setOption(options);
-    window.addEventListener('resize', () => {
-       chart.resize()
-        })
-})
-
-
-
+  const chart = init(assetEchart.value as HTMLElement);
+  chart.setOption(options);
+  window.addEventListener('resize', () => {
+    chart.resize();
+  });
+});
 </script>
 <style lang="scss" scoped>
 .asset_echart {
@@ -143,4 +147,4 @@
     height: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/project/projectIndex/homeEcharts.vue b/src/views/project/projectIndex/homeEcharts.vue
index 20342cc..2fb1311 100644
--- a/src/views/project/projectIndex/homeEcharts.vue
+++ b/src/views/project/projectIndex/homeEcharts.vue
@@ -3,11 +3,9 @@
 </template>
 <script setup>
 import { init } from 'echarts';
+
 const assetEchart = ref(null);
-let {
-  data: { type, xData, center, padding, itemStyle, x, y },
-} = defineProps(['data']);
-console.log('xData', xData);
+let { type, xData, center, padding, itemStyle, x, y } = defineProps(['data']);
 const all = xData.reduce((n, v) => {
   return n + v.value;
 }, 0);
diff --git a/src/views/project/projectIndex/queryChat.vue b/src/views/project/projectIndex/queryChat.vue
index c82cc80..e31cd39 100644
--- a/src/views/project/projectIndex/queryChat.vue
+++ b/src/views/project/projectIndex/queryChat.vue
@@ -5,13 +5,7 @@
 import { init } from 'echarts';
 
 const assetEchart = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -77,7 +71,7 @@
           return value;
         },
       },
-      data: paymentMoney,
+      data: yData.paymentMoney,
       itemStyle: {
         color: '#0f69ff',
       },
@@ -91,8 +85,7 @@
           return value;
         },
       },
-      data: contractMoney,
-
+      data: yData.contractMoney,
       smooth: true,
       itemStyle: {
         normal: {
diff --git a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
index 9bcd408..93112ec 100644
--- a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
+++ b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
@@ -9,9 +9,7 @@
 const assetEchart = ref(null);
 let echartsInstance = null;
 let curIndex = -1;
-let {
-  data: { xdata, data, color, name, data1, namme1 },
-} = defineProps(['data']);
+let { xdata, data, color, name, data1, namme1 } = defineProps(['data']);
 console.log(data1, 'data1');
 const emit = defineEmits(['select-echart']);
 const initM = () => {
diff --git a/src/views/spongePerformance/mainIndex/centerRight.vue b/src/views/spongePerformance/mainIndex/centerRight.vue
index 0883ab3..8cdcb7d 100644
--- a/src/views/spongePerformance/mainIndex/centerRight.vue
+++ b/src/views/spongePerformance/mainIndex/centerRight.vue
@@ -6,17 +6,17 @@
 <script setup>
 import { init } from 'echarts';
 const assetEchart = ref(null);
-let {
-  xData,
-  bottom,
-  yData,
-  yData2,
-  all,
-  realValue,
-  itemUnit,
-  itemTarget,
-  data: { titleArray },
-} = defineProps(['data', 'bottom', 'xData', 'yData', 'yData2', 'all', 'realValue', 'itemUnit', 'itemTarget']);
+let { xData, bottom, yData, yData2, all, realValue, itemUnit, itemTarget, data } = defineProps([
+  'data',
+  'bottom',
+  'xData',
+  'yData',
+  'yData2',
+  'all',
+  'realValue',
+  'itemUnit',
+  'itemTarget',
+]);
 
 console.log('realValue', realValue);
 console.log('yData', yData);
@@ -61,7 +61,7 @@
       itemWidth: 10,
       top: '0',
       left: '89.1%',
-      data: titleArray,
+      data: data.titleArray,
       textStyle: {
         color: '#c6c6c6',
         fontSize: '9',
@@ -129,7 +129,7 @@
     ],
     series: [
       {
-        name: titleArray[0] + '%',
+        name: data.titleArray[0] + '%',
         type: 'bar',
         data: yData,
         barWidth: '30px',
@@ -150,7 +150,11 @@
               },
               formatter: function ({ dataIndex }) {
                 console.log('dataIndex', dataIndex);
-                return realValue[dataIndex] > 0 ? itemUnit[dataIndex]=='%' ?(realValue[dataIndex]*1).toFixed(2) + itemUnit[dataIndex] : realValue[dataIndex] + itemUnit[dataIndex] : '0';
+                return realValue[dataIndex] > 0
+                  ? itemUnit[dataIndex] == '%'
+                    ? (realValue[dataIndex] * 1).toFixed(2) + itemUnit[dataIndex]
+                    : realValue[dataIndex] + itemUnit[dataIndex]
+                  : '0';
                 // return realValue[dataIndex] > 0 ? realValue[dataIndex] + itemUnit[dataIndex] : '0';
               },
             },
@@ -161,14 +165,14 @@
               x2: 0, //左
               y2: 1, //上
               colorStops: [
-              {
-        offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
-        color: '#124e86' // 起始位置设置此颜色，终止位置设置下面的颜色
-    },
-    {
-        offset: 1,
-        color: '#42a8fc'
-    }
+                {
+                  offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
+                  color: '#124e86', // 起始位置设置此颜色，终止位置设置下面的颜色
+                },
+                {
+                  offset: 1,
+                  color: '#42a8fc',
+                },
               ],
             },
             barBorderRadius: [0, 0, 0, 0],
@@ -176,7 +180,7 @@
         },
       },
       {
-        name: titleArray[1] + '%',
+        name: data.titleArray[1] + '%',
         type: 'bar',
         data: yData2,
         showBackground: true,
@@ -194,7 +198,11 @@
                 color: '#fff',
               },
               formatter: function ({ dataIndex }) {
-                return itemTarget[dataIndex] > 0 ? itemUnit[dataIndex]=='%' ?(itemTarget[dataIndex]*1).toFixed(2) + itemUnit[dataIndex] : itemTarget[dataIndex] + itemUnit[dataIndex] : '0';
+                return itemTarget[dataIndex] > 0
+                  ? itemUnit[dataIndex] == '%'
+                    ? (itemTarget[dataIndex] * 1).toFixed(2) + itemUnit[dataIndex]
+                    : itemTarget[dataIndex] + itemUnit[dataIndex]
+                  : '0';
                 // return itemTarget[dataIndex] > 0 ? itemTarget[dataIndex] + itemUnit[dataIndex] : '0';
               },
             },
diff --git a/src/views/spongePerformance/mainIndex/footCenter.vue b/src/views/spongePerformance/mainIndex/footCenter.vue
index 0a34309..96b8639 100644
--- a/src/views/spongePerformance/mainIndex/footCenter.vue
+++ b/src/views/spongePerformance/mainIndex/footCenter.vue
@@ -7,10 +7,8 @@
 import { init } from 'echarts';
 import 'echarts-liquidfill/src/liquidFill.js';
 const assetEchart = ref(null);
-let {
-  data: { xData },
-} = defineProps(['data']);
-const all = xData?.reduce((n, v) => {
+let { xData } = defineProps(['data']);
+xData?.reduce((n, v) => {
   return n + v.itemScore;
 }, 0);
 console.log('xDataxData', xData);
@@ -62,13 +60,12 @@
               {
                 offset: 0,
                 color: '#0e3f6a  ',
-                opacity:'0.6'
+                opacity: '0.6',
               },
               {
                 offset: 1,
                 color: '#2ecefc ',
-                opacity:'0.9'
-
+                opacity: '0.9',
               },
             ],
             globalCoord: true,
@@ -78,8 +75,7 @@
         backgroundStyle: {
           borderWidth: 1,
           color: '#1e5187',
-          opacity:'0.3'
-          
+          opacity: '0.3',
         },
         label: {
           normal: {
@@ -97,7 +93,7 @@
           itemStyle: {
             borderWidth: 7,
             borderColor: '#3077a7',
-            opacity:'0.9'
+            opacity: '0.9',
           },
         },
       },
@@ -117,12 +113,12 @@
               {
                 offset: 0,
                 color: '#0e3f6a',
-                opacity:'0.6'
+                opacity: '0.6',
               },
               {
                 offset: 1,
                 color: '#2ecefc',
-                opacity:'0.9'
+                opacity: '0.9',
               },
             ],
             globalCoord: false,
@@ -133,7 +129,7 @@
         backgroundStyle: {
           borderWidth: 1,
           color: '#1e5187',
-          opacity:'0.3'
+          opacity: '0.3',
         },
         label: {
           normal: {
@@ -152,7 +148,7 @@
           itemStyle: {
             borderWidth: 7,
             borderColor: '#3077a7',
-            opacity:'0.9'
+            opacity: '0.9',
           },
         },
       },
diff --git a/src/views/spongePerformance/mainIndex/footLeft.vue b/src/views/spongePerformance/mainIndex/footLeft.vue
index a97a7a7..45e817f 100644
--- a/src/views/spongePerformance/mainIndex/footLeft.vue
+++ b/src/views/spongePerformance/mainIndex/footLeft.vue
@@ -6,12 +6,7 @@
 <script setup>
 import { init } from 'echarts';
 const assetEchart = ref(null);
-let {
-  yData,
-  bottom,
-  xData,
-  data: { titleArray, defaultData, colorList },
-} = defineProps(['data', 'bottom', 'xData', 'yData']);
+let { yData, bottom, xData, data } = defineProps(['data', 'bottom', 'xData', 'yData']);
 
 const initM = () => {
   const chart = init(assetEchart.value);
@@ -53,7 +48,7 @@
       itemWidth: 14,
       top: '0',
       left: 'center',
-      data: titleArray,
+      data: data.titleArray,
       textStyle: {
         color: '#c6c6c6',
       },
@@ -111,14 +106,14 @@
     ],
     series: [
       {
-        name: titleArray[0],
+        name: data.titleArray[0],
         type: 'bar',
         data: yData,
         barWidth: '30px',
         itemStyle: {
           normal: {
             color: function (params) {
-              return colorList[params.dataIndex];
+              return data.colorList[params.dataIndex];
             },
             barBorderRadius: [0, 0, 0, 0],
           },
diff --git a/src/views/spongePerformance/mainIndex/footRight.vue b/src/views/spongePerformance/mainIndex/footRight.vue
index 81e5fd5..b29209d 100644
--- a/src/views/spongePerformance/mainIndex/footRight.vue
+++ b/src/views/spongePerformance/mainIndex/footRight.vue
@@ -7,10 +7,7 @@
 import { init } from 'echarts';
 import 'echarts-liquidfill/src/liquidFill.js';
 const assetEchart = ref(null);
-let {
-  data: { xData, yData },
-} = defineProps(['data']);
-
+let { xData, yData } = defineProps(['data']);
 const initM = () => {
   const chart = init(assetEchart.value);
   window.addEventListener('resize', () => {

diff --git a/src/views/project/compensation/homeEcharts/VBar.vue b/src/views/project/compensation/homeEcharts/VBar.vue
index 180e571..5669d4e 100644
--- a/src/views/project/compensation/homeEcharts/VBar.vue
+++ b/src/views/project/compensation/homeEcharts/VBar.vue
@@ -3,13 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: { xData, yData, title, color, type, areaStyle, tittle, max, interval },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, yData, title, color, type, interval } = defineProps(['data']);
 let options = reactive({
   title: {
     subtext: '单位（万元）',
@@ -119,7 +117,7 @@
 }
 
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/minxChar.vue b/src/views/project/compensation/homeEcharts/minxChar.vue
index 6126dbf..5145dbd 100644
--- a/src/views/project/compensation/homeEcharts/minxChar.vue
+++ b/src/views/project/compensation/homeEcharts/minxChar.vue
@@ -3,17 +3,11 @@
     <div ref="assetEchart" class="asset_echart"></div>
   </div>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { init } from 'echarts';
-import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
-const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+
+const assetEchart = ref(null);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -78,7 +72,7 @@
           return value;
         },
       },
-      data: contractMoney,
+      data: yData.contractMoney,
       itemStyle: {
         color: '#4892ff',
       },
@@ -93,7 +87,7 @@
           return value;
         },
       },
-      data: contractCount,
+      data: yData.contractCount,
       smooth: true,
       itemStyle: {
         normal: {
@@ -120,7 +114,7 @@
   charts.style.height = hi;
 }
 onMounted(() => {
-  const chart = init(assetEchart.value as HTMLElement);
+  const chart = init(assetEchart.value);
   chart.setOption(options);
   window.addEventListener('resize', () => {
     chart.resize();
diff --git a/src/views/project/compensation/homeEcharts/queryChat.vue b/src/views/project/compensation/homeEcharts/queryChat.vue
index 8af6751..be96f1c 100644
--- a/src/views/project/compensation/homeEcharts/queryChat.vue
+++ b/src/views/project/compensation/homeEcharts/queryChat.vue
@@ -1,65 +1,72 @@
 <template>
-    <div>
-        <div ref="assetEchart" class="asset_echart"></div>
-    </div>
+  <div>
+    <div ref="assetEchart" class="asset_echart"></div>
+  </div>
 </template>
-<script  lang="ts" setup>
+<script lang="ts" setup>
 import { init } from 'echarts';
 import { reactive, toRefs, Ref, ref, onMounted, defineEmits, watchEffect } from 'vue';
 const assetEchart: Ref<HTMLElement | null | any> = ref(null);
-let { data:{xData,legend,yData:{contractCount,paymentMoney,contractMoney}} } = defineProps(['data'])
-let options = reactive( {
+let {
+  data: {
+    xData,
+    legend,
+    yData: { paymentMoney },
+  },
+} = defineProps(['data']);
+let options = reactive({
   title: {
-  subtext: "单位（万元）",
-  left: 5,// 距离左边位置
-  top: 16,// 距离上面位置
-  subtextStyle:{ // 设置二级标题的样式
-    color:"#fff"
-  }
-},
+    subtext: '单位（万元）',
+    left: 5, // 距离左边位置
+    top: 16, // 距离上面位置
+    subtextStyle: {
+      // 设置二级标题的样式
+      color: '#fff',
+    },
+  },
   tooltip: {
     trigger: 'axis',
     axisPointer: {
       type: 'cross',
       crossStyle: {
-        color: '#fff'
-      }
-    }
+        color: '#fff',
+      },
+    },
   },
   legend: {
     data: legend,
     textStyle: {
-            color: '#fff'
-        }
+      color: '#fff',
+    },
   },
-  grid:{
-    left:"1%",
-    right:"0%",
-    bottom:"12%",
-    containLabel:true,
+  grid: {
+    left: '1%',
+    right: '0%',
+    bottom: '12%',
+    containLabel: true,
   },
   xAxis: [
     {
       type: 'category',
       data: xData,
       axisPointer: {
-        type: 'shadow'
+        type: 'shadow',
       },
       axisLabel: {
-			textStyle: {
-				color: '#fff'
-			}
+        textStyle: {
+          color: '#fff',
+        },
+      },
     },
-    }
   ],
   yAxis: [
     {
       type: 'value',
       min: 0,
-      interval:10,
+      interval: 10,
       axisLabel: {
-        formatter: '{value}'
-      }
+        formatter: '{value}',
+      },
     },
     // {
     //   type: 'value',
@@ -72,18 +79,18 @@
   ],
   series: [
     {
-      barWidth:'18px',
+      barWidth: '18px',
       name: legend[0],
       type: 'bar',
       tooltip: {
         valueFormatter: function (value) {
-          return value ;
-        }
+          return value;
+        },
       },
       data: paymentMoney,
       itemStyle: {
-            color: '#0f69ff'
-        }
+        color: '#0f69ff',
+      },
     },
     // {
     //   name:  legend[1],
@@ -95,7 +102,7 @@
     //     }
     //   },
     //   data: contractMoney,
-     
+
     //   smooth:true,
     //   itemStyle: {
     //     normal: {
@@ -108,29 +115,26 @@
     //     color:'#ffa773', //折线的颜色
     //   },
     // }
-  ]
-})
+  ],
+});
 function chartSize(container, charts) {
-        function getStyle(el, name) {
-          if (window.getComputedStyle) {
-            return window.getComputedStyle(el, null)
-          } else {
-            return el.currentStyle
-          }
-        }
-        const hi = getStyle(container, 'height').height
-        charts.style.height = hi
-      }
+  function getStyle(el, name) {
+    if (window.getComputedStyle) {
+      return window.getComputedStyle(el, null);
+    } else {
+      return el.currentStyle;
+    }
+  }
+  const hi = getStyle(container, 'height').height;
+  charts.style.height = hi;
+}
 onMounted(() => {
-    const chart = init(assetEchart.value as HTMLElement);
-    chart.setOption(options);
-    window.addEventListener('resize', () => {
-       chart.resize()
-        })
-})
-
-
-
+  const chart = init(assetEchart.value as HTMLElement);
+  chart.setOption(options);
+  window.addEventListener('resize', () => {
+    chart.resize();
+  });
+});
 </script>
 <style lang="scss" scoped>
 .asset_echart {
@@ -143,4 +147,4 @@
     height: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/project/projectIndex/homeEcharts.vue b/src/views/project/projectIndex/homeEcharts.vue
index 20342cc..2fb1311 100644
--- a/src/views/project/projectIndex/homeEcharts.vue
+++ b/src/views/project/projectIndex/homeEcharts.vue
@@ -3,11 +3,9 @@
 </template>
 <script setup>
 import { init } from 'echarts';
+
 const assetEchart = ref(null);
-let {
-  data: { type, xData, center, padding, itemStyle, x, y },
-} = defineProps(['data']);
-console.log('xData', xData);
+let { type, xData, center, padding, itemStyle, x, y } = defineProps(['data']);
 const all = xData.reduce((n, v) => {
   return n + v.value;
 }, 0);
diff --git a/src/views/project/projectIndex/queryChat.vue b/src/views/project/projectIndex/queryChat.vue
index c82cc80..e31cd39 100644
--- a/src/views/project/projectIndex/queryChat.vue
+++ b/src/views/project/projectIndex/queryChat.vue
@@ -5,13 +5,7 @@
 import { init } from 'echarts';
 
 const assetEchart = ref(null);
-let {
-  data: {
-    xData,
-    legend,
-    yData: { contractCount, paymentMoney, contractMoney },
-  },
-} = defineProps(['data']);
+let { xData, legend, yData } = defineProps(['data']);
 let options = reactive({
   tooltip: {
     trigger: 'axis',
@@ -77,7 +71,7 @@
           return value;
         },
       },
-      data: paymentMoney,
+      data: yData.paymentMoney,
       itemStyle: {
         color: '#0f69ff',
       },
@@ -91,8 +85,7 @@
           return value;
         },
       },
-      data: contractMoney,
-
+      data: yData.contractMoney,
       smooth: true,
       itemStyle: {
         normal: {
diff --git a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
index 9bcd408..93112ec 100644
--- a/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
+++ b/src/views/spongePerformance/ManagingPerformance/projectCompletionStatus/echart.vue
@@ -9,9 +9,7 @@
 const assetEchart = ref(null);
 let echartsInstance = null;
 let curIndex = -1;
-let {
-  data: { xdata, data, color, name, data1, namme1 },
-} = defineProps(['data']);
+let { xdata, data, color, name, data1, namme1 } = defineProps(['data']);
 console.log(data1, 'data1');
 const emit = defineEmits(['select-echart']);
 const initM = () => {
diff --git a/src/views/spongePerformance/mainIndex/centerRight.vue b/src/views/spongePerformance/mainIndex/centerRight.vue
index 0883ab3..8cdcb7d 100644
--- a/src/views/spongePerformance/mainIndex/centerRight.vue
+++ b/src/views/spongePerformance/mainIndex/centerRight.vue
@@ -6,17 +6,17 @@
 <script setup>
 import { init } from 'echarts';
 const assetEchart = ref(null);
-let {
-  xData,
-  bottom,
-  yData,
-  yData2,
-  all,
-  realValue,
-  itemUnit,
-  itemTarget,
-  data: { titleArray },
-} = defineProps(['data', 'bottom', 'xData', 'yData', 'yData2', 'all', 'realValue', 'itemUnit', 'itemTarget']);
+let { xData, bottom, yData, yData2, all, realValue, itemUnit, itemTarget, data } = defineProps([
+  'data',
+  'bottom',
+  'xData',
+  'yData',
+  'yData2',
+  'all',
+  'realValue',
+  'itemUnit',
+  'itemTarget',
+]);
 
 console.log('realValue', realValue);
 console.log('yData', yData);
@@ -61,7 +61,7 @@
       itemWidth: 10,
       top: '0',
       left: '89.1%',
-      data: titleArray,
+      data: data.titleArray,
       textStyle: {
         color: '#c6c6c6',
         fontSize: '9',
@@ -129,7 +129,7 @@
     ],
     series: [
       {
-        name: titleArray[0] + '%',
+        name: data.titleArray[0] + '%',
         type: 'bar',
         data: yData,
         barWidth: '30px',
@@ -150,7 +150,11 @@
               },
               formatter: function ({ dataIndex }) {
                 console.log('dataIndex', dataIndex);
-                return realValue[dataIndex] > 0 ? itemUnit[dataIndex]=='%' ?(realValue[dataIndex]*1).toFixed(2) + itemUnit[dataIndex] : realValue[dataIndex] + itemUnit[dataIndex] : '0';
+                return realValue[dataIndex] > 0
+                  ? itemUnit[dataIndex] == '%'
+                    ? (realValue[dataIndex] * 1).toFixed(2) + itemUnit[dataIndex]
+                    : realValue[dataIndex] + itemUnit[dataIndex]
+                  : '0';
                 // return realValue[dataIndex] > 0 ? realValue[dataIndex] + itemUnit[dataIndex] : '0';
               },
             },
@@ -161,14 +165,14 @@
               x2: 0, //左
               y2: 1, //上
               colorStops: [
-              {
-        offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
-        color: '#124e86' // 起始位置设置此颜色，终止位置设置下面的颜色
-    },
-    {
-        offset: 1,
-        color: '#42a8fc'
-    }
+                {
+                  offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
+                  color: '#124e86', // 起始位置设置此颜色，终止位置设置下面的颜色
+                },
+                {
+                  offset: 1,
+                  color: '#42a8fc',
+                },
               ],
             },
             barBorderRadius: [0, 0, 0, 0],
@@ -176,7 +180,7 @@
         },
       },
       {
-        name: titleArray[1] + '%',
+        name: data.titleArray[1] + '%',
         type: 'bar',
         data: yData2,
         showBackground: true,
@@ -194,7 +198,11 @@
                 color: '#fff',
               },
               formatter: function ({ dataIndex }) {
-                return itemTarget[dataIndex] > 0 ? itemUnit[dataIndex]=='%' ?(itemTarget[dataIndex]*1).toFixed(2) + itemUnit[dataIndex] : itemTarget[dataIndex] + itemUnit[dataIndex] : '0';
+                return itemTarget[dataIndex] > 0
+                  ? itemUnit[dataIndex] == '%'
+                    ? (itemTarget[dataIndex] * 1).toFixed(2) + itemUnit[dataIndex]
+                    : itemTarget[dataIndex] + itemUnit[dataIndex]
+                  : '0';
                 // return itemTarget[dataIndex] > 0 ? itemTarget[dataIndex] + itemUnit[dataIndex] : '0';
               },
             },
diff --git a/src/views/spongePerformance/mainIndex/footCenter.vue b/src/views/spongePerformance/mainIndex/footCenter.vue
index 0a34309..96b8639 100644
--- a/src/views/spongePerformance/mainIndex/footCenter.vue
+++ b/src/views/spongePerformance/mainIndex/footCenter.vue
@@ -7,10 +7,8 @@
 import { init } from 'echarts';
 import 'echarts-liquidfill/src/liquidFill.js';
 const assetEchart = ref(null);
-let {
-  data: { xData },
-} = defineProps(['data']);
-const all = xData?.reduce((n, v) => {
+let { xData } = defineProps(['data']);
+xData?.reduce((n, v) => {
   return n + v.itemScore;
 }, 0);
 console.log('xDataxData', xData);
@@ -62,13 +60,12 @@
               {
                 offset: 0,
                 color: '#0e3f6a  ',
-                opacity:'0.6'
+                opacity: '0.6',
               },
               {
                 offset: 1,
                 color: '#2ecefc ',
-                opacity:'0.9'
-
+                opacity: '0.9',
               },
             ],
             globalCoord: true,
@@ -78,8 +75,7 @@
         backgroundStyle: {
           borderWidth: 1,
           color: '#1e5187',
-          opacity:'0.3'
-          
+          opacity: '0.3',
         },
         label: {
           normal: {
@@ -97,7 +93,7 @@
           itemStyle: {
             borderWidth: 7,
             borderColor: '#3077a7',
-            opacity:'0.9'
+            opacity: '0.9',
           },
         },
       },
@@ -117,12 +113,12 @@
               {
                 offset: 0,
                 color: '#0e3f6a',
-                opacity:'0.6'
+                opacity: '0.6',
               },
               {
                 offset: 1,
                 color: '#2ecefc',
-                opacity:'0.9'
+                opacity: '0.9',
               },
             ],
             globalCoord: false,
@@ -133,7 +129,7 @@
         backgroundStyle: {
           borderWidth: 1,
           color: '#1e5187',
-          opacity:'0.3'
+          opacity: '0.3',
         },
         label: {
           normal: {
@@ -152,7 +148,7 @@
           itemStyle: {
             borderWidth: 7,
             borderColor: '#3077a7',
-            opacity:'0.9'
+            opacity: '0.9',
           },
         },
       },
diff --git a/src/views/spongePerformance/mainIndex/footLeft.vue b/src/views/spongePerformance/mainIndex/footLeft.vue
index a97a7a7..45e817f 100644
--- a/src/views/spongePerformance/mainIndex/footLeft.vue
+++ b/src/views/spongePerformance/mainIndex/footLeft.vue
@@ -6,12 +6,7 @@
 <script setup>
 import { init } from 'echarts';
 const assetEchart = ref(null);
-let {
-  yData,
-  bottom,
-  xData,
-  data: { titleArray, defaultData, colorList },
-} = defineProps(['data', 'bottom', 'xData', 'yData']);
+let { yData, bottom, xData, data } = defineProps(['data', 'bottom', 'xData', 'yData']);
 
 const initM = () => {
   const chart = init(assetEchart.value);
@@ -53,7 +48,7 @@
       itemWidth: 14,
       top: '0',
       left: 'center',
-      data: titleArray,
+      data: data.titleArray,
       textStyle: {
         color: '#c6c6c6',
       },
@@ -111,14 +106,14 @@
     ],
     series: [
       {
-        name: titleArray[0],
+        name: data.titleArray[0],
         type: 'bar',
         data: yData,
         barWidth: '30px',
         itemStyle: {
           normal: {
             color: function (params) {
-              return colorList[params.dataIndex];
+              return data.colorList[params.dataIndex];
             },
             barBorderRadius: [0, 0, 0, 0],
           },
diff --git a/src/views/spongePerformance/mainIndex/footRight.vue b/src/views/spongePerformance/mainIndex/footRight.vue
index 81e5fd5..b29209d 100644
--- a/src/views/spongePerformance/mainIndex/footRight.vue
+++ b/src/views/spongePerformance/mainIndex/footRight.vue
@@ -7,10 +7,7 @@
 import { init } from 'echarts';
 import 'echarts-liquidfill/src/liquidFill.js';
 const assetEchart = ref(null);
-let {
-  data: { xData, yData },
-} = defineProps(['data']);
-
+let { xData, yData } = defineProps(['data']);
 const initM = () => {
   const chart = init(assetEchart.value);
   window.addEventListener('resize', () => {
diff --git a/src/views/spongePerformance/mainIndex/top.vue b/src/views/spongePerformance/mainIndex/top.vue
index 85c506c..101f281 100644
--- a/src/views/spongePerformance/mainIndex/top.vue
+++ b/src/views/spongePerformance/mainIndex/top.vue
@@ -6,17 +6,17 @@
 <script setup>
 import { init } from 'echarts';
 const assetEchart = ref(null);
-let {
-  xData,
-  bottom,
-  yData,
-  yData2,
-  all,
-  realValue,
-  itemUnit,
-  itemTarget,
-  data: { titleArray },
-} = defineProps(['data', 'bottom', 'xData', 'yData', 'yData2', 'all', 'realValue', 'itemUnit', 'itemTarget']);
+let { xData, bottom, yData, yData2, all, realValue, itemUnit, itemTarget, data } = defineProps([
+  'data',
+  'bottom',
+  'xData',
+  'yData',
+  'yData2',
+  'all',
+  'realValue',
+  'itemUnit',
+  'itemTarget',
+]);
 const initM = () => {
   const chart = init(assetEchart.value);
   window.addEventListener('resize', () => {
@@ -46,7 +46,7 @@
           dom += `${i.marker}
               ${i.seriesName}
                 :
-                ${i.seriesName.indexOf('%')>-1?(i.value*1).toFixed(2):i.value}
+                ${i.seriesName.indexOf('%') > -1 ? (i.value * 1).toFixed(2) : i.value}
               <br/>`;
         }
         return dom;
@@ -57,7 +57,7 @@
       itemWidth: 14,
       top: '0',
       left: 'center',
-      data: titleArray,
+      data: data.titleArray,
       textStyle: {
         color: '#c6c6c6',
       },
@@ -115,7 +115,7 @@
     ],
     series: [
       {
-        name: titleArray[0] + itemUnit,
+        name: data.titleArray[0] + itemUnit,
         type: 'bar',
         data: yData,
         barWidth: '30px',
@@ -134,7 +134,7 @@
                 color: '#fff',
               },
               formatter: function (params) {
-                return realValue > 0 ?itemUnit=='%' ?  (realValue*1).toFixed(2) + itemUnit  :realValue + itemUnit : '0';
+                return realValue > 0 ? (itemUnit == '%' ? (realValue * 1).toFixed(2) + itemUnit : realValue + itemUnit) : '0';
                 // return realValue > 0 ? realValue + itemUnit : '0';
               },
             },
@@ -145,21 +145,21 @@
               x2: 0, //左
               y2: 1, //上
               colorStops: [
-              {
-        offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
-        color: '#124e86' // 起始位置设置此颜色，终止位置设置下面的颜色
-    },
-    {
-        offset: 1,
-        color: '#42a8fc'
-    }
+                {
+                  offset: 0, //offset表示位置【0,1】范围，0表示起始位置，1表示结束位置
+                  color: '#124e86', // 起始位置设置此颜色，终止位置设置下面的颜色
+                },
+                {
+                  offset: 1,
+                  color: '#42a8fc',
+                },
               ],
             },
           },
         },
       },
       {
-        name: titleArray[1] + itemUnit,
+        name: data.titleArray[1] + itemUnit,
         type: 'bar',
         data: yData2,
         barWidth: '30px',
@@ -177,7 +177,7 @@
                 color: '#fff',
               },
               formatter: function (params) {
-                return itemTarget > 0 ?itemUnit=='%' ?  (itemTarget*1).toFixed(2) + itemUnit : itemTarget + itemUnit : '0';
+                return itemTarget > 0 ? (itemUnit == '%' ? (itemTarget * 1).toFixed(2) + itemUnit : itemTarget + itemUnit) : '0';
                 // return itemTarget > 0 ? itemTarget + itemUnit : '0';
               },
             },