2023-11-14 20:29:27 +03:00
|
|
|
|
<!doctype html>
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8"/>
|
|
|
|
|
|
<link rel="icon" type="image/svg+xml" href="/vite.svg"/>
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
|
|
|
|
<title>Vite + TS</title>
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="app">
|
|
|
|
|
|
<header class="bg-secondary py-6 mb-4">
|
|
|
|
|
|
<div class="container mx-auto flex text-white items-center">
|
|
|
|
|
|
<svg width="137" height="137" viewBox="0 0 137 137" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
|
|
|
d="M64.5455 1.86319C40.3968 12.8434 20.3849 27.4329 2.89479 46.8098C0.329808 49.6515 0.292475 49.7135 0.427078 50.9058C0.502085 51.5716 0.76307 53.8961 1.00727 56.071C3.68357 79.9344 12.0128 104.872 24.6651 126.905C26.6691 130.395 25.9861 130.011 32.5693 131.345C55.9658 136.086 81.2811 136.085 104.696 131.343C111.454 129.974 110.696 130.408 112.83 126.691C126.161 103.474 134.439 77.4704 136.593 52.048L136.79 49.72L135.514 48.2346C119.093 29.1228 95.5431 11.8299 71.9911 1.58953C68.326 -0.00411946 68.6808 -0.0174771 64.5455 1.86319ZM76.6823 9.29236C96.6898 19.2423 111.527 30.2328 127.628 47.0321L131.689 51.2692L131.518 53.3762C129.784 74.7996 121.196 101.867 109.74 122.018C107.438 126.065 108.144 125.576 103.224 126.542C80.2768 131.05 57.7506 131.042 34.2394 126.516L29.6382 125.631L28.3782 123.477C17.2483 104.451 9.07109 79.8426 6.18861 56.6985C5.41628 50.4978 4.79669 51.738 12.5701 43.9249C27.9497 28.4659 44.2955 16.8411 63.2741 7.86413C69.0394 5.13715 68.1318 5.04022 76.6823 9.29236ZM65.8165 29.8009C65.8165 30.7216 65.8778 30.7897 66.7056 30.7897H67.5944L67.4406 34.1089C67.2481 38.259 66.1049 42.1689 65.0397 42.3203C64.427 42.4073 64.404 42.5162 64.404 45.3566V48.3031H65.9576H67.5112V46.4584V44.614L71.1129 44.6932L74.7143 44.7723L74.6225 46.5375L74.5307 48.3031H76.1055H77.6803V45.497V42.6912L76.9035 42.6019L76.1268 42.5125L76.0405 38.1339C75.9172 31.8696 76.0781 30.7897 77.1358 30.7897C77.8927 30.7897 77.9629 30.7058 77.9629 29.8009V28.8125H71.8897H65.8165V29.8009ZM48.237 31.6158L47.3143 32.4416L47.3979 35.2628C47.4763 37.9175 47.4438 38.1103 46.8444 38.5302C46.0583 39.0806 45.9258 38.9457 45.3627 37.0236C44.7829 35.0436 44.7949 34.8411 45.5052 34.6555C46.0464 34.5141 46.1008 33.067 45.5857 32.507C45.335 32.2347 39.829 33.9846 39.829 34.3366C39.829 35.3867 40.3598 36.0848 41.0575 35.9515C41.8922 35.7919 43.2896 39.4228 42.5734 39.8903C41.7487 40.4287 41.087 39.9451 40.1112 38.0918C38.574 35.1713 37.3804 34.3178 35.6162 34.8778C34.6726 35.1771 34.7572 37.2866 35.7128 37.2866C36.554 37.2866 37.2338 37.9343 37.7767 39.2525C38.3038 40.5338 39.22 41.5237 39.8779 41.5237C40.1619 41.5237 40.3937 41.6507 40.3937 41.8062C40.3937 41.9614 40.2821 42.0888 40.1454 42.0888C39.557 42.0888 39.1881 43.8424 39.3686 45.784C39.5437 47.6674 39.5176 47.7918 38.8066 48.4507L38.0606 49.1422L38.8059 50.1194C39.6389 51.2116 40.6218 51.1534 41.7083 49.9478C42.2395 49.358 42.3621 46.4437 41.9514 44.1643C41.7737 43.1786 42.3337 42.371 43.195 42.371C44.3633 42.371 45.1593 47.1451 43.9955 47.1687C43.6999 47.1749 43.7383 48.3589 44.0496 48.8515C44.5726 49.6779 50.0358 47.8548 49.8145 46.9276C49.5549 45.8392 49.4751 45.7607 48.6278 45.7607C47.9174 45.7607 47.8178 45.6165 47.3725 43.9451C47.1064 42.9468 46.8139 41.935 46.7228 41.6973C46.495 41.1041 47.8695 40.764 48.4723 41.2644C48.7168 41.4675 49.4111 42.6159 50.0149 43.817C51.2616 46.2967 51.9274 46.8906 53.4594 46.8906C54.5996 46.8906 54.6647 46.8115 54.8966 45.1415C55.0353 44.1434 55.0038 44.0952 54.1561 44.0116C53.392 43.9366 53.1286 43.6725 52.2391 42.0888C51.5527 40.8664 50.8729 40.0619 50.206 39.6824C49.2727 39.1512 49.2326 39.0738 49.6255 38.5525C49.942 38.1319 50.0156 37.4709 49.9204 35.895C49.8032 33.9496 49.8443 33.7506 50.4858 33.156C51.1705 32.5214 51.1722 32.5056 50.6681 31.6521C50.0303 30.5722 49.4124 30.563 48.237 31.6158ZM72.8138 36.6509L72.737 42.2299L71.9061 42.3244C71.4492 42.3765 70.542 42.3392 69.8902 42.2412L68.7051 42.0634L69.2415 40.6513C69.7874 39.2145 70.3224 35.2408 70.3313 32.5553L70.3361 31.0723H71.6133H72.8901L72.8138 36.6509ZM92.737 31.908C92.3517 32.0724 92.0092 32.5806 91.8345 33.2468C91.0714 36.1563 91.0235 35.9848 92.6897 36.2971C93.6984 36.4865 93.7172 36.4728 94.0998 35.2634C94.9208 32.6687 98.467 34.8072 98.4218 37.8699C98.393 39.8091 98.3064 39.8293 94.4471 38.809C93.9467 38.6768 93.784 38.8237 93.509 39.657C93.0737 40.976 93.1802 41.0962 95.1478 41.5141C97.5806 42.0302 97.6375 42.0908 97.0727 43.5698C95.8722 46.7125 90.7293 47.8493 91.4029 44.823C91.7465 43.2793 91.6954 43.1355 90.7104 42.8731C89.3295 42.5056 89.1075 42.6954 88.7054 44.5911
|
|
|
|
|
|
fill="white"/>
|
|
|
|
|
|
</svg>
|
2023-11-14 20:55:00 +03:00
|
|
|
|
<h1 class="text-base sm:text-xl font-mania flex-1 text-center">Список филиалов</h1>
|
2023-11-14 20:29:27 +03:00
|
|
|
|
</div>
|
|
|
|
|
|
</header>
|
2023-11-21 01:00:24 +03:00
|
|
|
|
|
2023-11-14 20:29:27 +03:00
|
|
|
|
<main>
|
2023-11-14 20:55:00 +03:00
|
|
|
|
<div class="block sm:flex container">
|
|
|
|
|
|
<aside class="w-full sm:w-1/2 mr-8 shadow-2xl text-black text-base
|
2023-11-14 20:29:27 +03:00
|
|
|
|
[&_input]:px-4 [&_input]:py-2 [&_input]:border-2 [&_input]:rounded [&_input]:font-inter [&_span]:font-officina ">
|
|
|
|
|
|
<div class="bg-primary flex items-center [&_svg]:mr-4 text-white">
|
|
|
|
|
|
<svg width="63" height="63" viewBox="0 0 63 63" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
|
<path d="M18.375 23.625V18.375H55.125V23.625H18.375ZM18.375 34.125V28.875H55.125V34.125H18.375ZM18.375 44.625V39.375H55.125V44.625H18.375ZM10.5 23.625C9.75626 23.625 9.13238 23.373 8.62838 22.869C8.12438 22.365 7.87326 21.742 7.87501 21C7.87501 20.2563 8.12701 19.6324 8.63101 19.1284C9.13501 18.6244 9.75801 18.3733 10.5 18.375C11.2438 18.375 11.8676 18.627 12.3716 19.131C12.8756 19.635 13.1268 20.258 13.125 21C13.125 21.7438 12.873 22.3676 12.369 22.8716C11.865 23.3756 11.242 23.6268 10.5 23.625ZM10.5 34.125C9.75626 34.125 9.13238 33.873 8.62838 33.369C8.12438 32.865 7.87326 32.242 7.87501 31.5C7.87501 30.7563 8.12701 30.1324 8.63101 29.6284C9.13501 29.1244 9.75801 28.8733 10.5 28.875C11.2438 28.875 11.8676 29.127 12.3716 29.631C12.8756 30.135 13.1268 30.758 13.125 31.5C13.125 32.2438 12.873 32.8676 12.369 33.3716C11.865 33.8756 11.242 34.1268 10.5 34.125ZM10.5 44.625C9.75626 44.625 9.13238 44.373 8.62838 43.869C8.12438 43.365 7.87326 42.742 7.87501 42C7.87501 41.2563 8.12701 40.6324 8.63101 40.1284C9.13501 39.6244 9.75801 39.3733 10.5 39.375C11.2438 39.375 11.8676 39.627 12.3716 40.131C12.8756 40.635 13.1268 41.258 13.125 42C13.125 42.7438 12.873 43.3676 12.369 43.8716C11.865 44.3756 11.242 44.6268 10.5 44.625Z"
|
|
|
|
|
|
fill="white"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
<span class="text-xl font-officina">Фильтры</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<form class="[&_>*]:pl-4 [&_>*]:mb-4 [&_>input]:ml-4 " action="#" id="filterForm">
|
|
|
|
|
|
<input id="fullTextSearch" class="mt-5" type="text"
|
|
|
|
|
|
name="fullTextSearch" placeholder="Поиск">
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span>Рейтинг филиала</span>
|
|
|
|
|
|
<div class="flex [&_>*]:mr-2">
|
|
|
|
|
|
<div id="star1">
|
|
|
|
|
|
<svg width="20" height="19" viewBox="0 0 20 19" fill="none"
|
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
|
<path d="M6.85 14.825L10 12.925L13.15 14.85L12.325 11.25L15.1 8.85L11.45 8.525L10 5.125L8.55 8.5L4.9 8.825L7.675 11.25L6.85 14.825ZM3.825 19L5.45 11.975L0 7.25L7.2 6.625L10 0L12.8 6.625L20 7.25L14.55 11.975L16.175 19L10 15.275L3.825 19Z"
|
|
|
|
|
|
fill="#E5352D"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="star2">
|
|
|
|
|
|
<svg width="20" height="19" viewBox="0 0 20 19" fill="none"
|
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
|
<path d="M6.85 14.825L10 12.925L13.15 14.85L12.325 11.25L15.1 8.85L11.45 8.525L10 5.125L8.55 8.5L4.9 8.825L7.675 11.25L6.85 14.825ZM3.825 19L5.45 11.975L0 7.25L7.2 6.625L10 0L12.8 6.625L20 7.25L14.55 11.975L16.175 19L10 15.275L3.825 19Z"
|
|
|
|
|
|
fill="#E5352D"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="star3">
|
|
|
|
|
|
<svg width="20" height="19" viewBox="0 0 20 19" fill="none"
|
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
|
<path d="M6.85 14.825L10 12.925L13.15 14.85L12.325 11.25L15.1 8.85L11.45 8.525L10 5.125L8.55 8.5L4.9 8.825L7.675 11.25L6.85 14.825ZM3.825 19L5.45 11.975L0 7.25L7.2 6.625L10 0L12.8 6.625L20 7.25L14.55 11.975L16.175 19L10 15.275L3.825 19Z"
|
|
|
|
|
|
fill="#E5352D"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="star4">
|
|
|
|
|
|
<svg width="20" height="19" viewBox="0 0 20 19" fill="none"
|
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
|
<path d="M6.85 14.825L10 12.925L13.15 14.85L12.325 11.25L15.1 8.85L11.45 8.525L10 5.125L8.55 8.5L4.9 8.825L7.675 11.25L6.85 14.825ZM3.825 19L5.45 11.975L0 7.25L7.2 6.625L10 0L12.8 6.625L20 7.25L14.55 11.975L16.175 19L10 15.275L3.825 19Z"
|
|
|
|
|
|
fill="#E5352D"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="star5">
|
|
|
|
|
|
<svg width="20" height="19" viewBox="0 0 20 19" fill="none"
|
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
|
<path d="M6.85 14.825L10 12.925L13.15 14.85L12.325 11.25L15.1 8.85L11.45 8.525L10 5.125L8.55 8.5L4.9 8.825L7.675 11.25L6.85 14.825ZM3.825 19L5.45 11.975L0 7.25L7.2 6.625L10 0L12.8 6.625L20 7.25L14.55 11.975L16.175 19L10 15.275L3.825 19Z"
|
|
|
|
|
|
fill="#E5352D"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span>Наличие услуги автоэкспедирования на станции</span>
|
|
|
|
|
|
|
|
|
|
|
|
<input type="radio" name="mst_pr_aex" value="1" id="mst_pr_aex_input_yes">
|
|
|
|
|
|
<label for="mst_pr_aex_input_yes">Да</label>
|
|
|
|
|
|
<input type="radio" name="mst_pr_aex" value="0" id="mst_pr_aex_input_no">
|
|
|
|
|
|
<label for="mst_pr_aex_input_no">Нет</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span>Виртуальный склад</span>
|
|
|
|
|
|
<input type="radio" name="mst_pr_virt" value="1" id="mst_pr_virt_no">
|
|
|
|
|
|
<label for="mst_pr_virt_yes">Да</label>
|
|
|
|
|
|
<input type="radio" name="mst_pr_virt" value="0" id="mst_pr_virt_yes">
|
|
|
|
|
|
<label for="mst_pr_virt_no">Нет</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span>Максимальный вес по ТТН</span>
|
|
|
|
|
|
<input type="text" name="max_ves" value="0">
|
|
|
|
|
|
, кг
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span>Максимальный объем по ТТН</span>
|
|
|
|
|
|
<input type="text" name="max_obyom" value="0">
|
|
|
|
|
|
, м3
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span>Максимальный вес 1 усредненного груза</span>
|
|
|
|
|
|
<input type="text" name="max_ves_gm" placeholder="0">
|
|
|
|
|
|
, кг
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span>Максимальный объем 1 усредненного груза</span>
|
|
|
|
|
|
<input type="text" name="max_obyom_gm" placeholder="0">
|
|
|
|
|
|
, м3
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span>Максимальные габариты груза</span>
|
|
|
|
|
|
<input class="mb-2" type="text" name="max_l_gm" placeholder="Длина, м">
|
|
|
|
|
|
<input class="mb-2" type="text" name="max_w_gm" placeholder="Ширина, м">
|
|
|
|
|
|
<input class="mb-2" type="text" name="max_h_gm" placeholder="Высота, м">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span>Количество сотрудников</span>
|
|
|
|
|
|
<div class="inline-flex items-center">
|
|
|
|
|
|
<input class="block" type="text" name="people" placeholder="0">
|
|
|
|
|
|
, чел
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="mt-8 flex w-1/2 items-center flex-col mx-auto [&_button]:mb-4">
|
|
|
|
|
|
<button type="submit" id="applyFilter" class="block bg-primary px-4 py-2 text-white w-full">
|
|
|
|
|
|
Применить фильтры
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button type="reset" class="block bg-secondary px-4 py-2 text-white w-full">Сбросить фильтры
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
<div class="container" id="data"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</main>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script type="module" src="/src/main.ts">
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
