task#14196，kpi页面

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

@@ -0,0 +1,45 @@
+<template>
+  <div class="wrap">
+    <el-table :data="tableData"
+              stripe
+              border
+              style="width: 100%"
+              class="custom-table">
+      <el-table-column
+          v-for="(column,i) in tableData"
+          :key="i"
+          :prop="column.prop"
+          :label="column.label"
+          :fixed="i===0"
+          :width="i===0 ? '40' :'80'"
+          align="center"
+      >
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "commonTable",
+  props: ['tableData'],
+  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>