diff --git a/src/api/sponeScreen/gcpjApi.js b/src/api/sponeScreen/gcpjApi.js
index 24668fb..99424b5 100644
--- a/src/api/sponeScreen/gcpjApi.js
+++ b/src/api/sponeScreen/gcpjApi.js
@@ -247,5 +247,14 @@
   }
   
 
+  export function buildstatusCount(params) {
+    // 发起请求获取项目统计信息
+   return request({
+     url: "/business/projectInfoNew/buildstatusCount",
+     method: "get",
+     params
+   });
+ }
+ 
  
   

diff --git a/src/api/sponeScreen/gcpjApi.js b/src/api/sponeScreen/gcpjApi.js
index 24668fb..99424b5 100644
--- a/src/api/sponeScreen/gcpjApi.js
+++ b/src/api/sponeScreen/gcpjApi.js
@@ -247,5 +247,14 @@
   }
   
 
+  export function buildstatusCount(params) {
+    // 发起请求获取项目统计信息
+   return request({
+     url: "/business/projectInfoNew/buildstatusCount",
+     method: "get",
+     params
+   });
+ }
+ 
  
   
diff --git a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
index 70ee6fb..9297ee7 100644
--- a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
+++ b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
@@ -1,42 +1,81 @@
 <template>
   <div class="soil_constituent">
-    <div class="echarts" ref="echarts"></div>
+    <div class="echarts" ref="echarts" v-if="dataDate.length > 0"></div>
     <div class="curInfo">
       <div class="percent">总类型</div>
-      <div class="name">79</div>
+      <div class="name">{{ allDate }}</div>
     </div>
   </div>
 </template>
 
 <script setup>
+import bus from '@/bus';
+import { useDicts } from '@/hooks';
+import { buildstatusCount } from '@/api/sponeScreen/gcpjApi.js'
+import { nextTick } from 'vue';
 const { proxy } = getCurrentInstance();
 const myChart = shallowRef(null);
-const data = [
-  {
-    name: '已竣工',
-    value: 38,
-  },
-  {
-    name: '已开工',
-    value: 33,
-  },
-  {
-    name: '完成施工指标',
-    value: 3,
-  },
-  {
-    name: '完成设计概算',
-    value: 5,
-  },
-  {
-    name: '项目前期',
-    value: 1,
-  },
-  {
-    name: '尚未立项',
-    value: 0,
-  },
-];
+const allDate = ref(0)
+const { build_status } = useDicts(proxy);
+console.log(build_status, 333);
+const dataDate = ref([])
+async function getProjectStatisticsM() {
+  let { data, code } = await buildstatusCount()
+  data.forEach((k) => {
+    dataDate.value.push({ name: k.typeName, value: k.number ,buildStatus:k.typeCode})
+  })
+  data.reduce((i, k) => {
+    allDate.value += k.number
+  }, 0)
+  dataDate.value.forEach(function (val, idx, arr) {
+    total += val.value;
+  });
+  for (let i = 0; i < dataDate.value.length; i++) {
+    baseDataWrap.push(
+      {
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            color: colorWrap[i],
+            borderWidth: 5,
+            borderColor: colorWrap[i],
+            shadowBlur: 50,
+            shadowColor: 'rgba(7, 132, 250, 0.8)',
+          },
+        },
+      },
+      {
+        value: 5,
+        name: '',
+        itemStyle: {
+          normal: {
+            color: 'transparent',
+            borderWidth: 5,
+            borderColor: 'transparent',
+          },
+        },
+        tooltip: {
+          show: false,
+        },
+      }
+    );
+
+    if (i < 3) {
+      baseDataPie.push({
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            borderWidth: 20,
+            borderColor: colorPie[i],
+          },
+        },
+      });
+    }
+  }
+}
+
 let colorPie = [
   'rgba(235, 94, 117, 0.8)',
   'rgba(56, 117, 255, 0.8)',
@@ -62,57 +101,12 @@
 let baseDataPie = [],
   baseDataWrap = [];
 let total = 0;
-data.forEach(function (val, idx, arr) {
-  total += val.value;
-});
-for (let i = 0; i < data.length; i++) {
-  baseDataWrap.push(
-    {
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          color: colorWrap[i],
-          borderWidth: 5,
-          borderColor: colorWrap[i],
-          shadowBlur: 50,
-          shadowColor: 'rgba(7, 132, 250, 0.8)',
-        },
-      },
-    },
-    {
-      value: 5,
-      name: '',
-      itemStyle: {
-        normal: {
-          color: 'transparent',
-          borderWidth: 5,
-          borderColor: 'transparent',
-        },
-      },
-      tooltip: {
-        show: false,
-      },
-    }
-  );
 
-  if (i < 3) {
-    baseDataPie.push({
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          borderWidth: 20,
-          borderColor: colorPie[i],
-        },
-      },
-    });
-  }
-}
+
 
 const curActive = reactive({
-  name: data[0].name,
-  percent: data[0].value,
+  name: dataDate.value[0]?.name,
+  percent: dataDate.value[0]?.value,
 });
 const initEcharts = () => {
   myChart.value = proxy.echarts.init(proxy.$refs.echarts);
@@ -129,26 +123,32 @@
       show: true,
       trigger: 'item',
       formatter: '{b} <br/>数量：{c}',
+      selected: {
+        // ...
+      },
     },
     legend: [
       {
-        data: data,
+        data: dataDate.value,
         icon: 'vertical',
         right: '5px',
         top: 'center',
         orient: 'vertical',
-        itemGap: 20,
-        itemWidth: 15,
-        itemHeight: 8,
+        itemGap: 16,
+        itemWidth: 10,
+        itemHeight: 12,
+        right: '1%',
+        selected: {
+        },
         formatter: function (name) {
           let target, percent;
-          for (let i = 0; i < data.length; i++) {
-            if (data[i].name === name) {
-              target = data[i].value;
+          for (let i = 0; i < dataDate.value.length; i++) {
+            if (dataDate.value[i].name === name) {
+              target = dataDate.value[i].value;
               percent = ((target / total) * 100).toFixed(1);
             }
           }
-          let arr = [' {blue|' + name + '}', ' {yellow|' + target + '}'];
+          let arr = [' {blue|' + name.slice(0,10)+'...' + '}', ' {yellow|' + target + '}'];
           return arr.join('');
         },
         textStyle: {
@@ -167,49 +167,7 @@
           },
         },
       },
-      /* {
-           data: ['检修', '抢修', '其他'],
-           icon: 'vertical',
-           right: '5px',
-           top: 'center',
-           orient: 'vertical',
-           itemGap: 20,
-           itemWidth: 15,
-           itemHeight: 8,
-           formatter: function(name) {
 
-               let target, percent;
-               for (let i = 0; i < data.length; i++) {
-                   if (data[i].name === name) {
-                       target = data[i].value;
-                       percent = ((target / total) * 100).toFixed(1);
-                   }
-               }
-               let arr = [percent + '% ' + ' {yellow|' + target + '}', ' {blue|' + name + '}'];
-               return arr.join("\n")
-
-           },
-           textStyle: {
-
-               lineHeight: 20,
-               color: '#f0f4f6',
-               align: 'right',
-               rich: {
-                   yellow: {
-                       color: '#00b5f3'
-                       fontWeight: "bold"
-
-
-                   },
-                   blue: {
-                       color: '#4be1ff',
-                       align: 'right',
-
-                   },
-               }
-
-           },
-       }*/
     ],
 
     series: [
@@ -253,16 +211,24 @@
     curActive.percent = params.data.value;
   });
   myChart.value.on('mouseout', function () {
-    curActive.name = data[0].name;
-    curActive.percent = data[0].value;
+    curActive.name = dataDate.value[0]?.name;
+    curActive.percent = dataDate.value[0]?.value;
+  });
+  myChart.value.on('legendselectchanged', function (params) {
+    let date = dataDate.value.filter((i) => i.name == params.name)
+    bus.emit('getProjectList',date );
   });
 };
 
 onMounted(() => {
-  initEcharts();
   window.addEventListener('resize', () => {
     myChart.value && myChart.value.resize();
   });
+  getProjectStatisticsM()
+  setTimeout(() => {
+    initEcharts();
+  }, 500)
+
 });
 </script>
 

diff --git a/src/api/sponeScreen/gcpjApi.js b/src/api/sponeScreen/gcpjApi.js
index 24668fb..99424b5 100644
--- a/src/api/sponeScreen/gcpjApi.js
+++ b/src/api/sponeScreen/gcpjApi.js
@@ -247,5 +247,14 @@
   }
   
 
+  export function buildstatusCount(params) {
+    // 发起请求获取项目统计信息
+   return request({
+     url: "/business/projectInfoNew/buildstatusCount",
+     method: "get",
+     params
+   });
+ }
+ 
  
   
diff --git a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
index 70ee6fb..9297ee7 100644
--- a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
+++ b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
@@ -1,42 +1,81 @@
 <template>
   <div class="soil_constituent">
-    <div class="echarts" ref="echarts"></div>
+    <div class="echarts" ref="echarts" v-if="dataDate.length > 0"></div>
     <div class="curInfo">
       <div class="percent">总类型</div>
-      <div class="name">79</div>
+      <div class="name">{{ allDate }}</div>
     </div>
   </div>
 </template>
 
 <script setup>
+import bus from '@/bus';
+import { useDicts } from '@/hooks';
+import { buildstatusCount } from '@/api/sponeScreen/gcpjApi.js'
+import { nextTick } from 'vue';
 const { proxy } = getCurrentInstance();
 const myChart = shallowRef(null);
