From 3cdae2e858f4d5fe41c849990c48adfec106eb51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com>
Date: Wed, 10 Aug 2022 17:43:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E8=BF=9B?=
 =?UTF-8?q?=E5=BA=A6=E8=AE=A1=E5=88=92):=E7=BB=9F=E8=AE=A1=E8=AE=A1?=
 =?UTF-8?q?=E5=88=92=E6=A8=A1=E5=9D=97=20=E6=8E=A5=E5=8F=A3=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jlw/planProgress/leftCenter.vue           | 87 +++++++++++--------
 1 file changed, 50 insertions(+), 37 deletions(-)

diff --git a/src/views/projectAdmin/jlw/planProgress/leftCenter.vue b/src/views/projectAdmin/jlw/planProgress/leftCenter.vue
index 02179d5e..13e9afbc 100644
--- a/src/views/projectAdmin/jlw/planProgress/leftCenter.vue
+++ b/src/views/projectAdmin/jlw/planProgress/leftCenter.vue
@@ -1,16 +1,16 @@
 <template>
-<!-- 状态统计 -->
-<div class="containerBox">
+  <!-- 状态统计 -->
+  <div class="containerBox">
     <div class="titleTxt">{{ title }}</div>
     <div class="mychart">
       <JBarChart :xData="xData" :yData="yData" :color="color" :grid="grid" :title="{ text: '全部' }" />
     </div>
-
-</div>
+  </div>
 </template>
 
 <script>
-import JBarChart from '../jChart/bar/JBarChart.vue'
+import JBarChart from "../jChart/bar/JBarChart.vue";
+import { selectProgressItemStatisticsApi } from "@/assets/js/api/dataBoard.js";
 export default {
   components: { JBarChart },
 
@@ -22,39 +22,52 @@ export default {
   },
   data() {
     return {
-      xData:['未开始','进行中','已完成','延期'],
-      yData:[
-        {
-          value: 170,
-          itemStyle: {
-            color: '#a9adb6'
-          }
-        },
-        {
-          value: 320,
-          itemStyle: {
-            color: '#557dee'
-          }
-        },
-        {
-          value: 270,
-          itemStyle: {
-            color: '#43d7b5'
-          }
-        },
-        {
-          value: 310,
-          itemStyle: {
-            color: '#ff6c7f'
-          }
-        }],
-      color:['#a9adb6','#557dee','#43d7b5','#ff6c7f'],
-      grid:['10%','5%','7%','5%']
+      xData: ["未开始", "进行中", "已完成", "延期"],
+      yData:[],
+      color: ["#a9adb6", "#557dee", "#43d7b5", "#ff6c7f"],
+      grid: ["10%", "5%", "7%", "5%"]
     };
   },
-
-
-}
+  mounted(){
+    this.getData()
+  },
+  methods: {
+    getData() {
+      let data = {
+        projectSn: this.$store.state.projectSn
+      };
+      selectProgressItemStatisticsApi(data).then(res => {
+        console.log("res", res);
+        this.yData = [
+            {
+          value: res.result.notStartNum,
+          itemStyle: {
+            color: "#a9adb6"
+          }
+        },
+        {
+          value: res.result.executingNum,
+          itemStyle: {
+            color: "#557dee"
+          }
+        },
+        {
+          value: res.result.completeNum,
+          itemStyle: {
+            color: "#43d7b5"
+          }
+        },
+        {
+          value: res.result.overdueNum,
+          itemStyle: {
+            color: "#ff6c7f"
+          }
+        }
+        ]
+      });
+    }
+  }
+};
 </script>
 
 <style lang="less" scoped>
@@ -69,7 +82,7 @@ export default {
     margin-top: 5px;
     margin-left: 5px;
   }
-  .mychart{
+  .mychart {
     width: 100%;
     height: 95%;
   }