| | 4 | |
| | 5 | |
| | 6 | {{{ |
| | 7 | #!html |
| | 8 | <style type="text/css"> |
| | 9 | div.carousel_container { |
| | 10 | display: block; |
| | 11 | width: 850px; |
| | 12 | height: 375px; |
| | 13 | border-style: solid; |
| | 14 | border-width: 0; |
| | 15 | } |
| | 16 | |
| | 17 | div.carousel_slide { |
| | 18 | # padding: 10px; |
| | 19 | # text-align: left; |
| | 20 | vertical-align: top; |
| | 21 | } |
| | 22 | |
| | 23 | img.carousel { |
| | 24 | width: 600px; |
| | 25 | height: 350px; |
| | 26 | background-color: #e8e8e8; |
| | 27 | padding: 5px; |
| | 28 | margin-right: 10px; |
| | 29 | float: left; |
| | 30 | } |
| | 31 | |
| | 32 | h1.carousel { |
| | 33 | text-align: left; |
| | 34 | font-family: Arial, Helvetica, sans-serif; |
| | 35 | font-weight: bold; |
| | 36 | font-size: large; |
| | 37 | padding: 5px; |
| | 38 | } |
| | 39 | |
| | 40 | p.carousel { |
| | 41 | text-align: justify; |
| | 42 | font-family: Verdana, Helvetica, sans-serif; |
| | 43 | font-weight: normal; |
| | 44 | font-size: small; |
| | 45 | padding: 5px; |
| | 46 | } |
| | 47 | |
| | 48 | </style> |
| | 49 | |
| | 50 | <script type="text/javascript" language="javascript"> |
| | 51 | Ext.onReady(function() { |
| | 52 | new Ext.ux.Carousel('testme', { |
| | 53 | itemSelector: 'div.carousel_slide', |
| | 54 | interval: 10, |
| | 55 | autoPlay: true, |
| | 56 | showPlayButton: true, |
| | 57 | pauseOnNavigate: false, |
| | 58 | freezeOnHover: true, |
| | 59 | transitionType: 'fade', |
| | 60 | // transitionType: 'carousel', |
| | 61 | transitionDuration: 0.15, |
| | 62 | navigationOnHover: false, |
| | 63 | hideNavigation: false |
| | 64 | }); |
| | 65 | }); |
| | 66 | </script> |
| | 67 | |
| | 68 | <div id="testme" class="carousel_container"> |
| | 69 | <div class="carousel_slide"> |
| | 70 | <img class="carousel" src="/screenshots/track.png"> |
| | 71 | <h1 class="carousel">Отображение поездок на карте</h1> |
| | 72 | <p class="carousel"> |
| | 73 | Для выбранного периода на карте отображается траектория движения. |
| | 74 | Под картой расположен скрываемый график скорости. |
| | 75 | </p> |
| | 76 | <p class="carousel"> |
| | 77 | Для выбранного периода доступны отчеты по поездкам и стоянкам, |
| | 78 | тревожным событиям, погрузочным работам, температурному режиму, моточасам, и т.д. |
| | 79 | </p> |
| | 80 | <p class="carousel"> |
| | 81 | <a href="">Подробнее...</a> |
| | 82 | </p> |
| | 83 | </div> |
| | 84 | <div class="carousel_slide"> |
| | 85 | <img class="carousel" src="/screenshots/routes.png"> |
| | 86 | <h1 class="carousel">Контроль рейсов</h1> |
| | 87 | <p class="carousel"> |
| | 88 | Анализ количества и качества выполнения запланированных рейсов производится модулем «Контроль рейсов». |
| | 89 | </p> |
| | 90 | <p class="carousel"> |
| | 91 | Для этого описывается маршрут по контрольным точкам, |
| | 92 | производится назначение на маршрут транспортных единиц, |
| | 93 | задается расписание рейсов. |
| | 94 | </p> |
| | 95 | <p class="carousel"> |
| | 96 | Семейство отчетов позволяет получить полную картину выполнения расписания в различных разрезах. |
| | 97 | </p> |
| | 98 | <p class="carousel"> |
| | 99 | <a href="">Подробнее...</a> |
| | 100 | </p> |
| | 101 | </div> |
| | 102 | <div class="carousel_slide"> |
| | 103 | <img class="carousel" src="/screenshots/fuel_chart.png"> |
| | 104 | <h1 class="carousel">Учет топлива</h1> |
| | 105 | <p class="carousel"> |
| | 106 | Модуль «Учет топлива» позволяет заменить методику списания по нормам |
| | 107 | фактическими значениями расхода. При помощи датчиков собирается информация о фактических объемах заправок, расходе, возможных сливах. |
| | 108 | </p> |
| | 109 | <p class="carousel"> |
| | 110 | Семейство гиперактивных отчетов и графиков позволяют получить полную картину, |
| | 111 | а так же производить экспорт обработанных данных для дальнейшего учета. |
| | 112 | </p> |
| | 113 | <p class="carousel"> |
| | 114 | <a href="">Подробнее...</a> |
| | 115 | </p> |
| | 116 | </div> |
| | 117 | <div class="carousel_slide"> |
| | 118 | <img class="carousel" src="/screenshots/fuel_survey.png"> |
| | 119 | <h1 class="carousel">Особенности учета топлива</h1> |
| | 120 | <p class="carousel"> |
| | 121 | Высокая точность (порядка 1% от емкоски бака) достижима при помощи тщательной тарировки |
| | 122 | датчика уровня топлива даже при сложных формах топливных баков. |
| | 123 | </p> |
| | 124 | <p class="carousel"> |
| | 125 | Специальная цифровая обработка первичных данных от датчиков позволяет настраивать систему на |
| | 126 | игнорирование случайных всплесков и кратковременных колебаний уровня топлива. |
| | 127 | </p> |
| | 128 | <p class="carousel"> |
| | 129 | <a href="">Подробнее...</a> |
| | 130 | </p> |
| | 131 | </div> |
| | 132 | </div> |
| | 133 | }}} |
| | 134 | |
| | 135 | |