-const data = [
-  {
-    name: '已竣工',
-    value: 38,
-  },
-  {
-    name: '已开工',
-    value: 33,
-  },
-  {
-    name: '完成施工指标',
-    value: 3,
-  },
-  {
-    name: '完成设计概算',
-    value: 5,
-  },
-  {
-    name: '项目前期',
-    value: 1,
-  },
-  {
-    name: '尚未立项',
-    value: 0,
-  },
-];
+const allDate = ref(0)
+const { build_status } = useDicts(proxy);
+console.log(build_status, 333);
+const dataDate = ref([])
+async function getProjectStatisticsM() {
+  let { data, code } = await buildstatusCount()
+  data.forEach((k) => {
+    dataDate.value.push({ name: k.typeName, value: k.number ,buildStatus:k.typeCode})
+  })
+  data.reduce((i, k) => {
+    allDate.value += k.number
+  }, 0)
+  dataDate.value.forEach(function (val, idx, arr) {
+    total += val.value;
+  });
+  for (let i = 0; i < dataDate.value.length; i++) {
+    baseDataWrap.push(
+      {
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            color: colorWrap[i],
+            borderWidth: 5,
+            borderColor: colorWrap[i],
+            shadowBlur: 50,
+            shadowColor: 'rgba(7, 132, 250, 0.8)',
+          },
+        },
+      },
+      {
+        value: 5,
+        name: '',
+        itemStyle: {
+          normal: {
+            color: 'transparent',
+            borderWidth: 5,
+            borderColor: 'transparent',
+          },
+        },
+        tooltip: {
+          show: false,
+        },
+      }
+    );
+
+    if (i < 3) {
+      baseDataPie.push({
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            borderWidth: 20,
+            borderColor: colorPie[i],
+          },
+        },
+      });
+    }
+  }
+}
+
 let colorPie = [
   'rgba(235, 94, 117, 0.8)',
   'rgba(56, 117, 255, 0.8)',
@@ -62,57 +101,12 @@
 let baseDataPie = [],
   baseDataWrap = [];
 let total = 0;
-data.forEach(function (val, idx, arr) {
-  total += val.value;
-});
-for (let i = 0; i < data.length; i++) {
-  baseDataWrap.push(
-    {
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          color: colorWrap[i],
-          borderWidth: 5,
-          borderColor: colorWrap[i],
-          shadowBlur: 50,
-          shadowColor: 'rgba(7, 132, 250, 0.8)',
-        },
-      },
-    },
-    {
-      value: 5,
-      name: '',
-      itemStyle: {
-        normal: {
-          color: 'transparent',
-          borderWidth: 5,
-          borderColor: 'transparent',
-        },
-      },
-      tooltip: {
-        show: false,
-      },
-    }
-  );
 
-  if (i < 3) {
-    baseDataPie.push({
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          borderWidth: 20,
-          borderColor: colorPie[i],
-        },
-      },
-    });
-  }
-}
+
 
 const curActive = reactive({
-  name: data[0].name,
-  percent: data[0].value,
+  name: dataDate.value[0]?.name,
+  percent: dataDate.value[0]?.value,
 });
 const initEcharts = () => {
   myChart.value = proxy.echarts.init(proxy.$refs.echarts);
@@ -129,26 +123,32 @@
       show: true,
       trigger: 'item',
       formatter: '{b} <br/>数量：{c}',
+      selected: {
+        // ...
+      },
     },
     legend: [
       {
-        data: data,
+        data: dataDate.value,
         icon: 'vertical',
         right: '5px',
         top: 'center',
         orient: 'vertical',
-        itemGap: 20,
-        itemWidth: 15,
-        itemHeight: 8,
+        itemGap: 16,
+        itemWidth: 10,
+        itemHeight: 12,
+        right: '1%',
+        selected: {
+        },
         formatter: function (name) {
           let target, percent;
-          for (let i = 0; i < data.length; i++) {
-            if (data[i].name === name) {
-              target = data[i].value;
+          for (let i = 0; i < dataDate.value.length; i++) {
+            if (dataDate.value[i].name === name) {
+              target = dataDate.value[i].value;
               percent = ((target / total) * 100).toFixed(1);
             }
           }
-          let arr = [' {blue|' + name + '}', ' {yellow|' + target + '}'];
+          let arr = [' {blue|' + name.slice(0,10)+'...' + '}', ' {yellow|' + target + '}'];
           return arr.join('');
         },
         textStyle: {
@@ -167,49 +167,7 @@
           },
         },
       },
-      /* {
-           data: ['检修', '抢修', '其他'],
-           icon: 'vertical',
-           right: '5px',
-           top: 'center',
-           orient: 'vertical',
-           itemGap: 20,
-           itemWidth: 15,
-           itemHeight: 8,
-           formatter: function(name) {
 
-               let target, percent;
-               for (let i = 0; i < data.length; i++) {
-                   if (data[i].name === name) {
-                       target = data[i].value;
-                       percent = ((target / total) * 100).toFixed(1);
-                   }
-               }
-               let arr = [percent + '% ' + ' {yellow|' + target + '}', ' {blue|' + name + '}'];
-               return arr.join("\n")
-
-           },
-           textStyle: {
-
-               lineHeight: 20,
-               color: '#f0f4f6',
-               align: 'right',
-               rich: {
-                   yellow: {
-                       color: '#00b5f3'
-                       fontWeight: "bold"
-
-
-                   },
-                   blue: {
-                       color: '#4be1ff',
-                       align: 'right',
-
-                   },
-               }
-
-           },
-       }*/
     ],
 
     series: [
@@ -253,16 +211,24 @@
     curActive.percent = params.data.value;
   });
   myChart.value.on('mouseout', function () {
-    curActive.name = data[0].name;
-    curActive.percent = data[0].value;
+    curActive.name = dataDate.value[0]?.name;
+    curActive.percent = dataDate.value[0]?.value;
+  });
+  myChart.value.on('legendselectchanged', function (params) {
+    let date = dataDate.value.filter((i) => i.name == params.name)
+    bus.emit('getProjectList',date );
   });
 };
 
 onMounted(() => {
-  initEcharts();
   window.addEventListener('resize', () => {
     myChart.value && myChart.value.resize();
   });
+  getProjectStatisticsM()
+  setTimeout(() => {
+    initEcharts();
+  }, 500)
+
 });
 </script>
 
diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index 435a68e..44ae8b0 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -88,8 +88,10 @@
 }
 
 projectInfoNewM()
-bus.on('getProjectList', (i) => { 
-    projectInfoNewM({projectTypeId:i.typeId})
+bus.on('getProjectList', (i, v) => { 
+  
+  if(i.length>0) projectInfoNewM({buildStatus:i[0]?.buildStatus})
+   else projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 

diff --git a/src/api/sponeScreen/gcpjApi.js b/src/api/sponeScreen/gcpjApi.js
index 24668fb..99424b5 100644
--- a/src/api/sponeScreen/gcpjApi.js
+++ b/src/api/sponeScreen/gcpjApi.js
@@ -247,5 +247,14 @@
   }
   
 
+  export function buildstatusCount(params) {
+    // 发起请求获取项目统计信息
+   return request({
+     url: "/business/projectInfoNew/buildstatusCount",
+     method: "get",
+     params
+   });
+ }
+ 
  
   
diff --git a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
index 70ee6fb..9297ee7 100644
--- a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
+++ b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
@@ -1,42 +1,81 @@
 <template>
   <div class="soil_constituent">
-    <div class="echarts" ref="echarts"></div>
+    <div class="echarts" ref="echarts" v-if="dataDate.length > 0"></div>
     <div class="curInfo">
       <div class="percent">总类型</div>
-      <div class="name">79</div>
+      <div class="name">{{ allDate }}</div>
     </div>
   </div>
 </template>
 
 <script setup>
+import bus from '@/bus';
+import { useDicts } from '@/hooks';
+import { buildstatusCount } from '@/api/sponeScreen/gcpjApi.js'
+import { nextTick } from 'vue';
 const { proxy } = getCurrentInstance();
 const myChart = shallowRef(null);
-const data = [
-  {
-    name: '已竣工',
-    value: 38,
-  },
-  {
-    name: '已开工',
-    value: 33,
-  },
-  {
-    name: '完成施工指标',
-    value: 3,
-  },
-  {
-    name: '完成设计概算',
-    value: 5,
-  },
-  {
-    name: '项目前期',
-    value: 1,
-  },
-  {
-    name: '尚未立项',
-    value: 0,
-  },
-];
+const allDate = ref(0)
+const { build_status } = useDicts(proxy);
+console.log(build_status, 333);
+const dataDate = ref([])
+async function getProjectStatisticsM() {
+  let { data, code } = await buildstatusCount()
+  data.forEach((k) => {
+    dataDate.value.push({ name: k.typeName, value: k.number ,buildStatus:k.typeCode})
+  })
+  data.reduce((i, k) => {
+    allDate.value += k.number
+  }, 0)
+  dataDate.value.forEach(function (val, idx, arr) {
+    total += val.value;
+  });
+  for (let i = 0; i < dataDate.value.length; i++) {
+    baseDataWrap.push(
+      {
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            color: colorWrap[i],
+            borderWidth: 5,
+            borderColor: colorWrap[i],
+            shadowBlur: 50,
+            shadowColor: 'rgba(7, 132, 250, 0.8)',
+          },
+        },
+      },
+      {
+        value: 5,
+        name: '',
+        itemStyle: {
+          normal: {
+            color: 'transparent',
+            borderWidth: 5,
+            borderColor: 'transparent',
+          },
+        },
+        tooltip: {
+          show: false,
+        },
+      }
+    );
+
+    if (i < 3) {
+      baseDataPie.push({
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            borderWidth: 20,
+            borderColor: colorPie[i],
+          },
+        },
+      });
+    }
+  }
+}
+
 let colorPie = [
   'rgba(235, 94, 117, 0.8)',
   'rgba(56, 117, 255, 0.8)',
@@ -62,57 +101,12 @@
 let baseDataPie = [],
   baseDataWrap = [];
 let total = 0;
-data.forEach(function (val, idx, arr) {
-  total += val.value;
-});
-for (let i = 0; i < data.length; i++) {
-  baseDataWrap.push(
-    {
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          color: colorWrap[i],
-          borderWidth: 5,
-          borderColor: colorWrap[i],
-          shadowBlur: 50,
-          shadowColor: 'rgba(7, 132, 250, 0.8)',
-        },
-      },
-    },
-    {
-      value: 5,
-      name: '',
-      itemStyle: {
-        normal: {
-          color: 'transparent',
-          borderWidth: 5,
-          borderColor: 'transparent',
-        },
-      },
-      tooltip: {
-        show: false,
-      },
-    }
-  );
 
