From b3572257035e128704a810b0704c58ad1094d137 Mon Sep 17 00:00:00 2001
From: chenghuan <chenghuanv587@qq.com>
Date: Mon, 24 Nov 2025 10:21:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=EF=BC=9A=E6=88=91=E7=9A=84?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E5=85=BC=E5=AE=B9=E5=A4=9A=E7=A7=8D=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E8=AE=A2=E5=8D=95=EF=BC=88=E7=94=B5=E5=AD=90=E4=B9=A6?=
 =?UTF-8?q?=E3=80=81=E8=AF=BE=E7=A8=8B=E3=80=81vip=EF=BC=89=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/order/GoodsSelector.vue |  12 +-
 components/order/ProductInfo.vue   | 110 ++++++++++++
 package.json                       |   4 +-
 pages/book/detail.vue              |   2 +-
 pages/book/index.vue               |   4 +-
 pages/order/confirmOrder.vue       |   0
 pages/user/order/index.vue         | 258 ++++++++++++++---------------
 static/jifen.png                   | Bin 0 -> 6382 bytes
 static/vip.png                     | Bin 0 -> 4289 bytes
 style/tailwind.css                 |  41 +++++
 tailwind.config.js                 |   8 +-
 types/order.d.ts                   |  12 ++
 types/user.ts                      |  17 --
 utils/index.ts                     |   4 +-
 14 files changed, 307 insertions(+), 165 deletions(-)
 create mode 100644 components/order/ProductInfo.vue
 create mode 100644 pages/order/confirmOrder.vue
 create mode 100644 static/jifen.png
 create mode 100644 static/vip.png

diff --git a/components/order/GoodsSelector.vue b/components/order/GoodsSelector.vue
index 1f00c70..0f3a675 100644
--- a/components/order/GoodsSelector.vue
+++ b/components/order/GoodsSelector.vue
@@ -9,7 +9,7 @@
         <image :src="goods[selectedIndex].productImages" mode="aspectFit" class="goods-cover" />
         <view class="info">
           <text class="name">{{ goods[selectedIndex].productName }}</text>
-          <text v-if="selectedGoodsPrice" class="price">NZ$ {{ selectedGoodsPrice }}</text>
+          <text v-if="selectedGoodsPrice" class="price">{{ selectedGoodsPrice }} 天医币</text>
         </view>
       </view>
       
@@ -30,21 +30,21 @@
             
             <!-- VIP优惠价 -->
             <view v-if="item.isVipPrice === 1 && item.vipPrice" class="price-info">
-              <text class="vip-price">NZ$ {{ parseFloat(item.vipPrice).toFixed(2) }}</text>
+              <text class="vip-price">{{ parseFloat(item.vipPrice).toFixed(2) }} 天医币</text>
               <text class="vip-label">VIP到手价</text>
-              <text class="original-price">NZ$ {{ parseFloat(item.price).toFixed(2) }}</text>
+              <text class="original-price">{{ parseFloat(item.price).toFixed(2) }} 天医币</text>
             </view>
             
             <!-- 活动价 -->
             <view v-else-if="item.activityPrice && item.activityPrice > 0" class="price-info">
-              <text class="activity-price">NZ$ {{ parseFloat(item.activityPrice).toFixed(2) }}</text>
+              <text class="activity-price">{{ parseFloat(item.activityPrice).toFixed(2) }} 天医币</text>
               <text class="activity-label">活动价</text>
-              <text class="original-price">NZ$ {{ parseFloat(item.price).toFixed(2) }}</text>
+              <text class="original-price">{{ parseFloat(item.price).toFixed(2) }} 天医币</text>
             </view>
             
             <!-- 普通价格 -->
             <view v-else class="price-info">
-              <text class="normal-price">NZ$ {{ parseFloat(item.price).toFixed(2) }}</text>
+              <text class="normal-price">{{ parseFloat(item.price).toFixed(2) }} 天医币</text>
             </view>
           </view>
         </view>
