feat: 订单接口字段对接

pages/order/components/OrderCard/index.vue

@@ -3,8 +3,9 @@
     <!-- 卡片头部 -->
     <view class="card-header">
       <view class="status-info">
-        <image class="status-icon" src="./images/service.png"></image>
-        <view class="order-title">{{ orderData.visitorName }}</view>
+        <image class="status-icon" :src="ICON_MAP[orderData.orderType]"></image>
+        <view class="order-title">{{ orderData.commodityName }}</view>
+        <image class="arrow-icon" src="./images/arrow.png"></image>
       </view>
       <view
         v-if="orderData.status !== 'pending'"
@@ -41,8 +42,11 @@
 </template>
 
 <script setup>
-import Divider from "@/components/Divider/index.vue";
 import { defineProps } from "vue";
+import Divider from "@/components/Divider/index.vue";
+import serviceIcon from "./images/service.png";
+import ticketIcon from "./images/ticket.png";
+import hotelIcon from "./images/hotel.png";
 
 // Props
 const props = defineProps({
@@ -63,6 +67,13 @@ const props = defineProps({
 // Emits
 const emit = defineEmits(["click", "call", "complete"]);
 
+// 图标映射
+const ICON_MAP = {
+  0: serviceIcon,
+  1: ticketIcon,
+  2: hotelIcon,
+};
+
 // 获取状态文本
 const getStatusText = (status) => {
   const statusMap = {