曹睿
2025-04-23 8a09b751a8be8c4ed376f42e7f64e0794001e06a
src/pages/production/components/ProductionCard.vue
@@ -1,9 +1,11 @@
<template>
  <wd-row>
    <wd-col v-for="(item, index) in data" :key="index" :span="12" class="my-1">
      <view class="flex justify-between pr-1">
        <view class="text-[#646874]">{{ item.label }}</view>
        <view class="font-medium" :style="{ color: color }">{{ item.value }}</view>
    <wd-col v-for="(item, index) in data" :key="index" :span="item.span ?? 12" class="my-1">
      <view class="flex justify-between w-full h-[20px]">
        <view class="text-[#646874] pl-1">{{ item.label }}</view>
        <view class="font-medium pr-1" :style="{ color: item.color ?? color }">
          {{ value[item.prop] }} {{ value[item.unitProp] }} {{ item.unit }}
        </view>
      </view>
    </wd-col>
  </wd-row>
@@ -17,9 +19,19 @@
      return [];
    },
  },
  value: {
    type: Object,
    default: () => {
      return {};
    },
  },
  color: {
    type: String,
    default: "#333333",
  },
  unit: {
    type: String,
    default: "",
  },
});
</script>