-  if (i < 3) {
-    baseDataPie.push({
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          borderWidth: 20,
-          borderColor: colorPie[i],
-        },
-      },
-    });
-  }
-}
+
 
 const curActive = reactive({
-  name: data[0].name,
-  percent: data[0].value,
+  name: dataDate.value[0]?.name,
+  percent: dataDate.value[0]?.value,
 });
 const initEcharts = () => {
   myChart.value = proxy.echarts.init(proxy.$refs.echarts);
@@ -129,26 +123,32 @@
       show: true,
       trigger: 'item',
       formatter: '{b} <br/>数量：{c}',
+      selected: {
+        // ...
+      },
     },
     legend: [
       {
-        data: data,
+        data: dataDate.value,
         icon: 'vertical',
         right: '5px',
         top: 'center',
         orient: 'vertical',
-        itemGap: 20,
-        itemWidth: 15,
-        itemHeight: 8,
+        itemGap: 16,
+        itemWidth: 10,
+        itemHeight: 12,
+        right: '1%',
+        selected: {
+        },
         formatter: function (name) {
           let target, percent;
-          for (let i = 0; i < data.length; i++) {
-            if (data[i].name === name) {
-              target = data[i].value;
+          for (let i = 0; i < dataDate.value.length; i++) {
+            if (dataDate.value[i].name === name) {
+              target = dataDate.value[i].value;
               percent = ((target / total) * 100).toFixed(1);
             }
           }
-          let arr = [' {blue|' + name + '}', ' {yellow|' + target + '}'];
+          let arr = [' {blue|' + name.slice(0,10)+'...' + '}', ' {yellow|' + target + '}'];
           return arr.join('');
         },
         textStyle: {
@@ -167,49 +167,7 @@
           },
         },
       },
-      /* {
-           data: ['检修', '抢修', '其他'],
-           icon: 'vertical',
-           right: '5px',
-           top: 'center',
-           orient: 'vertical',
-           itemGap: 20,
-           itemWidth: 15,
-           itemHeight: 8,
-           formatter: function(name) {
 
-               let target, percent;
-               for (let i = 0; i < data.length; i++) {
-                   if (data[i].name === name) {
-                       target = data[i].value;
-                       percent = ((target / total) * 100).toFixed(1);
-                   }
-               }
-               let arr = [percent + '% ' + ' {yellow|' + target + '}', ' {blue|' + name + '}'];
-               return arr.join("\n")
-
-           },
-           textStyle: {
-
-               lineHeight: 20,
-               color: '#f0f4f6',
-               align: 'right',
-               rich: {
-                   yellow: {
-                       color: '#00b5f3'
-                       fontWeight: "bold"
-
-
-                   },
-                   blue: {
-                       color: '#4be1ff',
-                       align: 'right',
-
-                   },
-               }
-
-           },
-       }*/
     ],
 
     series: [
@@ -253,16 +211,24 @@
     curActive.percent = params.data.value;
   });
   myChart.value.on('mouseout', function () {
-    curActive.name = data[0].name;
-    curActive.percent = data[0].value;
+    curActive.name = dataDate.value[0]?.name;
+    curActive.percent = dataDate.value[0]?.value;
+  });
+  myChart.value.on('legendselectchanged', function (params) {
+    let date = dataDate.value.filter((i) => i.name == params.name)
+    bus.emit('getProjectList',date );
   });
 };
 
 onMounted(() => {
-  initEcharts();
   window.addEventListener('resize', () => {
     myChart.value && myChart.value.resize();
   });
+  getProjectStatisticsM()
+  setTimeout(() => {
+    initEcharts();
+  }, 500)
+
 });
 </script>
 
diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index 435a68e..44ae8b0 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -88,8 +88,10 @@
 }
 
 projectInfoNewM()
-bus.on('getProjectList', (i) => { 
-    projectInfoNewM({projectTypeId:i.typeId})
+bus.on('getProjectList', (i, v) => { 
+  
+  if(i.length>0) projectInfoNewM({buildStatus:i[0]?.buildStatus})
+   else projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 
diff --git a/src/views/sponeScreen/projectHM/ProjectYype.vue b/src/views/sponeScreen/projectHM/ProjectYype.vue
index 2dd1fe7..1184df1 100644
--- a/src/views/sponeScreen/projectHM/ProjectYype.vue
+++ b/src/views/sponeScreen/projectHM/ProjectYype.vue
@@ -47,7 +47,6 @@
     const typeCount= projectTypeCount.reduce((n, v) => {
    return n + v.typeCount;
     }, 0);
-
     list.value = projectTypeCount
     list.value.unshift({typeName:'全部',typeCount,all:1})
   }

diff --git a/src/api/sponeScreen/gcpjApi.js b/src/api/sponeScreen/gcpjApi.js
index 24668fb..99424b5 100644
--- a/src/api/sponeScreen/gcpjApi.js
+++ b/src/api/sponeScreen/gcpjApi.js
@@ -247,5 +247,14 @@
   }
   
 
+  export function buildstatusCount(params) {
+    // 发起请求获取项目统计信息
+   return request({
+     url: "/business/projectInfoNew/buildstatusCount",
+     method: "get",
+     params
+   });
+ }
+ 
  
   
diff --git a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
index 70ee6fb..9297ee7 100644
--- a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
+++ b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
@@ -1,42 +1,81 @@
 <template>
   <div class="soil_constituent">
-    <div class="echarts" ref="echarts"></div>
+    <div class="echarts" ref="echarts" v-if="dataDate.length > 0"></div>
     <div class="curInfo">
       <div class="percent">总类型</div>
-      <div class="name">79</div>
+      <div class="name">{{ allDate }}</div>
     </div>
   </div>
 </template>
 
 <script setup>
+import bus from '@/bus';
+import { useDicts } from '@/hooks';
+import { buildstatusCount } from '@/api/sponeScreen/gcpjApi.js'
+import { nextTick } from 'vue';
 const { proxy } = getCurrentInstance();
 const myChart = shallowRef(null);
-const data = [
-  {
-    name: '已竣工',
-    value: 38,
-  },
-  {
-    name: '已开工',
-    value: 33,
-  },
-  {
-    name: '完成施工指标',
-    value: 3,
-  },
-  {
-    name: '完成设计概算',
-    value: 5,
-  },
-  {
-    name: '项目前期',
-    value: 1,
-  },
-  {
-    name: '尚未立项',
-    value: 0,
-  },
-];
+const allDate = ref(0)
+const { build_status } = useDicts(proxy);
+console.log(build_status, 333);
+const dataDate = ref([])
+async function getProjectStatisticsM() {
+  let { data, code } = await buildstatusCount()
+  data.forEach((k) => {
+    dataDate.value.push({ name: k.typeName, value: k.number ,buildStatus:k.typeCode})
+  })
+  data.reduce((i, k) => {
+    allDate.value += k.number
+  }, 0)
+  dataDate.value.forEach(function (val, idx, arr) {
+    total += val.value;
+  });
+  for (let i = 0; i < dataDate.value.length; i++) {
+    baseDataWrap.push(
+      {
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            color: colorWrap[i],
+            borderWidth: 5,
+            borderColor: colorWrap[i],
+            shadowBlur: 50,
+            shadowColor: 'rgba(7, 132, 250, 0.8)',
+          },
+        },
+      },
+      {
+        value: 5,
+        name: '',
+        itemStyle: {
+          normal: {
+            color: 'transparent',
+            borderWidth: 5,
+            borderColor: 'transparent',
+          },
+        },
+        tooltip: {
+          show: false,
+        },
+      }
+    );
+
+    if (i < 3) {
+      baseDataPie.push({
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            borderWidth: 20,
+            borderColor: colorPie[i],
+          },
+        },
+      });
+    }
+  }
+}
+
 let colorPie = [
   'rgba(235, 94, 117, 0.8)',
   'rgba(56, 117, 255, 0.8)',
@@ -62,57 +101,12 @@
 let baseDataPie = [],
   baseDataWrap = [];
 let total = 0;
-data.forEach(function (val, idx, arr) {
-  total += val.value;
-});
-for (let i = 0; i < data.length; i++) {
-  baseDataWrap.push(
-    {
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          color: colorWrap[i],
-          borderWidth: 5,
-          borderColor: colorWrap[i],
-          shadowBlur: 50,
-          shadowColor: 'rgba(7, 132, 250, 0.8)',
-        },
-      },
-    },
-    {
-      value: 5,
-      name: '',
-      itemStyle: {
-        normal: {
-          color: 'transparent',
-          borderWidth: 5,
-          borderColor: 'transparent',
-        },
-      },
-      tooltip: {
-        show: false,
-      },
-    }
-  );
 
