Кол-во просмотров с 12.02.24г. :: 172
Доброго времени суток, всем привет. Название нашего урока сегодня «Форматы, стартировки, корректировки». Немножко позанимаемся внешним видом и начнем кое-какие еще дополнительные какие-то фишки, какие-то дополнительные удобные штуки. добавлять в нашу модель ну как вот я уже говорил у нас здесь было написано сортировки конечно же хотелось бы чтобы вот на например на название столбцов мы нажимали и у нас соответственно какая-нибудь там сортировка происходила там я не знаю по по датам по алфавиту ну и так далее любые там корректировки что такое корректировка ну вот мы здесь можем корректировать там метку например да желательно чтобы еще при нажатии на эту кнопочку там о да здесь можно было поменять вдруг мы там неверно номер какой-то указали, неверно сумму, неверно к статье приписали, ну и так далее. Какие-то вот такие вот моменты. Они, в общем, ну... Они нужны, так скажем, да? Вот. Ну, не говоря о кнопочках здесь копировать, удалить и так далее. Так. Ну, то, с чего мы, наверное, начнем, это... Вопрос оформления вот этой вот вкладочки бюджет. Мы вот видим, что когда мы наводим на вот эти вот кнопочки, которые выглядят просто как заглавие меню, верхнего меню, то, во-первых, у нас стрелочка мышки меняется на руку, как палец, который нажимает. а здесь у нас ничего, у нас здесь только вот чуть-чуть серенький цвет меняется. ну какие-то вот такие вот моменты можно здесь немножко, наверное, пожалуй, поменять. ну и давайте это сделаем. у нас здесь прогноз ДТС. Ну и вот эту вот саму таблицу, вот этот вот как бы столбец, у нас здесь идёт значение параметров. Пока вот он нам не нужен, он полностью пустой, то тоже можем это поле убрать и немножко здесь как-то какие-то запустить дополнительные изменения. Также мы хотели денежный поток подкрашивать, если это отрицательный, положительный, красный, зелёный, вот какие-то вот такие вот моменты. Хотелось бы здесь сделать. Ну, давайте начнем вот с этих кнопочек. Оформим кнопки под меню. Что у нас здесь получается? Что у нас здесь получается? здесь вот у нас вот так мы переходим, а когда у нас возникает подменю то, не знаю, можно это как кнопочки конечно оставить просто потоки Понятно, что вот это вот нам здесь не нужно. Вот эта вот строчка точно нам не нужна. Потому что сами кнопки будут определять содержание вот этого, как бы его название, дублирования. То, что мы находимся во вкладке бюджет, в разделе бюджет, Ну, возможно, что и вот это вот здесь тоже не особо там требует какой-то подписи, да, что это вот бюджет. Ну, сейчас посмотрим. Вот. Теперь вот эти кнопки. Надо как-то немножко их оформить. Даже не знаю. Так, теперь у нас вот здесь вот какие-то пустые поля. Ну, давайте начнем, наверное, вот с верхних. Давайте саму табличку попробуем сверху вниз немножко поправить. Значит, если мы идем вправо, здесь что у нас, какие возникают моменты? А, нет, мы в кэш-фло хотели, да, прогноз DTS, вот здесь, смотри. У нас здесь кое-где места не хватает. То есть, либо нужно шрифт уменьшать, либо побольше сделать, пошире столбики. В общем, я каждый раз задумываюсь вот об этой во всей вот этой ерунде, которой нужно вот этим всем оформлением заниматься. На это время нужно тратить. Вот. Поэтому, если здесь как-то что-то у нас затягивает, ну, можете сами предлагать. Либо, если это вам неинтересно, можно как бы, в принципе, этими не заниматься. Просто, ну, на мой взгляд, конечно, выглядеть здесь не очень. Вот. для, ну так скажем там, с точки зрения пользователя. Лично мне вообще по барабану я абсолютно нормально любые числа как читаю, как смотрю. Я просто всегда смотрю название и что там написано. Ну, какое-то оформление сейчас делаем. Так, ну давайте мы вот эти вот первые три, значит, да, ну да, займемся, наверное, вот этими не три, а вот возьмем первые две строчки, где у нас идет Идут даты. Начнем с них. Возьмем эту заливку здесь какую-нибудь. Сделаем пока все в монохроме, в серых купаднических цветах. Это у нас budget-cashflow. Идем, соответственно, в budget-cashflow. И начинаем со следующего. А, можно вот этот столбец убрать. Он пустой. его точно можно убрать. если мы его убираем, то это куда нам нужно идти. у нас тут есть показатели, единицы измерения, значение параметра. да вот значение параметра. чтобы нам убрать здесь значение параметра, нам нужно убрать вот это вот. вот этот блок dvValue, то что у нас называется. мы его давайте хотя бы так с этого начнем. мы его закомментим вот так вот, да, восклицатель, вот где вот у нас есть вот эта вот угловая скобочка и вот этот блок начинается dv value, ну вот где первый дифф начинается восклицательный знак 2dfista и где идет завершение блока мы ставим у закрывающей угловой скобочки тоже так вот 2dfista. Получается, что все, что внутри, Браузер обходит, он это не будет смотреть. Давайте сохраним, посмотрим. Значит, budget-cashflow. Входим сюда, берем в окладку budget. Папку budget, budget-cashflow скопировать. Теперь смотрим, что у нас получается. Ну, вот они как бы как-то распределились, вот эти вот столбики, у нас большие такие пустоты появились. Теперь их нам как-то желательно сжать. но и сжать, наверное, нужно будет каким образом вот эти вот пустоты. Нам нужно будет вот этот, наверное, последний блок там, где у нас идет числовая ось. В принципе, она чем больше на экране, тем лучше. Мы тогда перед глазами держим большее количество месяцев, да, рядов. Ну, сейчас посмотрим, как это у нас здесь называется. Это получается Diff Class DW поток. DW поток. Идем во вкладку стиль. Смотрим, как у нас этот самый DW поток выглядит. Вот он он. И давайте мы его скопируем просто и вставим. Здесь напишем DW поток. Напишем кэшблок просто. CF. И нам нужно будет просто увеличить процент. которые мы по ширине заполняем. А удалили мы, кажется, DV Value. Сейчас еще раз посмотрим. Удалили мы вот это DV Value, а DV Value там 15% получается у нас. Да, вот он он. Да, вот dvValue и здесь 15%. Ну, то есть мы 15% 48 добавляем. Давайте 14 добавим, чтобы у нас вот эти вот столбики были прям вот разделены. Так, еще можно что сделать, кстати? Можно здесь немножко увеличить, также можно, да, немножко увеличить поле, где у нас идут названия статей. Вот мы можем 10% добавить вот сюда и поставить DV потока шпло. Вот здесь, например, 48. Давайте добавим 10 и здесь пусть у нас будет 58. Вот так вот. А там, где у нас вот этот первый столбик с показателями, мы туда остальные 5 добавим. Ну не 5, а 4 добавим, чтобы были эти... Так, посмотрим, как у нас там называется. Первый, да? DWPKZL. DW показатели. Так, у нас есть. Style DWPKZL. Вот он, 20%. Сделаем 24. Сделаем. Копируем. и здесь тоже добавим кэшблок. вместо 20 поставим 24. сохраняем файл со стилями и перекидываем. файл со стилями, перекидываем папку css. обновляем, ничего не обновилось. 0.8.24. А, мы там сохранили, да, сохранили. А, понятно, нам надо еще кэш-фло, да, здесь нам нужно dv-показатель cf написать и в последнем столбике тоже cf, dv-поток cf, кэш-фло. Добавить название класса, скорректировать и получаем баджет кэш-фло. Заходим, копируем. Смотрим результат. Ну вот, хорошо. Теперь у нас здесь пошире стало. Вот уже видно, денежный поток накопительный, кастовый разрыв. И у нас, соответственно, итоговое. И чуть-чуть побольше у нас это поле получилось. Так, с этим понятно. Теперь давайте, я не знаю во что эти кнопочки. Давайте вот эти кнопочки обработаем. Значит, эти кнопки у нас находятся во вкладке баджет, наверное, да? Это значит у нас раздел 7. Раздел 7. Не могу его, не вижу. А вот раздел 7. и это ботаны вот эти вот ботан спрос ботан потоки да вот они наши кнопки и у нас здесь никакой класс не включен давайте мы здесь напишем посмотрим