单图徽章代码提交

src/views/badge/myOrder.vue

@@ -5,12 +5,8 @@
     </div>
     <div class="order-list">
       <div class="order-item" @click="OrderDetail(item.id)" v-for="item in orders" :key="item.id">
-        <img class="order-img" src="@/assets/badge/suiji.png" alt="order1" />
-        <span class="order-status status-processing">生产中</span>
-      </div>
-      <div class="order-item">
-        <img class="order-img" src="@/assets/badge/suiji.png" alt="order2" />
-        <span class="order-status status-finished">已完成</span>
+        <img class="order-img" :src="item.path" alt="order1" />
+        <span class="order-status status-processing">{{ getStatus(item.status) }}</span>
       </div>
     </div>
   </div>
@@ -32,6 +28,7 @@ function getOrder() {
   badgeApi.getMyOrder({
     page: page.value,
     pageSize: 10,
+    status: 0,
   }).then(res => {
     if(page.value === 1) {
       orders.value = res.data.list
@@ -59,6 +56,19 @@ function OrderDetail(id: number) {
     },
   })
 }
+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>
   .header {