From 1d472eb06970c85b0edfb58871956bc2c8d69916 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 25 十二月 2025 17:44:46 +0800
Subject: [PATCH] fix: 甲方小程序

---
 packages/components/src/Card/MineServiceDetailView.vue |   87 +++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 87 insertions(+), 0 deletions(-)

diff --git a/packages/components/src/Card/MineServiceDetailView.vue b/packages/components/src/Card/MineServiceDetailView.vue
new file mode 100644
index 0000000..9a2874d
--- /dev/null
+++ b/packages/components/src/Card/MineServiceDetailView.vue
@@ -0,0 +1,87 @@
+<template>
+  <div class="mine-service-detail-view-wrapper">
+    <ServiceDetailAddressCard
+      :name="contactName"
+      :contactPhoneNumber="contactPhoneNumber"
+      :addressDetail="addressDetail"
+    />
+    <ServiceDetailGoodCard
+      :name="serviceName"
+      :price="price"
+      :specName="specName"
+      :specNumber="specNumber"
+      :imgUrl="imgUrl"
+    />
+
+    <List>
+      <ListItem title="璁㈠崟鐘舵��" :showArrow="false">
+        <template #extra>
+          <div class="mine-service-detail-view-list-item">{{ '璁㈠崟鐘舵��' }}</div>
+        </template>
+      </ListItem>
+      <ListItem title="鏈嶅姟鏃堕棿" :showArrow="false">
+        <template #extra>
+          <div class="mine-service-detail-view-list-item">
+            {{ '2025-12-12 12:00-14:00' }}
+          </div>
+        </template>
+      </ListItem>
+      <ListItem title="鏈嶅姟鏈烘瀯" :showArrow="false">
+        <template #extra>
+          <div class="mine-service-detail-view-list-item">{{ 'xxxxx鍏徃' }}</div>
+        </template>
+      </ListItem>
+      <ListItem title="澶囨敞" :showArrow="false">
+        <template #extra>
+          <div class="mine-service-detail-view-list-item">{{ '鎴戞槸澶囨敞淇℃伅' }}</div>
+        </template>
+      </ListItem>
+    </List>
+  </div>
+</template>
+
+<script setup lang="ts">
+import List from '../List/List.vue';
+import ListItem from '../List/ListItem.vue';
+import ServiceDetailAddressCard from './ServiceDetailAddressCard.vue';
+import ServiceDetailGoodCard from './ServiceDetailGoodCard.vue';
+
+defineOptions({
+  name: 'MineServiceDetailView',
+});
+
+type Props = {
+  contactName?: string;
+  /** 鑱旂郴鐢佃瘽 */
+  contactPhoneNumber?: string;
+  /** 鐪佸競鍖�+璇︾粏鍦板潃+闂ㄧ墝鍙� */
+  addressDetail?: string;
+  serviceName?: string;
+  price?: number;
+  specName?: string;
+  specNumber?: number;
+  imgUrl?: string;
+};
+
+const props = withDefaults(defineProps<Props>(), {});
+</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.mine-service-detail-view-wrapper {
+  .mine-service-detail-card {
+    padding: 24px 32px;
+    margin-bottom: 24px;
+    background-color: #fff;
+    border-radius: 12px;
+  }
+
+  .mine-service-detail-view-list-item {
+    font-weight: 400;
+    font-size: 28px;
+    color: boleGetCssVar('text-color', 'secondary');
+    line-height: 40px;
+  }
+}
+</style>

--
Gitblit v1.10.0