diff --git a/jero-web/src/views/projectManagement/components/currentStatusOfTheProjectEcharts.vue b/jero-web/src/views/projectManagement/components/currentStatusOfTheProjectEcharts.vue
index e237b605a..e175f9d73 100644
--- a/jero-web/src/views/projectManagement/components/currentStatusOfTheProjectEcharts.vue
+++ b/jero-web/src/views/projectManagement/components/currentStatusOfTheProjectEcharts.vue
@@ -21,14 +21,18 @@
 
 <script>
   import * as echarts from 'echarts'
+  import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
 
   export default {
     name: 'CurrentStatusOfTheProjectEcharts',
     data() {
       return {
-        loading:false,
-        dataSource:[],
-        columns:[
+        loading: false,
+        dataSource: [],
+        url: {
+          getProjectDetailsStatistics: '/project/projectLibraryBase/getProjectDetailsStatistics'
+        },
+        columns: [
           {
             title: this.$t('nonConformity'),
             align: 'center',
@@ -52,14 +56,22 @@
             align: 'center',
             dataIndex: 'notEvaluated',
             scopedSlots: { customRender: 'titleName' }
-          },
-        ],
+          }
+        ]
       }
     },
     mounted() {
       this.mainLeftEcharts()
+      this.getData()
     },
     methods: {
+      getData() {
+        getAction(this.url.getProjectDetailsStatistics, { id: this.$route.query.id }).then((res) => {
+          if (res.success) {
+
+          }
+        })
+      },
       getEcharts(chart, title, color, data) {
         var myChart = echarts.init(document.getElementById(chart))
         myChart.setOption({
@@ -104,7 +116,7 @@
           { value: 580, name: this.$t('notEvaluated') }
         ]
         this.getEcharts('main-left', this.$t('CurrentStatusOfTheProject'), ['#2F8DF3', '#FF8543', '#37CED1', '#FDB033', '#9DB9D4'], data)
-      },
+      }
 
     }
   }