Карточка заявки на Vue.js 3 и Tailwind
Есть сайт для заказов, написанный на Vue 3. Он пока не запущен в production. Диспетчер ставит заявку через CRM (другой сайт на Vue, но api общий) для исполнителей. Нужно написать карточку заявки для клиента. Данные для отображения карточки берутся через get запрос к api с одним параметром - id.
Весь backend код пишу я, от вас потребуется сделать frontend часть. Требуется хорошее знание Vue, опыт работы от 2 лет. Обязательным является наличие проекта (проектов) на Vue 3. Также необходимо знание Tailwind, потому как именно он используется в проекте. Если у вас есть проекты с использованием Tailwind, то вы в приоритете.
В карточке заявки должно быть:
- В состоянии заявки открыто/закрыто: описание заявки (html-текст), список имен и номеров исполнителей заявки, предложение ознакомиться с офертой с возможностью перейти на страницу оферты (страница уже есть) и обратно, галочка «с офертой ознакомлен и согласен». При нажатии на галочку, происходит запрос к api для сохранения в базу информации.
- В состоянии заявки «завершено», «готово к оплате» и «не оплачена»: описание заявки. Далее, если галочка не была нажата, тогда снова показывать галочку с текстом согласия и возможностью перейти на страницу оферты и обратно. Далее идет сумма которую необходимо оплатить за заявку и кнопка «Оплатить». Если согласия с офертой нет, т.е. галочка не нажата, тогда кнопка «оплатить» disabled. После кнопки оплатить идет текст «Спасибо за заявку! Мы будем благодарны если вы оцените качество выполненной работа». Дальше идет кнопка «Оценить качество», которая открывает визуальный блок ниже, в котором идут: кнопка «Оставить отзыв на vl.ru», дальше кнопка «Что понравилось?» и кнопка «Что не понравилось?».
Кнопка «Что понравилось» открывает визуальный блок с вертикальным списком вариантов что понравилось. Визуально это галочки (не radio-button): понравилось-1, понравилось-2, понравилось-3, …
Кнопка «Что не понравилось» открывает визуальный блок с вертикальным списком вариантов, что не понравилось. Это галочки (не radio-button): не-понравилось-1, не-понравилось-2, не-понравилось-3, …
Ниже этих кнопок идет кнопка «Оценить исполнителя», при нажатии на которую открывается визуальный блок с вертикальным списком исполнителей, где слева и справа на уровне каждого исполнителя идут маленькие кнопочки + и - соответственно. При нажатии на минус, появляется поле, куда можно оставить комментарий, например, «пришел пьяный».
После того как клиент оценил работу или не оценивал, он переходит к оплате заявки, нажимая кнопку «Оплатить» и попадает на страницу оплаты сервиса «Робокасса».
Дизайн карточки желательно делать в том стиле, в котором сделан сам сайт. Это будет простой, минималистичный дизайн. Страница карточки должна правильно отображаться на экранах разных размеров. В первую очередь, надо чтобы карточка хорошо читалась с мобильных устройств. Во вторую - всех остальных.
Любые вопросы/уточнения можно задавать мне не стесняясь, буду рад ответить.
Я впервые отдаю задачу на аутсорс, поэтому был бы рад увидеть за сколько вы готовы сделать данную задачу.
С уважением, Дмитрий.
Moscow.media
Частные объявления сегодня
Филиал № 4 ОСФР по Москве и Московской области информирует:
В Московском регионе 11,4 тысячи пап находятся в отпуске по уходу за ребенком
Филиал № 4 ОСФР по Москве и Московской области напоминает:
В Московском регионе 11,4 тысячи пап находятся в отпуске по уходу за ребенком
Заместитель управляющего ОСФР по г. Москве и Московской области Алексей Путин об индексации работающим пенсионерам
Грибная охота: токсиколог Кутушов рассказал, как избежать отравления и собирать только безопасные грибы
Анекс сделал заявление по Таиланду: теперь рейсы на Пхукет будут выполняться из 14 городов России, а в Паттайю из 4-х
Новые дисциплины и правила судейства представят
на соревнованиях по фитнес-аэробике в Анапе
К 33-летию провозглашения Нагорно-Карабахской Республики
37 российских туроператоров прекратили дальнейшую работу
Heartbreaking moment Brit certain for Paralympics 2024 gold suddenly crashes and collapses onto velodrome floor
‘We’ll be woken up at 4am every DAY’ slam locals over £200m expansion of major UK airport… but some can’t wait
Crew of doomed Bayesian superyacht say they ‘saved who they could’
League One side Birmingham make £10m bid for Premier League striker that will shatter division’s transfer record
Мигранты захватывают Новосибирск: Русских заставляют учить киргизский
В Академическом открылась пятиэтажная "кузница креатива"
Risk of Rain 2 creators weigh in on Gearbox's first DLC without them: 'It's great to see new content for the game, but it's hard to see growing pains of the new team in real time'
Дедушка Мороз, ты подарки нам принес? 1.22.1
Asus ROG Zephyrus G16 (2024) GA605 review
The PC game releases we're most excited about in September
Як встановити ручки на планці для дверей
Як вибрати накладний замок
Радио привлекает внимание к социальным темам и меняет мир
ТАСС: задержанного за взятку генерала Муминджанова отправили в Москву
Заместитель управляющего ОСФР по г. Москве и Московской области Алексей Путин об индексации работающим пенсионерам
Филиал № 4 ОСФР по Москве и Московской области информирует:
В Московском регионе 11,4 тысячи пап находятся в отпуске по уходу за ребенком
Собянин: «Город идей» собрал предложения москвичей о культурной жизни Москвы
Токсиколог Кутушов назвал привычку ставить много будильников опасной для здоровья
Россиянка лишилась пальца из-за обручального кольца
Более трети россиян считают, что интерьер дома сильно влияет на качество жизни
Заместитель командующего Ленинградским военным округом генерал-майор Валерий Муминджанов задержан за взятку
Президент «Опоры России» рассказал о перспективах малого и среднего предпринимательства
В промпарке «Бутово» ежемесячно будут выпускать до 80 тонн косметики
Чем болел и из-за чего умер Ленин
Экс-теннисист Ольховский: Рублеву не нужно думать о вылете Джоковича
Александр Зверев вышел в 1/4 финала Открытого чемпионата США
Медведев всухую выиграл первый сет у Боржеша в матче 4-го круга US Open
Теннисист Медведев прошел в третий круг US Open в Нью-Йорке
В промпарке «Бутово» ежемесячно будут выпускать до 80 тонн косметики
Наполнить пространство уютом: как просто и стильно украсить дом к осени
Волонтеры провели костюмированное шоу в детском онкодиспансере в Балашихе
Чем болел и из-за чего умер Ленин
Музыкальные новости
Группа Placebo отменила выступления на концертах в Казахстане и Грузии
В октябре «Шостакович опера балет» выступит в Большом театре
В элитной "тусовке" раскол: Божена Рынска и Ксения Собчак сцепились из-за "испуганного патриота" Ильи Лагутенко
Заместитель управляющего ОСФР по г. Москве и Московской области Алексей Путин об индексации работающим пенсионерам
ТАСС: задержанного за взятку генерала Муминджанова отправили в Москву
Филиал № 4 ОСФР по Москве и Московской области напоминает:
В Московском регионе 11,4 тысячи пап находятся в отпуске по уходу за ребенком
Радио привлекает внимание к социальным темам и меняет мир
"Яндекс Аренда": средняя ставка аренды жилья в России за месяц выросла на 12%
Тульская молодежь возрождает любимую игру Льва Толстого и Федора Шаляпина
Терпеть нельзя: Доктор Кутушов рассказал, почему нужно помочиться сразу же
«Результат моих действий исключительно положительный» // Экс-замглавы Минцифры Максим Паршин не считает, что совершил что-то коррупционное
Сын генерала Муминджанова оказался владельцем BMW и квартиры в элитном ЖК Москвы
Известный фаготист Попов госпитализирован после ДТП в центре Москвы
В КХЛ может появиться новый клуб из Москвы, России нашли замену на ОИ. Итоги дня в хоккее
Жительница Ленобласти угнала машину в Москве
Заместитель управляющего ОСФР по г. Москве и Московской области Алексей Путин об индексации работающим пенсионерам
Путин: Россия готова обеспечить Монголию топливом и ГСМ по льготным ценам
Путин назвал развитие связей с Монголией одним из приоритетов РФ
Путин примет участие в праздновании Дня города в Москве
Собянин назвал лично лекарств, произведенных по офсетным контрактам
Педиатр Константинова: пример семьи имеет большое значение в борьбе с ожирением у детей
От дефицита витаминов до болезни: пять причин, почему сохнут губы
В госпитальной школе подмосковного онкодиспансера прозвенел первый звонок
Все на футбол! «НАШЕ Радио» устроит в Москве спортивный праздник
Экс-футболист сборной России: «В Москве из-за невероятных пробок на день невозможно запланировать несколько дел»
Дмитрий Черышев: Денис не завершил карьеру и ведёт переговоры с клубами
Новый персонаж сериала «Команда МАТЧ» Шоня стал талисманом «Матч ТВ»
"Если попробуют более жёстко, погибнет вся планета": Лукашенко предупредил США
Лукашенко советует молодежи в регионах не стремиться в Минск
Сергей Собянин. Главное за день
Собянин открыл обновленную школу на юго-западе Москвы
Собянин: Более 2,4 млн упаковок лекарств получил город по офсетным контрактам
Собянин: «Город идей» собрал предложения москвичей о культурной жизни Москвы
В воскресенье еще потеплеет: с чем связана аномальная жара в Москве в сентябре
"Просто Михалыч" во второй раз покажет сибирский характер столичным нуворишам
Систему городского транспорта Москвы предложено дополнить малогабаритными электромобилями
Синоптик Ильин: аномальная жара в Москве связана с антициклоном
Уссурийский дизельремонтный завод обновляет свое оборудование за счет инвестиций
Чем болел и из-за чего умер Ленин
«Судьба YouTube решена». Герман Клименко — о Дурове, YouTube и ИИ в Сети
Последний отдых. Стало известно, в каких странах чаще пропадают туристы
Ревнивый муж залил зеленкой бывшего мэра Архангельска на съемках фильма
В Ярославской области выполнен ремонт магистрального трубопровода
Архангельские работодатели жалуются на старение населения в регионе
Близкая Арктика: что посмотреть в Архангельской области
Выставка крымского имени «Тайны души и творчества Алемдара Караманова»
Книжная выставка-реквием "В служении верном Отчизне клянусь!"
Выставка-обращение «Наш мир без террора»
1 и 2 сентября филиал РТРС «РТПЦ Республики Мордовия» и Министерство образования Республики Мордовия проведут совместную акцию, приуроченную ко Дню знаний и началу нового учебного года.
Чем болел и из-за чего умер Ленин
Последний отдых. Стало известно, в каких странах чаще пропадают туристы
Волонтеры провели костюмированное шоу в детском онкодиспансере в Балашихе
Заместитель командующего Ленинградским военным округом генерал-майор Валерий Муминджанов задержан за взятку