0a4d4f3224
Окно нехватки баланса («Проекты») и «Конкурентное поле» теперь честно говорят, что взведённый проект запустится сам после пополнения (вместо «пополните, чтобы запустить»); добавлена кнопка «Пока не надо» (оставить черновиком). Бейдж взведённого проекта — «ждёт пополнения / запустится сам» вместо «не хватает баланса». Синхронно в «Проектах» и «Конкурентном поле». Тесты: ProjectLimitOverloadDialog + ProjectCardBadge обновлены/ дополнены; 8 фронт-спеков 59/59. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
92 lines
4.0 KiB
Vue
92 lines
4.0 KiB
Vue
<script setup lang="ts">
|
|
/**
|
|
* Диалог «Проект не запущен» (Billing v2 Spec C §6.2, Task 12).
|
|
*
|
|
* Открывается, когда POST/PATCH /api/projects вернул 409 `balance_insufficient`.
|
|
* Сообщает: «Проект создан, но НЕ запущен — не хватает баланса».
|
|
* Предлагает три исхода:
|
|
* - «Пополнить баланс» (data-test="topup") → закрыть + перейти в /billing;
|
|
* - «Уменьшить объём» (data-test="reduce") → set-zero (родитель ставит daily_limit_target=0);
|
|
* - «Понятно» (data-test="close") → закрыть без действий.
|
|
*
|
|
* Backward compat: события save-blocked и set-zero сохранены.
|
|
*/
|
|
export interface OverloadPayload {
|
|
current_balance_rub: string;
|
|
current_capacity_leads: number;
|
|
would_be_required_leads: number;
|
|
deficit_leads: number;
|
|
/** Task 12: сумма пополнения в рублях, рассчитанная бэкендом */
|
|
topup_rub?: string;
|
|
}
|
|
|
|
import { useRouter } from 'vue-router';
|
|
|
|
defineProps<{
|
|
modelValue: boolean;
|
|
payload: OverloadPayload | null;
|
|
}>();
|
|
|
|
const emit = defineEmits<{
|
|
'update:modelValue': [value: boolean];
|
|
'save-blocked': [];
|
|
'set-zero': [];
|
|
'keep-as-draft': [];
|
|
}>();
|
|
|
|
// Косяк 06: «Пополнить» прямо из окна — закрываем и ведём в биллинг.
|
|
const router = useRouter();
|
|
function goTopup(): void {
|
|
emit('update:modelValue', false);
|
|
router?.push('/billing');
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<v-dialog :model-value="modelValue" max-width="520" @update:model-value="$emit('update:modelValue', $event)">
|
|
<v-card v-if="payload" data-testid="overload-dialog" data-tour="overload-dialog">
|
|
<v-card-title>Проект взведён — запустится сам</v-card-title>
|
|
<v-card-text>
|
|
<p>
|
|
Сейчас на балансе недостаточно средств, поэтому проект <strong>пока не запущен</strong>.
|
|
</p>
|
|
<p class="text-medium-emphasis mt-2">
|
|
Он <strong>запустится сам</strong>, как только пополните баланс примерно на
|
|
<strong>{{ payload.topup_rub ?? payload.deficit_leads }} ₽</strong>.
|
|
</p>
|
|
<p class="text-caption text-medium-emphasis mt-1">
|
|
Текущий баланс: {{ payload.current_balance_rub }} ₽
|
|
({{ payload.current_capacity_leads }} лидов), нужно {{ payload.would_be_required_leads }} лидов.
|
|
</p>
|
|
</v-card-text>
|
|
<v-card-actions class="flex-wrap justify-end ga-2">
|
|
<v-btn variant="text" data-test="keep-draft" data-testid="overload-keep-draft" @click="$emit('keep-as-draft')">
|
|
Пока не надо
|
|
</v-btn>
|
|
<v-btn variant="text" data-test="close" data-testid="overload-cancel" @click="$emit('update:modelValue', false)">
|
|
Понятно
|
|
</v-btn>
|
|
<v-btn
|
|
variant="text"
|
|
data-test="reduce"
|
|
data-testid="overload-set-zero"
|
|
data-tour="overload-reduce"
|
|
@click="$emit('set-zero')"
|
|
>
|
|
Уменьшить объём
|
|
</v-btn>
|
|
<v-btn
|
|
color="primary"
|
|
variant="flat"
|
|
data-test="topup"
|
|
data-testid="overload-topup"
|
|
data-tour="overload-topup"
|
|
@click="goTopup"
|
|
>
|
|
Пополнить баланс
|
|
</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</template>
|