list_of_orders.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="shortcut icon" type="image/png" href="img/logo.png">
  7. <link rel="stylesheet" type="text/css" href="css/style.css">
  8. <link rel="stylesheet" type="text/css" href="css/adaptation.css">
  9. </head>
  10. <body>
  11. <header class="header">
  12. <div class="header__container" >
  13. <nav class="header__nav">
  14. <div class="user">
  15. <a href="" id="user-photo"><img src="img/user-photo.png" alt="user"></a>
  16. <p>Антон Должанский</p>
  17. </div>
  18. <ul class="menu header__menu">
  19. <li class="link_active"><a href="list_of_orders.html">Список заказов</a><img src="img/link-active.svg"></li>
  20. <div class="line_hidden"></div>
  21. <li><a href="" class="menu__item">Машины</a></li>
  22. <div class="line_hidden"></div>
  23. <li><a href="" class="menu__item">Карта</a></li>
  24. <div class="line_hidden"></div>
  25. <li><a href="" class="menu__item">Исполнители</a></li>
  26. <div class="line_hidden"></div>
  27. <li><a href="" class="menu__item">Активные заявки</a></li>
  28. <div class="line_hidden"></div>
  29. <li><a href="" class="menu__item">Оборудование</a></li>
  30. <div class="line_hidden"></div>
  31. <li><a href="" class="menu__item">Финансы</a></li>
  32. <div class="line_hidden"></div>
  33. <li><a href="" class="menu__item">Схема услуг</a></li>
  34. <div class="line_hidden"></div>
  35. <li><a href="" class="menu__item">Помощь</a></li>
  36. </ul>
  37. </nav>
  38. <div class="user_image">
  39. <a href="" id="user-photo"><img src="img/user-photo.png" alt="user"></a>
  40. </div>
  41. <div class="menu-burger__header">
  42. <span></span>
  43. </div
  44. </div>
  45. </header>
  46. <main>
  47. <div class="container">
  48. <div class="filters-container">
  49. <div class="filter">
  50. <p>Поиск по номеру заказа</p>
  51. <input id="number" name="number" type="text" placeholder="Поиск">
  52. </div>
  53. <div class="filter">
  54. <p>С</p>
  55. <input id="dateFrom" name="dateFrom" type="text" placeholder="ДД.ММ.ГГГГ">
  56. </div>
  57. <div class="filter">
  58. <p>По</p>
  59. <input id="dateTo" name="dateTo" type="text" placeholder="ДД.ММ.ГГГГ">
  60. </div>
  61. <div class="filter">
  62. <p>Заказы</p>
  63. <div class="select">
  64. <input class="select__input" type="hidden" name="">
  65. <div class="select__head">Все</div>
  66. <ul class="select__list" style="display: none;">
  67. <li class="select__item">1</li>
  68. <div></div>
  69. <li class="select__item">2</li>
  70. <div></div>
  71. <li class="select__item">3</li>
  72. </ul>
  73. </div>
  74. </div>
  75. <div class="filter">
  76. <p>Заказчик</p>
  77. <div class="select">
  78. <input class="select__input" type="hidden" name="">
  79. <div class="select__head">Все</div>
  80. <ul class="select__list" style="display: none;">
  81. <li class="select__item">ИП Панюкова А. А.</li>
  82. <div></div>
  83. <li class="select__item">ООО КОЛЕСА</li>
  84. <div></div>
  85. <li class="select__item">ООО КОЛЕСНИЦА</li>
  86. </ul>
  87. </div>
  88. </div>
  89. </div>
  90. <div class="scrollmenu">
  91. <div class="orders_table">
  92. <!-- <div class="scrollersquare"> </div> -->
  93. <!-- <div class="shadowsquare"> </div> -->
  94. <ul class="heading">
  95. <li class="heading_num fixedcol" >№</li>
  96. <li class="heading_status">Статус</li>
  97. <li class="heading_date">Период аренды</li>
  98. <li class="heading_duration">Время аренды</li>
  99. <li class="heading_tariff">Тариф</li>
  100. <li class="heading_cust">Заказчик</li>
  101. <li class="heading_exec">Исполнитель</li>
  102. <li class="heading_car">Автомобиль</li>
  103. <li class="heading_total">Стоимость</li>
  104. </ul>
  105. <div class="order">
  106. <ul>
  107. <li class="order_num fixedcol">12324124</li>
  108. <li class="order_status"><div class="green_circle"></div>Завершен</li>
  109. <li class="order_date"><span class="from">02.04.2021, 06:10</span><p>–</p><span class="to">02.04.2021, 12:23</span></li>
  110. <li class="order_duration">6 часов 13 минут</li>
  111. <li class="order_tariff"><div class="gray_circle"></div>Суточный</li>
  112. <li class="order_cust">ИП Панюкова А. А.</li>
  113. <li class="order_exec">ООО "ШЭРИКС"</li>
  114. <li class="order_car">X537OK 178</li>
  115. <li class="order_total">5000,34 &#8381;</li>
  116. </ul>
  117. <ul class="footing">
  118. <li class="text-bold">Особые пожелания: <span class="wishes">–</span></li>
  119. <li class="text-bold">Рейтинг: <span class="rate">5</span></li>
  120. <li class=""><a href="">Посмотреть автомобиль на карте</a></li>
  121. </ul>
  122. </div>
  123. </div>
  124. </div>
  125. <div class="empty-list">
  126. </div>
  127. <div class="pages">
  128. <div>
  129. <p>Страница 1 из 1</p>
  130. <p class="total">Всего: 2</p>
  131. </div>
  132. <div class="buttons">
  133. <a href="#" class="back disabled">Назад</a>
  134. <button class="next disabled">Далее</button>
  135. </div>
  136. </div>
  137. </div>
  138. </main>
  139. <footer>
  140. <div class="container">
  141. <ul>
  142. <li><a href="">Контакты</a></li>
  143. <li><a href="">Условия использования</a></li>
  144. <li><a href="">Политика конфиденциальности</a></li>
  145. </ul>
  146. </div>
  147. </footer>
  148. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  149. <script defer src="js/select.min.js"></script>
  150. <script src="js/menu.js"></script>
  151. <script src="js/script.js"></script>
  152. </body>
  153. </html>