修改

src/views/home/components/core-bottom-leftItem.vue

@@ -42,40 +42,48 @@
 export default {
   name: "Container",
   components: {},
-  props: ["name", "size", "icon"],
+  props: ["purchase"],
   data() {
     return {
-      progress: 90,
-      itemList: [
-        {
-          unit: "本月增效额·万元",
-          targetValue: 16,
-          currentValue: 14.5,
-          progress: 90
-        },
-        {
-          unit: "累计增效额·万元",
-          targetValue: 16,
-          currentValue: 15.2,
-          progress: 85
-        },
-        // {
-        //   unit: "销量·万㎡",
-        //   targetValue: 20,
-        //   currentValue: 16,
-        //   progress: 80
-        // },
-        // {
-        //   unit: "双镀面板·万㎡",
-        //   targetValue: 15,
-        //   currentValue: 13.8,
-        //   progress: 92
-        // }
-      ]
+      itemList: []
     };
   },
-  computed: {},
+  watch: {
+    purchase: {
+      handler(newVal) {
+        if (newVal) {
+          this.itemList = this.transformData(newVal);
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  },
   methods: {
+    transformData(rawData) {
+      const dataMap = [
+        {
+          key: 'increase',
+          unit: '本月增效额·万元'
+        },
+        {
+          key: 'totalIncrease',
+          unit: '累计增效额·万元'
+        }
+      ];
+
+      return dataMap.map(itemInfo => {
+        const rawItem = rawData[itemInfo.key] || {};
+        const progress = Math.max(0, Math.round((rawItem.rate || 0)));
+
+        return {
+          unit: itemInfo.unit,
+          targetValue: rawItem.target || 0,
+          currentValue: rawItem.real || 0,
+          progress: progress
+        };
+      });
+    },
     getTargetColor(currentValue, targetValue) {
       return currentValue >= targetValue
         ? "rgba(98, 213, 180, 1)"