对接echarts的表格

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

@@ -1,6 +1,7 @@
 <template>
   <div class="box-content">
-    <div class="headerText">
+    <div class="headerText"
+         :title="this.$t('redSchedule') + this.$t('yellowSchedule')+this.$t('greenRequirements')+this.$t('blueUndeterminedState')">
       {{this.$t('redSchedule')}};
       {{this.$t('yellowSchedule')}};
       {{this.$t('greenRequirements')}};
@@ -25,15 +26,20 @@
         </a-table>
       </div>
     </div>
+    <responsibilityList ref="responsibilityListRef"/>
   </div>
 </template>
 
 <script>
   import * as echarts from 'echarts'
   import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
+  import responsibilityList from './responsibilityList'
 
   export default {
     name: 'CurrentStatusOfTheProjectEcharts',
+    components: {
+      responsibilityList
+    },
     data() {
       return {
         loading: false,
@@ -115,6 +121,15 @@
             }
           ]
         })
+        myChart.on('click', (params) => {
+          let query = {
+            title: params.seriesName,
+            projectLibraryId: this.$route.query.id,
+            operatorType:'queryCurrentProjectStatusStatistics',
+            conditionAssessment:params.data.value
+          }
+          this.$refs.responsibilityListRef.getData(query)
+        })
       },
       mainLeftEcharts(dataSource) {
         let data = []
@@ -199,5 +214,9 @@
     color: #040B29;
     font-weight: 400;
     position: absolute;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 </style>