AOKB/onboard
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Работа над интерактивным обучением для дежурного и мед. сестры

Browse Source
This commit is contained in:
brusnitsyn
2026-07-15 16:53:38 +09:00
parent e48d38f3a2
commit d9cb1aca28
12 changed files with 377 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
resources/js/Components/Tour/TourTooltip.vue
View File

@@ -23,6 +23,10 @@ const props = defineProps({
type: [HTMLElement, String, Object],
default: null
},
disabledControllers: {
type: Boolean,
default: false
}
})
const emit = defineEmits([
@@ -53,83 +57,83 @@ const style = computed(() => ({
</script>
<template>
<Transition name="tour-tooltip">
<div
ref="floating"
v-if="visible && step"
class="tour-tooltip"
:style="style"
<Transition name="tour-tooltip">
<div
ref="floating"
v-if="visible && step"
class="tour-tooltip"
:style="style"
>
<NCard
style="width:320px"
size="small"
>
<NCard
style="width:320px"
size="small"
>
<template #header>
<div class="flex justify-between items-center">
<span class="font-semibold">
{{ step.title }}
</span>
<template #header>
<div class="flex justify-between items-center">
<span class="font-semibold">
{{ step.title }}
</span>
<NTag
v-if="step.tag"
size="small"
>
{{ step.tag }}
</NTag>
</div>
</template>
<div class="text-sm whitespace-pre-line">
{{ step.description }}
<NTag
v-if="step.tag"
size="small"
>
{{ step.tag }}
</NTag>
</div>
</template>
<slot />
<div class="text-sm whitespace-pre-line">
{{ step.description }}
</div>
<template #footer>
<NSpace justify="space-between">
<div>
<NButton
quaternary
size="small"
@click="emit('close')"
>
Пропустить
</NButton>
</div>
<slot />
<NSpace>
<NButton
v-if="!isFirst"
size="small"
@click="emit('previous')"
>
Назад
</NButton>
<template #footer>
<NSpace justify="space-between">
<div>
<NButton
quaternary
size="small"
@click="emit('close')"
>
Пропустить
</NButton>
</div>
<NButton
v-if="!isLast"
type="primary"
size="small"
:disabled="step.manual"
@click="emit('next')"
>
Далее
</NButton>
<NSpace>
<NButton
v-if="!isFirst"
size="small"
@click="emit('previous')"
>
Назад
</NButton>
<NButton
v-else
type="primary"
size="small"
@click="emit('finish')"
>
Завершить
</NButton>
</NSpace>
<NButton
v-if="!isLast"
type="primary"
size="small"
:disabled="step.manual"
@click="emit('next')"
>
Далее
</NButton>
<NButton
v-else
type="primary"
size="small"
@click="emit('finish')"
>
Завершить
</NButton>
</NSpace>
</template>
</NCard>
</div>
</Transition>
</NSpace>
</template>
</NCard>
</div>
</Transition>
</template>
<style scoped>
@@ -151,4 +155,4 @@ const style = computed(() => ({
transform:translateY(6px);
}
</style>
</style>