diff --git a/src/api/ywts/shms/tcy.js b/src/api/ywts/shms/tcy.js
index 7db59fe..8162096 100644
--- a/src/api/ywts/shms/tcy.js
+++ b/src/api/ywts/shms/tcy.js
@@ -17,6 +17,7 @@
     url: "zhjt-gktj/tcy/cljcqs",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -26,6 +27,7 @@
     url: "zhjt-gktj/tcy/cllxfx",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -35,6 +37,28 @@
     url: "zhjt-gktj/tcy/cclyl",
     method: "post",
     data,
+    params: data
+  });
+}
+
+
+// 近1年车场收入态势
+export function getCarsIncome(data) {
+  return request({
+    url: "zhjt-gktj/tcy/ccsrts",
+    method: "post",
+    data,
+    params: data
+  });
+}
+
+// 近1年僵尸车辆趋势
+export function getZombieCar(data) {
+  return request({
+    url: "zhjt-gktj/tcy/jsclcs",
+    method: "post",
+    data,
+    params: data
   });
 }
 

diff --git a/src/api/ywts/shms/tcy.js b/src/api/ywts/shms/tcy.js
index 7db59fe..8162096 100644
--- a/src/api/ywts/shms/tcy.js
+++ b/src/api/ywts/shms/tcy.js
@@ -17,6 +17,7 @@
     url: "zhjt-gktj/tcy/cljcqs",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -26,6 +27,7 @@
     url: "zhjt-gktj/tcy/cllxfx",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -35,6 +37,28 @@
     url: "zhjt-gktj/tcy/cclyl",
     method: "post",
     data,
+    params: data
+  });
+}
+
+
+// 近1年车场收入态势
+export function getCarsIncome(data) {
+  return request({
+    url: "zhjt-gktj/tcy/ccsrts",
+    method: "post",
+    data,
+    params: data
+  });
+}
+
+// 近1年僵尸车辆趋势
+export function getZombieCar(data) {
+  return request({
+    url: "zhjt-gktj/tcy/jsclcs",
+    method: "post",
+    data,
+    params: data
   });
 }
 
diff --git a/src/pages/ywts/shms/tcy/components/cars.vue b/src/pages/ywts/shms/tcy/components/cars.vue
index ecaaf09..3317453 100644
--- a/src/pages/ywts/shms/tcy/components/cars.vue
+++ b/src/pages/ywts/shms/tcy/components/cars.vue
@@ -177,22 +177,21 @@
     // 获取数据
     fetchData(id) {
       console.log('获取到的id',id);
-
-      // getCarsInOutTrend({id}).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.in)
-      //     this.extend.series[1].data = response.data.map(item => item.out)
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
+      getCarsInOutTrend({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.in)
+          this.extend.series[1].data = res.map(item => item.out)
+          this.extend.xAxis.data = res.map(item => item.date)
+          this.myChart.setOption(this.extend, true)
+        }
+      })
       // console.log('近1月车辆进出趋势折线图初始化');
-
-      this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
-      this.extend.series[1].data = [12,234,24,2342,234,33,3]
-      this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
-      this.myChart.setOption(this.extend, true)
-
+      // -------------------假数据--------------------------------------------
+      // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
+      // this.extend.series[1].data = [12,234,24,2342,234,33,3]
+      // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
+      // this.myChart.setOption(this.extend, true)
     }
   }
 }

diff --git a/src/api/ywts/shms/tcy.js b/src/api/ywts/shms/tcy.js
index 7db59fe..8162096 100644
--- a/src/api/ywts/shms/tcy.js
+++ b/src/api/ywts/shms/tcy.js
@@ -17,6 +17,7 @@
     url: "zhjt-gktj/tcy/cljcqs",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -26,6 +27,7 @@
     url: "zhjt-gktj/tcy/cllxfx",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -35,6 +37,28 @@
     url: "zhjt-gktj/tcy/cclyl",
     method: "post",
     data,
+    params: data
+  });
+}
+
+
+// 近1年车场收入态势
+export function getCarsIncome(data) {
+  return request({
+    url: "zhjt-gktj/tcy/ccsrts",
+    method: "post",
+    data,
+    params: data
+  });
+}
+
+// 近1年僵尸车辆趋势
+export function getZombieCar(data) {
+  return request({
+    url: "zhjt-gktj/tcy/jsclcs",
+    method: "post",
+    data,
+    params: data
   });
 }
 
diff --git a/src/pages/ywts/shms/tcy/components/cars.vue b/src/pages/ywts/shms/tcy/components/cars.vue
index ecaaf09..3317453 100644
--- a/src/pages/ywts/shms/tcy/components/cars.vue
+++ b/src/pages/ywts/shms/tcy/components/cars.vue
@@ -177,22 +177,21 @@
     // 获取数据
     fetchData(id) {
       console.log('获取到的id',id);
-
-      // getCarsInOutTrend({id}).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.in)
-      //     this.extend.series[1].data = response.data.map(item => item.out)
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
+      getCarsInOutTrend({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.in)
+          this.extend.series[1].data = res.map(item => item.out)
+          this.extend.xAxis.data = res.map(item => item.date)
+          this.myChart.setOption(this.extend, true)
+        }
+      })
       // console.log('近1月车辆进出趋势折线图初始化');
-
-      this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
-      this.extend.series[1].data = [12,234,24,2342,234,33,3]
-      this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
-      this.myChart.setOption(this.extend, true)
-
+      // -------------------假数据--------------------------------------------
+      // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
+      // this.extend.series[1].data = [12,234,24,2342,234,33,3]
+      // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
+      // this.myChart.setOption(this.extend, true)
     }
   }
 }
diff --git a/src/pages/ywts/shms/tcy/components/carsRate.vue b/src/pages/ywts/shms/tcy/components/carsRate.vue
index c985e8d..b540a13 100644
--- a/src/pages/ywts/shms/tcy/components/carsRate.vue
+++ b/src/pages/ywts/shms/tcy/components/carsRate.vue
@@ -6,6 +6,7 @@
 <script>
 import * as echarts from 'echarts';
 import { automaticCarousel } from './automaticCarousel'
+import { getCarsRate } from '@/api/ywts/shms/tcy'
 export default {
   name: 'CarsType',
   data() {
@@ -193,26 +194,28 @@
       this.height = document.getElementById('caseRate-linebar').clientHeight - 10 + 'px'
       this.width = document.getElementById('caseRate-linebar').clientWidth - 10 + 'px'
       this.isShow = true
-      automaticCarousel(this.extend, this.myChart, 3000, 5)
+      automaticCarousel(this.extend, this.myChart, 3000, 7)
     },
     // 获取数据
     fetchData(id) {
-      // getMonthCaseFinished(id).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.num)
-      //     this.extend.series[1].data = response.data.map(item => item.rate.replace('%',''))
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
-      console.log('近1月车辆进出趋势折线图初始化');
-
-          this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.series[2].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-          automaticCarousel(this.extend, this.myChart, 3000, 5)
+      getCarsRate({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.rate)
+          this.extend.series[1].data = res.map(item => item.rate)
+          this.extend.series[2].data = res.map(item => item.rate)
+          this.extend.xAxis.data = res.map(item => item.date)
+          automaticCarousel(this.extend, this.myChart, 3000, 7)
           this.myChart.setOption(this.extend, true)
+        }
+      })
+      // console.log('近1月车场利用率初始化');
+      // this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[2].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      // automaticCarousel(this.extend, this.myChart, 3000, 5)
+      // this.myChart.setOption(this.extend, true)
 
     }
   }

diff --git a/src/api/ywts/shms/tcy.js b/src/api/ywts/shms/tcy.js
index 7db59fe..8162096 100644
--- a/src/api/ywts/shms/tcy.js
+++ b/src/api/ywts/shms/tcy.js
@@ -17,6 +17,7 @@
     url: "zhjt-gktj/tcy/cljcqs",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -26,6 +27,7 @@
     url: "zhjt-gktj/tcy/cllxfx",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -35,6 +37,28 @@
     url: "zhjt-gktj/tcy/cclyl",
     method: "post",
     data,
+    params: data
+  });
+}
+
+
+// 近1年车场收入态势
+export function getCarsIncome(data) {
+  return request({
+    url: "zhjt-gktj/tcy/ccsrts",
+    method: "post",
+    data,
+    params: data
+  });
+}
+
+// 近1年僵尸车辆趋势
+export function getZombieCar(data) {
+  return request({
+    url: "zhjt-gktj/tcy/jsclcs",
+    method: "post",
+    data,
+    params: data
   });
 }
 
diff --git a/src/pages/ywts/shms/tcy/components/cars.vue b/src/pages/ywts/shms/tcy/components/cars.vue
index ecaaf09..3317453 100644
--- a/src/pages/ywts/shms/tcy/components/cars.vue
+++ b/src/pages/ywts/shms/tcy/components/cars.vue
@@ -177,22 +177,21 @@
     // 获取数据
     fetchData(id) {
       console.log('获取到的id',id);
-
-      // getCarsInOutTrend({id}).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.in)
-      //     this.extend.series[1].data = response.data.map(item => item.out)
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
+      getCarsInOutTrend({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.in)
+          this.extend.series[1].data = res.map(item => item.out)
+          this.extend.xAxis.data = res.map(item => item.date)
+          this.myChart.setOption(this.extend, true)
+        }
+      })
       // console.log('近1月车辆进出趋势折线图初始化');