-  if (i < 3) {
-    baseDataPie.push({
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          borderWidth: 20,
-          borderColor: colorPie[i],
-        },
-      },
-    });
-  }
-}
+
 
 const curActive = reactive({
-  name: data[0].name,
-  percent: data[0].value,
+  name: dataDate.value[0]?.name,
+  percent: dataDate.value[0]?.value,
 });
 const initEcharts = () => {
   myChart.value = proxy.echarts.init(proxy.$refs.echarts);
@@ -129,26 +123,32 @@
       show: true,
       trigger: 'item',
       formatter: '{b} <br/>数量：{c}',
+      selected: {
+        // ...
+      },
     },
     legend: [
       {
-        data: data,
+        data: dataDate.value,
         icon: 'vertical',
         right: '5px',
         top: 'center',
         orient: 'vertical',
-        itemGap: 20,
-        itemWidth: 15,
-        itemHeight: 8,
+        itemGap: 16,
+        itemWidth: 10,
+        itemHeight: 12,
+        right: '1%',
+        selected: {
+        },
         formatter: function (name) {
           let target, percent;
-          for (let i = 0; i < data.length; i++) {
-            if (data[i].name === name) {
-              target = data[i].value;
+          for (let i = 0; i < dataDate.value.length; i++) {
+            if (dataDate.value[i].name === name) {
+              target = dataDate.value[i].value;
               percent = ((target / total) * 100).toFixed(1);
             }
           }
-          let arr = [' {blue|' + name + '}', ' {yellow|' + target + '}'];
+          let arr = [' {blue|' + name.slice(0,10)+'...' + '}', ' {yellow|' + target + '}'];
           return arr.join('');
         },
         textStyle: {
@@ -167,49 +167,7 @@
           },
         },
       },
-      /* {
-           data: ['检修', '抢修', '其他'],
-           icon: 'vertical',
-           right: '5px',
-           top: 'center',
-           orient: 'vertical',
-           itemGap: 20,
-           itemWidth: 15,
-           itemHeight: 8,
-           formatter: function(name) {
 
-               let target, percent;
-               for (let i = 0; i < data.length; i++) {
-                   if (data[i].name === name) {
-                       target = data[i].value;
-                       percent = ((target / total) * 100).toFixed(1);
-                   }
-               }
-               let arr = [percent + '% ' + ' {yellow|' + target + '}', ' {blue|' + name + '}'];
-               return arr.join("\n")
-
-           },
-           textStyle: {
-
-               lineHeight: 20,
-               color: '#f0f4f6',
-               align: 'right',
-               rich: {
-                   yellow: {
-                       color: '#00b5f3'
-                       fontWeight: "bold"
-
-
-                   },
-                   blue: {
-                       color: '#4be1ff',
-                       align: 'right',
-
-                   },
-               }
-
-           },
-       }*/
     ],
 
     series: [
@@ -253,16 +211,24 @@
     curActive.percent = params.data.value;
   });
   myChart.value.on('mouseout', function () {
-    curActive.name = data[0].name;
-    curActive.percent = data[0].value;
+    curActive.name = dataDate.value[0]?.name;
+    curActive.percent = dataDate.value[0]?.value;
+  });
+  myChart.value.on('legendselectchanged', function (params) {
+    let date = dataDate.value.filter((i) => i.name == params.name)
+    bus.emit('getProjectList',date );
   });
 };
 
 onMounted(() => {
-  initEcharts();
   window.addEventListener('resize', () => {
     myChart.value && myChart.value.resize();
   });
+  getProjectStatisticsM()
+  setTimeout(() => {
+    initEcharts();
+  }, 500)
+
 });
 </script>
 
diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index 435a68e..44ae8b0 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -88,8 +88,10 @@
 }
 
 projectInfoNewM()
-bus.on('getProjectList', (i) => { 
-    projectInfoNewM({projectTypeId:i.typeId})
+bus.on('getProjectList', (i, v) => { 
+  
+  if(i.length>0) projectInfoNewM({buildStatus:i[0]?.buildStatus})
+   else projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 
diff --git a/src/views/sponeScreen/projectHM/ProjectYype.vue b/src/views/sponeScreen/projectHM/ProjectYype.vue
index 2dd1fe7..1184df1 100644
--- a/src/views/sponeScreen/projectHM/ProjectYype.vue
+++ b/src/views/sponeScreen/projectHM/ProjectYype.vue
@@ -47,7 +47,6 @@
     const typeCount= projectTypeCount.reduce((n, v) => {
    return n + v.typeCount;
     }, 0);
-
     list.value = projectTypeCount
     list.value.unshift({typeName:'全部',typeCount,all:1})
   }
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index cf0587f..ff9129b 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -25,17 +25,7 @@
       <span class="title">项目设计参数</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div class="label_xnmx">
-        <div class="title_class">
-          <!-- <div class="top">{{ i.propertyName }}</div> -->
-          <div class="content">
-            <span :title="projectDesign">
-              {{ projectDesign}}
-            </span>
-          </div>
-        </div>
-      </div>
-      <!-- <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
+      <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -44,23 +34,13 @@
             </span>
           </div>
         </div>
-      </div> -->
+      </div>
     </div>
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div class="label_xnmx">
-        <div class="title_class">
-          <!-- <div class="top">{{ i.propertyName }}</div> -->
-          <div class="content">
-            <span :title="overallEngineering">
-              {{ overallEngineering}}
-            </span>
-          </div>
-        </div>
-      </div>
-      <!-- <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
+     <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -69,7 +49,7 @@
             </span>
           </div>
         </div>
-      </div> -->
+      </div> 
     </div>
   </div>
 </template>

diff --git a/src/api/sponeScreen/gcpjApi.js b/src/api/sponeScreen/gcpjApi.js
index 24668fb..99424b5 100644
--- a/src/api/sponeScreen/gcpjApi.js
+++ b/src/api/sponeScreen/gcpjApi.js
@@ -247,5 +247,14 @@
   }
   
 
+  export function buildstatusCount(params) {
+    // 发起请求获取项目统计信息
+   return request({
+     url: "/business/projectInfoNew/buildstatusCount",
+     method: "get",
+     params
+   });
+ }
+ 
  
   
diff --git a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
index 70ee6fb..9297ee7 100644
--- a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
+++ b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
@@ -1,42 +1,81 @@
 <template>
   <div class="soil_constituent">
-    <div class="echarts" ref="echarts"></div>
+    <div class="echarts" ref="echarts" v-if="dataDate.length > 0"></div>
     <div class="curInfo">
       <div class="percent">总类型</div>
-      <div class="name">79</div>
+      <div class="name">{{ allDate }}</div>
     </div>
   </div>
 </template>
 
 <script setup>
+import bus from '@/bus';
+import { useDicts } from '@/hooks';
+import { buildstatusCount } from '@/api/sponeScreen/gcpjApi.js'
+import { nextTick } from 'vue';
 const { proxy } = getCurrentInstance();
 const myChart = shallowRef(null);
-const data = [
-  {
-    name: '已竣工',
-    value: 38,
-  },
-  {
-    name: '已开工',
-    value: 33,
-  },
-  {
-    name: '完成施工指标',
-    value: 3,
-  },
-  {
-    name: '完成设计概算',
-    value: 5,
-  },
-  {
-    name: '项目前期',
-    value: 1,
-  },
-  {
-    name: '尚未立项',
-    value: 0,
-  },
-];
+const allDate = ref(0)
+const { build_status } = useDicts(proxy);
+console.log(build_status, 333);
+const dataDate = ref([])
+async function getProjectStatisticsM() {
+  let { data, code } = await buildstatusCount()
+  data.forEach((k) => {
+    dataDate.value.push({ name: k.typeName, value: k.number ,buildStatus:k.typeCode})
+  })
+  data.reduce((i, k) => {
+    allDate.value += k.number
+  }, 0)
+  dataDate.value.forEach(function (val, idx, arr) {
+    total += val.value;
+  });
+  for (let i = 0; i < dataDate.value.length; i++) {
+    baseDataWrap.push(
+      {
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            color: colorWrap[i],
+            borderWidth: 5,
+            borderColor: colorWrap[i],
+            shadowBlur: 50,
+            shadowColor: 'rgba(7, 132, 250, 0.8)',
+          },
+        },
+      },
+      {
+        value: 5,
+        name: '',
+        itemStyle: {
+          normal: {
+            color: 'transparent',
+            borderWidth: 5,
+            borderColor: 'transparent',
+          },
+        },
+        tooltip: {
+          show: false,
+        },
+      }
+    );
+
+    if (i < 3) {
+      baseDataPie.push({
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            borderWidth: 20,
+            borderColor: colorPie[i],
+          },
+        },
+      });
+    }
+  }
+}
+
 let colorPie = [
   'rgba(235, 94, 117, 0.8)',
   'rgba(56, 117, 255, 0.8)',
@@ -62,57 +101,12 @@
 let baseDataPie = [],
   baseDataWrap = [];
 let total = 0;
-data.forEach(function (val, idx, arr) {
-  total += val.value;
-});
-for (let i = 0; i < data.length; i++) {
-  baseDataWrap.push(
-    {
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          color: colorWrap[i],
-          borderWidth: 5,
-          borderColor: colorWrap[i],
-          shadowBlur: 50,
-          shadowColor: 'rgba(7, 132, 250, 0.8)',
-        },
-      },
-    },
-    {
-      value: 5,
-      name: '',
-      itemStyle: {
-        normal: {
-          color: 'transparent',
-          borderWidth: 5,
-          borderColor: 'transparent',
-        },
-      },
-      tooltip: {
-        show: false,
-      },
-    }
-  );
 
