单图徽章代码提交

src/views/badge/orderDetail.vue

@@ -5,11 +5,11 @@
     </div>
     <div class="order-status">
       <div class="avatar-wrapper">
-        <img class="avatar-img" src="@/assets/badge/suiji.png" alt="生产中" />
+        <img class="avatar-img" :src="order.path" :alt="order.kind_name" />
       </div>
     </div>
     <div class="status-info">
-      <div class="status-title">生产中</div>
+      <div class="status-title">{{ getStatus(order.status) }}</div>
       <div class="status-desc">
         下单后预计需要7天完成生产发货。如对产品有疑问，可以联系客服咨询。
       </div>
@@ -26,18 +26,18 @@
         </div>
         <div class="product-row">
       <span class="product-label">尺寸</span>
-      <span class="product-value">5cm</span>
+      <span class="product-value">{{order.model_size}}</span>
         </div>
         <div class="product-row">
       <span class="product-label">购买数量</span>
-      <span class="product-value">1</span>
+      <span class="product-value">{{order.count}}</span>
         </div>
       </div>
     </div>
-    <div style="padding: 0 16px;">
+    <!-- <div style="padding: 0 16px;">
       <van-divider />
-    </div>
-    <div class="address-info" style="padding: 0 16px;">
+    </div> -->
+    <!-- <div class="address-info" style="padding: 0 16px;">
       <div class="address-title">收货信息</div>
       <div class="address-row">
         <img class="address-img" src="@/assets/badge/location.png" alt="" >
@@ -47,7 +47,7 @@
       <div class="address-detail">
         详细地址详细地址详细地址详细地址详细地址详细地址
       </div>
-    </div>
+    </div> -->
     <div style="padding: 0 16px;">
       <van-divider />
     </div>
@@ -56,11 +56,11 @@
       <div class="product-details">
         <div class="product-row">
           <span class="product-label">购买订单id</span>
-          <span class="product-value">O98462</span>
+          <span class="product-value">{{order.sw_oid}}</span>
         </div>
         <div class="product-row">
           <span class="product-label">购买时间</span>
-          <span class="product-value">2025-03-24 16:12:46</span>
+          <span class="product-value">{{order.pay_at || '未支付'}}</span>
         </div>
       </div>
     </div>
@@ -83,12 +83,25 @@ function getOrderDetail() {
   badgeApi.getOrderDetail({
     id: id.value,
   }).then(res => {
-    order.value = res.data
+    order.value = res
   })
 }
 const router = useRouter();
 function goBack() {
-  router.push('/badge/myOrder');
+  router.back()
+}
+function getStatus(status: number) {
+  if(status == 1) {
+    return '待支付'
+  } else if(status == 2) {
+    return '已取消'
+  } else if(status == 100) {
+    return '生产中'
+  } else if(status == 200) {
+    return '待收货'
+  } else if(status == 300) {
+    return '已完成'
+  }
 }
 </script>
 <style scoped>