Кол-во просмотров с 20.05.24г. :: 374
Всем привет. Добрый день, Михаил. Вижу. Так. Продолжаем работать с нашим HGEP стартапом в формате начетности. Ну, здесь, конечно же, нужно максимально настроить так, чтобы было удобно со всем этим делом работать. Значит, начнем. Мы остановились... на чём мы остановили в прошлый раз. Ну, давайте немножко мы это всё сейчас начнём. Вот это вот строка. Понятно, что нам нужно здесь строчков вкладок, то есть мы для себя прописали некоторый порядок, что нам необходимо создать сайт в виде онлайн-сервиса. Прогноз кассового разрыва. Понятно, что прогноз кассового разрыва это должна быть как раз таки та часть сервиса, которые отдаются бесплатно, там, где люди могут поиграться, посмотреть, какие-то свои модели построить, по-быстрому прикинуть свой проект. И понятно, что если вот так вот на сайт кто-то заходит, то интуитивно здесь должно быть все абсолютно понятно. Интуитивно становится понятным тогда, когда все то, что человек видит, оно в принципе повторяет, так или иначе повторяет Excel. Excel-евские таблички, да, и тогда мы более-менее можем предполагать, что пользователю не нужно будет какие-то там дополнительные какие-то там дополнительные всплывающие окна, какие-то информационные сообщения, какие-то инструкции, что там нужно делать. То есть мы просто берем, вводим, нажимаем, пересчитать, и все. Так, значит, у нас здесь немало чего уже есть. Сейчас нужно понять... Сергей, добрый день, тоже вижу. Ну, оформительская работа, надо ее здесь завершить будет, до какого-то логического, до какой-то логической точки довести. Значит, визуально что у нас есть? Вот это вот спрока. Она нам здесь совсем как бы и не нужна. нам здесь давайте мы вот что сделаем мы возьмем посмотрим на наши вот эти вот вкладки и у нас получается так что нам нужен поток спроса Ну, там потом можно будет подумать, как-то лучше назвать. Более, наверное, понятно, это типа воронка продаж. И, пожалуй, именно так и нужно будет назвать. Например, воронка продаж, потом бизнес-процессы, БП, и кассовый разрыв. Вот так вот. Вот чтобы совсем-совсем было прям в тупую всем понятно, о чем идет речь. Это значит, что вот это вот там, где у нас идет строка номер один, вот этот вот класс вообще, наверное, имеет смысл убрать. Просто поставили блок, что здесь как бы идет свой собственный блок и блок, грубо говоря, гноб, блок вкладок. Надо будет, мы его тут потом дальше настроим. А так, в принципе, здесь должно быть внутри что идти? У нас должно быть написано, воронка продаж воронка продаж давайте мы пока что вот вот так вот это отделим воронка продаж потом далее бизнес процессы из из из процесса вот так и кассовый разрыв кассовый разрыв ну и закинем пока что на сайт индекс это у нас файл индекс закидываем смотрим я просто хочу вот эту рамку чтобы красный убрать просто смотреть это будет выглядеть ага вот понятно вот соответственно с воронка продаж бизнес процесса кассовый разрыв И у нас вот идут вот эти вот показатели и так далее. Здесь у нас получается так. У нас вот такие рога как бы вверх торчат. При этом здесь как-то вот они потолще, здесь вот какая-то тоненькая граница. Ну вот надо это все немножко сейчас привести в какой-то более такой порядок. Значит, нам не хватает вот у этих вот вертикальных блоков. нам не хватает верхней. Слушайте, тут и верхние, и нижние. Давайте попробуем сделать для вертикальных блоков. Попробуем для них. Ну если у нас... Нет, давайте сейчас сделаем сверху. Так, я вот тут не помню, где они у нас идут. Так, у нас разметка. Блок отчетности показателей показывает, вот у нас граница слева, граница справа. А то, что у нас вот здесь возникает граница снизу, это у нас как раз-таки Снизу это идет граница самих вот этих вот ячеек. Нам сверху нужна по-любому. Давайте мы сверху поставим слева-справа и поставим сверху. Копировать. Поставим border-top. Пропишем границу сверху. тоже сделаем 0,1 EM, ширины буквы M. так, это есть. дальше у нас идет столбец. здесь никаких границ, никакого оформления. PKZ ZG, заголовок. справа. здесь внизу. да здесь у нас граница снизу вот такого цвета это допустим мы уберем дальше идет обычный показатель границу справа мы убираем вот там снизу у нас gray идет 0.05. Так, отступы есть. ДВПКЗ. Так, пустая граница тоже уберем. Право тоже убираем. Снизу здесь... Что это за цвет такой снизу? Зачем у нас ДВПКЗ Zero? Граница снизу. А, ну да, правильно, она у нас именно... Понятно. Того же цвета, что и заливка. Дальше у нас идет блок с единицами измерения. Справа делаем границу и делаем границу сверху. order top. вот так вот. здесь у нас ничего нет. здесь у нас у меры граница снизу. понятно там где заголовок. здесь у нас граница снизу серая. и справа у нас здесь нет никаких границ. хорошо. здесь тоже уберем. блок параметры. блок параметры у нас, значит, мы ставим границу сверху блока параметра. border-top. здесь у нас заголовка есть и у параметров граница снизу у параметров такая же как заливка то есть мы там получается кнопки и так далее на мой взгляд не наверное вот здесь стоит границы вот здесь вот их все-таки наверное не очень хватает вот здесь вот наверное нужно сделать возможно границу и вполне возможно, что здесь сейчас оформление как-то надо будет добавить. оформление для полей ввода и для кнопок. обработаем все. здесь все-таки, наверное, gray поставим, границу снизу, чтобы ее видно было. серую границу снизу поставим. здесь понятно, если это пустая, то никакой границы. и там, где у нас параметры, там, где параметры, там, наверное, нам необходимо поставить внутри ячеек текст алиго, не left, а посередине. давайте посмотрим. там где у нас параметры возможно что здесь все стоит ставить по середине единицы измерения слева показатели слева это справа справа параметры посередине поставим и здесь везде поставим центр напишем копировать здесь центр, здесь центр. и тогда внутри этих ячеек нам вот эти вот отступы здесь никакие не нужны. здесь отступ, это у нас отступ сверху, это справа, это снизу, это слева. справа-слева отступы нам не нужны. пусть будет только вот сверху, а справа-слева нам не нужно. нолики поставим вот так. Так, если мы их убрали. Посмотрим, что дальше будет. Так, это что такое? prm0, параметры. Так, теперь блок итого. Блок итого нам тоже надо награнить сверху. Блок итого. копируем значит граница сверху border top здесь right и это снизу то есть здесь у нас здесь у нас снизу 0 1 понятно это у нас для заголовков 0 1 для ячеек 0 5 право снизу здесь вправо, снизу, и блок ПТК, блок потоков. Разделяем этот блок потоков на столбики, это понятно. И у нас здесь блок потоков. Тоже, наверное, вот сверху нужно... А, ну и сверху, и справа, наверное, имеет смысл поставить также границы.