-  if (i < 3) {
-    baseDataPie.push({
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          borderWidth: 20,
-          borderColor: colorPie[i],
-        },
-      },
-    });
-  }
-}
+
 
 const curActive = reactive({
-  name: data[0].name,
-  percent: data[0].value,
+  name: dataDate.value[0]?.name,
+  percent: dataDate.value[0]?.value,
 });
 const initEcharts = () => {
   myChart.value = proxy.echarts.init(proxy.$refs.echarts);
@@ -129,26 +123,32 @@
       show: true,
       trigger: 'item',
       formatter: '{b} <br/>数量：{c}',
+      selected: {
+        // ...
+      },
     },
     legend: [
       {
-        data: data,
+        data: dataDate.value,
         icon: 'vertical',
         right: '5px',
         top: 'center',
         orient: 'vertical',
-        itemGap: 20,
-        itemWidth: 15,
-        itemHeight: 8,
+        itemGap: 16,
+        itemWidth: 10,
+        itemHeight: 12,
+        right: '1%',
+        selected: {
+        },
         formatter: function (name) {
           let target, percent;
-          for (let i = 0; i < data.length; i++) {
-            if (data[i].name === name) {
-              target = data[i].value;
+          for (let i = 0; i < dataDate.value.length; i++) {
+            if (dataDate.value[i].name === name) {
+              target = dataDate.value[i].value;
               percent = ((target / total) * 100).toFixed(1);
             }
           }
-          let arr = [' {blue|' + name + '}', ' {yellow|' + target + '}'];
+          let arr = [' {blue|' + name.slice(0,10)+'...' + '}', ' {yellow|' + target + '}'];
           return arr.join('');
         },
         textStyle: {
@@ -167,49 +167,7 @@
           },
         },
       },
-      /* {
-           data: ['检修', '抢修', '其他'],
-           icon: 'vertical',
-           right: '5px',
-           top: 'center',
-           orient: 'vertical',
-           itemGap: 20,
-           itemWidth: 15,
-           itemHeight: 8,
-           formatter: function(name) {
 
-               let target, percent;
-               for (let i = 0; i < data.length; i++) {
-                   if (data[i].name === name) {
-                       target = data[i].value;
-                       percent = ((target / total) * 100).toFixed(1);
-                   }
-               }
-               let arr = [percent + '% ' + ' {yellow|' + target + '}', ' {blue|' + name + '}'];
-               return arr.join("\n")
-
-           },
-           textStyle: {
-
-               lineHeight: 20,
-               color: '#f0f4f6',
-               align: 'right',
-               rich: {
-                   yellow: {
-                       color: '#00b5f3'
-                       fontWeight: "bold"
-
-
-                   },
-                   blue: {
-                       color: '#4be1ff',
-                       align: 'right',
-
-                   },
-               }
-
-           },
-       }*/
     ],
 
     series: [
@@ -253,16 +211,24 @@
     curActive.percent = params.data.value;
   });
   myChart.value.on('mouseout', function () {
-    curActive.name = data[0].name;
-    curActive.percent = data[0].value;
+    curActive.name = dataDate.value[0]?.name;
+    curActive.percent = dataDate.value[0]?.value;
+  });
+  myChart.value.on('legendselectchanged', function (params) {
+    let date = dataDate.value.filter((i) => i.name == params.name)
+    bus.emit('getProjectList',date );
   });
 };
 
 onMounted(() => {
-  initEcharts();
   window.addEventListener('resize', () => {
     myChart.value && myChart.value.resize();
   });
+  getProjectStatisticsM()
+  setTimeout(() => {
+    initEcharts();
+  }, 500)
+
 });
 </script>
 
diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index 435a68e..44ae8b0 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -88,8 +88,10 @@
 }
 
 projectInfoNewM()
-bus.on('getProjectList', (i) => { 
-    projectInfoNewM({projectTypeId:i.typeId})
+bus.on('getProjectList', (i, v) => { 
+  
+  if(i.length>0) projectInfoNewM({buildStatus:i[0]?.buildStatus})
+   else projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 
diff --git a/src/views/sponeScreen/projectHM/ProjectYype.vue b/src/views/sponeScreen/projectHM/ProjectYype.vue
index 2dd1fe7..1184df1 100644
--- a/src/views/sponeScreen/projectHM/ProjectYype.vue
+++ b/src/views/sponeScreen/projectHM/ProjectYype.vue
@@ -47,7 +47,6 @@
     const typeCount= projectTypeCount.reduce((n, v) => {
    return n + v.typeCount;
     }, 0);
-
     list.value = projectTypeCount
     list.value.unshift({typeName:'全部',typeCount,all:1})
   }
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index cf0587f..ff9129b 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -25,17 +25,7 @@
       <span class="title">项目设计参数</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div class="label_xnmx">
-        <div class="title_class">
-          <!-- <div class="top">{{ i.propertyName }}</div> -->
-          <div class="content">
-            <span :title="projectDesign">
-              {{ projectDesign}}
-            </span>
-          </div>
-        </div>
-      </div>
-      <!-- <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
+      <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -44,23 +34,13 @@
             </span>
           </div>
         </div>
-      </div> -->
+      </div>
     </div>
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div class="label_xnmx">
-        <div class="title_class">
-          <!-- <div class="top">{{ i.propertyName }}</div> -->
-          <div class="content">
-            <span :title="overallEngineering">
-              {{ overallEngineering}}
-            </span>
-          </div>
-        </div>
-      </div>
-      <!-- <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
+     <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -69,7 +49,7 @@
             </span>
           </div>
         </div>
-      </div> -->
+      </div> 
     </div>
   </div>
 </template>
diff --git a/src/views/spongePerformance/mainIndex/footCenter.vue b/src/views/spongePerformance/mainIndex/footCenter.vue
index 5f01736..bab45cf 100644
--- a/src/views/spongePerformance/mainIndex/footCenter.vue
+++ b/src/views/spongePerformance/mainIndex/footCenter.vue
@@ -62,19 +62,24 @@
               {
                 offset: 0,
                 color: '#0e3f6a  ',
+                opacity:'0.6'
               },
               {
                 offset: 1,
-                color: '#37d6fc ',
+                color: '#2ecefc ',
+                opacity:'0.9'
+
               },
             ],
-            globalCoord: false,
+            globalCoord: true,
           },
         ],
         data: [xData[0]?.realScore], // data个数代表波浪数
         backgroundStyle: {
           borderWidth: 1,
-          color: '#fff  ',
+          color: '#1e5187',
+          opacity:'0.3'
+          
         },
         label: {
           normal: {
@@ -88,11 +93,11 @@
           },
         },
         outline: {
-          // show: false
-          borderDistance: 0,
+          borderDistance: 12,
           itemStyle: {
-            borderWidth: 2,
-            borderColor: '#0f406a',
+            borderWidth: 7,
+            borderColor: '#3077a7',
+            opacity:'0.9'
           },
         },
       },
@@ -111,11 +116,13 @@
             colorStops: [
               {
                 offset: 0,
-                color: '#0f406a',
+                color: '#0e3f6a',
+                opacity:'0.6'
               },
               {
                 offset: 1,
-                color: '#37d6fc',
+                color: '#2ecefc',
+                opacity:'0.9'
               },
             ],
             globalCoord: false,
@@ -125,13 +132,14 @@
         //   data: [xData[1]?.realValue/xData[1]?.itemScore], // data个数代表波浪数
         backgroundStyle: {
           borderWidth: 1,
-          color: '#fff',
+          color: '#1e5187',
+          opacity:'0.3'
         },
         label: {
           normal: {
             textStyle: {
               fontSize: 14,
-              color: '#0f406a',
+              color: '#fff',
             },
             formatter: function (param) {
               return (param.value * 100 || 0) + '%' + '\n' + '总数' + (xData[1]?.itemScore || 0);
@@ -140,10 +148,11 @@
         },
         outline: {
           // show: false
-          borderDistance: 0,
+          borderDistance: 12,
           itemStyle: {
-            borderWidth: 2,
-            borderColor: '#37d6fc',
+            borderWidth: 7,
+            borderColor: '#3077a7',
+            opacity:'0.9'
           },
         },
       },

diff --git a/src/api/sponeScreen/gcpjApi.js b/src/api/sponeScreen/gcpjApi.js
index 24668fb..99424b5 100644
--- a/src/api/sponeScreen/gcpjApi.js
+++ b/src/api/sponeScreen/gcpjApi.js
@@ -247,5 +247,14 @@
   }
   
 
+  export function buildstatusCount(params) {
+    // 发起请求获取项目统计信息
+   return request({
+     url: "/business/projectInfoNew/buildstatusCount",
+     method: "get",
+     params
+   });
+ }
+ 
  
   
diff --git a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
index 70ee6fb..9297ee7 100644
--- a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
+++ b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
@@ -1,42 +1,81 @@
 <template>
   <div class="soil_constituent">
-    <div class="echarts" ref="echarts"></div>
+    <div class="echarts" ref="echarts" v-if="dataDate.length > 0"></div>
     <div class="curInfo">
       <div class="percent">总类型</div>
-      <div class="name">79</div>
+      <div class="name">{{ allDate }}</div>
     </div>
   </div>
 </template>
 
 <script setup>
+import bus from '@/bus';
+import { useDicts } from '@/hooks';
+import { buildstatusCount } from '@/api/sponeScreen/gcpjApi.js'
+import { nextTick } from 'vue';
 const { proxy } = getCurrentInstance();
 const myChart = shallowRef(null);
