Необходимо разработать новый раздел для сайта nissan.autoprodix.ru – График ТО, запись на ТО
Пример функционала:
serviceprice.mercedes-benz.ru/ModelSelection
my.ctk-center.ru/services/to.html
Новый раздел надо добавить на существующий сайта, т.е. использовать с него для фронта css и js (с необходимыми добавками, т.е. мне не нужен для этого раздела свой отдельный набор css и jquery), для бэкенда – php/mysql + smarty.
Описание раздела:
Шаг 1. Пользователь выбирает модель своего авто, двигатель, КПП, нужное ТО
Шаг 2. Видит список работ, нужные запчасти, стоимость.
Следующий шаг – запись на ТО, но там форма готовая уже есть, так что ее делать не надо.
Вся информация по моделям, двигателям, номерам ТО, работам, запчастям и их стоимости содержится в одной таблице примерно такого вида:
Полные тексты TS_descr Type Descr Qty Summ Marka Model Engine Transmission WheelDrive EngineDescr ModelCode
Пакет ТО 20 Работа Тормозные колодки, диски и другие компоненты тормо... 0.0000 920.00 NISSAN X-TRAIL R9M Механическая 4WD 0 T32F
Пакет ТО 20 Работа Замена масла и масляного фильтра 0.0000 1200.00 NISSAN X-TRAIL R9M Механическая 4WD 0 T32F
Пакет ТО 20 Работа КОМПЬЮТЕРНАЯ ДИАГНОСТИКА 0.0000 800.00 NISSAN X-TRAIL R9M Механическая 4WD 0 T32F
Пакет ТО 20 Запчасть Шайба крепления крышки редуктора Fx35/37/50,Qx56 2... 1.0000 211.00 NISSAN X-TRAIL R9M Механическая 4WD 0 T32F
Пакет ТО 20 Запчасть Шайба крепления крышки редуктора Fx35/37/50,Qx56 2... 1.0000 211.00 NISSAN X-TRAIL R9M Автоматическая 4WD 0 T32F
Пакет ТО 20 Запчасть GASKET-FILLER P 1.0000 158.00 NISSAN X-TRAIL R9M Механическая 4WD 0 T32F
Пакет ТО 20 Запчасть GASKET-FILLER P 1.0000 158.00 NISSAN X-TRAIL R9M Автоматическая 4WD 0 T32F
Пакет ТО 20 Запчасть Кольцо уплотнит. двс Т31 M9R, и МКПП J10,T31 1.0000 13.00 NISSAN X-TRAIL R9M Механическая 4WD 0 T32F
Т.е. всю инфу надо брать отсюда – модели, двигатели, КПП, номера ТО, работы, запчасти и их стоимость.
Примерные наброски (назовем их wireframes) – в аттаче, PSD нет и не будет, но все элементы встречаются на сайте, надо их и использовать.
TO 1-1
Начальный экран, поле Модель активное, информация туда берется из таблицы (уникальные значения Model). Все остальные поля, включая кнопку – неактивные.
ТО 1-2
Когда выбираем модель, отправляем запрос через JS и внизу показываем возможные поколения модели (уникальные ModelCode для Model = "X-Trail"). На скетче это картинки T31 и T32.
ТО 1-3
Когда пользователь выбирает модель, она "уезжает" направо и активируется выбор "Двигатель" (опять же получаем инфу через js + php/mysql из базы для выбранных ранее Model и ModelCode)
Когда выбраны все поля (модель, поколение, двигатель, трансмиссия, привод), внизу появляется слайдер с выбором номера ТО/пробега/срока и инфа по гарантии и скидкам.
Важный момент: инфу для слайдера с выбором ТО надо так же брать из базы через js + php/mysql, т.к. для разных моделей будет разная периодичность ТО (раз в 10, 15 или 20 тыс. км.) и разное количество ТО в базе.
Еще один важный момент, на любом этапе выбора если в следующем селекте (или при выборе поколения модели) есть только 1 опция, она должна подставлятся автоматически и тут же переход и активация следующего селекта.
Например, если для двигателя 2.0 есть только механика, то когда выбираем 2.0 – в следующий селект автоматом подставляется "Механическая КПП" и переходим к выбору привода.
А, например, если для модели X-Trail есть вообще только одно поколение с одним двигателем, КПП и приводом, то когда вверху выбираем X-Trail, справа сразу показывается картинка нужного (единственного) поколения и все поля ниже (если там выбор только из 1 опции) автоматически подставляются.
Когда выбираем нужное ТО, переходим на второй шаг – через get запрос!
ТО 2
Тут вверху выводится выбранная машина, инфа по ней, ниже список работ по выбранному ТО (из базы), список запчастей (так же из базы), считается стоимость и предлагаются доп. работы (так же из базы). Если выбираем доп работы – цена сразу же пересчитывается.
Ну и далее сабмит на следующий шаг, там форма, ее возьмем готовую с сайта.
Все наброски приведены для полной версии сайта, есть еще мобильная версия со своими шаблонами, но там все будет тоже самое, разве что для шага 2 (ТО 2) вся инфа будет в один столбик.
Большая просьба – прочитать условия задачи и оценить срок и стоимость, ответы типа "Профессионально разрабатываю сайты. Начну сегодня!" – буду удалять сразу же.
Опубликован 21.01.2016 в 17:38