对接项目当前状态

jero-web/src/views/projectManagement/components/certificationProgressEchart.vue

@@ -4,7 +4,20 @@
       <div id="main-left"></div>
     </div>
     <div class="box-content-right">
-      <div id="main-right"></div>
+      <div id="main-right">
+        <a-table
+          ref="table"
+          :loading="loading"
+          :pagination="false"
+          :scroll="{x: true}"
+          :data-source="dataSource"
+          :columns="columns"
+        >
+          <template slot="footer" slot-scope="currentPageData">
+            {{$t('totalTable')}}
+          </template>
+        </a-table>
+      </div>
     </div>
   </div>
 </template>
@@ -15,7 +28,37 @@
   export default {
     name: 'certificationProgress',
     data() {
-      return {}
+      return {
+        loading:false,
+        dataSource:[],
+        columns: [
+          {
+            title: this.$t('notInvolved'),
+            align: 'center',
+            dataIndex: 'nonConformity',
+          },
+          {
+            title: this.$t('toBeStarted'),
+            align: 'center',
+            dataIndex: 'Tracked',
+          },
+          {
+            title: this.$t('inProgress'),
+            align: 'center',
+            dataIndex: 'accord',
+          },
+          {
+            title: this.$t('experimentFailed'),
+            align: 'center',
+            dataIndex: 'notEvaluated',
+          },
+          {
+            title: this.$t('experimentPassed'),
+            align: 'center',
+            dataIndex: 'notEvaluatedOne',
+          }
+        ]
+      }
     },
     mounted() {
       this.mainLeftEcharts()
@@ -59,11 +102,14 @@
       },
       mainLeftEcharts() {
         let data = [
-          { value: 1048, name: '待审查' },
-          { value: 735, name: '审查中' },
-          { value: 580, name: '审查完成' }
+          { value: 1048, name: this.$t('notInvolved') },
+          { value: 735, name: this.$t('toBeStarted') },
+          { value: 580, name: this.$t('inProgress') },
+          { value: 580, name: this.$t('experimentFailed') },
+          { value: 580, name: this.$t('experimentPassed') }
         ]
-        this.getEcharts('main-left', '内部审查进度', ['#00BEBE', '#FDB033', '#2F8DF3'], data)
+        let color = ['#9DB9D4', '#FDB033', '#37CED1', '#FF8543', '#2F8DF3', ]
+        this.getEcharts('main-left', this.$t('CertificationProgress'), color, data)
       }
     }
   }