CRM_25-11-18#story#7366,服务商KPI界面需求2025.9.11

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

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