单图徽章代码提交

src/views/badge/orderDetail.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="my-order">
     <div class="header" @click="goBack">
-      <span class="back-icon"><van-icon name="arrow-left" size="16px" /> 返回</span>
+      <span class="back-icon"><van-icon name="arrow-left" size="16px" color="#333" /> 订单详情</span>
     </div>
     <div class="order-status">
       <div class="avatar-wrapper">
@@ -68,8 +68,24 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref } from 'vue';
 import { useRouter } from 'vue-router';
+import * as badgeApi from '@/api/badge';
+import { onMounted, ref } from 'vue';
+import { useRoute } from 'vue-router';
+const route = useRoute();
+const order = ref({})
+const id = ref(0)
+onMounted(() => {
+  id.value = route.query.id
+  getOrderDetail()
+})
+function getOrderDetail() {
+  badgeApi.getOrderDetail({
+    id: id.value,
+  }).then(res => {
+    order.value = res.data
+  })
+}
 const router = useRouter();
 function goBack() {
   router.push('/badge/myOrder');