Spaces:
Running
Running
сделай сайт для учета сделок по продажам, додумай сам как сделать лучше, реализуй с помощью веб-технологий вроде HTML, CSS, JavaScript, PHPи базой данный SQL на первой странице должны быть представлены общая сумма на затраты на закупки, общая сумма продаж, маржинальность сделок, информация по сделками краткий список последних сделок, график статистики по продажам, сделки должны иметь собственный номер которые начинаются с MT сделки должны иметь статусы активные, в ожидании, завершены, отменены. В системе должен быть реализован поиск по сделками клиентам и поставщикам. В системе должна быть возможность учитывать клиентов поставщиков и сделки продаж по ним. при создании сделок должно открываться новое окно в котором будет табличная форма с редактируемыми полями "порядковый номер", "наименование товара", "количество", "цена за единицу с ндс 5%", "общая стоимость с ндс 5%", "накрутка в процентах", "наименование товара закупки", "цена закупки за шт.", "общая цена закупки за шт.", "поставщик товара", Столбец цена за единицу с ндс 5% должна зависеть от цена закупки за шт. и увеличиваться на процент указанный в столбике накрутка в процентах, при этом должна быть возможность менять цены в столбике "цена за единицу с ндс 5%" вручную если необходимо, должна быть возможность массовой работы с товарами на пример все проставить накрутку 30%, должна быть возможность указать что товар доставлен поставив галочку, должна быть возможность массовой загрузки товаров в таблицу с помощью excel, должен быть доступен импорт товаров путем скачивания таблицы excel на компьютер, должна быть возможность указывать поставщиков для каждой сделки, должна быть возможность добавлять множество сделок клиенту, у каждого клиента должна быть карточка в которой будет указаны какие сделки с ним совершались и какие товары он покупал, должна быть взаимосвязь между сделками клиентами и поставщиками, должна быть возможность хранить и заполнять данные о клиенте и поставщике такие как контактные данные почта телефон лицо для связи, должно быть место куда можно записать какие то комментарии, все расчеты должны быть в рублях, язык интерфейса русский
a6ca940 verified | class CustomClientCard extends HTMLElement { | |
| connectedCallback() { | |
| this.attachShadow({ mode: 'open' }); | |
| this.shadowRoot.innerHTML = ` | |
| <style> | |
| .card { | |
| @apply bg-white rounded-lg shadow p-6 mb-6; | |
| } | |
| .client-header { | |
| @apply flex items-center justify-between mb-6; | |
| } | |
| .client-info { | |
| @apply grid grid-cols-1 md:grid-cols-2 gap-6 mb-6; | |
| } | |
| .client-deals { | |
| @apply mt-6; | |
| } | |
| </style> | |
| <div class="card"> | |
| <div class="client-header"> | |
| <h2 class="text-2xl font-bold text-gray-800">Карточка клиента</h2> | |
| <button class="btn-primary" id="editClient"> | |
| <i data-feather="edit" class="w-4 h-4 mr-2"></i> Редактировать | |
| </button> | |
| </div> | |
| <div class="client-info"> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-2">Основная информация</h3> | |
| <p><span class="font-medium">Название:</span> <span id="clientName">ООО "Ромашка"</span></p> | |
| <p><span class="font-medium">ИНН:</span> <span id="clientInn">1234567890</span></p> | |
| <p><span class="font-medium">Контактное лицо:</span> <span id="clientContact">Иванов Иван</span></p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-2">Контактные данные</h3> | |
| <p><span class="font-medium">Телефон:</span> <span id="clientPhone">+7 (999) 123-45-67</span></p> | |
| <p><span class="font-medium">Email:</span> <span id="clientEmail">ivanov@romashka.ru</span></p> | |
| <p><span class="font-medium">Адрес:</span> <span id="clientAddress">г. Москва, ул. Ленина, д.1</span></p> | |
| </div> | |
| </div> | |
| <div class="border-t pt-4"> | |
| <h3 class="text-lg font-semibold mb-2">Комментарии</h3> | |
| <p id="clientComments">Клиент заинтересован в регулярных поставках. Предпочтение отдает продукции отечественного производства.</p> | |
| </div> | |
| <div class="client-deals"> | |
| <h3 class="text-lg font-semibold mb-4">История сделок</h3> | |
| <custom-deal-table compact="true"></custom-deal-table> | |
| </div> | |
| </div> | |
| `; | |
| } | |
| } | |
| customElements.define('custom-client-card', CustomClientCard); |