Просмотр исходного кода

fix(frontend): order pages use API_BASE_URL for uploaded order cover images

Convert relative order cover image paths to absolute URLs via config.API_BASE_URL in order list and order detail pages.

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
Xiaogang Liao 1 месяц назад
Родитель
Сommit
01c74cf870

+ 5 - 1
cfc-frontend/pages/shop/order-detail/order-detail.vue

@@ -38,7 +38,7 @@
         <view class="product-card">
           <image
             class="product-cover"
-            :src="order.coverImage || defaultCover(order.productType)"
+            :src="getImageUrl(order.coverImage) || defaultCover(order.productType)"
             mode="aspectFill"
             @error="onCoverError"
           />
@@ -101,6 +101,7 @@
 
 <script>
 import { productOrderDetail, productOrderConfirm, productOrderCancel } from '@/utils/api.js'
+import config from '@/config.js'
 
 export default {
   data() {
@@ -245,6 +246,9 @@ export default {
     formatPriceWithSymbol(price) {
       if (!price && price !== 0) return '-'
       return '¥' + (price / 100).toFixed(2)
+    },
+    getImageUrl: function(path) {
+      return config.API_BASE_URL + path
     }
   }
 }

+ 5 - 1
cfc-frontend/pages/shop/order-list/order-list.vue

@@ -56,7 +56,7 @@
           <view class="card-body">
             <image
               class="product-img"
-              :src="item.coverImage || defaultCover(item.productType)"
+              :src="getImageUrl(item.coverImage) || defaultCover(item.productType)"
               mode="aspectFill"
               @error="onImgError($event, item)"
             />
@@ -108,6 +108,7 @@
 
 <script>
 import { productOrderMy, productOrderCounts, productOrderCancel, productOrderConfirm } from '@/utils/api.js'
+import config from '@/config.js'
 
 var TYPE_ICONS = { activity: '🎯', course: '📖', physical: '📦', digital: '💎', service: '🎓' }
 var DEFAULT_COVER = {
@@ -347,6 +348,9 @@ export default {
     },
     onImgError(e, item) {
       item.coverImage = ''
+    },
+    getImageUrl: function(path) {
+      return config.API_BASE_URL + path
     }
   }
 }