From 5a5af7e63a639541db5121d9fa30775b6d500108 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 11 三月 2025 18:07:26 +0800
Subject: [PATCH] fix: 二期需求

---
 packages/components/src/components/Card/OrderCard.vue |   40 ++++++++--------------------------------
 1 files changed, 8 insertions(+), 32 deletions(-)

diff --git a/packages/components/src/components/Card/OrderCard.vue b/packages/components/src/components/Card/OrderCard.vue
index 14ed16e..3cf98d9 100644
--- a/packages/components/src/components/Card/OrderCard.vue
+++ b/packages/components/src/components/Card/OrderCard.vue
@@ -5,8 +5,13 @@
         <div class="order-card-title-text">{{ title }}</div>
         <div class="order-card-title-status">{{ status }}</div>
       </div>
-      <div class="order-card-title-ordernum">
-        {{ `璁㈠崟缂栧彿锛�${'JF202502191515350002'}` }}
+      <div class="order-card-title-ordernum-wrapper">
+        <div class="order-card-title-ordernum">
+          {{ `璁㈠崟缂栧彿锛�${orderNo}` }}
+        </div>
+        <slot name="actions">
+          <div class="order-card-action">鐢宠閫�娆�</div>
+        </slot>
       </div>
     </div>
     <div class="order-card-content">
@@ -23,37 +28,8 @@
 type Props = {
   title: string;
   status: string;
+  orderNo: string;
 };
 
 const props = withDefaults(defineProps<Props>(), {});
 </script>
-<style lang="scss">
-.order-card {
-  border: 1px solid #e8e8e8;
-  border-radius: 12px;
-  padding: 20px;
-
-  .order-card-title {
-    display: flex;
-    flex-direction: column;
-    border-bottom: 1px solid #e8e8e8;
-    padding-bottom: 20px;
-    margin-bottom: 20px;
-
-    .order-card-title-top {
-      display: flex;
-      justify-content: space-between;
-      color: #333333;
-      font-size: 28px;
-      line-height: 40px;
-      font-weight: 600;
-      margin-bottom: 12px;
-    }
-
-    .order-card-title-ordernum {
-      font-size: 24px;
-      color: #999999;
-    }
-  }
-}
-</style>

--
Gitblit v1.9.1