Дмитрий
a51a94830c
- DealsView (/deals): page-head со stats (всего/в работе/ждут оплату) + Экспорт/Новая сделка кнопки. filter-bar с 5-tab chiprow (Все/Активные/ Ждут оплату/Закрытые/Невалидные) + поиск по name/phone/project. v-data-table с 6 колонками: Лид (avatar+name+phone), Статус (tonal-chip с colorHex из lead_statuses), Проект, Менеджер, Стоимость (Intl.NumberFormat ru-RU JBM tnum), Время (formatRelative мин/ч/д назад). show-select для будущих bulk-actions. Empty-state. - composables/mockDeals.ts: 12 mock-сделок + DEALS_TABS (5 срезов с slug[]). - Маршрут /deals (meta.layout=app) в router + web.php. - .gitleaks.toml: mockDeals.ts в allowlist (фиктивные имена/телефоны). Vue regex quirk: ESLint no-irregular-whitespace в regex с literal nbsp - \s в JS уже matches U+00A0/U+202F из Intl.NumberFormat, использовать \s+. Vitest +8 (всего 56/56 за 5.66s): заголовок + page-stats + 5 tabs + дефолт active-фильтр (5/12 строк) + кнопки + 6 колонок + format «2 400 ₽» + format «7 мин назад». Регресс: lint+type+format OK; vitest 56/56; vite build (DealsView lazy-chunk 87.54KB - v-data-table крупный, но грузится только на /deals); story:build 11/15 за 31.93s; Pest 48/48 за 4.96s. CLAUDE.md v1.22->v1.23, реестр Открытых_вопросов v1.31->v1.32. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
23 lines
504 B
Vue
23 lines
504 B
Vue
<script setup lang="ts">
|
|
import DealsView from './DealsView.vue';
|
|
</script>
|
|
|
|
<template>
|
|
<Story title="Views / DealsView" :layout="{ type: 'single', iframe: true }">
|
|
<Variant title="default (mock 12 сделок)">
|
|
<v-app>
|
|
<v-main class="story-main">
|
|
<DealsView />
|
|
</v-main>
|
|
</v-app>
|
|
</Variant>
|
|
</Story>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.story-main {
|
|
background: #f6f3ec;
|
|
min-height: 100vh;
|
|
}
|
|
</style>
|