diff --git a/components/order/ProductInfo.vue b/components/order/ProductInfo.vue
new file mode 100644
index 0000000..2ef02a4
--- /dev/null
+++ b/components/order/ProductInfo.vue
@@ -0,0 +1,110 @@
+<template>
+  <view class="order-item-content">
+    <view class="order-item-product-info">
+      <image
+        :src="productImg"
+        mode="aspectFit"
+        class="order-item-product-cover"
+      />
+      <view class="order-item-product-name" v-html="title"></view>
+    </view>
+    <view class="order-item-product-price">
+      <view class="price">{{ price }} 天医币</view>
+      <view class="count">x {{ 1 }}</view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+interface Props {
+  data: any
+  type: string
+}
+const props = defineProps<Props>()
+
+const productImg = computed(() => {
+  
+  switch (props.type) {
+    case 'order':
+      return props.data[0]?.product?.productImages || ''
+    case 'abroadBook':
+      return props.data?.images || ''
+    case 'vip':
+      return '/static/vip.png'
+    case 'point':
+      return '/static/jifen.png'
+    default:
+      return ''
+  }
+})
+const title = computed(() => {
+  switch (props.type) {
+    case 'order':
+      return props.data[0]?.product?.productName || ''
+    case 'abroadBook':
+      return props.data?.name || ''
+    case 'vip':
+      return props.data?.title + '<text style="color: #ff4703; font-weight: bold;">(' + props.data?.year + '年)</text>' || ''
+    case 'point':
+      return ''
+    default:
+      return ''
+  }
+})
+const price = computed(() => {
+  switch (props.type) {
+    case 'order':
+      return props.data[0]?.product?.price || 0
+    case 'abroadBook':
+      return props.data?.abroadPrice || 0
+    case 'vip':
+      return props.data?.fee || 0
+    case 'point':
+      return ''
+    default:
+      return ''
+  }
+})
+
+</script>
+
+<style lang="scss" scoped>
+.order-item-content {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 14px;
+
+  .order-item-product-info {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+
+    .order-item-product-cover {
+      margin-right: 12px;
+      width: 40px;
+      height: 40px;
+      border-radius: 4px;
+      background-color: #f5f5f5;
+    }
+
+    .order-item-product-name {
+      color: #333;
+    }
+  }
+  .order-item-product-price {
+    font-weight: bold;
+    color: #333;
+    text-align: right;
+    font-size: 12px;
+
+    .count {
+      font-weight: normal;
+      color: #999;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/package.json b/package.json
index e40383c..2c41b17 100644
--- a/package.json
+++ b/package.json
@@ -8,10 +8,10 @@
     "太湖国际",
     "中医学 国学 心理学"
   ],
-  "scripts": {  
+  "scripts": {
     "tailwind-dev": "npx @tailwindcss/cli -i ./tailwind-input.css -o ./style/tailwind.css --watch",
     "tailwind-build": "npx @tailwindcss/cli -i ./tailwind-input.css -o ./style/tailwind.css"
-  },  
+  },
   "dcloudext": {
     "sale": {
       "regular": {
diff --git a/pages/book/detail.vue b/pages/book/detail.vue
index 9541d61..affc6d1 100644
--- a/pages/book/detail.vue
+++ b/pages/book/detail.vue
@@ -238,7 +238,7 @@ async function loadBookInfo() {
         productId: bookId.value,
         productName: bookInfo.value.name,
         productImages: bookInfo.value.images,
-        price: bookInfo.value.priceData?.dictValue || 0,
+        price: bookInfo.value.abroadPrice || 0,
         vipPrice: null,
         activityPrice: null,
         isVipPrice: 0,
diff --git a/pages/book/index.vue b/pages/book/index.vue
index 584db7e..5fb4c92 100644
--- a/pages/book/index.vue
+++ b/pages/book/index.vue
@@ -162,9 +162,7 @@
           >
             <image :src="item.images" />
             <text class="book-text">{{ item.name }}</text>
-            <text v-if="formatPrice(item)" class="book-price">{{
-              formatPrice(item)
-            }}</text>
+            <text class="book-price">{{ item.abroadPrice }} 天医币</text>
             <text v-if="formatStats(item)" class="book-flag">{{
               formatStats(item)
             }}</text>
diff --git a/pages/order/confirmOrder.vue b/pages/order/confirmOrder.vue
new file mode 100644
index 0000000..e69de29
diff --git a/pages/user/order/index.vue b/pages/user/order/index.vue
index be873ad..bea0649 100644
--- a/pages/user/order/index.vue
+++ b/pages/user/order/index.vue
@@ -10,34 +10,32 @@
 
     <!-- 订单列表 -->
     <view class="order-list">
-      <view 
-        v-for="order in orderList" 
-        :key="order.id" 
-        class="order-item"
-      >
-        <view class="order-header">
-          <text class="book-name">{{ order.bookEntity.name }}</text>
-          <view class="price-info">
-            <image 
-              v-if="order.paymentMethod === '4'" 
-              src="/static/icon/coin.png" 
-              class="payment-icon"
-            />
-            <image 
-              v-else 
-              src="/static/icon/currency.png" 
-              class="payment-icon"
-            />
-            <text class="price">{{ order.orderMoney }}</text>
-            <text class="currency">NZD</text>
+      <wd-card v-for="order in orderList" :key="order.id" type="rectangle" custom-class="order-item">
+        <template #title>
+          <view class="order-item-title">
+            <view class="order-item-sn">
+              {{ order.orderSn }}
+              <wd-icon name="file-copy" size="14px" color="#65A1FA" class="ml-1!" @click="copyToClipboard(order.orderSn)"></wd-icon>
+              <!-- <wd-button type="icon" icon="file-copy" size="small"></wd-button> -->
+            </view>
+            <view class="order-item-status">{{ orderStatusMap[order.orderStatus] }}</view>
           </view>
-        </view>
-        <text class="order-sn">
-          {{ $t('user.orderSn') }}
-          {{ order.orderSn }}
-        </text>
-        <text class="create-time">{{ order.createTime }}</text>
-      </view>
+        </template>
+        
+        <!-- 三种订单类型商品信息 -->
+        <ProductInfo v-if="order.orderType === 'order'" :data="order.productList" :type="order.orderType" />
+        <ProductInfo v-if="order.orderType === 'abroadBook'" :data="order.bookEntity" :type="order.orderType" />
+        <ProductInfo v-if="order.orderType === 'vip'" :data="order.vipBuyConfigEntity" :type="order.orderType" />
+        <!-- 三种订单类型商品信息 end -->
+        <view class="order-item-total-price">实付款：{{ order.orderMoney }} 天医币</view>
+
+        <template #footer>
+          <view>
+            <!-- <wd-button size="small" plain>申请售后</wd-button> -->
+            <wd-button v-if="order.orderStatus === 0" size="small" plain class="ml-2.5!">继续付款</wd-button>
+          </view>
+        </template>
+      </wd-card>
     </view>
   </z-paging>
 </template>
@@ -45,8 +43,10 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { getOrderList } from '@/api/modules/user'
-import type { IOrder } from '@/types/user'
+import type { IOrder } from '@/types/order'
 import { useI18n } from 'vue-i18n'
+import { copyToClipboard } from '@/utils/index'
+import ProductInfo from '@/components/order/ProductInfo.vue'
 
 const { t } = useI18n()
 const paging = ref<any>(null)
@@ -71,6 +71,12 @@ const ordersTabs = [
   },
 ]
 
+// 订单状态映射
+const orderStatusMap = {
+  '0': '待付款',
+  '3': '已完成',
+}
+
 /**
  * 处理订单状态切换
  */
@@ -96,135 +102,127 @@ const getData = async (page: number, pageSize: number) => {
     console.error('获取订单列表失败:', error)
   }
 }
+
+/**
+ * 获取订单图片
+ */
+const getOrderImage = (order: IOrder) => {
+  switch (order.orderType) {
+    case 'order':
+      return order.productList[0]?.product?.productImages || ''
+    case 'abroadBook':
+      return order.bookEntity?.images || ''
+    case 'vip':
+      return '/static/vip.png'
+    case 'point':
+      return '/static/jifen.png'
+    default:
+      return ''
+  }
+}
+
+const getOrderTitle = (order: IOrder) => {
+  switch (order.orderType) {
+    case 'order':
+      return order.productList[0]?.product?.productName || ''
+    case 'abroadBook':
+      return order.bookEntity?.name || ''
+    case 'vip':
+      return order.vipBuyConfigEntity?.title || ''
+    case 'point':
+      return ''
+    default:
+      return ''
+  }
+}
+
+
 </script>
 
 <style lang="scss" scoped>
-$theme-color: #54a966;
-
 .order-page {
   min-height: 100vh;
   background-color: #f7faf9;
 }
 
-.custom-navbar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 999;
-  background-color: #fff;
-  border-bottom: 1rpx solid #e5e5e5;
-
-  .navbar-content {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 44px;
-    position: relative;
-
-    .navbar-left {
-      position: absolute;
-      left: 10px;
-      display: flex;
-      align-items: center;
-      padding: 10rpx;
-    }
-
-    .navbar-title {
-      font-size: 16px;
-      font-weight: 700;
-      color: #333;
-    }
-  }
-}
-
-.order-scroll {
-  height: 100vh;
-}
-
 .order-list {
-  padding: 0 20rpx 10rpx;
+  padding: 10px;
+  padding-bottom: 0;
 }
 
 .order-item {
-  background: #fff;
-  border-radius: 15rpx;
-  padding: 30rpx;
-  margin-top: 20rpx;
-  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
+  border-radius: 8px !important;
 
-  .order-header {
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  :deep() {
+    .wd-card__title-content {
+      padding: 0 !important;
+    }
+    .wd-card__content{
+      padding: 10px 0 !important;
+    }
+  }
+
+  .order-item-title {
+    font-size: 12px;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    margin-bottom: 20rpx;
+  }
 
-    .book-name {
-      flex: 1;
-      font-size: 34rpx;
-      color: #333;
-      font-weight: bold;
-      max-width: 85%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
+  .order-item-sn {
+    display: flex;
+    align-items: center;
+    height: 36px;
+    line-height: 36px;
+  }
 
-    .price-info {
+  .order-item-status {
+    font-size: 12px;
+    color: #e55f18;
+  }
+
+  .order-item-content {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 14px;
+
+    .order-item-product-info {
       display: flex;
+      flex-direction: row;
+      justify-content: flex-start;
       align-items: center;
 
-      .payment-icon {
-        width: 38rpx;
-        height: 38rpx;
-        margin-right: 5rpx;
+      .order-item-product-name {
+        color: #333;
       }
+    }
+    .order-item-product-price {
+      font-weight: bold;
+      color: #333;
+      text-align: right;
+      font-size: 12px;
 
-      .price {
-        font-size: 36rpx;
-        color: $theme-color;
-        font-weight: bold;
-      }
-
-      .currency {
-        font-size: 32rpx;
-        color: $theme-color;
-        font-weight: bold;
-        margin-left: 5rpx;
+      .count {
+        font-weight: normal;
+        color: #999;
       }
     }
   }
 
-  .order-sn {
-    display: block;
-    font-size: 30rpx;
-    color: #666;
-    line-height: 38rpx;
-    margin-bottom: 10rpx;
-  }
-
-  .create-time {
-    display: block;
-    font-size: 28rpx;
-    color: #aaa;
-  }
-}
-
-.load-tips {
-  padding: 40rpx 0 20rpx;
-  text-align: center;
-}
-
-.empty-state {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 60vh;
-  padding-top: 100rpx;
-
-  .empty-text {
-    font-size: 30rpx;
-    color: #999;
+  .order-item-total-price {
+    font-weight: bold;
+    font-size: 14px;
+    color: #333;
+    margin-top: 10px;
+    text-align: right;
+    line-height: 1;
   }
 }
 </style>
diff --git a/static/jifen.png b/static/jifen.png
new file mode 100644
index 0000000000000000000000000000000000000000..5319e4de942ad1f7eb91f695e4424e5f0669ad06
GIT binary patch
literal 6382
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
Z=ayExQFpZkWd8o9(7k4;Rioh;|9{Mbk){9u

literal 0
HcmV?d00001

diff --git a/static/vip.png b/static/vip.png
new file mode 100644
index 0000000000000000000000000000000000000000..7c4c7246450652f264d8b5082d454849cf1b1164
GIT binary patch
literal 4289
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
DpBz5g

literal 0
HcmV?d00001

diff --git a/style/tailwind.css b/style/tailwind.css
index b734602..057e99a 100644
--- a/style/tailwind.css
+++ b/style/tailwind.css
@@ -8,6 +8,8 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-white: #fff;
+    --spacing: 0.25rem;
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -203,6 +205,30 @@
       max-width: 96rem;
     }
   }
+  .\!ml-2 {
+    margin-left: calc(var(--spacing) * 2) !important;
+  }
+  .\!ml-12 {
+    margin-left: calc(var(--spacing) * 12) !important;
+  }
+  .\!ml-\[10px\] {
+    margin-left: 10px !important;
+  }
+  .ml-1 {
+    margin-left: calc(var(--spacing) * 1);
+  }
+  .ml-1\! {
+    margin-left: calc(var(--spacing) * 1) !important;
+  }
+  .ml-2 {
+    margin-left: calc(var(--spacing) * 2);
+  }
+  .ml-2\.5\! {
+    margin-left: calc(var(--spacing) * 2.5) !important;
+  }
+  .ml-12 {
+    margin-left: calc(var(--spacing) * 12);
+  }
   .block {
     display: block;
   }
@@ -236,6 +262,9 @@
   .flex-shrink {
     flex-shrink: 1;
   }
+  .border-collapse {
+    border-collapse: collapse;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -249,6 +278,9 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .bg-\[\#e55f18\] {
+    background-color: #e55f18;
+  }
   .bg-\[blue\] {
     background-color: blue;
   }
@@ -258,6 +290,9 @@
   .bg-\[transparent\] {
     background-color: transparent;
   }
+  .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
   .pt-\[40px\] {
     padding-top: 40px;
   }
@@ -273,6 +308,9 @@
   .text-\[red\] {
     color: red;
   }
+  .text-white {
+    color: var(--color-white);
+  }
   .lowercase {
     text-transform: lowercase;
   }
@@ -283,6 +321,9 @@
     --tw-ordinal: ordinal;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   }
+  .underline {
+    text-decoration-line: underline;
+  }
   .ring {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
diff --git a/tailwind.config.js b/tailwind.config.js
index f7231b3..b5d2c11 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -15,10 +15,10 @@ module.exports = {
 
 // 指定要处理的文件  
     content: [  
-        './pages/**/*.{vue,js}',  
-        './components/**/*.{vue,js}',
-        './main.js',  
-        './App.vue',  
+        './pages/**/*.{vue,js,ts}',
+        './components/**/*.{vue,js,ts}',
+        './main.js',
+        './App.vue',
         './index.html'  
     ],  
     theme: {  
diff --git a/types/order.d.ts b/types/order.d.ts
index d42e550..764c247 100644
--- a/types/order.d.ts
+++ b/types/order.d.ts
@@ -13,6 +13,18 @@ export interface IGoods {
   delFlag?: number                 // 删除标记 -1-已下架
 }
 
+/**
+ * 订单接口
+ */
+export interface IOrder {
+  id: number
+  orderSn: string
+  orderMoney: number
+  paymentMethod: string  // '4'-虚拟货币, '5'-真实货币
+  createTime: string
+  [key: string]: any
+}
+
 /**
  * 订单创建参数接口
  */
diff --git a/types/user.ts b/types/user.ts
index e319a5e..4497965 100644
--- a/types/user.ts
+++ b/types/user.ts
@@ -68,23 +68,6 @@ export interface IVipInfo {
   [key: string]: any
 }
 
-/**
- * 订单接口
- */
-export interface IOrder {
-  id: number
-  orderSn: string
-  bookEntity: {
-    id: number
-    name: string
-    images: string
-  }
-  orderMoney: number
-  paymentMethod: string  // '4'-虚拟货币, '5'-真实货币
-  createTime: string
-  [key: string]: any
-}
-
 /**
  * VIP套餐接口
  */
diff --git a/utils/index.ts b/utils/index.ts
index 7e6f05a..dbb5a0f 100644
--- a/utils/index.ts
+++ b/utils/index.ts
@@ -43,7 +43,7 @@ export const makePhoneCall = (phoneNumber: string, title: string) => {
 /**
  * 复制到剪贴板
  */
-export const copyToClipboard = (content: string, title: string, t: Function) => {
+export const copyToClipboard = (content: string, title: string = '') => {
   uni.setClipboardData({
     data: content,
     success: () => {
@@ -52,7 +52,7 @@ export const copyToClipboard = (content: string, title: string, t: Function) =>
         icon: 'none'
       })
     },
-    fail: (error) => {
+    fail: (error: any) => {
       console.error('复制失败:', error)
     }
   })