初始化通话

pages/discover/order/detail.vue

@@ -71,9 +71,10 @@
 
   // 预览图片
   const previewImage = index => {
+    // detailData.imageGallery
     uni.previewImage({
-      current: goods.value.images[index],
-      urls: goods.value.images,
+      current: detailData.value.imageGallery[index],
+      urls: detailData.value.imageGallery,
       indicator: 'number',
       loop: true
     })
@@ -99,7 +100,7 @@
 </script>
 
 <template>
-  <view class="goods-detail-page">
+  <view v-if="!loading" class="goods-detail-page">
     <!-- 商品图片轮播 -->
     <swiper
       class="goods-swiper"
@@ -107,19 +108,20 @@
       :autoplay="false"
       :interval="3000"
       :duration="500"
-      circular
-    >
-      <swiper-item v-for="(img, index) in goods.images" :key="index">
+      circular>
+      <swiper-item
+        v-for="(img, index) in detailData.imageGallery"
+        :key="index">
         <image
           :src="img"
           class="swiper-image"
           mode="aspectFit"
-          @tap="previewImage(index)"
-        />
+          @tap="previewImage(index)" />
         <!-- 图片指示器 -->
         <view class="image-indicator">
           <text class="indicator-text">
-            {{ index + 1 }}/{{ goods.images.length }}
+            {{ index + 1
+            }}/{{ detailData.imageGallery.length }}
           </text>
         </view>
       </swiper-item>
@@ -130,48 +132,77 @@
       <!-- 价格和名称 -->
       <view class="price-section">
         <view class="current-price">
-          <text class="price-symbol">¥</text>
-          <text class="price-number">{{ goods.price.toFixed(2) }}</text>
-          <text v-if="goods.originalPrice" class="original-price">
-            ¥{{ goods.originalPrice.toFixed(2) }}
+          <text class="price-symbol"
+            >¥</text
+          >
+          <text
+            class="price-number"
+            >{{ detailData.payAmount }}</text
+          >
+          <text class="original-price">
+            ¥{{ detailData.totalAmount }}
           </text>
-          <view v-if="goods.discount" class="discount-tag">
+          <!-- <view v-if="goods.discount" class="discount-tag">
             <text class="discount-text">{{ goods.discount }}折</text>
-          </view>
+          </view> -->
         </view>
-        <text class="goods-title">{{ goods.title }}</text>
+        <!-- <text class="goods-title">{{ goods.title }}</text> -->
       </view>
 
       <!-- 商品描述 -->
-      <text class="goods-description">{{ goods.description }}</text>
+      <text
+        class="goods-description"
+        >{{ detailData.productName }}</text
+      >
 
       <!-- 商品标签 -->
-      <view class="tags-section">
+      <!-- <view class="tags-section">
         <view class="tag-item" v-for="tag in goods.tags" :key="tag">
           <text class="tag-text">{{ tag }}</text>
         </view>
-      </view>
+      </view> -->
     </view>
 
     <!-- 商品规格信息卡片 -->
     <view class="spec-card">
       <view class="card-header">
-        <text class="card-title">商品规格</text>
+        <text class="card-title"
+          >商品参数</text
+        >
       </view>
       <view class="spec-list">
-        <view
-          class="spec-item"
-          v-for="spec in goods.specifications"
-          :key="spec.key"
-        >
-          <text class="spec-key">{{ spec.key }}：</text>
-          <text class="spec-value">{{ spec.value }}</text>
+        <view class="spec-item">
+          <text class="spec-key"
+            >订单号：</text
+          >
+          <text
+            class="spec-value"
+            >{{ detailData.orderNo }}</text
+          >
+        </view>
+        <view class="spec-item">
+          <text class="spec-key"
+            >提交时间：</text
+          >
+          <text
+            class="spec-value"
+            >{{ detailData.updateTime }}</text
+          >
+        </view>
+          <view class="spec-item">
+          <text class="spec-key"
+            >规格：</text
+          >
+          <text
+            class="spec-value"
+            >{{ detailData.specText }}</text
+          >
         </view>
       </view>
     </view>
 
     <!-- 库存和销量信息卡片 -->
-    <view class="info-card">
+    <!-- <view class="info-card">
       <view class="info-grid">
         <view class="info-item">
           <text class="info-label">库存</text>
@@ -188,18 +219,16 @@
           <text class="info-value">{{ goods.totalSales }}件</text>
         </view>
       </view>
-    </view>
+    </view> -->
 
     <!-- 商品详情描述 -->
-    <view class="detail-card">
+    <!-- <view class="detail-card">
       <view class="card-header">
         <text class="card-title">商品详情</text>
       </view>
       <view class="detail-content">
-        <!-- 富文本内容 -->
         <rich-text :nodes="goods.detailContent"></rich-text>
 
-        <!-- 如果没有富文本，显示默认描述 -->
         <view v-if="!goods.detailContent" class="default-detail">
           <view class="detail-section">
             <text class="detail-title">产品特色</text>
@@ -219,10 +248,10 @@
           </view>
         </view>
       </view>
-    </view>
+    </view> -->
 
     <!-- 配送和售后信息 -->
-    <view class="service-card">
+    <!-- <view class="service-card">
       <view class="card-header">
         <text class="card-title">服务保障</text>
       </view>
@@ -251,10 +280,10 @@
           </view>
         </view>
       </view>
-    </view>
+    </view> -->
 
     <!-- 商品参数表格 -->
-    <view class="params-card">
+    <!-- <view class="params-card">
       <view class="card-header">
         <text class="card-title">商品参数</text>
       </view>
@@ -268,12 +297,14 @@
           <text class="param-value">{{ param.value }}</text>
         </view>
       </view>
-    </view>
+    </view> -->
 
     <!-- 底部装饰 -->
     <view class="bottom-decor">
       <view class="decor-line"></view>
-      <text class="end-text">商品详情展示完毕</text>
+      <text class="end-text"
+        >商品详情展示完毕</text
+      >
       <view class="decor-line"></view>
     </view>
   </view>