-
-      this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
-      this.extend.series[1].data = [12,234,24,2342,234,33,3]
-      this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
-      this.myChart.setOption(this.extend, true)
-
+      // -------------------假数据--------------------------------------------
+      // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
+      // this.extend.series[1].data = [12,234,24,2342,234,33,3]
+      // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
+      // this.myChart.setOption(this.extend, true)
     }
   }
 }
diff --git a/src/pages/ywts/shms/tcy/components/carsRate.vue b/src/pages/ywts/shms/tcy/components/carsRate.vue
index c985e8d..b540a13 100644
--- a/src/pages/ywts/shms/tcy/components/carsRate.vue
+++ b/src/pages/ywts/shms/tcy/components/carsRate.vue
@@ -6,6 +6,7 @@
 <script>
 import * as echarts from 'echarts';
 import { automaticCarousel } from './automaticCarousel'
+import { getCarsRate } from '@/api/ywts/shms/tcy'
 export default {
   name: 'CarsType',
   data() {
@@ -193,26 +194,28 @@
       this.height = document.getElementById('caseRate-linebar').clientHeight - 10 + 'px'
       this.width = document.getElementById('caseRate-linebar').clientWidth - 10 + 'px'
       this.isShow = true
-      automaticCarousel(this.extend, this.myChart, 3000, 5)
+      automaticCarousel(this.extend, this.myChart, 3000, 7)
     },
     // 获取数据
     fetchData(id) {
-      // getMonthCaseFinished(id).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.num)
-      //     this.extend.series[1].data = response.data.map(item => item.rate.replace('%',''))
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
-      console.log('近1月车辆进出趋势折线图初始化');
-
-          this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.series[2].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-          automaticCarousel(this.extend, this.myChart, 3000, 5)
+      getCarsRate({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.rate)
+          this.extend.series[1].data = res.map(item => item.rate)
+          this.extend.series[2].data = res.map(item => item.rate)
+          this.extend.xAxis.data = res.map(item => item.date)
+          automaticCarousel(this.extend, this.myChart, 3000, 7)
           this.myChart.setOption(this.extend, true)
+        }
+      })
+      // console.log('近1月车场利用率初始化');
+      // this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[2].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      // automaticCarousel(this.extend, this.myChart, 3000, 5)
+      // this.myChart.setOption(this.extend, true)
 
     }
   }
diff --git a/src/pages/ywts/shms/tcy/components/carsType.vue b/src/pages/ywts/shms/tcy/components/carsType.vue
index 5753d40..6cbb95e 100644
--- a/src/pages/ywts/shms/tcy/components/carsType.vue
+++ b/src/pages/ywts/shms/tcy/components/carsType.vue
@@ -6,6 +6,7 @@
 <script>
 import * as echarts from 'echarts';
 import { automaticCarousel } from './automaticCarousel'
+import { getCarsType } from '@/api/ywts/shms/tcy'
 const colorStops = [
   { offset: 0, color: 'rgba(206, 222, 15, 0.9)' },
   { offset: 0.5, color: 'rgba(206, 222, 15,0.9)' },
@@ -65,11 +66,26 @@
             align: 'left'  // 左对齐 tooltip 内容
           },
           formatter: function (params) {
-            let result = params.map(function (item) {
-                return '<div>' + item.marker + item.seriesName + ': ' + item.value + '</div>';
-            });
+            // let result = params.map(function (item) {
+            //   const params = `
+            //     <div>${item.axisValue}</div>
+            //     <div>${item.marker}${item.seriesName}: ${item.value}</div>
+            //   `
+            //   return params;
+            // });
+            // console.log(params, 'params');
+            let result = params
             result.pop()
-            return result.join(' ');
+            // return result.join(' ');
+            let date = result[0].axisValue; // 提取第一个日期（所有数据点日期相同）
+            let content = `<div>${date}</div>`; // 只显示一次日期
+
+            // 循环添加每个系列的数据
+            result.forEach(item => {
+              content += `<div>${item.marker}${item.seriesName}: ${item.value}</div>`;
+            });
+
+            return content;
           }
         },
         grid: {
@@ -136,7 +152,6 @@
                 }
               ])
             },
-            data: [6, 19, 116, 154, 66, 154, 148, 141, 174, 136, 114, 119]
           },
           {
             name: '新能源数量',
@@ -146,7 +161,6 @@
             symbolOffset: ['0%', '-50%'],
             symbolSize: [20, 8],
             type: 'pictorialBar',
-            data: [10, 17, 150, 125, 100, 75, 50, 75, 100, 125, 150, 175]
          },
          {
             name: '新能源数量',
@@ -159,7 +173,6 @@
                   colorStops: colorStops
                }
             },
-            data: [10, 17, 150, 125, 100, 75, 50, 75, 100, 125, 150, 175]
          }
         ]
       },
@@ -190,26 +203,28 @@
       this.height = document.getElementById('caseType-linebar').clientHeight - 10 + 'px'
       this.width = document.getElementById('caseType-linebar').clientWidth - 10 + 'px'
       this.isShow = true
-      automaticCarousel(this.extend, this.myChart, 3000, 3)
+      automaticCarousel(this.extend, this.myChart, 3000, 7)
     },
     // 获取数据
     fetchData(id) {
-      // getMonthCaseFinished(id).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.num)
-      //     this.extend.series[1].data = response.data.map(item => item.rate.replace('%',''))
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
-      console.log('近1月车辆进出趋势折线图初始化');
-
-          // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
-          // this.extend.series[1].data = [12,234,24,2342,234,33,3]
-          // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
-          this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-          automaticCarousel(this.extend, this.myChart, 3000, 5)
+      getCarsType({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.oil)
+          this.extend.series[1].data = res.map(item => item.newenergy)
+          this.extend.series[2].data = res.map(item => item.newenergy)
+          this.extend.xAxis.data = res.map(item => item.date)
+          automaticCarousel(this.extend, this.myChart, 3000, 7)
           this.myChart.setOption(this.extend, true)
+        }
+      })
+      // console.log('近1月车辆进出趋势折线图初始化');
+      // this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      // this.extend.series[0].data = [6, 19, 116, 154, 66, 154, 148, 141, 174, 136, 114, 119]
+      // this.extend.series[1].data = [6, 129, 1136, 154, 6226, 12154, 14228, 141, 1714, 136, 114, 119]
+      // this.extend.series[2].data = [6, 129, 1136, 154, 6226, 12154, 14228, 141, 1714, 136, 114, 119]
+      // automaticCarousel(this.extend, this.myChart, 3000, 5)
+      // this.myChart.setOption(this.extend, true)
 
     }
   }

diff --git a/src/api/ywts/shms/tcy.js b/src/api/ywts/shms/tcy.js
index 7db59fe..8162096 100644
--- a/src/api/ywts/shms/tcy.js
+++ b/src/api/ywts/shms/tcy.js
@@ -17,6 +17,7 @@
     url: "zhjt-gktj/tcy/cljcqs",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -26,6 +27,7 @@
     url: "zhjt-gktj/tcy/cllxfx",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -35,6 +37,28 @@
     url: "zhjt-gktj/tcy/cclyl",
     method: "post",
     data,
+    params: data
+  });
+}
+
+
+// 近1年车场收入态势
+export function getCarsIncome(data) {
+  return request({
+    url: "zhjt-gktj/tcy/ccsrts",
+    method: "post",
+    data,
+    params: data
+  });
+}
+
+// 近1年僵尸车辆趋势
+export function getZombieCar(data) {
+  return request({
+    url: "zhjt-gktj/tcy/jsclcs",
+    method: "post",
+    data,
+    params: data
   });
 }
 
diff --git a/src/pages/ywts/shms/tcy/components/cars.vue b/src/pages/ywts/shms/tcy/components/cars.vue
index ecaaf09..3317453 100644
--- a/src/pages/ywts/shms/tcy/components/cars.vue
+++ b/src/pages/ywts/shms/tcy/components/cars.vue
@@ -177,22 +177,21 @@
     // 获取数据
     fetchData(id) {
       console.log('获取到的id',id);
-
-      // getCarsInOutTrend({id}).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.in)
-      //     this.extend.series[1].data = response.data.map(item => item.out)
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
+      getCarsInOutTrend({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.in)
+          this.extend.series[1].data = res.map(item => item.out)
+          this.extend.xAxis.data = res.map(item => item.date)
+          this.myChart.setOption(this.extend, true)
+        }
+      })
       // console.log('近1月车辆进出趋势折线图初始化');
