From 8142e8b07817913ff2bedb7250e00e89913dc743 Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Tue, 29 Jul 2025 21:19:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=A2=E5=8D=95=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/OrderCard/constants/order.js   |  59 ++++++++++++++++++
 .../components/OrderCard/images/arrow.png     | Bin 0 -> 549 bytes
 .../components/OrderCard/images/hotel.png     | Bin 0 -> 816 bytes
 .../components/OrderCard/images/ticket.png    | Bin 0 -> 713 bytes
 pages/order/components/OrderCard/index.vue    |  17 ++++-
 .../components/OrderCard/styles/index.scss    |  38 ++++++-----
 pages/order/list.vue                          |   2 +-
 7 files changed, 97 insertions(+), 19 deletions(-)
 create mode 100644 pages/order/components/OrderCard/constants/order.js
 create mode 100644 pages/order/components/OrderCard/images/arrow.png
 create mode 100644 pages/order/components/OrderCard/images/hotel.png
 create mode 100644 pages/order/components/OrderCard/images/ticket.png

diff --git a/pages/order/components/OrderCard/constants/order.js b/pages/order/components/OrderCard/constants/order.js
new file mode 100644
index 0000000..fc349fd
--- /dev/null
+++ b/pages/order/components/OrderCard/constants/order.js
@@ -0,0 +1,59 @@
+// 订单类型
+export const ORDER_TYPE_MAP = {
+  0: [
+    {
+      label: '订单编号',
+      key: 'orderId'
+    },
+    {
+      label: '入住时间',
+      key: 'checkInData'
+    },
+    {
+      label: '游客姓名',
+      key: 'visitorName'
+    },
+    {
+      label: '联系电话',
+      key: 'contactPhone'
+    }
+  ],
+  1: [
+    {
+      label: '订单编号',
+      key: 'orderId'
+    },
+    {
+      label: '份数',
+      key: 'commodityAmount'
+    }
+  ],
+  2: [
+    {
+      label: '订单编号',
+      key: 'orderId'
+    },
+    {
+      label: '份数',
+      key: 'commodityAmount'
+    }
+  ],
+}
+
+// 工单类型
+export const SERVICE_TYPE_MAP = {
+  0: [
+    {
+      label: '创建时间',
+      key: 'createTime'
+    },
+    {
+      label: '联系房客',
+      key: 'userName'
+    },
+    {
+      label: '联系电话',
+      key: 'userPhone'
+    }
+  ],
+}
diff --git a/pages/order/components/OrderCard/images/arrow.png b/pages/order/components/OrderCard/images/arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a8fe8cb43025965fe884b6d7c8524993199ef90
GIT binary patch
literal 549
zcmV+=0^0qFP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px$-$_J4R9Hvt)xT>LK@<n@?;G|HkfgaIVwuW#`41ATQiv%f1SKpxcUz=OWwk7b
zU?~BS-MzzHDmfGb!GA&02x%e)0)gZ>Lm;~xL=L=}X9g^6!e)P{k?gi_nECAYy<rH~
z?4xVuK?O?dNR?2PP+9_M^=gK0Rzi;BEE3U|Fbwz8{`{)-+%se_LWmCl4w(5#7>1t!
z@Kq1KY+Y`UlyVwCkBIIW6o9939KY}Nda4L2H^>~?YPA~7{06`*5q)FkwK$I77C{vP
z8I*0?4a>3&ssSL;S~rCdTR{-~$dgoIkU6y3Y|b$A3jhm5lrZx%B6=MJ!S}4FQb4~@
zcL1ydcmUx1V!*w6y}s`I{x}P&G?3?cqTlZ?2q88uV3Pp0l~OD1cKhs~fTWajMD!AX
zxphZMsny|d_%Z8%my(ce+Yc?vdIew#z%esFN|IzJE5;;Q2;_O5H5d%c%!B|YnE9(x
zYN^xd>}F}x?`sQzq?C_|=sAGf06r7ZYOPk=@qJ(ab&%sY_k|Ge0Nm1An`dJ=ilW1!
z&qwZrT-Tk~T5kf_8;wSGx7+RKO{KJ!xvqP6JRYA$QFKxUrtnagg(xkd3iKxuNZT{_
nElb-tZ@mJgC08Z%-zD@Dw|}7}NH6o`00000NkvXXu0mjfNK*3Q

literal 0
HcmV?d00001

diff --git a/pages/order/components/OrderCard/images/hotel.png b/pages/order/components/OrderCard/images/hotel.png
new file mode 100644
index 0000000000000000000000000000000000000000..60bba2e8886c8f89f33ddc730f338a3d9c500a7e
GIT binary patch
literal 816
zcmV-01JC@4P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px%>PbXFR7gw3mrZO;Q51l`b7s;OL8E1Xg@&k-ZdmzQk!YGGQX64s(GU_Agj9p3
zNIM7%5>n~Hj@bA~8mYvpepYOXs*qZ+>5mklW6azm@3o`T_RY+zRC`x1@1AqNbIv{Y
z+;fFI!y1V)mnBKZ8WpWFY?GLj1Er&?10vRA$TKz9f%2B0^hp!RTuV!~Noz!zLxpp?
z3y~VIN}wQ*oe7XG%-U7m9fs+aCR~tCR&c5%vJdPSumXtYi_C<1&)bh67b7Q9H$s7}
znG%OKA{?3`ELhyQs<<X;U@%i)oX4ZkO9*>Hgf*;P35;8cJDLd}2TnEX6@>lM2u&O3
z!CNB@?r{2t5B3tt6-Da6TEn_QQSpdqd?>UE$bOBd+Ps7t0moS9Oz#1!LakC-fowkQ
zi`vsOFwh-J4S28OYNejn;+<1hsHYGbLS=7p8B%i-S-x=u{OLK?z88ji!@!dm&HBro
z6+6#T=OPclHssV4h0?W1?QNu_Vw|WAc4PN;!@wJ`z+;;sFE3P6JH%Sp>d=Qd6G|gc
zwjJGe85XS$w(rY3+~XtA`v_brmk$YttCmzu&tn|V>FvrIwCWlxSO#RPIR@W8<2nw)
zhxXiI7cPj4NvD}?36zW$LHSO!x(&SVFe4eqJ*<PCyO4|rYM9s)NwsJnuy~S0bPlrq
z0J8Zc6fO*d9FzI=6?=LPdwCs_!$G?J9@xu<$?=m2%wG-#^U%7kDS=&EB_w{p_fKGf
z`)%3587QsKnJklxa<NE0Lw#^?sQ)jxUy?EDlx)d03eWV|4`aZ{+>U%6i=SK}j?;95
z@s88)7Pe}h0y52eoKUZTgejTR3r?5J5SN73-htBb^*L+W_P@g2_xgyyF?LD#H_TM8
z#e9b)`~29o=!5^I5%?$gghn8}#*DW<Y4EHydw$qwqrJ`Cwi$2e|Au|Go-i2(_>VRm
uYn*76V4G~hqs_#61bODnbwoox+Wr7EuUMQeBXGw60000<MNUMnLSTZiKYu#_

literal 0
HcmV?d00001

diff --git a/pages/order/components/OrderCard/images/ticket.png b/pages/order/components/OrderCard/images/ticket.png
new file mode 100644
index 0000000000000000000000000000000000000000..175189a5e4504d8baec0e3528911bef1ceb2c16a
GIT binary patch
literal 713
zcmV;)0yh1LP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px%gGod|R7gw3mrqEPQ4qj?GrN=pcBnMyk8}vqN))<DcJLx0h=)=<b+J6vC5jS4
zM9{Se`g1b6SK^@zF+0@3@Df50T0&4Bic&jOR=WEpzHL|5^;`E_vEA?Zy_xyVn>TOX
zjF9ECPQq-ZH0mf<(R#yb#N;5bGod;!V$+6<tGQ8>cPua~T}0P1EtwXr6J-k(&S^6u
z4PcePrYwFgg1o_OSk(>ii?`B+^V7))j`fDlf?Wjm1L16uNn7`J`w`@N=t}HvAh7kY
z!=arB=W>MkiyL<o*Cic%OBGnL;{@~uLTiAq2K8$Z<G$i9q{3H#V?BBsp?w3PN#{Ix
zf2hNqPyUF5y+m?Fp*FDopxaoVoV4rj*gY@d{(&PLcBYSj1M4#wSnIutYm&=Mig!=l
zX1$8gv5xEwOiTzyF?#fm>lW){w{xK(u%oN26z@e_p2E(Gi~#%k8XIgxDo-QFyO-r`
z<~jDb6&B{xbY(&{)+p9XokK@_6RNZdJ@o{N_v8*vIK=l)>AH&!cS2$j?Zdd_Yx)0x
zLAWL^B4cK9%pY8do*aU0Wx4P8%LF#q1V28n(lxP{66@7jpv2d5(RSoe3sQXsN~?TD
z{La|sC*jpCZ0Z3l{q)nD^T1va&sekLOJ%ia^9Y2CR(tQ0TyCHNK0E{SeIMdCI2d?e
zE!wj2;I%_t;f1;lc2(yX>YLcq!_1+MMr2I#oLmx5u0ma>rC#bZ&jm!i0+O|4HV;F|
zk=*a`%!@?HoXb!$3-w48>{%>mBal3Vyth6{aKW0rc-RZk-lpb#-W&Smuor5CNpT=P
vwBaasqV<B+SlZBLV$*_*J9DGqfJ56~{F0xXZdwiE00000NkvXXu0mjfg%Vc4

literal 0
HcmV?d00001

diff --git a/pages/order/components/OrderCard/index.vue b/pages/order/components/OrderCard/index.vue
index d54f500..c8971df 100644
--- a/pages/order/components/OrderCard/index.vue
+++ b/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 = {
diff --git a/pages/order/components/OrderCard/styles/index.scss b/pages/order/components/OrderCard/styles/index.scss
index cc44207..b040b37 100644
--- a/pages/order/components/OrderCard/styles/index.scss
+++ b/pages/order/components/OrderCard/styles/index.scss
@@ -40,7 +40,11 @@
   font-weight: 500;
   color: #333333;
   line-height: 1.4;
-  flex: 1;
+}
+
+.arrow-icon {
+  width: 24px;
+  height: 24px;
 }
 
 .status-tag {
@@ -50,35 +54,39 @@
   font-size: 12px;
   font-weight: 500;
 
+  &.tag-0 {
+    color: #00A6FF;
+    border: 1px solid #00A6FF;
+  }
+
   &.tag-1 {
     color: #f00044;
     border: 1px solid #f00044;
   }
 
   &.tag-2 {
-    color: #ff8c00;
-    border: 1px solid #ffd591;
+    color: #40AE36;
+    border: 1px solid #40AE36;
   }
 
   &.tag-3 {
-    color: #818181;
-    border: 1px solid #818181;
+    color: #808389;
+    border: 1px solid #808389;
   }
 
   &.tag-4 {
-    color: #00a6ff;
-    border: 1px solid #00a6ff;
-  }
-
-  &.tag-6 {
-    color: #52c41a;
-    border: 1px solid #b7eb8f;
+    color: #0256FF;
+    border: 1px solid #0256FF;
   }
 
   &.tag-5 {
-    background-color: #f5f5f5;
-    color: #999999;
-    border: 1px solid #d9d9d9;
+    color: #808389;
+    border: 1px solid #808389;
+  }
+
+    &.tag-6 {
+    color: #FD8702;
+    border: 1px solid #FD8702;
   }
 }
 
diff --git a/pages/order/list.vue b/pages/order/list.vue
index c40b245..2932b70 100644
--- a/pages/order/list.vue
+++ b/pages/order/list.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from "vue";
+import { ref } from "vue";
 import TopNavBar from "./components/TopNavBar/index.vue";
 import Tabs from "./components/Tabs/index.vue";
 import OrderCard from "./components/OrderCard/index.vue";