1

src/views/salesMange/salesMange/performance/index.vue

@@ -42,6 +42,7 @@
         :pagination="sourceList.pagination"
         :config="config"
         :loading="loading"
+        :statConfig="statConfig"
         :selectConfig="selectConfig"
         highlight-current-row
         :action-list="[]"
@@ -61,7 +62,11 @@
               <template #default="{ row }">
                 <div style="width: 100%">
                   <a
-                    style="color: #409eff; cursor: pointer; word-break: break-all"
+                    style="
+                      color: #409eff;
+                      cursor: pointer;
+                      word-break: break-all;
+                    "
                     @click="openDetails(row)"
                     >{{ row.contractCode }}</a
                   >
@@ -354,6 +359,72 @@ const selectConfig = computed(() => {
     // },
   ];
 });
+
+const statConfig = computed(() => [
+  {
+    label: "统计",
+    data: [
+      //一个卡牌多数据配置
+      {
+        label: "收支统计",
+        type: 2,
+        data: [
+          {
+            label: "收入合计",
+            num: proxy.moneyFormat(10, 2),
+            color: "#C280FF",
+          },
+          {
+            label: "支出合计",
+            num: proxy.moneyFormat(20, 2),
+            color: "#C280FF",
+          },
+          {
+            label: "毛利",
+            num: proxy.moneyFormat(20, 2),
+            color: "#C280FF",
+          },
+          {
+            label: "毛利率",
+            num: proxy.moneyFormat(20, 2),
+            color: "#C280FF",
+          },
+        ],
+      },
+      {
+        label: "提成统计",
+        type: 1,
+        data: [
+          {
+            label: "售后",
+            num: proxy.moneyFormat(10, 2),
+            color: "#0084ff",
+          },
+          {
+            label: "公共",
+            num: proxy.moneyFormat(20, 2),
+            color: "#0084ff",
+          },
+          {
+            label: "总办",
+            num: proxy.moneyFormat(20, 2),
+            color: "#0084ff",
+          },
+          {
+            label: "部门提成",
+            num: proxy.moneyFormat(20, 2),
+            color: "#0084ff",
+          },
+          {
+            label: "个人提成",
+            num: proxy.moneyFormat(20, 2),
+            color: "#0084ff",
+          },
+        ],
+      },
+    ],
+  },
+]);
 const config = computed(() => {
   return [];
 });