feat: 完成至扫码

曹睿

2025-04-22 2fa9c764993b4a7ad51754d0e8587990f96f1529

 src/components/product_card/index.vue

@@ -2,9 +2,9 @@
  <wd-card class="card_bg">
    <template #title>
      <view class="flex justify-between w-full">
        <text class="font-medium text-[#252525]">设备编号: 1234567891</text>
        <text class="font-medium text-[#252525]">设备编号: {{ data.deviceModel }}</text>
        <wd-tag color="#0D867F" bg-color="#E7F4EC">
          <text class="text-xs">JL/B20-400-35</text>
          <text class="text-xs">{{ data.model }}</text>
        </wd-tag>
      </view>
    </template>
@@ -16,7 +16,7 @@
          </view>
          <text class="text-[#646874] mx-2">
            总需求数量:
            <text class="text-[#252525]">274m</text>
            <text class="text-[#252525]">{{ data.totalAmount }}m</text>
          </text>
        </view>
      </wd-col>
@@ -29,7 +29,7 @@
          </view>
          <text class="text-[#646874] mx-2">
            已生产数量:
            <text class="text-[#252525]">202m</text>
            <text class="text-[#252525]">{{ data.amount }}m</text>
          </text>
        </view>
      </wd-col>
@@ -40,7 +40,7 @@
          </view>
          <text class="text-[#646874] mx-2">
            待排产数量:
            <text class="text-[#252525]">72m</text>
            <text class="text-[#252525]">{{ data.unAmount }}m</text>
          </text>
        </view>
      </wd-col>
@@ -48,9 +48,17 @@
  </wd-card>
</template>

<script setup lang="ts">
defineProps({
  data: {
    type: Object,
    default: () => {},
  },
});
</script>

<style lang="scss" scoped>
.card_bg {
  margin-top: 12px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
  padding-bottom: 10px;
}