Spaces:
Running
Running
сделай сайт для учета сделок по продажам, додумай сам как сделать лучше, реализуй с помощью веб-технологий вроде HTML, CSS, JavaScript, PHPи базой данный SQL на первой странице должны быть представлены общая сумма на затраты на закупки, общая сумма продаж, маржинальность сделок, информация по сделками краткий список последних сделок, график статистики по продажам, сделки должны иметь собственный номер которые начинаются с MT сделки должны иметь статусы активные, в ожидании, завершены, отменены. В системе должен быть реализован поиск по сделками клиентам и поставщикам. В системе должна быть возможность учитывать клиентов поставщиков и сделки продаж по ним. при создании сделок должно открываться новое окно в котором будет табличная форма с редактируемыми полями "порядковый номер", "наименование товара", "количество", "цена за единицу с ндс 5%", "общая стоимость с ндс 5%", "накрутка в процентах", "наименование товара закупки", "цена закупки за шт.", "общая цена закупки за шт.", "поставщик товара", Столбец цена за единицу с ндс 5% должна зависеть от цена закупки за шт. и увеличиваться на процент указанный в столбике накрутка в процентах, при этом должна быть возможность менять цены в столбике "цена за единицу с ндс 5%" вручную если необходимо, должна быть возможность массовой работы с товарами на пример все проставить накрутку 30%, должна быть возможность указать что товар доставлен поставив галочку, должна быть возможность массовой загрузки товаров в таблицу с помощью excel, должен быть доступен импорт товаров путем скачивания таблицы excel на компьютер, должна быть возможность указывать поставщиков для каждой сделки, должна быть возможность добавлять множество сделок клиенту, у каждого клиента должна быть карточка в которой будет указаны какие сделки с ним совершались и какие товары он покупал, должна быть взаимосвязь между сделками клиентами и поставщиками, должна быть возможность хранить и заполнять данные о клиенте и поставщике такие как контактные данные почта телефон лицо для связи, должно быть место куда можно записать какие то комментарии, все расчеты должны быть в рублях, язык интерфейса русский
0c47432
verified
| class CustomQuickStats extends HTMLElement { | |
| connectedCallback() { | |
| this.attachShadow({ mode: 'open' }); | |
| this.shadowRoot.innerHTML = ` | |
| <style> | |
| .stat-card { | |
| @apply bg-white rounded-lg shadow p-6; | |
| } | |
| .stat-title { | |
| @apply text-sm font-medium text-gray-500 truncate; | |
| } | |
| .stat-value { | |
| @apply mt-1 text-3xl font-semibold text-gray-900; | |
| } | |
| .stat-change { | |
| @apply inline-flex items-baseline px-2.5 py-0.5 rounded-full text-sm font-medium; | |
| } | |
| .positive { | |
| @apply bg-green-100 text-green-800; | |
| } | |
| .negative { | |
| @apply bg-red-100 text-red-800; | |
| } | |
| </style> | |
| <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4"> | |
| <div class="stat-card"> | |
| <h3 class="stat-title">Общие затраты на закупки</h3> | |
| <p class="stat-value">1 245 000 ₽</p> | |
| <p class="mt-2 flex items-baseline"> | |
| <span class="stat-change negative"> | |
| <i data-feather="arrow-down" class="w-3 h-3 mr-1"></i> 5.2% | |
| </span> | |
| <span class="ml-2 text-sm text-gray-500">за прошлый месяц</span> | |
| </p> | |
| </div> | |
| <div class="stat-card"> | |
| <h3 class="stat-title">Общий объем продаж</h3> | |
| <p class="stat-value">1 856 000 ₽</p> | |
| <p class="mt-2 flex items-baseline"> | |
| <span class="stat-change positive"> | |
| <i data-feather="arrow-up" class="w-3 h-3 mr-1"></i> 12.8% | |
| </span> | |
| <span class="ml-2 text-sm text-gray-500">за прошлый месяц</span> | |
| </p> | |
| </div> | |
| <div class="stat-card"> | |
| <h3 class="stat-title">Маржинальность</h3> | |
| <p class="stat-value">32.8%</p> | |
| <p class="mt-2 flex items-baseline"> | |
| <span class="stat-change positive"> | |
| <i data-feather="arrow-up" class="w-3 h-3 mr-1"></i> 2.1% | |
| </span> | |
| <span class="ml-2 text-sm text-gray-500">за прошлый месяц</span> | |
| </p> | |
| </div> | |
| <div class="stat-card"> | |
| <h3 class="stat-title">Активные сделки</h3> | |
| <p class="stat-value">18</p> | |
| <p class="mt-2 flex items-baseline"> | |
| <span class="stat-change positive"> | |
| <i data-feather="arrow-up" class="w-3 h-3 mr-1"></i> 3 | |
| </span> | |
| <span class="ml-2 text-sm text-gray-500">за прошлую неделю</span> | |
| </p> | |
| </div> | |
| </div> | |
| `; | |
| } | |
| } | |
| customElements.define('custom-quick-stats', CustomQuickStats); |