-const data = [
-  {
-    name: '已竣工',
-    value: 38,
-  },
-  {
-    name: '已开工',
-    value: 33,
-  },
-  {
-    name: '完成施工指标',
-    value: 3,
-  },
-  {
-    name: '完成设计概算',
-    value: 5,
-  },
-  {
-    name: '项目前期',
-    value: 1,
-  },
-  {
-    name: '尚未立项',
-    value: 0,
-  },
-];
+const allDate = ref(0)
+const { build_status } = useDicts(proxy);
+console.log(build_status, 333);
+const dataDate = ref([])
+async function getProjectStatisticsM() {
+  let { data, code } = await buildstatusCount()
+  data.forEach((k) => {
+    dataDate.value.push({ name: k.typeName, value: k.number ,buildStatus:k.typeCode})
+  })
+  data.reduce((i, k) => {
+    allDate.value += k.number
+  }, 0)
+  dataDate.value.forEach(function (val, idx, arr) {
+    total += val.value;
+  });
+  for (let i = 0; i < dataDate.value.length; i++) {
+    baseDataWrap.push(
+      {
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            color: colorWrap[i],
+            borderWidth: 5,
+            borderColor: colorWrap[i],
+            shadowBlur: 50,
+            shadowColor: 'rgba(7, 132, 250, 0.8)',
+          },
+        },
+      },
+      {
+        value: 5,
+        name: '',
+        itemStyle: {
+          normal: {
+            color: 'transparent',
+            borderWidth: 5,
+            borderColor: 'transparent',
+          },
+        },
+        tooltip: {
+          show: false,
+        },
+      }
+    );
+
+    if (i < 3) {
+      baseDataPie.push({
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            borderWidth: 20,
+            borderColor: colorPie[i],
+          },
+        },
+      });
+    }
+  }
+}
+
 let colorPie = [
   'rgba(235, 94, 117, 0.8)',
   'rgba(56, 117, 255, 0.8)',
@@ -62,57 +101,12 @@
 let baseDataPie = [],
   baseDataWrap = [];
 let total = 0;
-data.forEach(function (val, idx, arr) {
-  total += val.value;
-});
-for (let i = 0; i < data.length; i++) {
-  baseDataWrap.push(
-    {
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          color: colorWrap[i],
-          borderWidth: 5,
-          borderColor: colorWrap[i],
-          shadowBlur: 50,
-          shadowColor: 'rgba(7, 132, 250, 0.8)',
-        },
-      },
-    },
-    {
-      value: 5,
-      name: '',
-      itemStyle: {
-        normal: {
-          color: 'transparent',
-          borderWidth: 5,
-          borderColor: 'transparent',
-        },
-      },
-      tooltip: {
-        show: false,
-      },
-    }
-  );
 
-  if (i < 3) {
-    baseDataPie.push({
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          borderWidth: 20,
-          borderColor: colorPie[i],
-        },
-      },
-    });
-  }
-}
+
 
 const curActive = reactive({
-  name: data[0].name,
-  percent: data[0].value,
+  name: dataDate.value[0]?.name,
+  percent: dataDate.value[0]?.value,
 });
 const initEcharts = () => {
   myChart.value = proxy.echarts.init(proxy.$refs.echarts);
@@ -129,26 +123,32 @@
       show: true,
       trigger: 'item',
       formatter: '{b} <br/>数量：{c}',
+      selected: {
+        // ...
+      },
     },
     legend: [
       {
-        data: data,
+        data: dataDate.value,
         icon: 'vertical',
         right: '5px',
         top: 'center',
         orient: 'vertical',
-        itemGap: 20,
-        itemWidth: 15,
-        itemHeight: 8,
+        itemGap: 16,
+        itemWidth: 10,
+        itemHeight: 12,
+        right: '1%',
+        selected: {
+        },
         formatter: function (name) {
           let target, percent;
-          for (let i = 0; i < data.length; i++) {
-            if (data[i].name === name) {
-              target = data[i].value;
+          for (let i = 0; i < dataDate.value.length; i++) {
+            if (dataDate.value[i].name === name) {
+              target = dataDate.value[i].value;
               percent = ((target / total) * 100).toFixed(1);
             }
           }
-          let arr = [' {blue|' + name + '}', ' {yellow|' + target + '}'];
+          let arr = [' {blue|' + name.slice(0,10)+'...' + '}', ' {yellow|' + target + '}'];
           return arr.join('');
         },
         textStyle: {
@@ -167,49 +167,7 @@
           },
         },
       },
-      /* {
-           data: ['检修', '抢修', '其他'],
-           icon: 'vertical',
-           right: '5px',
-           top: 'center',
-           orient: 'vertical',
-           itemGap: 20,
-           itemWidth: 15,
-           itemHeight: 8,
-           formatter: function(name) {
 
-               let target, percent;
-               for (let i = 0; i < data.length; i++) {
-                   if (data[i].name === name) {
-                       target = data[i].value;
-                       percent = ((target / total) * 100).toFixed(1);
-                   }
-               }
-               let arr = [percent + '% ' + ' {yellow|' + target + '}', ' {blue|' + name + '}'];
-               return arr.join("\n")
-
-           },
-           textStyle: {
-
-               lineHeight: 20,
-               color: '#f0f4f6',
-               align: 'right',
-               rich: {
-                   yellow: {
-                       color: '#00b5f3'
-                       fontWeight: "bold"
-
-
-                   },
-                   blue: {
-                       color: '#4be1ff',
-                       align: 'right',
-
-                   },
-               }
-
-           },
-       }*/
     ],
 
     series: [
@@ -253,16 +211,24 @@
     curActive.percent = params.data.value;
   });
   myChart.value.on('mouseout', function () {
-    curActive.name = data[0].name;
-    curActive.percent = data[0].value;
+    curActive.name = dataDate.value[0]?.name;
+    curActive.percent = dataDate.value[0]?.value;
+  });
+  myChart.value.on('legendselectchanged', function (params) {
+    let date = dataDate.value.filter((i) => i.name == params.name)
+    bus.emit('getProjectList',date );
   });
 };
 
 onMounted(() => {
-  initEcharts();
   window.addEventListener('resize', () => {
     myChart.value && myChart.value.resize();
   });
+  getProjectStatisticsM()
+  setTimeout(() => {
+    initEcharts();
+  }, 500)
+
 });
 </script>
 
diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index 435a68e..44ae8b0 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -88,8 +88,10 @@
 }
 
 projectInfoNewM()
-bus.on('getProjectList', (i) => { 
-    projectInfoNewM({projectTypeId:i.typeId})
+bus.on('getProjectList', (i, v) => { 
+  
+  if(i.length>0) projectInfoNewM({buildStatus:i[0]?.buildStatus})
+   else projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 
diff --git a/src/views/sponeScreen/projectHM/ProjectYype.vue b/src/views/sponeScreen/projectHM/ProjectYype.vue
index 2dd1fe7..1184df1 100644
--- a/src/views/sponeScreen/projectHM/ProjectYype.vue
+++ b/src/views/sponeScreen/projectHM/ProjectYype.vue
@@ -47,7 +47,6 @@
     const typeCount= projectTypeCount.reduce((n, v) => {
    return n + v.typeCount;
     }, 0);
-
     list.value = projectTypeCount
     list.value.unshift({typeName:'全部',typeCount,all:1})
   }
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index cf0587f..ff9129b 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -25,17 +25,7 @@
       <span class="title">项目设计参数</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div class="label_xnmx">
-        <div class="title_class">
-          <!-- <div class="top">{{ i.propertyName }}</div> -->
-          <div class="content">
-            <span :title="projectDesign">
-              {{ projectDesign}}
-            </span>
-          </div>
-        </div>
-      </div>
-      <!-- <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
+      <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -44,23 +34,13 @@
             </span>
           </div>
         </div>
-      </div> -->
+      </div>
     </div>
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div class="label_xnmx">
-        <div class="title_class">
-          <!-- <div class="top">{{ i.propertyName }}</div> -->
-          <div class="content">
-            <span :title="overallEngineering">
-              {{ overallEngineering}}
-            </span>
-          </div>
-        </div>
-      </div>
-      <!-- <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
+     <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -69,7 +49,7 @@
             </span>
           </div>
         </div>
-      </div> -->
+      </div> 
     </div>
   </div>
 </template>
diff --git a/src/views/spongePerformance/mainIndex/footCenter.vue b/src/views/spongePerformance/mainIndex/footCenter.vue
index 5f01736..bab45cf 100644
--- a/src/views/spongePerformance/mainIndex/footCenter.vue
+++ b/src/views/spongePerformance/mainIndex/footCenter.vue
@@ -62,19 +62,24 @@
               {
                 offset: 0,
                 color: '#0e3f6a  ',
+                opacity:'0.6'
               },
               {
                 offset: 1,
-                color: '#37d6fc ',
+                color: '#2ecefc ',
+                opacity:'0.9'
+
               },
             ],
-            globalCoord: false,
+            globalCoord: true,
           },
         ],
         data: [xData[0]?.realScore], // data个数代表波浪数
         backgroundStyle: {
           borderWidth: 1,
-          color: '#fff  ',
+          color: '#1e5187',
+          opacity:'0.3'
+          
         },
         label: {
           normal: {
@@ -88,11 +93,11 @@
           },
         },
         outline: {
-          // show: false
-          borderDistance: 0,
+          borderDistance: 12,
           itemStyle: {
-            borderWidth: 2,
-            borderColor: '#0f406a',
+            borderWidth: 7,
+            borderColor: '#3077a7',
+            opacity:'0.9'
           },
         },
       },
@@ -111,11 +116,13 @@
             colorStops: [
               {
                 offset: 0,
-                color: '#0f406a',
+                color: '#0e3f6a',
+                opacity:'0.6'
               },
               {
                 offset: 1,
-                color: '#37d6fc',
+                color: '#2ecefc',
+                opacity:'0.9'
               },
             ],
             globalCoord: false,
