From 9f1984205432b7ad11426d86b1da47ecd305b63f Mon Sep 17 00:00:00 2001
From: fuchao <2577131060@qq.com>
Date: Thu, 27 Nov 2025 17:47:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=9A=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E4=B8=A2=E5=A4=B1=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/order/GoodsPrice.vue | 72 +++++++++++++++++++++++++++++++++
 1 file changed, 72 insertions(+)
 create mode 100644 components/order/GoodsPrice.vue

diff --git a/components/order/GoodsPrice.vue b/components/order/GoodsPrice.vue
new file mode 100644
index 0000000..739417e
--- /dev/null
+++ b/components/order/GoodsPrice.vue
@@ -0,0 +1,72 @@
+<template>
+  <view class="price-info">
+    <text class="price">{{ goodsPrice.lowestPrice }} {{ t('global.coin') }}</text>
+    <text class="price-label">{{ goodsPrice.priceLabel }}</text>
+    <text v-if="goodsPrice.priceLabel" class="original-price">{{ props.goods.price }} {{ t('global.coin') }}</text>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { useUserStore } from '@/stores/user'
+import { calculateLowestPrice } from '@/utils/index'
+import { t } from '@/utils/i18n'
+import type { IGoods } from '@/types/order'
+
+const userStore = useUserStore()
+
+interface Props {
+  goods: IGoods
+}
+const props = defineProps<Props>()
+
+// 计算商品价格
+const goodsPrice = computed(() => {
+  const { activityPrice, vipPrice, price } = props.goods
+  const isVipUser = userStore.userVips && userStore.userVips.length > 0
+  const priceLabel = {
+    vipPrice: 'VIP优惠价',
+    activityPrice: '活动价',
+    price: ''
+  }
+  
+  let priceData = null
+  if (isVipUser) {
+    priceData = { activityPrice, vipPrice, price }
+  } else {
+    priceData = { activityPrice, price }
+  }
+  const lowestPrice = calculateLowestPrice(priceData)
+  
+  return {
+    lowestPrice: parseFloat(lowestPrice.value).toFixed(2),
+    priceLabel: priceLabel[lowestPrice.key as keyof typeof priceLabel]
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.price-info {
+  display: flex;
+  align-items: baseline;
+  gap: 10rpx;
+  color: #e97512;
+  
+  .price {
+    font-size: 16px;
+    font-weight: bold;
+    color: #e97512;
+  }
+  
+  .price-label {
+    font-size: 12px;
+    color: #e97512;
+  }
+  
+  .original-price {
+    font-size: 12px;
+    color: #8a8a8a;
+    text-decoration: line-through;
+  }
+}
+</style>
\ No newline at end of file