-
-      this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
-      this.extend.series[1].data = [12,234,24,2342,234,33,3]
-      this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
-      this.myChart.setOption(this.extend, true)
-
+      // -------------------假数据--------------------------------------------
+      // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
+      // this.extend.series[1].data = [12,234,24,2342,234,33,3]
+      // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
+      // this.myChart.setOption(this.extend, true)
     }
   }
 }
diff --git a/src/pages/ywts/shms/tcy/components/carsRate.vue b/src/pages/ywts/shms/tcy/components/carsRate.vue
index c985e8d..b540a13 100644
--- a/src/pages/ywts/shms/tcy/components/carsRate.vue
+++ b/src/pages/ywts/shms/tcy/components/carsRate.vue
@@ -6,6 +6,7 @@
 <script>
 import * as echarts from 'echarts';
 import { automaticCarousel } from './automaticCarousel'
+import { getCarsRate } from '@/api/ywts/shms/tcy'
 export default {
   name: 'CarsType',
   data() {
@@ -193,26 +194,28 @@
       this.height = document.getElementById('caseRate-linebar').clientHeight - 10 + 'px'
       this.width = document.getElementById('caseRate-linebar').clientWidth - 10 + 'px'
       this.isShow = true
-      automaticCarousel(this.extend, this.myChart, 3000, 5)
+      automaticCarousel(this.extend, this.myChart, 3000, 7)
     },
     // 获取数据
     fetchData(id) {
-      // getMonthCaseFinished(id).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.num)
-      //     this.extend.series[1].data = response.data.map(item => item.rate.replace('%',''))
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
-      console.log('近1月车辆进出趋势折线图初始化');
-
-          this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.series[2].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-          automaticCarousel(this.extend, this.myChart, 3000, 5)
+      getCarsRate({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.rate)
+          this.extend.series[1].data = res.map(item => item.rate)
+          this.extend.series[2].data = res.map(item => item.rate)
+          this.extend.xAxis.data = res.map(item => item.date)
+          automaticCarousel(this.extend, this.myChart, 3000, 7)
           this.myChart.setOption(this.extend, true)
+        }
+      })
+      // console.log('近1月车场利用率初始化');
+      // this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[2].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      // automaticCarousel(this.extend, this.myChart, 3000, 5)
+      // this.myChart.setOption(this.extend, true)
 
     }
   }
diff --git a/src/pages/ywts/shms/tcy/components/carsType.vue b/src/pages/ywts/shms/tcy/components/carsType.vue
index 5753d40..6cbb95e 100644
--- a/src/pages/ywts/shms/tcy/components/carsType.vue
+++ b/src/pages/ywts/shms/tcy/components/carsType.vue
@@ -6,6 +6,7 @@
 <script>
 import * as echarts from 'echarts';
 import { automaticCarousel } from './automaticCarousel'
+import { getCarsType } from '@/api/ywts/shms/tcy'
 const colorStops = [
   { offset: 0, color: 'rgba(206, 222, 15, 0.9)' },
   { offset: 0.5, color: 'rgba(206, 222, 15,0.9)' },
@@ -65,11 +66,26 @@
             align: 'left'  // 左对齐 tooltip 内容
           },
           formatter: function (params) {
-            let result = params.map(function (item) {
-                return '<div>' + item.marker + item.seriesName + ': ' + item.value + '</div>';
-            });
+            // let result = params.map(function (item) {
+            //   const params = `
+            //     <div>${item.axisValue}</div>
+            //     <div>${item.marker}${item.seriesName}: ${item.value}</div>
+            //   `
+            //   return params;
+            // });
+            // console.log(params, 'params');
+            let result = params
             result.pop()
-            return result.join(' ');
+            // return result.join(' ');
+            let date = result[0].axisValue; // 提取第一个日期（所有数据点日期相同）
+            let content = `<div>${date}</div>`; // 只显示一次日期
+
+            // 循环添加每个系列的数据
+            result.forEach(item => {
+              content += `<div>${item.marker}${item.seriesName}: ${item.value}</div>`;
+            });
+
+            return content;
           }
         },
         grid: {
@@ -136,7 +152,6 @@
                 }
               ])
             },
-            data: [6, 19, 116, 154, 66, 154, 148, 141, 174, 136, 114, 119]
           },
           {
             name: '新能源数量',
@@ -146,7 +161,6 @@
             symbolOffset: ['0%', '-50%'],
             symbolSize: [20, 8],
             type: 'pictorialBar',
-            data: [10, 17, 150, 125, 100, 75, 50, 75, 100, 125, 150, 175]
          },
          {
             name: '新能源数量',
@@ -159,7 +173,6 @@
                   colorStops: colorStops
                }
             },
-            data: [10, 17, 150, 125, 100, 75, 50, 75, 100, 125, 150, 175]
          }
         ]
       },
@@ -190,26 +203,28 @@
       this.height = document.getElementById('caseType-linebar').clientHeight - 10 + 'px'
       this.width = document.getElementById('caseType-linebar').clientWidth - 10 + 'px'
       this.isShow = true
-      automaticCarousel(this.extend, this.myChart, 3000, 3)
+      automaticCarousel(this.extend, this.myChart, 3000, 7)
     },
     // 获取数据
     fetchData(id) {
-      // getMonthCaseFinished(id).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.num)
-      //     this.extend.series[1].data = response.data.map(item => item.rate.replace('%',''))
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
-      console.log('近1月车辆进出趋势折线图初始化');
-
-          // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
-          // this.extend.series[1].data = [12,234,24,2342,234,33,3]
-          // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
-          this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-          automaticCarousel(this.extend, this.myChart, 3000, 5)
+      getCarsType({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.oil)
+          this.extend.series[1].data = res.map(item => item.newenergy)
+          this.extend.series[2].data = res.map(item => item.newenergy)
+          this.extend.xAxis.data = res.map(item => item.date)
+          automaticCarousel(this.extend, this.myChart, 3000, 7)
           this.myChart.setOption(this.extend, true)
+        }
+      })
+      // console.log('近1月车辆进出趋势折线图初始化');
+      // this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      // this.extend.series[0].data = [6, 19, 116, 154, 66, 154, 148, 141, 174, 136, 114, 119]
+      // this.extend.series[1].data = [6, 129, 1136, 154, 6226, 12154, 14228, 141, 1714, 136, 114, 119]
+      // this.extend.series[2].data = [6, 129, 1136, 154, 6226, 12154, 14228, 141, 1714, 136, 114, 119]
+      // automaticCarousel(this.extend, this.myChart, 3000, 5)
+      // this.myChart.setOption(this.extend, true)
 
     }
   }
diff --git a/src/pages/ywts/shms/tcy/components/income.vue b/src/pages/ywts/shms/tcy/components/income.vue
new file mode 100644
index 0000000..b870353
--- /dev/null
+++ b/src/pages/ywts/shms/tcy/components/income.vue
@@ -0,0 +1,177 @@
+<!-- 近一年车场收入趋势 -->
+<template>
+  <div id="income-line" class="container"/>
+</template>
+
+<script>
+
+import * as echarts from 'echarts';
+import { getCarsIncome } from '@/api/ywts/shms/tcy'
+export default {
+  name: 'CaseLineBar',
+  data() {
+    return {
+      isShow: true,
+      myChart: null,
+      height: '0',
+      width: '0',
+      chartSettings: {
+        labelMap: { date: '时间' },
+        metrics: [],
+        dimension: ['date']
+      },
+      extend: {
+        color: ['#0071ff88', '#00afff88', '#00fdc088'],
+        legend: {
+          textStyle: {
+            color: '#cce9ff',
+            fontWeight: 'bold'
+          },
+          lineStyle: {
+            width: 10
+          },
+          data: ['收入'],
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#092647',  // 修改背景颜色
+              borderColor: '#404a59',      // 修改边框颜色
+              borderWidth: 1,
+              textStyle: {
+                color: '#ffffff',          // 修改文本颜色
+                fontSize: 12
+              }
+            }
+          },
+          textStyle: {
+            align: 'left'  // 左对齐 tooltip 内容
+          }
+        },
+        grid: {
+          left: '5%',
+          right: '5%',
+          bottom: '10%',
+          top: '15%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          axisLine: {
+            lineStyle: {
+              color: '#cce9ff'
+            }
+          },
+          axisLabel: {
+            color: '#cce9ff'
+          }
+        },
+        yAxis: [
+          {
+            name: '',
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#cce9ff'
+              }
+            },
+            axisLabel: {
+              color: '#cce9ff'
+            },
+            nameTextStyle: {
+              color: '#cce9ff',
+              fontSize: 14,
+              verticalAlign: 'middle',
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: ['#c8d0da'],
+                type: 'dashed',
+              },
+            },
+          },
+        ],
+        series: [
+          {
+            name: '收入',
+            type: 'line',
+            symbol: 'circle',
+            // showSymbol: false,
+            symbolSize: 3,
+            smooth: true, // 添加平滑效果
+            color: '#a708dc',
+            areaStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0.5,
+                  color: '#a708dc',
+                },
+                {
+                  offset: 1,
+                  color: 'rgba(10,25,124,0.2)'
+                }
+              ])
+            },
+          },
+        ]
+      },
+      chartData: {
+        columns: [],
+        rows: []
+      }
+    }
+  },
+  mounted() {
+    this.myChart = echarts.init(document.getElementById('income-line'))
+    this.height = document.getElementById('income-line').clientHeight - 40 + 'px'
+    this.width = document.getElementById('income-line').clientWidth - 10 + 'px'
+    const that = this
+    window.addEventListener('resize', function() {
+      if(!document.getElementById('income-line')) {
+        return
+      }
+      that.reload()
+    })
+
+  },
+
+  methods: {
+    async reload() {
+      this.isShow = false
+      await this.$nextTick()
+      this.height = document.getElementById('income-line').clientHeight - 10 + 'px'
+      this.width = document.getElementById('income-line').clientWidth - 10 + 'px'
+      this.isShow = true
+    },
+    // 获取数据
+    fetchData(id) {
+      console.log('获取到的id',id);
+
+      getCarsIncome({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 12)
+          this.extend.series[0].data = res.map(item => item.income)
+          this.extend.xAxis.data = res.map(item => item.month)
+          this.myChart.setOption(this.extend, true)
+        }
+      })
+      console.log('近1年车场收入态势初始化');
+
+      // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
+      // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
+      // this.myChart.setOption(this.extend, true)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.container{
+  position:relative;
+  width: 100%;
+  height:100%;
+}
+</style>
+

diff --git a/src/api/ywts/shms/tcy.js b/src/api/ywts/shms/tcy.js
index 7db59fe..8162096 100644
--- a/src/api/ywts/shms/tcy.js
+++ b/src/api/ywts/shms/tcy.js
@@ -17,6 +17,7 @@
     url: "zhjt-gktj/tcy/cljcqs",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -26,6 +27,7 @@
     url: "zhjt-gktj/tcy/cllxfx",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -35,6 +37,28 @@
     url: "zhjt-gktj/tcy/cclyl",
     method: "post",
     data,
+    params: data
+  });
+}
+
+
+// 近1年车场收入态势
+export function getCarsIncome(data) {
+  return request({
+    url: "zhjt-gktj/tcy/ccsrts",
+    method: "post",
+    data,
+    params: data
+  });
+}
+
+// 近1年僵尸车辆趋势
+export function getZombieCar(data) {
+  return request({
+    url: "zhjt-gktj/tcy/jsclcs",
+    method: "post",
+    data,
+    params: data
   });
 }
 
diff --git a/src/pages/ywts/shms/tcy/components/cars.vue b/src/pages/ywts/shms/tcy/components/cars.vue
index ecaaf09..3317453 100644
--- a/src/pages/ywts/shms/tcy/components/cars.vue
+++ b/src/pages/ywts/shms/tcy/components/cars.vue
@@ -177,22 +177,21 @@
     // 获取数据
     fetchData(id) {
       console.log('获取到的id',id);
-
-      // getCarsInOutTrend({id}).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.in)
-      //     this.extend.series[1].data = response.data.map(item => item.out)
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
+      getCarsInOutTrend({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.in)
+          this.extend.series[1].data = res.map(item => item.out)
+          this.extend.xAxis.data = res.map(item => item.date)
+          this.myChart.setOption(this.extend, true)
+        }
+      })
       // console.log('近1月车辆进出趋势折线图初始化');
-
-      this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
-      this.extend.series[1].data = [12,234,24,2342,234,33,3]
-      this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
-      this.myChart.setOption(this.extend, true)
-
+      // -------------------假数据--------------------------------------------
+      // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
+      // this.extend.series[1].data = [12,234,24,2342,234,33,3]
+      // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
+      // this.myChart.setOption(this.extend, true)
     }
   }
 }
diff --git a/src/pages/ywts/shms/tcy/components/carsRate.vue b/src/pages/ywts/shms/tcy/components/carsRate.vue
index c985e8d..b540a13 100644
--- a/src/pages/ywts/shms/tcy/components/carsRate.vue
+++ b/src/pages/ywts/shms/tcy/components/carsRate.vue
@@ -6,6 +6,7 @@
 <script>
 import * as echarts from 'echarts';
 import { automaticCarousel } from './automaticCarousel'
+import { getCarsRate } from '@/api/ywts/shms/tcy'
 export default {
   name: 'CarsType',
   data() {
@@ -193,26 +194,28 @@
       this.height = document.getElementById('caseRate-linebar').clientHeight - 10 + 'px'
       this.width = document.getElementById('caseRate-linebar').clientWidth - 10 + 'px'
       this.isShow = true
-      automaticCarousel(this.extend, this.myChart, 3000, 5)
+      automaticCarousel(this.extend, this.myChart, 3000, 7)
     },
     // 获取数据
     fetchData(id) {
-      // getMonthCaseFinished(id).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.num)
-      //     this.extend.series[1].data = response.data.map(item => item.rate.replace('%',''))
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
-      console.log('近1月车辆进出趋势折线图初始化');
-
-          this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.series[2].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-          automaticCarousel(this.extend, this.myChart, 3000, 5)
+      getCarsRate({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.rate)
+          this.extend.series[1].data = res.map(item => item.rate)
+          this.extend.series[2].data = res.map(item => item.rate)
+          this.extend.xAxis.data = res.map(item => item.date)
+          automaticCarousel(this.extend, this.myChart, 3000, 7)
           this.myChart.setOption(this.extend, true)
+        }
+      })
+      // console.log('近1月车场利用率初始化');
+      // this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[2].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      // automaticCarousel(this.extend, this.myChart, 3000, 5)
+      // this.myChart.setOption(this.extend, true)
 
     }
   }
diff --git a/src/pages/ywts/shms/tcy/components/carsType.vue b/src/pages/ywts/shms/tcy/components/carsType.vue
index 5753d40..6cbb95e 100644
--- a/src/pages/ywts/shms/tcy/components/carsType.vue
+++ b/src/pages/ywts/shms/tcy/components/carsType.vue
@@ -6,6 +6,7 @@
 <script>
 import * as echarts from 'echarts';
 import { automaticCarousel } from './automaticCarousel'
+import { getCarsType } from '@/api/ywts/shms/tcy'
 const colorStops = [
   { offset: 0, color: 'rgba(206, 222, 15, 0.9)' },
   { offset: 0.5, color: 'rgba(206, 222, 15,0.9)' },
@@ -65,11 +66,26 @@
             align: 'left'  // 左对齐 tooltip 内容
           },
           formatter: function (params) {
-            let result = params.map(function (item) {
-                return '<div>' + item.marker + item.seriesName + ': ' + item.value + '</div>';
-            });
+            // let result = params.map(function (item) {
+            //   const params = `
+            //     <div>${item.axisValue}</div>
+            //     <div>${item.marker}${item.seriesName}: ${item.value}</div>
+            //   `
+            //   return params;
+            // });
+            // console.log(params, 'params');
+            let result = params
             result.pop()
-            return result.join(' ');
+            // return result.join(' ');
+            let date = result[0].axisValue; // 提取第一个日期（所有数据点日期相同）
+            let content = `<div>${date}</div>`; // 只显示一次日期
+
+            // 循环添加每个系列的数据
+            result.forEach(item => {
+              content += `<div>${item.marker}${item.seriesName}: ${item.value}</div>`;
+            });
+
+            return content;
           }
         },
         grid: {
@@ -136,7 +152,6 @@
                 }
               ])
             },
-            data: [6, 19, 116, 154, 66, 154, 148, 141, 174, 136, 114, 119]
           },
           {
             name: '新能源数量',
@@ -146,7 +161,6 @@
             symbolOffset: ['0%', '-50%'],
             symbolSize: [20, 8],
             type: 'pictorialBar',
-            data: [10, 17, 150, 125, 100, 75, 50, 75, 100, 125, 150, 175]
          },
          {
             name: '新能源数量',
@@ -159,7 +173,6 @@
                   colorStops: colorStops
                }
             },
-            data: [10, 17, 150, 125, 100, 75, 50, 75, 100, 125, 150, 175]
          }
         ]
       },
@@ -190,26 +203,28 @@
       this.height = document.getElementById('caseType-linebar').clientHeight - 10 + 'px'
       this.width = document.getElementById('caseType-linebar').clientWidth - 10 + 'px'
       this.isShow = true
-      automaticCarousel(this.extend, this.myChart, 3000, 3)
+      automaticCarousel(this.extend, this.myChart, 3000, 7)
     },
     // 获取数据
     fetchData(id) {
-      // getMonthCaseFinished(id).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.num)
-      //     this.extend.series[1].data = response.data.map(item => item.rate.replace('%',''))
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
-      console.log('近1月车辆进出趋势折线图初始化');
-
-          // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
-          // this.extend.series[1].data = [12,234,24,2342,234,33,3]
-          // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
-          this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-          automaticCarousel(this.extend, this.myChart, 3000, 5)
+      getCarsType({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.oil)
+          this.extend.series[1].data = res.map(item => item.newenergy)
+          this.extend.series[2].data = res.map(item => item.newenergy)
+          this.extend.xAxis.data = res.map(item => item.date)
+          automaticCarousel(this.extend, this.myChart, 3000, 7)
           this.myChart.setOption(this.extend, true)
+        }
+      })
+      // console.log('近1月车辆进出趋势折线图初始化');
+      // this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      // this.extend.series[0].data = [6, 19, 116, 154, 66, 154, 148, 141, 174, 136, 114, 119]
+      // this.extend.series[1].data = [6, 129, 1136, 154, 6226, 12154, 14228, 141, 1714, 136, 114, 119]
+      // this.extend.series[2].data = [6, 129, 1136, 154, 6226, 12154, 14228, 141, 1714, 136, 114, 119]
+      // automaticCarousel(this.extend, this.myChart, 3000, 5)
+      // this.myChart.setOption(this.extend, true)
 
     }
   }
diff --git a/src/pages/ywts/shms/tcy/components/income.vue b/src/pages/ywts/shms/tcy/components/income.vue
new file mode 100644
index 0000000..b870353
--- /dev/null
+++ b/src/pages/ywts/shms/tcy/components/income.vue
@@ -0,0 +1,177 @@
+<!-- 近一年车场收入趋势 -->
+<template>
+  <div id="income-line" class="container"/>
+</template>
+
+<script>
+
+import * as echarts from 'echarts';
+import { getCarsIncome } from '@/api/ywts/shms/tcy'
+export default {
+  name: 'CaseLineBar',
+  data() {
+    return {
+      isShow: true,
+      myChart: null,
+      height: '0',
+      width: '0',
+      chartSettings: {
+        labelMap: { date: '时间' },
+        metrics: [],
+        dimension: ['date']
+      },
+      extend: {
+        color: ['#0071ff88', '#00afff88', '#00fdc088'],
+        legend: {
+          textStyle: {
+            color: '#cce9ff',
+            fontWeight: 'bold'
+          },
+          lineStyle: {
+            width: 10
+          },
+          data: ['收入'],
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#092647',  // 修改背景颜色
+              borderColor: '#404a59',      // 修改边框颜色
+              borderWidth: 1,
+              textStyle: {
+                color: '#ffffff',          // 修改文本颜色
+                fontSize: 12
+              }
+            }
+          },
+          textStyle: {
+            align: 'left'  // 左对齐 tooltip 内容
+          }
+        },
+        grid: {
+          left: '5%',
+          right: '5%',
+          bottom: '10%',
+          top: '15%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          axisLine: {
+            lineStyle: {
+              color: '#cce9ff'
+            }
+          },
+          axisLabel: {
+            color: '#cce9ff'
+          }
+        },
+        yAxis: [
+          {
+            name: '',
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#cce9ff'
+              }
+            },
+            axisLabel: {
+              color: '#cce9ff'
+            },
+            nameTextStyle: {
+              color: '#cce9ff',
+              fontSize: 14,
+              verticalAlign: 'middle',
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: ['#c8d0da'],
+                type: 'dashed',
+              },
+            },
+          },
+        ],
+        series: [
+          {
+            name: '收入',
+            type: 'line',
+            symbol: 'circle',
+            // showSymbol: false,
+            symbolSize: 3,
+            smooth: true, // 添加平滑效果
+            color: '#a708dc',
+            areaStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0.5,
+                  color: '#a708dc',
+                },
+                {
+                  offset: 1,
+                  color: 'rgba(10,25,124,0.2)'
+                }
+              ])
+            },
+          },
+        ]
+      },
+      chartData: {
+        columns: [],
+        rows: []
+      }
+    }
+  },
+  mounted() {
+    this.myChart = echarts.init(document.getElementById('income-line'))
+    this.height = document.getElementById('income-line').clientHeight - 40 + 'px'
+    this.width = document.getElementById('income-line').clientWidth - 10 + 'px'
+    const that = this
+    window.addEventListener('resize', function() {
+      if(!document.getElementById('income-line')) {
+        return
+      }
+      that.reload()
+    })
+
+  },
+
+  methods: {
+    async reload() {
+      this.isShow = false
+      await this.$nextTick()
+      this.height = document.getElementById('income-line').clientHeight - 10 + 'px'
+      this.width = document.getElementById('income-line').clientWidth - 10 + 'px'
+      this.isShow = true
+    },
+    // 获取数据
+    fetchData(id) {
+      console.log('获取到的id',id);
+
+      getCarsIncome({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 12)
+          this.extend.series[0].data = res.map(item => item.income)
+          this.extend.xAxis.data = res.map(item => item.month)
+          this.myChart.setOption(this.extend, true)
+        }
+      })
+      console.log('近1年车场收入态势初始化');
+
+      // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
+      // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
+      // this.myChart.setOption(this.extend, true)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.container{
+  position:relative;
+  width: 100%;
+  height:100%;
+}
+</style>
+
diff --git a/src/pages/ywts/shms/tcy/components/zombieCar.vue b/src/pages/ywts/shms/tcy/components/zombieCar.vue
new file mode 100644
index 0000000..96b756b
--- /dev/null
+++ b/src/pages/ywts/shms/tcy/components/zombieCar.vue
@@ -0,0 +1,286 @@
+<!-- 近一年车场僵尸车辆趋势 -->
+<template>
+  <div id="zombieCar-bar" class="container"/>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+import { automaticCarousel } from './automaticCarousel'
+import { getZombieCar } from '@/api/ywts/shms/tcy'
+// 绘制左侧面
+const CubeLeft = echarts.graphic.extendShape({
+   shape: {
+      x: 0,
+      y: 0
+   },
+   buildPath: function (ctx, shape) {
+      const xAxisPoint = shape.xAxisPoint;
+      const c0 = [shape.x, shape.y];
+      const c1 = [shape.x - 8, shape.y - 8];
+      const c2 = [xAxisPoint[0] - 8, xAxisPoint[1] - 8];
+      const c3 = [xAxisPoint[0], xAxisPoint[1]];
+      ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath();
+   }
+});
+// 绘制右侧面
+const CubeRight = echarts.graphic.extendShape({
+   shape: {
+      x: 0,
+      y: 0
+   },
+   buildPath: function (ctx, shape) {
+      const xAxisPoint = shape.xAxisPoint;
+      const c1 = [shape.x, shape.y];
+      const c2 = [xAxisPoint[0], xAxisPoint[1]];
+      const c3 = [xAxisPoint[0] + 13, xAxisPoint[1] - 4];
+      const c4 = [shape.x + 13, shape.y - 4];
+      ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath();
+   }
+});
+// 绘制顶面
+const CubeTop = echarts.graphic.extendShape({
+   shape: {
+      x: 0,
+      y: 0
+   },
+   buildPath: function (ctx, shape) {
+      const c1 = [shape.x, shape.y];
+      const c2 = [shape.x + 13, shape.y - 4];
+      const c3 = [shape.x + 5, shape.y - 12];
+      const c4 = [shape.x - 8, shape.y - 8];
+      ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath();
+   }
+});
+// 注册三个面图形
+echarts.graphic.registerShape('CubeLeft', CubeLeft);
+echarts.graphic.registerShape('CubeRight', CubeRight);
+echarts.graphic.registerShape('CubeTop', CubeTop);
+export default {
+  name: 'ZombieCar',
+  data() {
+    return {
+      isShow: true,
+      myChart: null,
+      height: '0',
+      width: '0',
+      extend: {
+        color: ['#CEDE0F'],
+        legend: {
+          show: false,
+          textStyle: {
+            color: '#cce9ff',
+            fontWeight: 'bold'
+          },
+          lineStyle: {
+            width: 10
+          },
+          data: ['僵尸车辆趋势'],
+        },
+        dataZoom: [
+          // 滑动条
+          {
+            xAxisIndex: 0, // 这里是从X轴的0刻度开始
+            show: false, // 是否显示滑动条，不影响使用
+            type: 'inside', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
+            startValue: 0, // 开始位置。
+            endValue: 1, // 一次性展示几个。（如果startValue设定为0，那么页面展示数就是endValue+1，比如此例页面展示2个）
+          },
+        ],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#092647',  // 修改背景颜色
+              borderColor: '#404a59',      // 修改边框颜色
+              borderWidth: 1,
+              textStyle: {
+                color: '#ffffff',          // 修改文本颜色
+                fontSize: 12
+              }
+            }
+          },
+          textStyle: {
+            align: 'left'  // 左对齐 tooltip 内容
+          },
+        },
+        grid: {
+          left: '5%',
+          right: '5%',
+          bottom: '10%',
+          top: '15%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          axisLine: {
+            lineStyle: {
+              color: '#cce9ff'
+            }
+          },
+          axisLabel: {
+            color: '#cce9ff'
+          }
+        },
+        yAxis: [
+          {
+            name: '',
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#cce9ff'
+              }
+            },
+            axisLabel: {
+              color: '#cce9ff'
+            },
+            nameTextStyle: {
+              color: '#cce9ff',
+              fontSize: 14,
+              verticalAlign: 'middle',
+            },
+            splitLine: {
+              show: false,
+              lineStyle: {
+                color: ['#c8d0da'],
+                type: 'dashed',
+              },
+            },
+            axisTick: { show: false },
+          },
+        ],
+        series: [
+          {
+            type: 'bar',
+            label: {
+                normal: {
+                  show: true,
+                  position: 'top',
+                  fontSize: 15,
+                  fontWeight: 'bold',
+                  color: '#fa7341',
+                  offset: [0, -10]
+                }
+            },
+            tooltip: {
+                show: false
+            },
+            itemStyle: {
+                color: 'transparent'
+            },
+          },
+          {
+            type: 'custom',
+            renderItem: (params, api) => {
+                const location = api.coord([api.value(0), api.value(1)]);
+                return {
+                  type: 'group',
+                  children: [
+                      {
+                        type: 'CubeLeft',
+                        shape: {
+                            api,
+                            xValue: api.value(0),
+                            yValue: api.value(1),
+                            x: location[0],
+                            y: location[1],
+                            xAxisPoint: api.coord([api.value(0), 0])
+                        },
+                        style: {
+                          fill: '#fa7341'
+                        }
+                      },
+                      {
+                        type: 'CubeRight',
+                        shape: {
+                            api,
+                            xValue: api.value(0),
+                            yValue: api.value(1),
+                            x: location[0],
+                            y: location[1],
+                            xAxisPoint: api.coord([api.value(0), 0])
+                        },
+                        style: {
+                            fill: '#f33b0d'
+                        }
+                      },
+                      {
+                        type: 'CubeTop',
+                        shape: {
+                            api,
+                            xValue: api.value(0),
+                            yValue: api.value(1),
+                            x: location[0],
+                            y: location[1],
+                            xAxisPoint: api.coord([api.value(0), 0])
+                        },
+                        style: {
+                          fill: '#f89771'
+                        }
+                      }
+                  ]
+                };
+            },
+          }
+        ]
+      },
+      chartData: {
+        columns: [],
+        rows: []
+      }
+    }
+  },
+  mounted() {
+    this.myChart = echarts.init(document.getElementById('zombieCar-bar'))
+    this.height = document.getElementById('zombieCar-bar').clientHeight - 40 + 'px'
+    this.width = document.getElementById('zombieCar-bar').clientWidth - 10 + 'px'
+    const that = this
+    window.addEventListener('resize', function() {
+      if(!document.getElementById('zombieCar-bar')) {
+        return
+      }
+      that.reload()
+    })
+
+  },
+
+  methods: {
+    async reload() {
+      this.isShow = false
+      await this.$nextTick()
+      this.height = document.getElementById('zombieCar-bar').clientHeight - 10 + 'px'
+      this.width = document.getElementById('zombieCar-bar').clientWidth - 10 + 'px'
+      this.isShow = true
+      automaticCarousel(this.extend, this.myChart, 3000, 7)
+    },
+    // 获取数据
+    fetchData(id) {
+      getZombieCar({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 12)
+          this.extend.series[0].data = res.map(item => item.num)
+          this.extend.series[1].data = res.map(item => item.num)
+          this.extend.xAxis.data = res.map(item => item.month)
+          automaticCarousel(this.extend, this.myChart, 3000, 7)
+          this.myChart.setOption(this.extend, true)
+        }
+      })
+      // console.log('近1月车辆进出趋势折线图初始化');
+      // this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      // automaticCarousel(this.extend, this.myChart, 3000, 7)
+      // this.myChart.setOption(this.extend, true)
+
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.container{
+  position:relative;
+  width: 100%;
+  height:100%;
+}
+</style>
+

diff --git a/src/api/ywts/shms/tcy.js b/src/api/ywts/shms/tcy.js
index 7db59fe..8162096 100644
--- a/src/api/ywts/shms/tcy.js
+++ b/src/api/ywts/shms/tcy.js
@@ -17,6 +17,7 @@
     url: "zhjt-gktj/tcy/cljcqs",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -26,6 +27,7 @@
     url: "zhjt-gktj/tcy/cllxfx",
     method: "post",
     data,
+    params: data
   });
 }
 
@@ -35,6 +37,28 @@
     url: "zhjt-gktj/tcy/cclyl",
     method: "post",
     data,
+    params: data
+  });
+}
+
+
+// 近1年车场收入态势
+export function getCarsIncome(data) {
+  return request({
+    url: "zhjt-gktj/tcy/ccsrts",
+    method: "post",
+    data,
+    params: data
+  });
+}
+
+// 近1年僵尸车辆趋势
+export function getZombieCar(data) {
+  return request({
+    url: "zhjt-gktj/tcy/jsclcs",
+    method: "post",
+    data,
+    params: data
   });
 }
 
diff --git a/src/pages/ywts/shms/tcy/components/cars.vue b/src/pages/ywts/shms/tcy/components/cars.vue
index ecaaf09..3317453 100644
--- a/src/pages/ywts/shms/tcy/components/cars.vue
+++ b/src/pages/ywts/shms/tcy/components/cars.vue
@@ -177,22 +177,21 @@
     // 获取数据
     fetchData(id) {
       console.log('获取到的id',id);
-
-      // getCarsInOutTrend({id}).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.in)
-      //     this.extend.series[1].data = response.data.map(item => item.out)
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
+      getCarsInOutTrend({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.in)
+          this.extend.series[1].data = res.map(item => item.out)
+          this.extend.xAxis.data = res.map(item => item.date)
+          this.myChart.setOption(this.extend, true)
+        }
+      })
       // console.log('近1月车辆进出趋势折线图初始化');
-
-      this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
-      this.extend.series[1].data = [12,234,24,2342,234,33,3]
-      this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
-      this.myChart.setOption(this.extend, true)
-
+      // -------------------假数据--------------------------------------------
+      // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
+      // this.extend.series[1].data = [12,234,24,2342,234,33,3]
+      // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
+      // this.myChart.setOption(this.extend, true)
     }
   }
 }
diff --git a/src/pages/ywts/shms/tcy/components/carsRate.vue b/src/pages/ywts/shms/tcy/components/carsRate.vue
index c985e8d..b540a13 100644
--- a/src/pages/ywts/shms/tcy/components/carsRate.vue
+++ b/src/pages/ywts/shms/tcy/components/carsRate.vue
@@ -6,6 +6,7 @@
 <script>
 import * as echarts from 'echarts';
 import { automaticCarousel } from './automaticCarousel'
+import { getCarsRate } from '@/api/ywts/shms/tcy'
 export default {
   name: 'CarsType',
   data() {
@@ -193,26 +194,28 @@
       this.height = document.getElementById('caseRate-linebar').clientHeight - 10 + 'px'
       this.width = document.getElementById('caseRate-linebar').clientWidth - 10 + 'px'
       this.isShow = true
-      automaticCarousel(this.extend, this.myChart, 3000, 5)
+      automaticCarousel(this.extend, this.myChart, 3000, 7)
     },
     // 获取数据
     fetchData(id) {
-      // getMonthCaseFinished(id).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.num)
-      //     this.extend.series[1].data = response.data.map(item => item.rate.replace('%',''))
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
-      console.log('近1月车辆进出趋势折线图初始化');
-
-          this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.series[2].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
-          this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-          automaticCarousel(this.extend, this.myChart, 3000, 5)
+      getCarsRate({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.rate)
+          this.extend.series[1].data = res.map(item => item.rate)
+          this.extend.series[2].data = res.map(item => item.rate)
+          this.extend.xAxis.data = res.map(item => item.date)
+          automaticCarousel(this.extend, this.myChart, 3000, 7)
           this.myChart.setOption(this.extend, true)
+        }
+      })
+      // console.log('近1月车场利用率初始化');
+      // this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[2].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      // automaticCarousel(this.extend, this.myChart, 3000, 5)
+      // this.myChart.setOption(this.extend, true)
 
     }
   }
diff --git a/src/pages/ywts/shms/tcy/components/carsType.vue b/src/pages/ywts/shms/tcy/components/carsType.vue
index 5753d40..6cbb95e 100644
--- a/src/pages/ywts/shms/tcy/components/carsType.vue
+++ b/src/pages/ywts/shms/tcy/components/carsType.vue
@@ -6,6 +6,7 @@
 <script>
 import * as echarts from 'echarts';
 import { automaticCarousel } from './automaticCarousel'
+import { getCarsType } from '@/api/ywts/shms/tcy'
 const colorStops = [
   { offset: 0, color: 'rgba(206, 222, 15, 0.9)' },
   { offset: 0.5, color: 'rgba(206, 222, 15,0.9)' },
@@ -65,11 +66,26 @@
             align: 'left'  // 左对齐 tooltip 内容
           },
           formatter: function (params) {
-            let result = params.map(function (item) {
-                return '<div>' + item.marker + item.seriesName + ': ' + item.value + '</div>';
-            });
+            // let result = params.map(function (item) {
+            //   const params = `
+            //     <div>${item.axisValue}</div>
+            //     <div>${item.marker}${item.seriesName}: ${item.value}</div>
+            //   `
+            //   return params;
+            // });
+            // console.log(params, 'params');
+            let result = params
             result.pop()
-            return result.join(' ');
+            // return result.join(' ');
+            let date = result[0].axisValue; // 提取第一个日期（所有数据点日期相同）
+            let content = `<div>${date}</div>`; // 只显示一次日期
+
+            // 循环添加每个系列的数据
+            result.forEach(item => {
+              content += `<div>${item.marker}${item.seriesName}: ${item.value}</div>`;
+            });
+
+            return content;
           }
         },
         grid: {
@@ -136,7 +152,6 @@
                 }
               ])
             },
-            data: [6, 19, 116, 154, 66, 154, 148, 141, 174, 136, 114, 119]
           },
           {
             name: '新能源数量',
@@ -146,7 +161,6 @@
             symbolOffset: ['0%', '-50%'],
             symbolSize: [20, 8],
             type: 'pictorialBar',
-            data: [10, 17, 150, 125, 100, 75, 50, 75, 100, 125, 150, 175]
          },
          {
             name: '新能源数量',
@@ -159,7 +173,6 @@
                   colorStops: colorStops
                }
             },
-            data: [10, 17, 150, 125, 100, 75, 50, 75, 100, 125, 150, 175]
          }
         ]
       },
@@ -190,26 +203,28 @@
       this.height = document.getElementById('caseType-linebar').clientHeight - 10 + 'px'
       this.width = document.getElementById('caseType-linebar').clientWidth - 10 + 'px'
       this.isShow = true
-      automaticCarousel(this.extend, this.myChart, 3000, 3)
+      automaticCarousel(this.extend, this.myChart, 3000, 7)
     },
     // 获取数据
     fetchData(id) {
-      // getMonthCaseFinished(id).then(response => {
-      //   if (response.code === 200) {
-      //     this.extend.series[0].data = response.data.map(item => item.num)
-      //     this.extend.series[1].data = response.data.map(item => item.rate.replace('%',''))
-      //     this.extend.xAxis.data = response.data.map(item => item.date)
-      //     this.myChart.setOption(this.extend, true)
-      //   }
-      // })
-      console.log('近1月车辆进出趋势折线图初始化');
-
-          // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
-          // this.extend.series[1].data = [12,234,24,2342,234,33,3]
-          // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
-          this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-          automaticCarousel(this.extend, this.myChart, 3000, 5)
+      getCarsType({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 31)
+          this.extend.series[0].data = res.map(item => item.oil)
+          this.extend.series[1].data = res.map(item => item.newenergy)
+          this.extend.series[2].data = res.map(item => item.newenergy)
+          this.extend.xAxis.data = res.map(item => item.date)
+          automaticCarousel(this.extend, this.myChart, 3000, 7)
           this.myChart.setOption(this.extend, true)
+        }
+      })
+      // console.log('近1月车辆进出趋势折线图初始化');
+      // this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      // this.extend.series[0].data = [6, 19, 116, 154, 66, 154, 148, 141, 174, 136, 114, 119]
+      // this.extend.series[1].data = [6, 129, 1136, 154, 6226, 12154, 14228, 141, 1714, 136, 114, 119]
+      // this.extend.series[2].data = [6, 129, 1136, 154, 6226, 12154, 14228, 141, 1714, 136, 114, 119]
+      // automaticCarousel(this.extend, this.myChart, 3000, 5)
+      // this.myChart.setOption(this.extend, true)
 
     }
   }
