diff --git a/src/api/projectManage.js b/src/api/projectManage.js
new file mode 100644
index 0000000..f7617bc
--- /dev/null
+++ b/src/api/projectManage.js
@@ -0,0 +1,79 @@
+// 项管接口
+import request from '@/utils/request'
+import config from '@/utils/baseConfig'
+import qs from 'qs'
+
+// 项目总数
+export function fetchProjectCount (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/count',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 历年各类项目总数
+export function fetchProjectCountByYear (params) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByYear',
+    method: 'get',
+    params: {
+      params
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 某年各类项目总数
+export function fetchProjectCountByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 各状态项目总数
+export function fetchProjectCountByState (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByState',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 项目总投资额
+export function fetchProjectInvestment (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investment',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 某年各类项目投资额
+export function fetchProjectInvestmentByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investmentByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}

diff --git a/src/api/projectManage.js b/src/api/projectManage.js
new file mode 100644
index 0000000..f7617bc
--- /dev/null
+++ b/src/api/projectManage.js
@@ -0,0 +1,79 @@
+// 项管接口
+import request from '@/utils/request'
+import config from '@/utils/baseConfig'
+import qs from 'qs'
+
+// 项目总数
+export function fetchProjectCount (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/count',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 历年各类项目总数
+export function fetchProjectCountByYear (params) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByYear',
+    method: 'get',
+    params: {
+      params
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 某年各类项目总数
+export function fetchProjectCountByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 各状态项目总数
+export function fetchProjectCountByState (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByState',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 项目总投资额
+export function fetchProjectInvestment (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investment',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 某年各类项目投资额
+export function fetchProjectInvestmentByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investmentByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
diff --git a/src/utils/formatDate.js b/src/utils/formatDate.js
index 71f5268..134c9a8 100644
--- a/src/utils/formatDate.js
+++ b/src/utils/formatDate.js
@@ -40,3 +40,9 @@
   ctmonth.setTime(ctmonth.getTime() - 3600 * 1000 * 24 * 30)
   return ctmonth
 }
+
+export function getYear () {
+  // const year = new Date().getFullYear()
+  // return year
+  return 2020
+}

diff --git a/src/api/projectManage.js b/src/api/projectManage.js
new file mode 100644
index 0000000..f7617bc
--- /dev/null
+++ b/src/api/projectManage.js
@@ -0,0 +1,79 @@
+// 项管接口
+import request from '@/utils/request'
+import config from '@/utils/baseConfig'
+import qs from 'qs'
+
+// 项目总数
+export function fetchProjectCount (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/count',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 历年各类项目总数
+export function fetchProjectCountByYear (params) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByYear',
+    method: 'get',
+    params: {
+      params
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 某年各类项目总数
+export function fetchProjectCountByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 各状态项目总数
+export function fetchProjectCountByState (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByState',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 项目总投资额
+export function fetchProjectInvestment (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investment',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 某年各类项目投资额
+export function fetchProjectInvestmentByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investmentByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
diff --git a/src/utils/formatDate.js b/src/utils/formatDate.js
index 71f5268..134c9a8 100644
--- a/src/utils/formatDate.js
+++ b/src/utils/formatDate.js
@@ -40,3 +40,9 @@
   ctmonth.setTime(ctmonth.getTime() - 3600 * 1000 * 24 * 30)
   return ctmonth
 }
+
+export function getYear () {
+  // const year = new Date().getFullYear()
+  // return year
+  return 2020
+}
diff --git a/src/views/cityConstruction/components/projects/components/gaugeItem.vue b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
index 86e4176..5316edd 100644
--- a/src/views/cityConstruction/components/projects/components/gaugeItem.vue
+++ b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
@@ -1,5 +1,5 @@
 <!--
- * @Description:
+ * @Description: 油量表组件
  * @Author: 王晓颖
  * @Date:
  -->

diff --git a/src/api/projectManage.js b/src/api/projectManage.js
new file mode 100644
index 0000000..f7617bc
--- /dev/null
+++ b/src/api/projectManage.js
@@ -0,0 +1,79 @@
+// 项管接口
+import request from '@/utils/request'
+import config from '@/utils/baseConfig'
+import qs from 'qs'
+
+// 项目总数
+export function fetchProjectCount (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/count',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 历年各类项目总数
+export function fetchProjectCountByYear (params) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByYear',
+    method: 'get',
+    params: {
+      params
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 某年各类项目总数
+export function fetchProjectCountByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 各状态项目总数
+export function fetchProjectCountByState (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByState',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 项目总投资额
+export function fetchProjectInvestment (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investment',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 某年各类项目投资额
+export function fetchProjectInvestmentByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investmentByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
diff --git a/src/utils/formatDate.js b/src/utils/formatDate.js
index 71f5268..134c9a8 100644
--- a/src/utils/formatDate.js
+++ b/src/utils/formatDate.js
@@ -40,3 +40,9 @@
   ctmonth.setTime(ctmonth.getTime() - 3600 * 1000 * 24 * 30)
   return ctmonth
 }
+
+export function getYear () {
+  // const year = new Date().getFullYear()
+  // return year
+  return 2020
+}
diff --git a/src/views/cityConstruction/components/projects/components/gaugeItem.vue b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
index 86e4176..5316edd 100644
--- a/src/views/cityConstruction/components/projects/components/gaugeItem.vue
+++ b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
@@ -1,5 +1,5 @@
 <!--
- * @Description:
+ * @Description: 油量表组件
  * @Author: 王晓颖
  * @Date:
  -->
diff --git a/src/views/cityConstruction/components/projects/components/investmentPie.vue b/src/views/cityConstruction/components/projects/components/investmentPie.vue
index abb91be..c0fcbd5 100644
--- a/src/views/cityConstruction/components/projects/components/investmentPie.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentPie.vue
@@ -19,11 +19,14 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import {getYear} from '@/utils/formatDate'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
 export default {
   name: 'InvestmentPie',
   components: {SingleLayout, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       data: {
         id: 'investment-pie',
         width: '100%',
@@ -44,11 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByArea().then(response=>{
-      //   if(response.code===200){
-      //     this.data.data = response.data
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          this.data.legend = response.data.map(item => item.type)
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value
+            }
+          })
+          this.data.data = data
+        }
+      })
     }
   }
 }

diff --git a/src/api/projectManage.js b/src/api/projectManage.js
new file mode 100644
index 0000000..f7617bc
--- /dev/null
+++ b/src/api/projectManage.js
@@ -0,0 +1,79 @@
+// 项管接口
+import request from '@/utils/request'
+import config from '@/utils/baseConfig'
+import qs from 'qs'
+
+// 项目总数
+export function fetchProjectCount (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/count',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 历年各类项目总数
+export function fetchProjectCountByYear (params) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByYear',
+    method: 'get',
+    params: {
+      params
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 某年各类项目总数
+export function fetchProjectCountByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 各状态项目总数
+export function fetchProjectCountByState (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByState',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 项目总投资额
+export function fetchProjectInvestment (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investment',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 某年各类项目投资额
+export function fetchProjectInvestmentByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investmentByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
diff --git a/src/utils/formatDate.js b/src/utils/formatDate.js
index 71f5268..134c9a8 100644
--- a/src/utils/formatDate.js
+++ b/src/utils/formatDate.js
@@ -40,3 +40,9 @@
   ctmonth.setTime(ctmonth.getTime() - 3600 * 1000 * 24 * 30)
   return ctmonth
 }
+
+export function getYear () {
+  // const year = new Date().getFullYear()
+  // return year
+  return 2020
+}
diff --git a/src/views/cityConstruction/components/projects/components/gaugeItem.vue b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
index 86e4176..5316edd 100644
--- a/src/views/cityConstruction/components/projects/components/gaugeItem.vue
+++ b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
@@ -1,5 +1,5 @@
 <!--
- * @Description:
+ * @Description: 油量表组件
  * @Author: 王晓颖
  * @Date:
  -->
diff --git a/src/views/cityConstruction/components/projects/components/investmentPie.vue b/src/views/cityConstruction/components/projects/components/investmentPie.vue
index abb91be..c0fcbd5 100644
--- a/src/views/cityConstruction/components/projects/components/investmentPie.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentPie.vue
@@ -19,11 +19,14 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import {getYear} from '@/utils/formatDate'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
 export default {
   name: 'InvestmentPie',
   components: {SingleLayout, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       data: {
         id: 'investment-pie',
         width: '100%',
@@ -44,11 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByArea().then(response=>{
-      //   if(response.code===200){
-      //     this.data.data = response.data
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          this.data.legend = response.data.map(item => item.type)
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value
+            }
+          })
+          this.data.data = data
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/investmentRank.vue b/src/views/cityConstruction/components/projects/components/investmentRank.vue
index 67739ea..7670ede 100644
--- a/src/views/cityConstruction/components/projects/components/investmentRank.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentRank.vue
@@ -1,8 +1,9 @@
 <!--
- * @Description:物联网设备数量
+ * @Description:投资排名
  * @Author: 王晓颖
  * @Date: 2020-11-30 17:40:37
  -->
+<!--suppress ALL -->
 <template>
   <div style="width:100%;height:100%;padding:0.15rem">
     <dv-scroll-ranking-board :config="config" style="height:100%;font-size:0.1rem !important;"  />
@@ -10,15 +11,13 @@
 </template>
 
 <script>
-import SimplePieChart from '@/components/pieChart/simplePieChart'
-import Corner1 from '@/components/corner/Corner1'
-import ChartLayout from '@/components/layout/chartLayout'
-import {fetchTopTenCase} from '@/api/cityManage'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'investmentRank',
-  components: {ChartLayout, Corner1, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       config: {
         rowNum: 4,
         waitTime: 200000,
@@ -37,15 +36,21 @@
   },
   methods: {
     getData () {
-      // fetchTopTenCase().then(response => {
-      //   if (response.code == 200) {
-      //     this.config = {
-      //       rowNum: 5,
-      //       waitTime: 200000,
-      //       data: response.data
-      //     }
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value.toFixed(1) + '万元'
+            }
+          })
+          this.config = {
+            rowNum: 4,
+            waitTime: 200000,
+            data: data
+          }
+        }
+      })
     }
   }
 }

diff --git a/src/api/projectManage.js b/src/api/projectManage.js
new file mode 100644
index 0000000..f7617bc
--- /dev/null
+++ b/src/api/projectManage.js
@@ -0,0 +1,79 @@
+// 项管接口
+import request from '@/utils/request'
+import config from '@/utils/baseConfig'
+import qs from 'qs'
+
+// 项目总数
+export function fetchProjectCount (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/count',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 历年各类项目总数
+export function fetchProjectCountByYear (params) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByYear',
+    method: 'get',
+    params: {
+      params
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 某年各类项目总数
+export function fetchProjectCountByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 各状态项目总数
+export function fetchProjectCountByState (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByState',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 项目总投资额
+export function fetchProjectInvestment (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investment',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 某年各类项目投资额
+export function fetchProjectInvestmentByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investmentByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
diff --git a/src/utils/formatDate.js b/src/utils/formatDate.js
index 71f5268..134c9a8 100644
--- a/src/utils/formatDate.js
+++ b/src/utils/formatDate.js
@@ -40,3 +40,9 @@
   ctmonth.setTime(ctmonth.getTime() - 3600 * 1000 * 24 * 30)
   return ctmonth
 }
+
+export function getYear () {
+  // const year = new Date().getFullYear()
+  // return year
+  return 2020
+}
diff --git a/src/views/cityConstruction/components/projects/components/gaugeItem.vue b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
index 86e4176..5316edd 100644
--- a/src/views/cityConstruction/components/projects/components/gaugeItem.vue
+++ b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
@@ -1,5 +1,5 @@
 <!--
- * @Description:
+ * @Description: 油量表组件
  * @Author: 王晓颖
  * @Date:
  -->
diff --git a/src/views/cityConstruction/components/projects/components/investmentPie.vue b/src/views/cityConstruction/components/projects/components/investmentPie.vue
index abb91be..c0fcbd5 100644
--- a/src/views/cityConstruction/components/projects/components/investmentPie.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentPie.vue
@@ -19,11 +19,14 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import {getYear} from '@/utils/formatDate'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
 export default {
   name: 'InvestmentPie',
   components: {SingleLayout, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       data: {
         id: 'investment-pie',
         width: '100%',
@@ -44,11 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByArea().then(response=>{
-      //   if(response.code===200){
-      //     this.data.data = response.data
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          this.data.legend = response.data.map(item => item.type)
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value
+            }
+          })
+          this.data.data = data
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/investmentRank.vue b/src/views/cityConstruction/components/projects/components/investmentRank.vue
index 67739ea..7670ede 100644
--- a/src/views/cityConstruction/components/projects/components/investmentRank.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentRank.vue
@@ -1,8 +1,9 @@
 <!--
- * @Description:物联网设备数量
+ * @Description:投资排名
  * @Author: 王晓颖
  * @Date: 2020-11-30 17:40:37
  -->
+<!--suppress ALL -->
 <template>
   <div style="width:100%;height:100%;padding:0.15rem">
     <dv-scroll-ranking-board :config="config" style="height:100%;font-size:0.1rem !important;"  />
@@ -10,15 +11,13 @@
 </template>
 
 <script>
-import SimplePieChart from '@/components/pieChart/simplePieChart'
-import Corner1 from '@/components/corner/Corner1'
-import ChartLayout from '@/components/layout/chartLayout'
-import {fetchTopTenCase} from '@/api/cityManage'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'investmentRank',
-  components: {ChartLayout, Corner1, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       config: {
         rowNum: 4,
         waitTime: 200000,
@@ -37,15 +36,21 @@
   },
   methods: {
     getData () {
-      // fetchTopTenCase().then(response => {
-      //   if (response.code == 200) {
-      //     this.config = {
-      //       rowNum: 5,
-      //       waitTime: 200000,
-      //       data: response.data
-      //     }
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value.toFixed(1) + '万元'
+            }
+          })
+          this.config = {
+            rowNum: 4,
+            waitTime: 200000,
+            data: data
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/investmentTotal.vue b/src/views/cityConstruction/components/projects/components/investmentTotal.vue
index d50598e..0f824a1 100644
--- a/src/views/cityConstruction/components/projects/components/investmentTotal.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentTotal.vue
@@ -12,16 +12,18 @@
 </template>
 
 <script>
-import {fetchProjectCount} from '@/api/cityManage'
 import ImageBlock from '@/components/block/imageBlock'
+import {fetchProjectInvestment} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'InvestmentTotal',
   components: {ImageBlock},
   data () {
     return {
+      year: getYear(),
       data: {
         name: '总投资',
-        value: 34221,
+        value: 0,
         unit: '万元'
       }
     }
@@ -31,29 +33,15 @@
   },
   methods: {
     getData () {
-      // fetchProjectCount().then(response => {
-      //   if (response.code === 200) {
-      //     const dataFilter = [] // 最终数组
-      //     let total = 0
-      //     let complete = 0
-      //     const data = response.data
-      //     for (const item of data) {
-      //       total += item.plan
-      //       complete += item.complete
-      //       dataFilter.push({
-      //         title: item.name,
-      //         data: {
-      //           already: item.complete,
-      //           total: item.plan,
-      //           rate: Math.round(100 * item.complete / item.plan)
-      //         }
-      //       })
-      //     }
-      //     this.total = total
-      //     this.percent = [complete / total]
-      //     this.data = dataFilter
-      //   }
-      // })
+      fetchProjectInvestment(this.year).then(res => {
+        if (res.code === 200) {
+          this.data = {
+            name: '总投资',
+            value: res.data.total.toFixed(1),
+            unit: '万元'
+          }
+        }
+      })
     }
   }
 }

diff --git a/src/api/projectManage.js b/src/api/projectManage.js
new file mode 100644
index 0000000..f7617bc
--- /dev/null
+++ b/src/api/projectManage.js
@@ -0,0 +1,79 @@
+// 项管接口
+import request from '@/utils/request'
+import config from '@/utils/baseConfig'
+import qs from 'qs'
+
+// 项目总数
+export function fetchProjectCount (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/count',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 历年各类项目总数
+export function fetchProjectCountByYear (params) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByYear',
+    method: 'get',
+    params: {
+      params
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 某年各类项目总数
+export function fetchProjectCountByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 各状态项目总数
+export function fetchProjectCountByState (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByState',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 项目总投资额
+export function fetchProjectInvestment (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investment',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 某年各类项目投资额
+export function fetchProjectInvestmentByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investmentByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
diff --git a/src/utils/formatDate.js b/src/utils/formatDate.js
index 71f5268..134c9a8 100644
--- a/src/utils/formatDate.js
+++ b/src/utils/formatDate.js
@@ -40,3 +40,9 @@
   ctmonth.setTime(ctmonth.getTime() - 3600 * 1000 * 24 * 30)
   return ctmonth
 }
+
+export function getYear () {
+  // const year = new Date().getFullYear()
+  // return year
+  return 2020
+}
diff --git a/src/views/cityConstruction/components/projects/components/gaugeItem.vue b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
index 86e4176..5316edd 100644
--- a/src/views/cityConstruction/components/projects/components/gaugeItem.vue
+++ b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
@@ -1,5 +1,5 @@
 <!--
- * @Description:
+ * @Description: 油量表组件
  * @Author: 王晓颖
  * @Date:
  -->
diff --git a/src/views/cityConstruction/components/projects/components/investmentPie.vue b/src/views/cityConstruction/components/projects/components/investmentPie.vue
index abb91be..c0fcbd5 100644
--- a/src/views/cityConstruction/components/projects/components/investmentPie.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentPie.vue
@@ -19,11 +19,14 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import {getYear} from '@/utils/formatDate'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
 export default {
   name: 'InvestmentPie',
   components: {SingleLayout, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       data: {
         id: 'investment-pie',
         width: '100%',
@@ -44,11 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByArea().then(response=>{
-      //   if(response.code===200){
-      //     this.data.data = response.data
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          this.data.legend = response.data.map(item => item.type)
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value
+            }
+          })
+          this.data.data = data
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/investmentRank.vue b/src/views/cityConstruction/components/projects/components/investmentRank.vue
index 67739ea..7670ede 100644
--- a/src/views/cityConstruction/components/projects/components/investmentRank.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentRank.vue
@@ -1,8 +1,9 @@
 <!--
- * @Description:物联网设备数量
+ * @Description:投资排名
  * @Author: 王晓颖
  * @Date: 2020-11-30 17:40:37
  -->
+<!--suppress ALL -->
 <template>
   <div style="width:100%;height:100%;padding:0.15rem">
     <dv-scroll-ranking-board :config="config" style="height:100%;font-size:0.1rem !important;"  />
@@ -10,15 +11,13 @@
 </template>
 
 <script>
-import SimplePieChart from '@/components/pieChart/simplePieChart'
-import Corner1 from '@/components/corner/Corner1'
-import ChartLayout from '@/components/layout/chartLayout'
-import {fetchTopTenCase} from '@/api/cityManage'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'investmentRank',
-  components: {ChartLayout, Corner1, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       config: {
         rowNum: 4,
         waitTime: 200000,
@@ -37,15 +36,21 @@
   },
   methods: {
     getData () {
-      // fetchTopTenCase().then(response => {
-      //   if (response.code == 200) {
-      //     this.config = {
-      //       rowNum: 5,
-      //       waitTime: 200000,
-      //       data: response.data
-      //     }
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value.toFixed(1) + '万元'
+            }
+          })
+          this.config = {
+            rowNum: 4,
+            waitTime: 200000,
+            data: data
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/investmentTotal.vue b/src/views/cityConstruction/components/projects/components/investmentTotal.vue
index d50598e..0f824a1 100644
--- a/src/views/cityConstruction/components/projects/components/investmentTotal.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentTotal.vue
@@ -12,16 +12,18 @@
 </template>
 
 <script>
-import {fetchProjectCount} from '@/api/cityManage'
 import ImageBlock from '@/components/block/imageBlock'
+import {fetchProjectInvestment} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'InvestmentTotal',
   components: {ImageBlock},
   data () {
     return {
+      year: getYear(),
       data: {
         name: '总投资',
-        value: 34221,
+        value: 0,
         unit: '万元'
       }
     }
@@ -31,29 +33,15 @@
   },
   methods: {
     getData () {
-      // fetchProjectCount().then(response => {
-      //   if (response.code === 200) {
-      //     const dataFilter = [] // 最终数组
-      //     let total = 0
-      //     let complete = 0
-      //     const data = response.data
-      //     for (const item of data) {
-      //       total += item.plan
-      //       complete += item.complete
-      //       dataFilter.push({
-      //         title: item.name,
-      //         data: {
-      //           already: item.complete,
-      //           total: item.plan,
-      //           rate: Math.round(100 * item.complete / item.plan)
-      //         }
-      //       })
-      //     }
-      //     this.total = total
-      //     this.percent = [complete / total]
-      //     this.data = dataFilter
-      //   }
-      // })
+      fetchProjectInvestment(this.year).then(res => {
+        if (res.code === 200) {
+          this.data = {
+            name: '总投资',
+            value: res.data.total.toFixed(1),
+            unit: '万元'
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/projectAll.vue b/src/views/cityConstruction/components/projects/components/projectAll.vue
index 48a1a65..0257429 100644
--- a/src/views/cityConstruction/components/projects/components/projectAll.vue
+++ b/src/views/cityConstruction/components/projects/components/projectAll.vue
@@ -19,12 +19,14 @@
 
 <script>
 import GaugeItem from './gaugeItem'
-import {fetchProjectCount} from '@/api/cityManage'
+import {fetchProjectCount, fetchProjectCountByState} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'ProjectAll',
   components: {GaugeItem},
   data () {
     return {
+      year: getYear(),
       colors: ['#fe6449', '#6afe69', '#09fbfd', '#fcc5b9', '#d9eb33', '#dc6eeb', '#fed948'],
       data: [
         {title: '未启动', data: {total: '1324', already: '40', rate: 34}},
@@ -40,29 +42,30 @@
   },
   methods: {
     getData () {
-      // fetchProjectCount().then(response => {
-      //   if (response.code === 200) {
-      //     const dataFilter = [] // 最终数组
-      //     let total = 0
-      //     let complete = 0
-      //     const data = response.data
-      //     for (const item of data) {
-      //       total += item.plan
-      //       complete += item.complete
-      //       dataFilter.push({
-      //         title: item.name,
-      //         data: {
-      //           already: item.complete,
-      //           total: item.plan,
-      //           rate: Math.round(100 * item.complete / item.plan)
-      //         }
-      //       })
-      //     }
-      //     this.total = total
-      //     this.percent = [complete / total]
-      //     this.data = dataFilter
-      //   }
-      // })
+      fetchProjectCount(this.year).then(res => {
+        if (res.code === 200) {
+          const total = res.data.total
+          if (total) {
+            fetchProjectCountByState(this.year).then(response => {
+              if (response.code === 200) {
+                const dataFilter = [] // 最终数组
+                const data = response.data
+                for (const item of data) {
+                  dataFilter.push({
+                    title: item.type,
+                    data: {
+                      already: item.value,
+                      total: total,
+                      rate: Math.round(100 * item.complete / total)
+                    }
+                  })
+                }
+                this.data = dataFilter
+              }
+            })
+          }
+        }
+      })
     }
   }
 }

diff --git a/src/api/projectManage.js b/src/api/projectManage.js
new file mode 100644
index 0000000..f7617bc
--- /dev/null
+++ b/src/api/projectManage.js
@@ -0,0 +1,79 @@
+// 项管接口
+import request from '@/utils/request'
+import config from '@/utils/baseConfig'
+import qs from 'qs'
+
+// 项目总数
+export function fetchProjectCount (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/count',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 历年各类项目总数
+export function fetchProjectCountByYear (params) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByYear',
+    method: 'get',
+    params: {
+      params
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 某年各类项目总数
+export function fetchProjectCountByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 各状态项目总数
+export function fetchProjectCountByState (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByState',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 项目总投资额
+export function fetchProjectInvestment (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investment',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 某年各类项目投资额
+export function fetchProjectInvestmentByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investmentByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
diff --git a/src/utils/formatDate.js b/src/utils/formatDate.js
index 71f5268..134c9a8 100644
--- a/src/utils/formatDate.js
+++ b/src/utils/formatDate.js
@@ -40,3 +40,9 @@
   ctmonth.setTime(ctmonth.getTime() - 3600 * 1000 * 24 * 30)
   return ctmonth
 }
+
+export function getYear () {
+  // const year = new Date().getFullYear()
+  // return year
+  return 2020
+}
diff --git a/src/views/cityConstruction/components/projects/components/gaugeItem.vue b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
index 86e4176..5316edd 100644
--- a/src/views/cityConstruction/components/projects/components/gaugeItem.vue
+++ b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
@@ -1,5 +1,5 @@
 <!--
- * @Description:
+ * @Description: 油量表组件
  * @Author: 王晓颖
  * @Date:
  -->
diff --git a/src/views/cityConstruction/components/projects/components/investmentPie.vue b/src/views/cityConstruction/components/projects/components/investmentPie.vue
index abb91be..c0fcbd5 100644
--- a/src/views/cityConstruction/components/projects/components/investmentPie.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentPie.vue
@@ -19,11 +19,14 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import {getYear} from '@/utils/formatDate'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
 export default {
   name: 'InvestmentPie',
   components: {SingleLayout, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       data: {
         id: 'investment-pie',
         width: '100%',
@@ -44,11 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByArea().then(response=>{
-      //   if(response.code===200){
-      //     this.data.data = response.data
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          this.data.legend = response.data.map(item => item.type)
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value
+            }
+          })
+          this.data.data = data
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/investmentRank.vue b/src/views/cityConstruction/components/projects/components/investmentRank.vue
index 67739ea..7670ede 100644
--- a/src/views/cityConstruction/components/projects/components/investmentRank.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentRank.vue
@@ -1,8 +1,9 @@
 <!--
- * @Description:物联网设备数量
+ * @Description:投资排名
  * @Author: 王晓颖
  * @Date: 2020-11-30 17:40:37
  -->
+<!--suppress ALL -->
 <template>
   <div style="width:100%;height:100%;padding:0.15rem">
     <dv-scroll-ranking-board :config="config" style="height:100%;font-size:0.1rem !important;"  />
@@ -10,15 +11,13 @@
 </template>
 
 <script>
-import SimplePieChart from '@/components/pieChart/simplePieChart'
-import Corner1 from '@/components/corner/Corner1'
-import ChartLayout from '@/components/layout/chartLayout'
-import {fetchTopTenCase} from '@/api/cityManage'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'investmentRank',
-  components: {ChartLayout, Corner1, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       config: {
         rowNum: 4,
         waitTime: 200000,
@@ -37,15 +36,21 @@
   },
   methods: {
     getData () {
-      // fetchTopTenCase().then(response => {
-      //   if (response.code == 200) {
-      //     this.config = {
-      //       rowNum: 5,
-      //       waitTime: 200000,
-      //       data: response.data
-      //     }
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value.toFixed(1) + '万元'
+            }
+          })
+          this.config = {
+            rowNum: 4,
+            waitTime: 200000,
+            data: data
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/investmentTotal.vue b/src/views/cityConstruction/components/projects/components/investmentTotal.vue
index d50598e..0f824a1 100644
--- a/src/views/cityConstruction/components/projects/components/investmentTotal.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentTotal.vue
@@ -12,16 +12,18 @@
 </template>
 
 <script>
-import {fetchProjectCount} from '@/api/cityManage'
 import ImageBlock from '@/components/block/imageBlock'
+import {fetchProjectInvestment} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'InvestmentTotal',
   components: {ImageBlock},
   data () {
     return {
+      year: getYear(),
       data: {
         name: '总投资',
-        value: 34221,
+        value: 0,
         unit: '万元'
       }
     }
@@ -31,29 +33,15 @@
   },
   methods: {
     getData () {
-      // fetchProjectCount().then(response => {
-      //   if (response.code === 200) {
-      //     const dataFilter = [] // 最终数组
-      //     let total = 0
-      //     let complete = 0
-      //     const data = response.data
-      //     for (const item of data) {
-      //       total += item.plan
-      //       complete += item.complete
-      //       dataFilter.push({
-      //         title: item.name,
-      //         data: {
-      //           already: item.complete,
-      //           total: item.plan,
-      //           rate: Math.round(100 * item.complete / item.plan)
-      //         }
-      //       })
-      //     }
-      //     this.total = total
-      //     this.percent = [complete / total]
-      //     this.data = dataFilter
-      //   }
-      // })
+      fetchProjectInvestment(this.year).then(res => {
+        if (res.code === 200) {
+          this.data = {
+            name: '总投资',
+            value: res.data.total.toFixed(1),
+            unit: '万元'
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/projectAll.vue b/src/views/cityConstruction/components/projects/components/projectAll.vue
index 48a1a65..0257429 100644
--- a/src/views/cityConstruction/components/projects/components/projectAll.vue
+++ b/src/views/cityConstruction/components/projects/components/projectAll.vue
@@ -19,12 +19,14 @@
 
 <script>
 import GaugeItem from './gaugeItem'
-import {fetchProjectCount} from '@/api/cityManage'
+import {fetchProjectCount, fetchProjectCountByState} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'ProjectAll',
   components: {GaugeItem},
   data () {
     return {
+      year: getYear(),
       colors: ['#fe6449', '#6afe69', '#09fbfd', '#fcc5b9', '#d9eb33', '#dc6eeb', '#fed948'],
       data: [
         {title: '未启动', data: {total: '1324', already: '40', rate: 34}},
@@ -40,29 +42,30 @@
   },
   methods: {
     getData () {
-      // fetchProjectCount().then(response => {
-      //   if (response.code === 200) {
-      //     const dataFilter = [] // 最终数组
-      //     let total = 0
-      //     let complete = 0
-      //     const data = response.data
-      //     for (const item of data) {
-      //       total += item.plan
-      //       complete += item.complete
-      //       dataFilter.push({
-      //         title: item.name,
-      //         data: {
-      //           already: item.complete,
-      //           total: item.plan,
-      //           rate: Math.round(100 * item.complete / item.plan)
-      //         }
-      //       })
-      //     }
-      //     this.total = total
-      //     this.percent = [complete / total]
-      //     this.data = dataFilter
-      //   }
-      // })
+      fetchProjectCount(this.year).then(res => {
+        if (res.code === 200) {
+          const total = res.data.total
+          if (total) {
+            fetchProjectCountByState(this.year).then(response => {
+              if (response.code === 200) {
+                const dataFilter = [] // 最终数组
+                const data = response.data
+                for (const item of data) {
+                  dataFilter.push({
+                    title: item.type,
+                    data: {
+                      already: item.value,
+                      total: total,
+                      rate: Math.round(100 * item.complete / total)
+                    }
+                  })
+                }
+                this.data = dataFilter
+              }
+            })
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/projectCountBar.vue b/src/views/cityConstruction/components/projects/components/projectCountBar.vue
index 188e7cf..4e05970 100644
--- a/src/views/cityConstruction/components/projects/components/projectCountBar.vue
+++ b/src/views/cityConstruction/components/projects/components/projectCountBar.vue
@@ -20,20 +20,22 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import ChartLayout from '@/components/layout/chartLayout'
-import {fetchPipeCount} from '@/api/cityManage'
-import SingleLayout from "../../../../../components/layout/singleLayout";
+import {fetchProjectCountByType} from '@/api/projectManage'
+import SingleLayout from '@/components/layout/singleLayout'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'projectCountBar',
   components: {SingleLayout, ChartLayout, ColorfulBarChart},
   data () {
     return {
+      year: getYear(),
       options: {
         id: 'project_count_bar',
         height: '100%',
         width: '100%',
         unit: '米',
         xAxisData: ['园林项目', '市政项目', '交通项目', '水利项目', '建筑项目'],
-        seriesData: [10, 5, 12, 13, 24, 10]
+        seriesData: [1, 1, 1, 1, 1, 1]
       }
     }
   },
@@ -42,13 +44,13 @@
   },
   methods: {
     getData () {
-      // fetchPipeCount().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     this.options.seriesData = data.map(item => { return item.value })
-      //   }
-      // })
+      fetchProjectCountByType(this.year).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.type})
+          this.options.seriesData = data.map(item => { return item.value })
+        }
+      })
     }
   }
 }

diff --git a/src/api/projectManage.js b/src/api/projectManage.js
new file mode 100644
index 0000000..f7617bc
--- /dev/null
+++ b/src/api/projectManage.js
@@ -0,0 +1,79 @@
+// 项管接口
+import request from '@/utils/request'
+import config from '@/utils/baseConfig'
+import qs from 'qs'
+
+// 项目总数
+export function fetchProjectCount (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/count',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 历年各类项目总数
+export function fetchProjectCountByYear (params) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByYear',
+    method: 'get',
+    params: {
+      params
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 某年各类项目总数
+export function fetchProjectCountByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 各状态项目总数
+export function fetchProjectCountByState (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByState',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 项目总投资额
+export function fetchProjectInvestment (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investment',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 某年各类项目投资额
+export function fetchProjectInvestmentByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investmentByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
diff --git a/src/utils/formatDate.js b/src/utils/formatDate.js
index 71f5268..134c9a8 100644
--- a/src/utils/formatDate.js
+++ b/src/utils/formatDate.js
@@ -40,3 +40,9 @@
   ctmonth.setTime(ctmonth.getTime() - 3600 * 1000 * 24 * 30)
   return ctmonth
 }
+
+export function getYear () {
+  // const year = new Date().getFullYear()
+  // return year
+  return 2020
+}
diff --git a/src/views/cityConstruction/components/projects/components/gaugeItem.vue b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
index 86e4176..5316edd 100644
--- a/src/views/cityConstruction/components/projects/components/gaugeItem.vue
+++ b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
@@ -1,5 +1,5 @@
 <!--
- * @Description:
+ * @Description: 油量表组件
  * @Author: 王晓颖
  * @Date:
  -->
diff --git a/src/views/cityConstruction/components/projects/components/investmentPie.vue b/src/views/cityConstruction/components/projects/components/investmentPie.vue
index abb91be..c0fcbd5 100644
--- a/src/views/cityConstruction/components/projects/components/investmentPie.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentPie.vue
@@ -19,11 +19,14 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import {getYear} from '@/utils/formatDate'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
 export default {
   name: 'InvestmentPie',
   components: {SingleLayout, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       data: {
         id: 'investment-pie',
         width: '100%',
@@ -44,11 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByArea().then(response=>{
-      //   if(response.code===200){
-      //     this.data.data = response.data
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          this.data.legend = response.data.map(item => item.type)
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value
+            }
+          })
+          this.data.data = data
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/investmentRank.vue b/src/views/cityConstruction/components/projects/components/investmentRank.vue
index 67739ea..7670ede 100644
--- a/src/views/cityConstruction/components/projects/components/investmentRank.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentRank.vue
@@ -1,8 +1,9 @@
 <!--
- * @Description:物联网设备数量
+ * @Description:投资排名
  * @Author: 王晓颖
  * @Date: 2020-11-30 17:40:37
  -->
+<!--suppress ALL -->
 <template>
   <div style="width:100%;height:100%;padding:0.15rem">
     <dv-scroll-ranking-board :config="config" style="height:100%;font-size:0.1rem !important;"  />
@@ -10,15 +11,13 @@
 </template>
 
 <script>
-import SimplePieChart from '@/components/pieChart/simplePieChart'
-import Corner1 from '@/components/corner/Corner1'
-import ChartLayout from '@/components/layout/chartLayout'
-import {fetchTopTenCase} from '@/api/cityManage'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'investmentRank',
-  components: {ChartLayout, Corner1, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       config: {
         rowNum: 4,
         waitTime: 200000,
@@ -37,15 +36,21 @@
   },
   methods: {
     getData () {
-      // fetchTopTenCase().then(response => {
-      //   if (response.code == 200) {
-      //     this.config = {
-      //       rowNum: 5,
-      //       waitTime: 200000,
-      //       data: response.data
-      //     }
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value.toFixed(1) + '万元'
+            }
+          })
+          this.config = {
+            rowNum: 4,
+            waitTime: 200000,
+            data: data
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/investmentTotal.vue b/src/views/cityConstruction/components/projects/components/investmentTotal.vue
index d50598e..0f824a1 100644
--- a/src/views/cityConstruction/components/projects/components/investmentTotal.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentTotal.vue
@@ -12,16 +12,18 @@
 </template>
 
 <script>
-import {fetchProjectCount} from '@/api/cityManage'
 import ImageBlock from '@/components/block/imageBlock'
+import {fetchProjectInvestment} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'InvestmentTotal',
   components: {ImageBlock},
   data () {
     return {
+      year: getYear(),
       data: {
         name: '总投资',
-        value: 34221,
+        value: 0,
         unit: '万元'
       }
     }
@@ -31,29 +33,15 @@
   },
   methods: {
     getData () {
-      // fetchProjectCount().then(response => {
-      //   if (response.code === 200) {
-      //     const dataFilter = [] // 最终数组
-      //     let total = 0
-      //     let complete = 0
-      //     const data = response.data
-      //     for (const item of data) {
-      //       total += item.plan
-      //       complete += item.complete
-      //       dataFilter.push({
-      //         title: item.name,
-      //         data: {
-      //           already: item.complete,
-      //           total: item.plan,
-      //           rate: Math.round(100 * item.complete / item.plan)
-      //         }
-      //       })
-      //     }
-      //     this.total = total
-      //     this.percent = [complete / total]
-      //     this.data = dataFilter
-      //   }
-      // })
+      fetchProjectInvestment(this.year).then(res => {
+        if (res.code === 200) {
+          this.data = {
+            name: '总投资',
+            value: res.data.total.toFixed(1),
+            unit: '万元'
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/projectAll.vue b/src/views/cityConstruction/components/projects/components/projectAll.vue
index 48a1a65..0257429 100644
--- a/src/views/cityConstruction/components/projects/components/projectAll.vue
+++ b/src/views/cityConstruction/components/projects/components/projectAll.vue
@@ -19,12 +19,14 @@
 
 <script>
 import GaugeItem from './gaugeItem'
-import {fetchProjectCount} from '@/api/cityManage'
+import {fetchProjectCount, fetchProjectCountByState} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'ProjectAll',
   components: {GaugeItem},
   data () {
     return {
+      year: getYear(),
       colors: ['#fe6449', '#6afe69', '#09fbfd', '#fcc5b9', '#d9eb33', '#dc6eeb', '#fed948'],
       data: [
         {title: '未启动', data: {total: '1324', already: '40', rate: 34}},
@@ -40,29 +42,30 @@
   },
   methods: {
     getData () {
-      // fetchProjectCount().then(response => {
-      //   if (response.code === 200) {
-      //     const dataFilter = [] // 最终数组
-      //     let total = 0
-      //     let complete = 0
-      //     const data = response.data
-      //     for (const item of data) {
-      //       total += item.plan
-      //       complete += item.complete
-      //       dataFilter.push({
-      //         title: item.name,
-      //         data: {
-      //           already: item.complete,
-      //           total: item.plan,
-      //           rate: Math.round(100 * item.complete / item.plan)
-      //         }
-      //       })
-      //     }
-      //     this.total = total
-      //     this.percent = [complete / total]
-      //     this.data = dataFilter
-      //   }
-      // })
+      fetchProjectCount(this.year).then(res => {
+        if (res.code === 200) {
+          const total = res.data.total
+          if (total) {
+            fetchProjectCountByState(this.year).then(response => {
+              if (response.code === 200) {
+                const dataFilter = [] // 最终数组
+                const data = response.data
+                for (const item of data) {
+                  dataFilter.push({
+                    title: item.type,
+                    data: {
+                      already: item.value,
+                      total: total,
+                      rate: Math.round(100 * item.complete / total)
+                    }
+                  })
+                }
+                this.data = dataFilter
+              }
+            })
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/projectCountBar.vue b/src/views/cityConstruction/components/projects/components/projectCountBar.vue
index 188e7cf..4e05970 100644
--- a/src/views/cityConstruction/components/projects/components/projectCountBar.vue
+++ b/src/views/cityConstruction/components/projects/components/projectCountBar.vue
@@ -20,20 +20,22 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import ChartLayout from '@/components/layout/chartLayout'
-import {fetchPipeCount} from '@/api/cityManage'
-import SingleLayout from "../../../../../components/layout/singleLayout";
+import {fetchProjectCountByType} from '@/api/projectManage'
+import SingleLayout from '@/components/layout/singleLayout'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'projectCountBar',
   components: {SingleLayout, ChartLayout, ColorfulBarChart},
   data () {
     return {
+      year: getYear(),
       options: {
         id: 'project_count_bar',
         height: '100%',
         width: '100%',
         unit: '米',
         xAxisData: ['园林项目', '市政项目', '交通项目', '水利项目', '建筑项目'],
-        seriesData: [10, 5, 12, 13, 24, 10]
+        seriesData: [1, 1, 1, 1, 1, 1]
       }
     }
   },
@@ -42,13 +44,13 @@
   },
   methods: {
     getData () {
-      // fetchPipeCount().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     this.options.seriesData = data.map(item => { return item.value })
-      //   }
-      // })
+      fetchProjectCountByType(this.year).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.type})
+          this.options.seriesData = data.map(item => { return item.value })
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/projectLine.vue b/src/views/cityConstruction/components/projects/components/projectLine.vue
index d225993..90a7f63 100644
--- a/src/views/cityConstruction/components/projects/components/projectLine.vue
+++ b/src/views/cityConstruction/components/projects/components/projectLine.vue
@@ -20,13 +20,14 @@
 
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
-import {fetchParkFlowByDay} from '@/api/cityManage'
+import {fetchProjectCountByYear} from '@/api/projectManage'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'ProjectLine',
   components: {SingleLayout, GradientLineChart},
   data () {
     return {
+      colors: ['255,45,85', '0,144,255', '255,204,0'],
       options: {
         id: 'project_line',
         height: '100%',
@@ -47,18 +48,26 @@
   },
   methods: {
     getData () {
-      // fetchParkFlowByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const inNum = data.map(item => { return item.total })
-      //     const outNum = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '人流量', data: inNum, color: '0,144,255'}
-      //       // {name: '出场流量', data: outNum, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      const currentYear = new Date().getFullYear()
+      const threeYear = currentYear - 3
+      const yearRange = [threeYear.toString(), currentYear.toString()]
+      fetchProjectCountByYear(yearRange).then(response => {
+        if (response.code === 200) {
+          debugger
+          const data = response.data
+          const datalength = data.length
+          this.options.legend = data.map(item => { return item.year })
+          this.options.xAxisData = data[0].data.map(item => { return item.year })
+          const dataFilter = []
+          for (let i = 0; i < datalength; i++) {
+            const value = data[i].data.map(item => item.value)
+            dataFilter.push({
+              name: data[i].year, data: value, color: this.colors[i]
+            })
+          }
+          this.options.seriesData = dataFilter
+        }
+      })
     }
   }
 }

diff --git a/src/api/projectManage.js b/src/api/projectManage.js
new file mode 100644
index 0000000..f7617bc
--- /dev/null
+++ b/src/api/projectManage.js
@@ -0,0 +1,79 @@
+// 项管接口
+import request from '@/utils/request'
+import config from '@/utils/baseConfig'
+import qs from 'qs'
+
+// 项目总数
+export function fetchProjectCount (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/count',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 历年各类项目总数
+export function fetchProjectCountByYear (params) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByYear',
+    method: 'get',
+    params: {
+      params
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 某年各类项目总数
+export function fetchProjectCountByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 各状态项目总数
+export function fetchProjectCountByState (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/countByState',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 项目总投资额
+export function fetchProjectInvestment (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investment',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
+
+// 某年各类项目投资额
+export function fetchProjectInvestmentByType (year) {
+  return request({
+    baseURL: config.baseUrl,
+    url: '/project/investmentByType',
+    method: 'get',
+    params: {
+      params: year
+    }
+  })
+}
diff --git a/src/utils/formatDate.js b/src/utils/formatDate.js
index 71f5268..134c9a8 100644
--- a/src/utils/formatDate.js
+++ b/src/utils/formatDate.js
@@ -40,3 +40,9 @@
   ctmonth.setTime(ctmonth.getTime() - 3600 * 1000 * 24 * 30)
   return ctmonth
 }
+
+export function getYear () {
+  // const year = new Date().getFullYear()
+  // return year
+  return 2020
+}
diff --git a/src/views/cityConstruction/components/projects/components/gaugeItem.vue b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
index 86e4176..5316edd 100644
--- a/src/views/cityConstruction/components/projects/components/gaugeItem.vue
+++ b/src/views/cityConstruction/components/projects/components/gaugeItem.vue
@@ -1,5 +1,5 @@
 <!--
- * @Description:
+ * @Description: 油量表组件
  * @Author: 王晓颖
  * @Date:
  -->
diff --git a/src/views/cityConstruction/components/projects/components/investmentPie.vue b/src/views/cityConstruction/components/projects/components/investmentPie.vue
index abb91be..c0fcbd5 100644
--- a/src/views/cityConstruction/components/projects/components/investmentPie.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentPie.vue
@@ -19,11 +19,14 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import {getYear} from '@/utils/formatDate'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
 export default {
   name: 'InvestmentPie',
   components: {SingleLayout, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       data: {
         id: 'investment-pie',
         width: '100%',
@@ -44,11 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByArea().then(response=>{
-      //   if(response.code===200){
-      //     this.data.data = response.data
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          this.data.legend = response.data.map(item => item.type)
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value
+            }
+          })
+          this.data.data = data
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/investmentRank.vue b/src/views/cityConstruction/components/projects/components/investmentRank.vue
index 67739ea..7670ede 100644
--- a/src/views/cityConstruction/components/projects/components/investmentRank.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentRank.vue
@@ -1,8 +1,9 @@
 <!--
- * @Description:物联网设备数量
+ * @Description:投资排名
  * @Author: 王晓颖
  * @Date: 2020-11-30 17:40:37
  -->
+<!--suppress ALL -->
 <template>
   <div style="width:100%;height:100%;padding:0.15rem">
     <dv-scroll-ranking-board :config="config" style="height:100%;font-size:0.1rem !important;"  />
@@ -10,15 +11,13 @@
 </template>
 
 <script>
-import SimplePieChart from '@/components/pieChart/simplePieChart'
-import Corner1 from '@/components/corner/Corner1'
-import ChartLayout from '@/components/layout/chartLayout'
-import {fetchTopTenCase} from '@/api/cityManage'
+import {fetchProjectInvestmentByType} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'investmentRank',
-  components: {ChartLayout, Corner1, SimplePieChart},
   data () {
     return {
+      year: getYear(),
       config: {
         rowNum: 4,
         waitTime: 200000,
@@ -37,15 +36,21 @@
   },
   methods: {
     getData () {
-      // fetchTopTenCase().then(response => {
-      //   if (response.code == 200) {
-      //     this.config = {
-      //       rowNum: 5,
-      //       waitTime: 200000,
-      //       data: response.data
-      //     }
-      //   }
-      // })
+      fetchProjectInvestmentByType(this.year).then(response => {
+        if (response.code === 200) {
+          const data = response.data.map(item => {
+            return {
+              name: item.type,
+              value: item.value.toFixed(1) + '万元'
+            }
+          })
+          this.config = {
+            rowNum: 4,
+            waitTime: 200000,
+            data: data
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/investmentTotal.vue b/src/views/cityConstruction/components/projects/components/investmentTotal.vue
index d50598e..0f824a1 100644
--- a/src/views/cityConstruction/components/projects/components/investmentTotal.vue
+++ b/src/views/cityConstruction/components/projects/components/investmentTotal.vue
@@ -12,16 +12,18 @@
 </template>
 
 <script>
-import {fetchProjectCount} from '@/api/cityManage'
 import ImageBlock from '@/components/block/imageBlock'
+import {fetchProjectInvestment} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'InvestmentTotal',
   components: {ImageBlock},
   data () {
     return {
+      year: getYear(),
       data: {
         name: '总投资',
-        value: 34221,
+        value: 0,
         unit: '万元'
       }
     }
@@ -31,29 +33,15 @@
   },
   methods: {
     getData () {
-      // fetchProjectCount().then(response => {
-      //   if (response.code === 200) {
-      //     const dataFilter = [] // 最终数组
-      //     let total = 0
-      //     let complete = 0
-      //     const data = response.data
-      //     for (const item of data) {
-      //       total += item.plan
-      //       complete += item.complete
-      //       dataFilter.push({
-      //         title: item.name,
-      //         data: {
-      //           already: item.complete,
-      //           total: item.plan,
-      //           rate: Math.round(100 * item.complete / item.plan)
-      //         }
-      //       })
-      //     }
-      //     this.total = total
-      //     this.percent = [complete / total]
-      //     this.data = dataFilter
-      //   }
-      // })
+      fetchProjectInvestment(this.year).then(res => {
+        if (res.code === 200) {
+          this.data = {
+            name: '总投资',
+            value: res.data.total.toFixed(1),
+            unit: '万元'
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/projectAll.vue b/src/views/cityConstruction/components/projects/components/projectAll.vue
index 48a1a65..0257429 100644
--- a/src/views/cityConstruction/components/projects/components/projectAll.vue
+++ b/src/views/cityConstruction/components/projects/components/projectAll.vue
@@ -19,12 +19,14 @@
 
 <script>
 import GaugeItem from './gaugeItem'
-import {fetchProjectCount} from '@/api/cityManage'
+import {fetchProjectCount, fetchProjectCountByState} from '@/api/projectManage'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'ProjectAll',
   components: {GaugeItem},
   data () {
     return {
+      year: getYear(),
       colors: ['#fe6449', '#6afe69', '#09fbfd', '#fcc5b9', '#d9eb33', '#dc6eeb', '#fed948'],
       data: [
         {title: '未启动', data: {total: '1324', already: '40', rate: 34}},
@@ -40,29 +42,30 @@
   },
   methods: {
     getData () {
-      // fetchProjectCount().then(response => {
-      //   if (response.code === 200) {
-      //     const dataFilter = [] // 最终数组
-      //     let total = 0
-      //     let complete = 0
-      //     const data = response.data
-      //     for (const item of data) {
-      //       total += item.plan
-      //       complete += item.complete
-      //       dataFilter.push({
-      //         title: item.name,
-      //         data: {
-      //           already: item.complete,
-      //           total: item.plan,
-      //           rate: Math.round(100 * item.complete / item.plan)
-      //         }
-      //       })
-      //     }
-      //     this.total = total
-      //     this.percent = [complete / total]
-      //     this.data = dataFilter
-      //   }
-      // })
+      fetchProjectCount(this.year).then(res => {
+        if (res.code === 200) {
+          const total = res.data.total
+          if (total) {
+            fetchProjectCountByState(this.year).then(response => {
+              if (response.code === 200) {
+                const dataFilter = [] // 最终数组
+                const data = response.data
+                for (const item of data) {
+                  dataFilter.push({
+                    title: item.type,
+                    data: {
+                      already: item.value,
+                      total: total,
+                      rate: Math.round(100 * item.complete / total)
+                    }
+                  })
+                }
+                this.data = dataFilter
+              }
+            })
+          }
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/projectCountBar.vue b/src/views/cityConstruction/components/projects/components/projectCountBar.vue
index 188e7cf..4e05970 100644
--- a/src/views/cityConstruction/components/projects/components/projectCountBar.vue
+++ b/src/views/cityConstruction/components/projects/components/projectCountBar.vue
@@ -20,20 +20,22 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import ChartLayout from '@/components/layout/chartLayout'
-import {fetchPipeCount} from '@/api/cityManage'
-import SingleLayout from "../../../../../components/layout/singleLayout";
+import {fetchProjectCountByType} from '@/api/projectManage'
+import SingleLayout from '@/components/layout/singleLayout'
+import {getYear} from '@/utils/formatDate'
 export default {
   name: 'projectCountBar',
   components: {SingleLayout, ChartLayout, ColorfulBarChart},
   data () {
     return {
+      year: getYear(),
       options: {
         id: 'project_count_bar',
         height: '100%',
         width: '100%',
         unit: '米',
         xAxisData: ['园林项目', '市政项目', '交通项目', '水利项目', '建筑项目'],
-        seriesData: [10, 5, 12, 13, 24, 10]
+        seriesData: [1, 1, 1, 1, 1, 1]
       }
     }
   },
@@ -42,13 +44,13 @@
   },
   methods: {
     getData () {
-      // fetchPipeCount().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     this.options.seriesData = data.map(item => { return item.value })
-      //   }
-      // })
+      fetchProjectCountByType(this.year).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.type})
+          this.options.seriesData = data.map(item => { return item.value })
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/projectLine.vue b/src/views/cityConstruction/components/projects/components/projectLine.vue
index d225993..90a7f63 100644
--- a/src/views/cityConstruction/components/projects/components/projectLine.vue
+++ b/src/views/cityConstruction/components/projects/components/projectLine.vue
@@ -20,13 +20,14 @@
 
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
-import {fetchParkFlowByDay} from '@/api/cityManage'
+import {fetchProjectCountByYear} from '@/api/projectManage'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'ProjectLine',
   components: {SingleLayout, GradientLineChart},
   data () {
     return {
+      colors: ['255,45,85', '0,144,255', '255,204,0'],
       options: {
         id: 'project_line',
         height: '100%',
@@ -47,18 +48,26 @@
   },
   methods: {
     getData () {
-      // fetchParkFlowByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const inNum = data.map(item => { return item.total })
-      //     const outNum = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '人流量', data: inNum, color: '0,144,255'}
-      //       // {name: '出场流量', data: outNum, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      const currentYear = new Date().getFullYear()
+      const threeYear = currentYear - 3
+      const yearRange = [threeYear.toString(), currentYear.toString()]
+      fetchProjectCountByYear(yearRange).then(response => {
+        if (response.code === 200) {
+          debugger
+          const data = response.data
+          const datalength = data.length
+          this.options.legend = data.map(item => { return item.year })
+          this.options.xAxisData = data[0].data.map(item => { return item.year })
+          const dataFilter = []
+          for (let i = 0; i < datalength; i++) {
+            const value = data[i].data.map(item => item.value)
+            dataFilter.push({
+              name: data[i].year, data: value, color: this.colors[i]
+            })
+          }
+          this.options.seriesData = dataFilter
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityConstruction/components/projects/components/projectTotal.vue b/src/views/cityConstruction/components/projects/components/projectTotal.vue
index 2547830..064888c 100644
--- a/src/views/cityConstruction/components/projects/components/projectTotal.vue
+++ b/src/views/cityConstruction/components/projects/components/projectTotal.vue
@@ -5,12 +5,11 @@
  -->
 <template>
     <div class="PlanningLand">
-      <!--各状态项目的占比情况-->
       <div class="item">
         <image-block :data="data"/>
       </div>
       <div class="item-line">
-        同比增长：+10%
+        {{radio}}
       </div>
     </div>
   <!--</chart-layout>-->
@@ -19,16 +18,19 @@
 <script>
 import {fetchProjectCount} from '@/api/cityManage'
 import ImageBlock from '@/components/block/imageBlock'
-import SimpleBlock from '@/components/block/simpleBlock'
+import {getYear} from '@/utils/formatDate'
+
 export default {
   name: 'ProjectTotal',
-  components: {SimpleBlock, ImageBlock},
+  components: {ImageBlock},
   data () {
     return {
+      year: getYear(),
+      radio: '同比增长：+10%',
       icon: require('@/assets/images/construction/icon-total.png'),
       data: {
         name: '总项目',
-        value: 342,
+        value: 0,
         unit: '个'
       }
     }
@@ -38,29 +40,20 @@
   },
   methods: {
     getData () {
-      // fetchProjectCount().then(response => {
-      //   if (response.code === 200) {
-      //     const dataFilter = [] // 最终数组
-      //     let total = 0
-      //     let complete = 0
-      //     const data = response.data
-      //     for (const item of data) {
-      //       total += item.plan
-      //       complete += item.complete
-      //       dataFilter.push({
-      //         title: item.name,
-      //         data: {
-      //           already: item.complete,
-      //           total: item.plan,
-      //           rate: Math.round(100 * item.complete / item.plan)
-      //         }
-      //       })
-      //     }
-      //     this.total = total
-      //     this.percent = [complete / total]
-      //     this.data = dataFilter
-      //   }
-      // })
+      fetchProjectCount(this.year).then(res => {
+        if (res.code === 200) {
+          this.data = {
+            name: '总项目',
+            value: res.data.total,
+            unit: '个'
+          }
+          // if(res.data.radio.includes('+')){
+          this.radio = '同比增长：' + res.data.radio
+          // }else{
+          //   this.radio = '同比增长：'+res.data.radio
+          // }
+        }
+      })
     }
   }
 }