|
@@ -73,37 +73,22 @@
|
|
|
|
|
|
|
|
<template v-else>
|
|
<template v-else>
|
|
|
<div
|
|
<div
|
|
|
- v-for="sp in details?.specialities"
|
|
|
|
|
- :key="sp.id"
|
|
|
|
|
|
|
+ v-for="service in servicesList"
|
|
|
|
|
+ :key="service.label"
|
|
|
class="row col-12 items-center q-gutter-x-sm q-mb-xs text-center"
|
|
class="row col-12 items-center q-gutter-x-sm q-mb-xs text-center"
|
|
|
>
|
|
>
|
|
|
<div class="full-width">
|
|
<div class="full-width">
|
|
|
<q-icon
|
|
<q-icon
|
|
|
- :name="sp.has_speciality ? 'mdi-check' : 'mdi-close'"
|
|
|
|
|
- color="primary"
|
|
|
|
|
|
|
+ color="secondary"
|
|
|
|
|
+ name="mdi-check"
|
|
|
size="12px"
|
|
size="12px"
|
|
|
/>
|
|
/>
|
|
|
|
|
|
|
|
<span class="text-grey-8 font10 fontmedium q-pl-sm">
|
|
<span class="text-grey-8 font10 fontmedium q-pl-sm">
|
|
|
- {{ sp.description }}
|
|
|
|
|
|
|
+ {{ service.label }}
|
|
|
</span>
|
|
</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
- <div
|
|
|
|
|
- v-if="!details?.specialities?.length"
|
|
|
|
|
- class="row items-center q-gutter-x-sm"
|
|
|
|
|
- >
|
|
|
|
|
- <q-icon
|
|
|
|
|
- color="secondary"
|
|
|
|
|
- name="mdi-check"
|
|
|
|
|
- size="16px"
|
|
|
|
|
- />
|
|
|
|
|
-
|
|
|
|
|
- <span class="text-grey-8 font10 fontmedium">
|
|
|
|
|
- {{ $t("dashboard_client.next_schedules.default_service") }}
|
|
|
|
|
- </span>
|
|
|
|
|
- </div>
|
|
|
|
|
</template>
|
|
</template>
|
|
|
</q-card-section>
|
|
</q-card-section>
|
|
|
|
|
|
|
@@ -266,6 +251,21 @@ const providerAge = computed(() => {
|
|
|
return age;
|
|
return age;
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|
|
+const servicesList = computed(() => {
|
|
|
|
|
+ const scheduleType =
|
|
|
|
|
+ details.value?.schedule_type ?? props.schedule.schedule_type;
|
|
|
|
|
+
|
|
|
|
|
+ const specialities = details.value?.specialities ?? [];
|
|
|
|
|
+
|
|
|
|
|
+ if (scheduleType === "custom" && specialities.length) {
|
|
|
|
|
+ return specialities.map((speciality) => ({
|
|
|
|
|
+ label: speciality.description,
|
|
|
|
|
+ }));
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ return [{ label: t("dashboard_client.next_schedules.default_service") }];
|
|
|
|
|
+});
|
|
|
|
|
+
|
|
|
const total = computed(() =>
|
|
const total = computed(() =>
|
|
|
getScheduleTotalWithPlatformFee(
|
|
getScheduleTotalWithPlatformFee(
|
|
|
props.schedule,
|
|
props.schedule,
|