@@ -125,13 +132,14 @@
         //   data: [xData[1]?.realValue/xData[1]?.itemScore], // data个数代表波浪数
         backgroundStyle: {
           borderWidth: 1,
-          color: '#fff',
+          color: '#1e5187',
+          opacity:'0.3'
         },
         label: {
           normal: {
             textStyle: {
               fontSize: 14,
-              color: '#0f406a',
+              color: '#fff',
             },
             formatter: function (param) {
               return (param.value * 100 || 0) + '%' + '\n' + '总数' + (xData[1]?.itemScore || 0);
@@ -140,10 +148,11 @@
         },
         outline: {
           // show: false
-          borderDistance: 0,
+          borderDistance: 12,
           itemStyle: {
-            borderWidth: 2,
-            borderColor: '#37d6fc',
+            borderWidth: 7,
+            borderColor: '#3077a7',
+            opacity:'0.9'
           },
         },
       },
diff --git a/src/views/spongePerformance/mainIndex/footRight.vue b/src/views/spongePerformance/mainIndex/footRight.vue
index 3939490..3dbef3e 100644
--- a/src/views/spongePerformance/mainIndex/footRight.vue
+++ b/src/views/spongePerformance/mainIndex/footRight.vue
@@ -26,6 +26,32 @@
     },
     tooltip: {
       trigger: 'axis',
+      axisPointer: {
+        lineStyle: {
+          color: {
+            type: 'linear',
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [
+              {
+                offset: 0,
+                color: 'rgba(255,255,255,0)', // 0% 处的颜色
+              },
+              {
+                offset: 0.5,
+                color: 'rgba(255,255,255,1)', // 100% 处的颜色
+              },
+              {
+                offset: 1,
+                color: 'rgba(255,255,255,0)', // 100% 处的颜色
+              },
+            ],
+            global: false, // 缺省为 false
+          },
+        },
+      },
     },
     xAxis: [
       {
@@ -61,9 +87,10 @@
           lineHeight: 40,
         },
         splitLine: {
+          show:true,
           lineStyle: {
             type: 'dashed',
-            color: '#fff',
+            color: '#1ba6ba',
           },
         },
         axisLine: {
@@ -85,17 +112,32 @@
         showSymbol: false,
         symbolSize: 8,
         zlevel: 3,
-        lineStyle: {
-          normal: {
-            width: 2,
-            color: '#fff',
-          },
-        },
-        areaStyle: {
-          normal: {
-            color: '#fff ',
-          },
-        },
+        itemStyle: {
+                normal: {
+                    color: '#3A84FF',
+                    lineStyle: {
+                        color: "#3A84FF",
+                        width: 1
+                    },
+                    areaStyle: {
+                        color: {
+                            type: 'linear',
+                            x: 0,
+                            y: 1,
+                            x2: 0,
+                            y2: 0,
+                            colorStops: [{
+                                offset: 0,
+                                color: 'rgba(0, 0, 0, 0)' // 0% 处的颜色
+                            }, {
+                                offset: 1,
+                                color: '#21da94' // 100% 处的颜色
+                            }]
+                        }
+                    }
+                }
+            },
+        
         data: yData,
       },
     ],
@@ -118,6 +160,7 @@
 .asset_echart {
   width: 100%;
   height: 260px;
+
   &_echart {
     width: 100%;
     height: 100%;

diff --git a/src/api/sponeScreen/gcpjApi.js b/src/api/sponeScreen/gcpjApi.js
index 24668fb..99424b5 100644
--- a/src/api/sponeScreen/gcpjApi.js
+++ b/src/api/sponeScreen/gcpjApi.js
@@ -247,5 +247,14 @@
   }
   
 
+  export function buildstatusCount(params) {
+    // 发起请求获取项目统计信息
+   return request({
+     url: "/business/projectInfoNew/buildstatusCount",
+     method: "get",
+     params
+   });
+ }
+ 
  
   
diff --git a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
index 70ee6fb..9297ee7 100644
--- a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
+++ b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
@@ -1,42 +1,81 @@
 <template>
   <div class="soil_constituent">
-    <div class="echarts" ref="echarts"></div>
+    <div class="echarts" ref="echarts" v-if="dataDate.length > 0"></div>
     <div class="curInfo">
       <div class="percent">总类型</div>
-      <div class="name">79</div>
+      <div class="name">{{ allDate }}</div>
     </div>
   </div>
 </template>
 
 <script setup>
+import bus from '@/bus';
+import { useDicts } from '@/hooks';
+import { buildstatusCount } from '@/api/sponeScreen/gcpjApi.js'
+import { nextTick } from 'vue';
 const { proxy } = getCurrentInstance();
 const myChart = shallowRef(null);
-const data = [
-  {
-    name: '已竣工',
-    value: 38,
-  },
-  {
-    name: '已开工',
-    value: 33,
-  },
-  {
-    name: '完成施工指标',
-    value: 3,
-  },
-  {
-    name: '完成设计概算',
-    value: 5,
-  },
-  {
-    name: '项目前期',
-    value: 1,
-  },
-  {
-    name: '尚未立项',
-    value: 0,
-  },
-];
+const allDate = ref(0)
+const { build_status } = useDicts(proxy);
+console.log(build_status, 333);
+const dataDate = ref([])
+async function getProjectStatisticsM() {
+  let { data, code } = await buildstatusCount()
+  data.forEach((k) => {
+    dataDate.value.push({ name: k.typeName, value: k.number ,buildStatus:k.typeCode})
+  })
+  data.reduce((i, k) => {
+    allDate.value += k.number
+  }, 0)
+  dataDate.value.forEach(function (val, idx, arr) {
+    total += val.value;
+  });
+  for (let i = 0; i < dataDate.value.length; i++) {
+    baseDataWrap.push(
+      {
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            color: colorWrap[i],
+            borderWidth: 5,
+            borderColor: colorWrap[i],
+            shadowBlur: 50,
+            shadowColor: 'rgba(7, 132, 250, 0.8)',
+          },
+        },
+      },
+      {
+        value: 5,
+        name: '',
+        itemStyle: {
+          normal: {
+            color: 'transparent',
+            borderWidth: 5,
+            borderColor: 'transparent',
+          },
+        },
+        tooltip: {
+          show: false,
+        },
+      }
+    );
+
+    if (i < 3) {
+      baseDataPie.push({
+        value: dataDate.value[i].value,
+        name: dataDate.value[i].name,
+        itemStyle: {
+          normal: {
+            borderWidth: 20,
+            borderColor: colorPie[i],
+          },
+        },
+      });
+    }
+  }
+}
+
 let colorPie = [
   'rgba(235, 94, 117, 0.8)',
   'rgba(56, 117, 255, 0.8)',
@@ -62,57 +101,12 @@
 let baseDataPie = [],
   baseDataWrap = [];
 let total = 0;
-data.forEach(function (val, idx, arr) {
-  total += val.value;
-});
-for (let i = 0; i < data.length; i++) {
-  baseDataWrap.push(
-    {
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          color: colorWrap[i],
-          borderWidth: 5,
-          borderColor: colorWrap[i],
-          shadowBlur: 50,
-          shadowColor: 'rgba(7, 132, 250, 0.8)',
-        },
-      },
-    },
-    {
-      value: 5,
-      name: '',
-      itemStyle: {
-        normal: {
-          color: 'transparent',
-          borderWidth: 5,
-          borderColor: 'transparent',
-        },
-      },
-      tooltip: {
-        show: false,
-      },
-    }
-  );
 
-  if (i < 3) {
-    baseDataPie.push({
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          borderWidth: 20,
-          borderColor: colorPie[i],
-        },
-      },
-    });
-  }
-}
+
 
 const curActive = reactive({
-  name: data[0].name,
-  percent: data[0].value,
+  name: dataDate.value[0]?.name,
+  percent: dataDate.value[0]?.value,
 });
 const initEcharts = () => {
   myChart.value = proxy.echarts.init(proxy.$refs.echarts);
@@ -129,26 +123,32 @@
       show: true,
       trigger: 'item',
       formatter: '{b} <br/>数量：{c}',
+      selected: {
+        // ...
+      },
     },
     legend: [
       {
-        data: data,
+        data: dataDate.value,
         icon: 'vertical',
         right: '5px',
         top: 'center',
         orient: 'vertical',
-        itemGap: 20,
-        itemWidth: 15,
-        itemHeight: 8,
+        itemGap: 16,
+        itemWidth: 10,
+        itemHeight: 12,
+        right: '1%',
+        selected: {
+        },
         formatter: function (name) {
           let target, percent;
-          for (let i = 0; i < data.length; i++) {
-            if (data[i].name === name) {
-              target = data[i].value;
+          for (let i = 0; i < dataDate.value.length; i++) {
+            if (dataDate.value[i].name === name) {
+              target = dataDate.value[i].value;
               percent = ((target / total) * 100).toFixed(1);
             }
           }
-          let arr = [' {blue|' + name + '}', ' {yellow|' + target + '}'];
+          let arr = [' {blue|' + name.slice(0,10)+'...' + '}', ' {yellow|' + target + '}'];
           return arr.join('');
         },
         textStyle: {
@@ -167,49 +167,7 @@
           },
         },
       },
-      /* {
-           data: ['检修', '抢修', '其他'],
-           icon: 'vertical',
-           right: '5px',
-           top: 'center',
-           orient: 'vertical',
-           itemGap: 20,
-           itemWidth: 15,
-           itemHeight: 8,
-           formatter: function(name) {
 
-               let target, percent;
-               for (let i = 0; i < data.length; i++) {
-                   if (data[i].name === name) {
-                       target = data[i].value;
-                       percent = ((target / total) * 100).toFixed(1);
-                   }
-               }
-               let arr = [percent + '% ' + ' {yellow|' + target + '}', ' {blue|' + name + '}'];
-               return arr.join("\n")
-
-           },
-           textStyle: {
-
-               lineHeight: 20,
-               color: '#f0f4f6',
-               align: 'right',
-               rich: {
-                   yellow: {
-                       color: '#00b5f3'
-                       fontWeight: "bold"
-
-
-                   },
-                   blue: {
-                       color: '#4be1ff',
-                       align: 'right',
-
-                   },
-               }
-
-           },
-       }*/
     ],
 
     series: [
@@ -253,16 +211,24 @@
     curActive.percent = params.data.value;
   });
   myChart.value.on('mouseout', function () {
-    curActive.name = data[0].name;
-    curActive.percent = data[0].value;
+    curActive.name = dataDate.value[0]?.name;
+    curActive.percent = dataDate.value[0]?.value;
+  });
+  myChart.value.on('legendselectchanged', function (params) {
+    let date = dataDate.value.filter((i) => i.name == params.name)
+    bus.emit('getProjectList',date );
   });
 };
 
 onMounted(() => {
-  initEcharts();
   window.addEventListener('resize', () => {
     myChart.value && myChart.value.resize();
   });
+  getProjectStatisticsM()
+  setTimeout(() => {
+    initEcharts();
+  }, 500)
+
 });
 </script>
 
diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index 435a68e..44ae8b0 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -88,8 +88,10 @@
 }
 
 projectInfoNewM()
-bus.on('getProjectList', (i) => { 
-    projectInfoNewM({projectTypeId:i.typeId})
+bus.on('getProjectList', (i, v) => { 
+  
+  if(i.length>0) projectInfoNewM({buildStatus:i[0]?.buildStatus})
+   else projectInfoNewM({projectTypeId:i.typeId})
 })
 </script>
 
diff --git a/src/views/sponeScreen/projectHM/ProjectYype.vue b/src/views/sponeScreen/projectHM/ProjectYype.vue
index 2dd1fe7..1184df1 100644
--- a/src/views/sponeScreen/projectHM/ProjectYype.vue
+++ b/src/views/sponeScreen/projectHM/ProjectYype.vue
@@ -47,7 +47,6 @@
     const typeCount= projectTypeCount.reduce((n, v) => {
    return n + v.typeCount;
     }, 0);
-
     list.value = projectTypeCount
     list.value.unshift({typeName:'全部',typeCount,all:1})
   }
diff --git a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
index cf0587f..ff9129b 100644
--- a/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
+++ b/src/views/sponeScreen/projectHM/gongchenkanbani_comp/XiangXiXinXi.vue
@@ -25,17 +25,7 @@
       <span class="title">项目设计参数</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div class="label_xnmx">
-        <div class="title_class">
-          <!-- <div class="top">{{ i.propertyName }}</div> -->
-          <div class="content">
-            <span :title="projectDesign">
-              {{ projectDesign}}
-            </span>
-          </div>
-        </div>
-      </div>
-      <!-- <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
+      <div v-for="i in xmmbList" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -44,23 +34,13 @@
             </span>
           </div>
         </div>
-      </div> -->
+      </div>
     </div>
     <div class="projectMb">
       <span class="title">项目总体工程量</span>
     </div>
     <div class="xiangxinfo xmzb">
-      <div class="label_xnmx">
-        <div class="title_class">
-          <!-- <div class="top">{{ i.propertyName }}</div> -->
-          <div class="content">
-            <span :title="overallEngineering">
-              {{ overallEngineering}}
-            </span>
-          </div>
-        </div>
-      </div>
-      <!-- <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
+     <div v-for="i in xmxtgcl" :key="i.id" class="label_xnmx">
         <div class="title_class">
           <div class="top">{{ i.propertyName }}</div>
           <div class="content">
@@ -69,7 +49,7 @@
             </span>
           </div>
         </div>
-      </div> -->
+      </div> 
     </div>
   </div>
 </template>
diff --git a/src/views/spongePerformance/mainIndex/footCenter.vue b/src/views/spongePerformance/mainIndex/footCenter.vue
index 5f01736..bab45cf 100644
--- a/src/views/spongePerformance/mainIndex/footCenter.vue
+++ b/src/views/spongePerformance/mainIndex/footCenter.vue
@@ -62,19 +62,24 @@
               {
                 offset: 0,
                 color: '#0e3f6a  ',
+                opacity:'0.6'
               },
               {
                 offset: 1,
-                color: '#37d6fc ',
+                color: '#2ecefc ',
+                opacity:'0.9'
+
               },
             ],
-            globalCoord: false,
+            globalCoord: true,
           },
         ],
         data: [xData[0]?.realScore], // data个数代表波浪数
         backgroundStyle: {
           borderWidth: 1,
-          color: '#fff  ',
+          color: '#1e5187',
+          opacity:'0.3'
+          
         },
         label: {
           normal: {
@@ -88,11 +93,11 @@
           },
         },
         outline: {
-          // show: false
-          borderDistance: 0,
+          borderDistance: 12,
           itemStyle: {
-            borderWidth: 2,
-            borderColor: '#0f406a',
+            borderWidth: 7,
+            borderColor: '#3077a7',
+            opacity:'0.9'
           },
         },
       },
@@ -111,11 +116,13 @@
             colorStops: [
               {
                 offset: 0,
-                color: '#0f406a',
+                color: '#0e3f6a',
+                opacity:'0.6'
               },
               {
                 offset: 1,
-                color: '#37d6fc',
+                color: '#2ecefc',
+                opacity:'0.9'
               },
             ],
             globalCoord: false,
@@ -125,13 +132,14 @@
         //   data: [xData[1]?.realValue/xData[1]?.itemScore], // data个数代表波浪数
         backgroundStyle: {
           borderWidth: 1,
-          color: '#fff',
+          color: '#1e5187',
+          opacity:'0.3'
         },
         label: {
           normal: {
             textStyle: {
               fontSize: 14,
-              color: '#0f406a',
+              color: '#fff',
             },
             formatter: function (param) {
               return (param.value * 100 || 0) + '%' + '\n' + '总数' + (xData[1]?.itemScore || 0);
@@ -140,10 +148,11 @@
         },
         outline: {
           // show: false
-          borderDistance: 0,
+          borderDistance: 12,
           itemStyle: {
-            borderWidth: 2,
-            borderColor: '#37d6fc',
+            borderWidth: 7,
+            borderColor: '#3077a7',
+            opacity:'0.9'
           },
         },
       },
diff --git a/src/views/spongePerformance/mainIndex/footRight.vue b/src/views/spongePerformance/mainIndex/footRight.vue
index 3939490..3dbef3e 100644
--- a/src/views/spongePerformance/mainIndex/footRight.vue
+++ b/src/views/spongePerformance/mainIndex/footRight.vue
@@ -26,6 +26,32 @@
     },
     tooltip: {
       trigger: 'axis',
+      axisPointer: {
+        lineStyle: {
+          color: {
+            type: 'linear',
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [
+              {
+                offset: 0,
+                color: 'rgba(255,255,255,0)', // 0% 处的颜色
+              },
+              {
+                offset: 0.5,
+                color: 'rgba(255,255,255,1)', // 100% 处的颜色
+              },
+              {
+                offset: 1,
+                color: 'rgba(255,255,255,0)', // 100% 处的颜色
+              },
+            ],
+            global: false, // 缺省为 false
+          },
+        },
+      },
     },
     xAxis: [
       {
@@ -61,9 +87,10 @@
           lineHeight: 40,
         },
         splitLine: {
+          show:true,
           lineStyle: {
             type: 'dashed',
-            color: '#fff',
+            color: '#1ba6ba',
           },
         },
         axisLine: {
@@ -85,17 +112,32 @@
         showSymbol: false,
         symbolSize: 8,
         zlevel: 3,
-        lineStyle: {
-          normal: {
-            width: 2,
-            color: '#fff',
-          },
-        },
-        areaStyle: {
-          normal: {
-            color: '#fff ',
-          },
-        },
+        itemStyle: {
+                normal: {
+                    color: '#3A84FF',
+                    lineStyle: {
+                        color: "#3A84FF",
+                        width: 1
+                    },
+                    areaStyle: {
+                        color: {
+                            type: 'linear',
+                            x: 0,
+                            y: 1,
+                            x2: 0,
+                            y2: 0,
+                            colorStops: [{
+                                offset: 0,
+                                color: 'rgba(0, 0, 0, 0)' // 0% 处的颜色
+                            }, {
+                                offset: 1,
+                                color: '#21da94' // 100% 处的颜色
+                            }]
+                        }
+                    }
+                }
+            },
+        
         data: yData,
       },
     ],
@@ -118,6 +160,7 @@
 .asset_echart {
   width: 100%;
   height: 260px;
+
   &_echart {
     width: 100%;
     height: 100%;
diff --git a/vite.config.js b/vite.config.js
index 68f0eb0..94996b3 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -7,8 +7,8 @@
 const Timestamp = new Date().getTime(); //随机时间戳
 
 // const targetUrl = 'http://192.168.20.49:7200'; //谢斌斌
-// const targetUrl = 'http://192.168.20.52:7300'; //杨辉
-const targetUrl = 'http://kaifeng.wh-nf.cn/prod-api'; //线上
+const targetUrl = 'http://192.168.20.52:7300'; //杨辉
+// const targetUrl = 'http://kaifeng.wh-nf.cn/prod-api'; //线上
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {