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/ReserveServiceCard.vue | 147 ++++++++++++++++++++++++++++--------------------
1 files changed, 86 insertions(+), 61 deletions(-)
diff --git a/packages/components/src/Card/ReserveServiceCard.vue b/packages/components/src/Card/ReserveServiceCard.vue
index 711023d..6e7dd50 100644
--- a/packages/components/src/Card/ReserveServiceCard.vue
+++ b/packages/components/src/Card/ReserveServiceCard.vue
@@ -1,44 +1,52 @@
<template>
<div class="reserve-service-card-wrapper" :class="{ 'un-read': unRead }">
<div class="reserve-service-card-title-wrapper">
- <div class="reserve-service-card-title">{{ name }}</div>
+ <div class="reserve-service-card-title">{{ serviceName }}</div>
<slot name="title-right">
- <TaskPrice
- v-if="releaseStatus !== EnumTaskReleaseStatus.Stopped"
- :value="toThousand(serviceFee ?? 0)"
- :unit="BillingMethodEnumUnit[billingMethod]"
- :billingMethod="billingMethod"
- />
+ <TaskPrice :value="toThousand(payAmount ?? 0)" unit="鍏�" />
</slot>
</div>
<div class="reserve-service-card-item-list">
<div class="reserve-service-card-item">
- 鏈嶅姟鏃堕棿锛歿{ dayjs(beginTime).format('YYYY骞碝M鏈圖鏃�') }} 13:00-15:00
+ <div class="reserve-service-card-item-label">鏈嶅姟鏃堕棿锛�</div>
+ <div class="reserve-service-card-item-content">
+ {{
+ `${dayjs(beginTime).format('YYYY骞碝M鏈圖鏃� HH:mm:ss')} - ${dayjs(endTime).format(
+ 'YYYY骞碝M鏈圖鏃� HH:mm:ss'
+ )}`
+ }}
+ </div>
</div>
- <div class="reserve-service-card-item">鏈嶅姟鍦板潃锛歿{ addressName }}</div>
+ <div class="reserve-service-card-item">
+ <div class="reserve-service-card-item-label">鏈嶅姟鍦板潃锛�</div>
+ <div class="reserve-service-card-item-content">
+ {{ addressDetail }}
+ </div>
+ </div>
</div>
<div class="reserve-service-card-footer">
<div class="reserve-service-card-left">
- <div class="reserve-service-card-footer-address">鏈嶅姟鏈烘瀯锛氭垜鏄満鏋勫悕绉�</div>
+ <div class="reserve-service-card-footer-address">
+ <slot name="serviceCustome"> 鏈嶅姟鏈烘瀯锛歿{ supplierEnterpriseName }} </slot>
+ </div>
</div>
- <div class="reserve-service-card-status">寰呯‘璁�</div>
+ <div class="reserve-service-card-status">
+ <slot name="status">
+ {{ EnumStandardOrderAppointmentStatusText[appointmentStatus] }}
+ </slot>
+ </div>
</div>
</div>
</template>
<script setup lang="ts">
import {
- EnumBillingMethod,
- EnumSettlementCycle,
- EnumTaskCheckReceiveStatus,
- EnumTaskRecommendStatus,
- EnumTaskReleaseStatus,
- EnumTaskSettlementStatus,
- EnumTaskStatus,
- EnumUserGender,
- BillingMethodEnumUnit,
- EnumTaskUserHireStatus,
+ EnumStandardOrderAppointmentStatus,
+ EnumEnterpriseCooperationServiceFeeCollectType,
+ EnumStandardOrderSettlementStatus,
+ EnumStandardOrderPayStatus,
+ EnumStandardOrderAppointmentStatusText,
} from '@12333/constants';
import dayjs from 'dayjs';
import { toThousand } from '@12333/utils';
@@ -51,51 +59,61 @@
type Props = {
/** Id */
id?: string;
- /** 浠诲姟鍚嶇О */
- name: string;
- /** 浠诲姟鍗曞彿 */
+ /** 璁㈠崟鍙� */
code?: string;
- billingMethod?: EnumBillingMethod;
+ /** 鏈嶅姟鍚� */
+ serviceName?: string;
+ /** 鏈嶅姟鍗曞彿 */
+ serviceCode?: string;
+ /** 鏈嶅姟鍥剧墖 */
+ serviceFile?: string;
+ /** 鐪佸競鍖�+璇︾粏鍦板潃+闂ㄧ墝鍙� */
+ addressDetail?: string;
+ /** 鏈嶅姟璧峰鏃堕棿 */
+ beginTime?: string;
+ /** 鏈嶅姟鎴鏃堕棿 */
+ endTime?: string;
+ /** 涓嬪崟鐢ㄦ埛Id */
+ createdUserId?: string;
+ /** 涓嬪崟鐢ㄦ埛 */
+ createdUserName?: string;
+ /** 鑱旂郴鐢佃瘽 */
+ createdUserContactPhoneNumber?: string;
+ /** 涓嬪崟鏃堕棿 */
+ createdTime?: string;
+ appointmentStatus?: EnumStandardOrderAppointmentStatus;
+ /** 鐢叉柟浼佷笟Id */
+ partyAEnterpriseId?: string;
+ /** 鐢叉柟浼佷笟 */
+ partyAEnterpriseName?: string;
+ /** 渚涘簲鍟咺d */
+ supplierEnterpriseId?: string;
+ /** 渚涘簲鍟� */
+ supplierEnterpriseName?: string;
+ /** 鏈嶅姟浜哄憳 */
+ serverNames?: string;
+ /** 鏈嶅姟浜哄憳鑱旂郴鐢佃瘽 */
+ serverContactPhoneNumbers?: string;
+ payStatus?: EnumStandardOrderPayStatus;
+ /** 鏀粯瀹屾垚鏃堕棿 */
+ payCompletedTime?: string;
+ /** 瀹炰粯閲戦 */
+ payAmount?: number;
+ /** 瀹炴敹閲戦 */
+ receiveAmount?: number;
+ serviceFeeCollectType?: EnumEnterpriseCooperationServiceFeeCollectType;
/** 鏈嶅姟璐� */
serviceFee?: number;
- settlementCycle?: EnumSettlementCycle;
- /** 绂忓埄 */
- benefits?: API.GetTaskInfoQueryResultBenefit[];
- genderLimit?: EnumUserGender;
- /** 璧勬牸璇佷功绫诲瀷 */
- credentialLimits?: API.GetTaskInfoQueryResultCredentialLimit[];
- /** 浠诲姟鍦扮偣鎵�灞炵渷浠界紪鍙� */
- provinceCode?: string;
- /** 浠诲姟鍦扮偣鎵�灞炵渷浠� */
- provinceContent?: string;
- /** 浠诲姟鍦扮偣鎵�灞炲煄甯傜紪鍙� */
- cityCode?: string;
- /** 浠诲姟鍦扮偣鎵�灞炲煄甯� */
- cityContent?: string;
- /** 浠诲姟鍦扮偣鍚嶇О */
- addressName?: string;
- /** 浠诲姟鍦扮偣璇︾粏鍦板潃 */
- addressDetail?: string;
- /** 缁忓害 */
- longitude?: number;
- /** 绾害 */
- latitude?: number;
- /** 鎶ュ悕浜烘暟 */
- userCount?: number;
- status?: EnumTaskStatus;
- /** 浠诲姟寮�濮嬫椂闂� */
- beginTime?: string;
- /** 浠诲姟缁撴潫鏃堕棿 */
- endTime?: string;
- releaseStatus?: EnumTaskReleaseStatus;
- checkReceiveStatus?: EnumTaskCheckReceiveStatus;
- settlementStatus?: EnumTaskSettlementStatus;
- recommendStatus?: EnumTaskRecommendStatus;
- /** 鍒涘缓鏃堕棿 */
- createdTime?: string;
- hireStatus?: EnumTaskUserHireStatus;
+ settlementStatus?: EnumStandardOrderSettlementStatus;
+ /** 缁撶畻鍗曞彿 */
+ settlementCode?: string;
+ /** 缁撶畻鏃堕棿 */
+ settlementTime?: string;
+ /** 缁撶畻閲戦 */
+ settlementAmount?: number;
unRead?: boolean;
+ showActions?: boolean;
};
const props = withDefaults(defineProps<Props>(), {
@@ -164,6 +182,13 @@
color: boleGetCssVar('text-color', 'regular');
line-height: 36px;
margin-bottom: 6px;
+ display: flex;
+ align-items: flex-start;
+
+ .reserve-service-card-item-content {
+ flex: 1;
+ min-width: 0;
+ }
&:last-child {
margin-bottom: 0;
--
Gitblit v1.10.0