feat: init

wupengfei

15 小时以前 e213f4fbc54d69a5c478a5c44857c0eb1a2a54ae

 packages/components/src/Card/ReserveServiceCard.vue

@@ -1,44 +1,44 @@
<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(serviceFee ?? 0)" unit="元" />
      </slot>
    </div>
    <div class="reserve-service-card-item-list">
      <div class="reserve-service-card-item">
        服务时间：{{ dayjs(beginTime).format('YYYY年MM月D日') }} 13:00-15:00
        服务时间：{{
          `${dayjs(beginTime).format('YYYY年MM月D日 HH:mm:ss')} - ${dayjs(endTime).format(
            'YYYY年MM月D日 HH:mm:ss'
          )}`
        }}
      </div>
      <div class="reserve-service-card-item">服务地址：{{ addressName }}</div>
      <div class="reserve-service-card-item">服务地址：{{ addressDetail }}</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 +51,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;
  /** 供应商Id */
  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>(), {