diff --git a/src/pages/ywts/shms/tcy/components/income.vue b/src/pages/ywts/shms/tcy/components/income.vue
new file mode 100644
index 0000000..b870353
--- /dev/null
+++ b/src/pages/ywts/shms/tcy/components/income.vue
@@ -0,0 +1,177 @@
+<!-- 近一年车场收入趋势 -->
+<template>
+  <div id="income-line" class="container"/>
+</template>
+
+<script>
+
+import * as echarts from 'echarts';
+import { getCarsIncome } from '@/api/ywts/shms/tcy'
+export default {
+  name: 'CaseLineBar',
+  data() {
+    return {
+      isShow: true,
+      myChart: null,
+      height: '0',
+      width: '0',
+      chartSettings: {
+        labelMap: { date: '时间' },
+        metrics: [],
+        dimension: ['date']
+      },
+      extend: {
+        color: ['#0071ff88', '#00afff88', '#00fdc088'],
+        legend: {
+          textStyle: {
+            color: '#cce9ff',
+            fontWeight: 'bold'
+          },
+          lineStyle: {
+            width: 10
+          },
+          data: ['收入'],
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#092647',  // 修改背景颜色
+              borderColor: '#404a59',      // 修改边框颜色
+              borderWidth: 1,
+              textStyle: {
+                color: '#ffffff',          // 修改文本颜色
+                fontSize: 12
+              }
+            }
+          },
+          textStyle: {
+            align: 'left'  // 左对齐 tooltip 内容
+          }
+        },
+        grid: {
+          left: '5%',
+          right: '5%',
+          bottom: '10%',
+          top: '15%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          axisLine: {
+            lineStyle: {
+              color: '#cce9ff'
+            }
+          },
+          axisLabel: {
+            color: '#cce9ff'
+          }
+        },
+        yAxis: [
+          {
+            name: '',
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#cce9ff'
+              }
+            },
+            axisLabel: {
+              color: '#cce9ff'
+            },
+            nameTextStyle: {
+              color: '#cce9ff',
+              fontSize: 14,
+              verticalAlign: 'middle',
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: ['#c8d0da'],
+                type: 'dashed',
+              },
+            },
+          },
+        ],
+        series: [
+          {
+            name: '收入',
+            type: 'line',
+            symbol: 'circle',
+            // showSymbol: false,
+            symbolSize: 3,
+            smooth: true, // 添加平滑效果
+            color: '#a708dc',
+            areaStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0.5,
+                  color: '#a708dc',
+                },
+                {
+                  offset: 1,
+                  color: 'rgba(10,25,124,0.2)'
+                }
+              ])
+            },
+          },
+        ]
+      },
+      chartData: {
+        columns: [],
+        rows: []
+      }
+    }
+  },
+  mounted() {
+    this.myChart = echarts.init(document.getElementById('income-line'))
+    this.height = document.getElementById('income-line').clientHeight - 40 + 'px'
+    this.width = document.getElementById('income-line').clientWidth - 10 + 'px'
+    const that = this
+    window.addEventListener('resize', function() {
+      if(!document.getElementById('income-line')) {
+        return
+      }
+      that.reload()
+    })
+
+  },
+
+  methods: {
+    async reload() {
+      this.isShow = false
+      await this.$nextTick()
+      this.height = document.getElementById('income-line').clientHeight - 10 + 'px'
+      this.width = document.getElementById('income-line').clientWidth - 10 + 'px'
+      this.isShow = true
+    },
+    // 获取数据
+    fetchData(id) {
+      console.log('获取到的id',id);
+
+      getCarsIncome({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 12)
+          this.extend.series[0].data = res.map(item => item.income)
+          this.extend.xAxis.data = res.map(item => item.month)
+          this.myChart.setOption(this.extend, true)
+        }
+      })
+      console.log('近1年车场收入态势初始化');
+
+      // this.extend.series[0].data = [5154,4545,2455,7212,4545,2455,7212]
+      // this.extend.xAxis.data = ['07-01','07-02','07-03','07-04','07-05','07-06','07-07']
+      // this.myChart.setOption(this.extend, true)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.container{
+  position:relative;
+  width: 100%;
+  height:100%;
+}
+</style>
+
diff --git a/src/pages/ywts/shms/tcy/components/zombieCar.vue b/src/pages/ywts/shms/tcy/components/zombieCar.vue
new file mode 100644
index 0000000..96b756b
--- /dev/null
+++ b/src/pages/ywts/shms/tcy/components/zombieCar.vue
@@ -0,0 +1,286 @@
+<!-- 近一年车场僵尸车辆趋势 -->
+<template>
+  <div id="zombieCar-bar" class="container"/>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+import { automaticCarousel } from './automaticCarousel'
+import { getZombieCar } from '@/api/ywts/shms/tcy'
+// 绘制左侧面
+const CubeLeft = echarts.graphic.extendShape({
+   shape: {
+      x: 0,
+      y: 0
+   },
+   buildPath: function (ctx, shape) {
+      const xAxisPoint = shape.xAxisPoint;
+      const c0 = [shape.x, shape.y];
+      const c1 = [shape.x - 8, shape.y - 8];
+      const c2 = [xAxisPoint[0] - 8, xAxisPoint[1] - 8];
+      const c3 = [xAxisPoint[0], xAxisPoint[1]];
+      ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath();
+   }
+});
+// 绘制右侧面
+const CubeRight = echarts.graphic.extendShape({
+   shape: {
+      x: 0,
+      y: 0
+   },
+   buildPath: function (ctx, shape) {
+      const xAxisPoint = shape.xAxisPoint;
+      const c1 = [shape.x, shape.y];
+      const c2 = [xAxisPoint[0], xAxisPoint[1]];
+      const c3 = [xAxisPoint[0] + 13, xAxisPoint[1] - 4];
+      const c4 = [shape.x + 13, shape.y - 4];
+      ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath();
+   }
+});
+// 绘制顶面
+const CubeTop = echarts.graphic.extendShape({
+   shape: {
+      x: 0,
+      y: 0
+   },
+   buildPath: function (ctx, shape) {
+      const c1 = [shape.x, shape.y];
+      const c2 = [shape.x + 13, shape.y - 4];
+      const c3 = [shape.x + 5, shape.y - 12];
+      const c4 = [shape.x - 8, shape.y - 8];
+      ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath();
+   }
+});
+// 注册三个面图形
+echarts.graphic.registerShape('CubeLeft', CubeLeft);
+echarts.graphic.registerShape('CubeRight', CubeRight);
+echarts.graphic.registerShape('CubeTop', CubeTop);
+export default {
+  name: 'ZombieCar',
+  data() {
+    return {
+      isShow: true,
+      myChart: null,
+      height: '0',
+      width: '0',
+      extend: {
+        color: ['#CEDE0F'],
+        legend: {
+          show: false,
+          textStyle: {
+            color: '#cce9ff',
+            fontWeight: 'bold'
+          },
+          lineStyle: {
+            width: 10
+          },
+          data: ['僵尸车辆趋势'],
+        },
+        dataZoom: [
+          // 滑动条
+          {
+            xAxisIndex: 0, // 这里是从X轴的0刻度开始
+            show: false, // 是否显示滑动条，不影响使用
+            type: 'inside', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
+            startValue: 0, // 开始位置。
+            endValue: 1, // 一次性展示几个。（如果startValue设定为0，那么页面展示数就是endValue+1，比如此例页面展示2个）
+          },
+        ],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#092647',  // 修改背景颜色
+              borderColor: '#404a59',      // 修改边框颜色
+              borderWidth: 1,
+              textStyle: {
+                color: '#ffffff',          // 修改文本颜色
+                fontSize: 12
+              }
+            }
+          },
+          textStyle: {
+            align: 'left'  // 左对齐 tooltip 内容
+          },
+        },
+        grid: {
+          left: '5%',
+          right: '5%',
+          bottom: '10%',
+          top: '15%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          axisLine: {
+            lineStyle: {
+              color: '#cce9ff'
+            }
+          },
+          axisLabel: {
+            color: '#cce9ff'
+          }
+        },
+        yAxis: [
+          {
+            name: '',
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#cce9ff'
+              }
+            },
+            axisLabel: {
+              color: '#cce9ff'
+            },
+            nameTextStyle: {
+              color: '#cce9ff',
+              fontSize: 14,
+              verticalAlign: 'middle',
+            },
+            splitLine: {
+              show: false,
+              lineStyle: {
+                color: ['#c8d0da'],
+                type: 'dashed',
+              },
+            },
+            axisTick: { show: false },
+          },
+        ],
+        series: [
+          {
+            type: 'bar',
+            label: {
+                normal: {
+                  show: true,
+                  position: 'top',
+                  fontSize: 15,
+                  fontWeight: 'bold',
+                  color: '#fa7341',
+                  offset: [0, -10]
+                }
+            },
+            tooltip: {
+                show: false
+            },
+            itemStyle: {
+                color: 'transparent'
+            },
+          },
+          {
+            type: 'custom',
+            renderItem: (params, api) => {
+                const location = api.coord([api.value(0), api.value(1)]);
+                return {
+                  type: 'group',
+                  children: [
+                      {
+                        type: 'CubeLeft',
+                        shape: {
+                            api,
+                            xValue: api.value(0),
+                            yValue: api.value(1),
+                            x: location[0],
+                            y: location[1],
+                            xAxisPoint: api.coord([api.value(0), 0])
+                        },
+                        style: {
+                          fill: '#fa7341'
+                        }
+                      },
+                      {
+                        type: 'CubeRight',
+                        shape: {
+                            api,
+                            xValue: api.value(0),
+                            yValue: api.value(1),
+                            x: location[0],
+                            y: location[1],
+                            xAxisPoint: api.coord([api.value(0), 0])
+                        },
+                        style: {
+                            fill: '#f33b0d'
+                        }
+                      },
+                      {
+                        type: 'CubeTop',
+                        shape: {
+                            api,
+                            xValue: api.value(0),
+                            yValue: api.value(1),
+                            x: location[0],
+                            y: location[1],
+                            xAxisPoint: api.coord([api.value(0), 0])
+                        },
+                        style: {
+                          fill: '#f89771'
+                        }
+                      }
+                  ]
+                };
+            },
+          }
+        ]
+      },
+      chartData: {
+        columns: [],
+        rows: []
+      }
+    }
+  },
+  mounted() {
+    this.myChart = echarts.init(document.getElementById('zombieCar-bar'))
+    this.height = document.getElementById('zombieCar-bar').clientHeight - 40 + 'px'
+    this.width = document.getElementById('zombieCar-bar').clientWidth - 10 + 'px'
+    const that = this
+    window.addEventListener('resize', function() {
+      if(!document.getElementById('zombieCar-bar')) {
+        return
+      }
+      that.reload()
+    })
+
+  },
+
+  methods: {
+    async reload() {
+      this.isShow = false
+      await this.$nextTick()
+      this.height = document.getElementById('zombieCar-bar').clientHeight - 10 + 'px'
+      this.width = document.getElementById('zombieCar-bar').clientWidth - 10 + 'px'
+      this.isShow = true
+      automaticCarousel(this.extend, this.myChart, 3000, 7)
+    },
+    // 获取数据
+    fetchData(id) {
+      getZombieCar({id}).then(response => {
+        if (response.code === 200) {
+          const res = response.data.value.slice(0, 12)
+          this.extend.series[0].data = res.map(item => item.num)
+          this.extend.series[1].data = res.map(item => item.num)
+          this.extend.xAxis.data = res.map(item => item.month)
+          automaticCarousel(this.extend, this.myChart, 3000, 7)
+          this.myChart.setOption(this.extend, true)
+        }
+      })
+      // console.log('近1月车辆进出趋势折线图初始化');
+      // this.extend.series[0].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.series[1].data = [20, 80, 100, 40, 34, 90, 60, 20, 80, 100, 40, 34]
+      // this.extend.xAxis.data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+      // automaticCarousel(this.extend, this.myChart, 3000, 7)
+      // this.myChart.setOption(this.extend, true)
+
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.container{
+  position:relative;
+  width: 100%;
+  height:100%;
+}
+</style>
+
diff --git a/src/pages/ywts/shms/tcy/popup.vue b/src/pages/ywts/shms/tcy/popup.vue
index 83f7378..bd336f2 100644
--- a/src/pages/ywts/shms/tcy/popup.vue
+++ b/src/pages/ywts/shms/tcy/popup.vue
@@ -69,12 +69,12 @@
         <CarsRate style="flex:1;" ref="carsRateRef"/>
       </div>
       <div class="block">
-        <div :style="{backgroundImage:'url('+titleImg+')'}" class="title">近1年工地综合得分排行</div>
-        <score-line-bar style="flex:1;" ref="scoreLineBar"/>
+        <div :style="{backgroundImage:'url('+titleImg+')'}" class="title">近1年车场僵尸车辆趋势</div>
+        <ZombieCar style="flex:1;" ref="zombieCarRef"/>
       </div>
       <div class="block">
-        <div :style="{backgroundImage:'url('+titleImg+')'}" class="title">近1年工地综合得分排行</div>
-        <score-line-bar style="flex:1;" ref="scoreLineBar"/>
+        <div :style="{backgroundImage:'url('+titleImg+')'}" class="title">近1年车场收入态势</div>
+        <Income style="flex:1;" ref="IncomeRef"/>
       </div>
     </div>
   </div>
@@ -91,9 +91,11 @@
 import Cars from './components/cars.vue'
 import CarsType from './components/carsType.vue'
 import CarsRate from './components/carsRate.vue'
+import ZombieCar from './components/zombieCar.vue'
+import Income from './components/income.vue'
 export default {
   name: 'tcyPopup',
-  components: {CarsRate, Cars, CarsType, ScoreLineBar, EduLineBar, CaseLineBar, CasePie, PersonBar},
+  components: {CarsRate, Cars, CarsType, Income, ZombieCar, ScoreLineBar, EduLineBar, CaseLineBar, CasePie, PersonBar},
   data() {
     return {
       titleImg: require('@/assets/images/popup/title.png'),  // 背景图片
@@ -145,6 +147,8 @@
       this.$refs.carsRef.fetchData(item.id)
       this.$refs.carsTypeRef.fetchData(item.id)
       this.$refs.carsRateRef.fetchData(item.id)
+      this.$refs.zombieCarRef.fetchData(item.id)
+      this.$refs.IncomeRef.fetchData(item.id)
     },
   },
 }