From 47047d626ea8fab28c04e6534fe6ffa3dc61de69 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 26 十二月 2025 16:09:22 +0800
Subject: [PATCH] feat: init
---
packages/components/src/Card/MineServiceDetailView.vue | 36 +++++++++++++++++++++++++++++-------
1 files changed, 29 insertions(+), 7 deletions(-)
diff --git a/packages/components/src/Card/MineServiceDetailView.vue b/packages/components/src/Card/MineServiceDetailView.vue
index 9a2874d..4692699 100644
--- a/packages/components/src/Card/MineServiceDetailView.vue
+++ b/packages/components/src/Card/MineServiceDetailView.vue
@@ -13,27 +13,34 @@
:imgUrl="imgUrl"
/>
- <List>
- <ListItem title="璁㈠崟鐘舵��" :showArrow="false">
+ <List extraFlex>
+ <ListItem :title="statusText" :showArrow="false">
<template #extra>
- <div class="mine-service-detail-view-list-item">{{ '璁㈠崟鐘舵��' }}</div>
+ <div class="mine-service-detail-view-list-item">
+ <slot name="status"> </slot>
+ </div>
</template>
</ListItem>
<ListItem title="鏈嶅姟鏃堕棿" :showArrow="false">
<template #extra>
<div class="mine-service-detail-view-list-item">
- {{ '2025-12-12 12:00-14:00' }}
+ {{ format(beginTime, 'YYYY-MM-DD HH:mm') }}-{{ format(endTime, 'HH:mm') }}
</div>
</template>
</ListItem>
<ListItem title="鏈嶅姟鏈烘瀯" :showArrow="false">
<template #extra>
- <div class="mine-service-detail-view-list-item">{{ 'xxxxx鍏徃' }}</div>
+ <div class="mine-service-detail-view-list-item">{{ supplierEnterpriseName }}</div>
+ </template>
+ </ListItem>
+ <ListItem title="鑱旂郴鐢佃瘽" :showArrow="false" v-if="showServerContactPhoneNumbers">
+ <template #extra>
+ <div class="mine-service-detail-view-list-item">{{ serverContactPhoneNumbers }}</div>
</template>
</ListItem>
<ListItem title="澶囨敞" :showArrow="false">
<template #extra>
- <div class="mine-service-detail-view-list-item">{{ '鎴戞槸澶囨敞淇℃伅' }}</div>
+ <div class="mine-service-detail-view-list-item">{{ remark }}</div>
</template>
</ListItem>
</List>
@@ -45,6 +52,7 @@
import ListItem from '../List/ListItem.vue';
import ServiceDetailAddressCard from './ServiceDetailAddressCard.vue';
import ServiceDetailGoodCard from './ServiceDetailGoodCard.vue';
+import { format } from '@12333/utils';
defineOptions({
name: 'MineServiceDetailView',
@@ -61,9 +69,19 @@
specName?: string;
specNumber?: number;
imgUrl?: string;
+ beginTime?: string;
+ endTime?: string;
+ supplierEnterpriseName?: string;
+ remark?: string;
+ serverContactPhoneNumbers?: string;
+ showServerContactPhoneNumbers?: boolean;
+
+ statusText?: string;
};
-const props = withDefaults(defineProps<Props>(), {});
+const props = withDefaults(defineProps<Props>(), {
+ showServerContactPhoneNumbers: false,
+});
</script>
<style lang="scss">
@@ -82,6 +100,10 @@
font-size: 28px;
color: boleGetCssVar('text-color', 'secondary');
line-height: 40px;
+ flex: 1;
+ min-width: 0;
+ text-align: right;
+ margin-left: 20px;
}
}
</style>
--
Gitblit v1.10.0