task#14196，data动态数据添加

src/views/kpi/components/circleChar.vue

@@ -14,14 +14,16 @@ export default {
     }
   },
   mounted() {
-    this.drawHandle();
+    setTimeout(()=>{
+      this.drawHandle();
+    },100)
   },
   methods:{
     handle(){
       if(this.titleText == '投诉率'){
-        console.log(this.titleText)
+        this.$emit('clickComplain')
       }else if(this.titleText == '使用率'){
-        console.log(this.titleText)
+        this.$emit('clickUse')
       }
     },
     // 绘制 总分图表

src/views/kpi/components/noFit-table.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="wrap">
+    <el-table :data="tableData"
+              stripe
+              border
+              style="width: 100%"
+              v-loading="loading"
+              class="custom-table">
+      <el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label"
+                       align="center"  min-width="100">
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "noFit-table",
+  props: ['tableData','labelList','loading'],
+  data() {
+    return {}
+  },
+  mounted() {
+
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/mixin.scss";
+::v-deep .el-table thead{
+  font-size: 11px;
+  color: #1D2129;
+  font-weight: bold;
+}
+::v-deep .el-table th.el-table__cell.is-leaf {
+  background-color: #E5E6EB;
+}
+</style>