From d16bde959c434ed9c01849f3c3d4ad382b031476 Mon Sep 17 00:00:00 2001 From: liaozetao <1107136310@qq.com> Date: Tue, 26 Sep 2023 15:43:47 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=97=B6=E9=97=B4=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../css/bootstrap-datetimepicker.css | 447 ++++++++++++------ src/components/maintainer/index.vue | 4 +- 2 files changed, 316 insertions(+), 135 deletions(-) diff --git a/src/assets/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css b/src/assets/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css index 1df610d..fc0f297 100644 --- a/src/assets/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css +++ b/src/assets/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css @@ -1,240 +1,419 @@ /*! - * Datetimepicker for Bootstrap v3 - * https://github.com/Eonasdan/bootstrap-datetimepicker/ + * Datetimepicker for Bootstrap + * + * Copyright 2012 Stefan Petre + * Improvements by Andrew Rowls + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * */ -.bootstrap-datetimepicker-widget { - top: 0; - left: 0; - width: 250px; +.datetimepicker { padding: 4px; margin-top: 1px; - z-index: 99999 !important; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; border-radius: 4px; + direction: ltr } -.bootstrap-datetimepicker-widget.timepicker-sbs { - width: 600px; +.datetimepicker-inline { + width: 220px } -.bootstrap-datetimepicker-widget.bottom:before { +.datetimepicker.datetimepicker-rtl { + direction: rtl +} + +.datetimepicker.datetimepicker-rtl table tr td span { + float: right +} + +.datetimepicker-dropdown, +.datetimepicker-dropdown-left { + top: 0; + left: 0 +} + +[class*=" datetimepicker-dropdown"]:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); - position: absolute; - top: -7px; - left: 7px; + position: absolute } -.bootstrap-datetimepicker-widget.bottom:after { +[class*=" datetimepicker-dropdown"]:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-bottom: 6px solid white; - position: absolute; - top: -6px; - left: 8px; + border-bottom: 6px solid #fff; + position: absolute } -.bootstrap-datetimepicker-widget.top:before { +[class*=" datetimepicker-dropdown-top"]:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); - position: absolute; - bottom: -7px; - left: 6px; + border-bottom: 0 } -.bootstrap-datetimepicker-widget.top:after { +[class*=" datetimepicker-dropdown-top"]:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-top: 6px solid white; - position: absolute; + border-top: 6px solid #fff; + border-bottom: 0 +} + +.datetimepicker-dropdown-bottom-left:before { + top: -7px; + right: 6px +} + +.datetimepicker-dropdown-bottom-left:after { + top: -6px; + right: 7px +} + +.datetimepicker-dropdown-bottom-right:before { + top: -7px; + left: 6px +} + +.datetimepicker-dropdown-bottom-right:after { + top: -6px; + left: 7px +} + +.datetimepicker-dropdown-top-left:before { + bottom: -7px; + right: 6px +} + +.datetimepicker-dropdown-top-left:after { bottom: -6px; - left: 7px; + right: 7px } -.bootstrap-datetimepicker-widget .dow { - width: 14.2857%; +.datetimepicker-dropdown-top-right:before { + bottom: -7px; + left: 6px } -.bootstrap-datetimepicker-widget.pull-right:before { - left: auto; - right: 6px; +.datetimepicker-dropdown-top-right:after { + bottom: -6px; + left: 7px } -.bootstrap-datetimepicker-widget.pull-right:after { - left: auto; - right: 7px; +.datetimepicker>div { + display: none } -.bootstrap-datetimepicker-widget>ul { - list-style-type: none; - margin: 0; +.datetimepicker.minutes div.datetimepicker-minutes { + display: block } -.bootstrap-datetimepicker-widget .timepicker-hour, -.bootstrap-datetimepicker-widget .timepicker-minute, -.bootstrap-datetimepicker-widget .timepicker-second { - width: 100%; - font-weight: bold; - font-size: 1.2em; +.datetimepicker.hours div.datetimepicker-hours { + display: block } -.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator { - width: 4px; - padding: 0; - margin: 0; +.datetimepicker.days div.datetimepicker-days { + display: block } -.bootstrap-datetimepicker-widget .datepicker>div { - display: none; +.datetimepicker.months div.datetimepicker-months { + display: block } -.bootstrap-datetimepicker-widget .picker-switch { - text-align: center; +.datetimepicker.years div.datetimepicker-years { + display: block } -.bootstrap-datetimepicker-widget table { - width: 100%; - margin: 0; +.datetimepicker table { + margin: 0 } -.bootstrap-datetimepicker-widget td, -.bootstrap-datetimepicker-widget th { +.datetimepicker td, +.datetimepicker th { text-align: center; width: 20px; height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; border-radius: 4px; + border: 0 } -.bootstrap-datetimepicker-widget td.day:hover, -.bootstrap-datetimepicker-widget td.hour:hover, -.bootstrap-datetimepicker-widget td.minute:hover, -.bootstrap-datetimepicker-widget td.second:hover { - background: #eeeeee; - cursor: pointer; +.table-striped .datetimepicker table tr td, +.table-striped .datetimepicker table tr th { + background-color: transparent } -.bootstrap-datetimepicker-widget td.old, -.bootstrap-datetimepicker-widget td.new { - color: #999999; +.datetimepicker table tr td.minute:hover { + background: #eee; + cursor: pointer } -.bootstrap-datetimepicker-widget td.today { - position: relative; +.datetimepicker table tr td.hour:hover { + background: #eee; + cursor: pointer } -.bootstrap-datetimepicker-widget td.today:before { - content: ''; - display: inline-block; - border-left: 7px solid transparent; - border-bottom: 7px solid #428bca; - border-top-color: rgba(0, 0, 0, 0.2); - position: absolute; - bottom: 4px; - right: 4px; +.datetimepicker table tr td.day:hover { + background: #eee; + cursor: pointer } -.bootstrap-datetimepicker-widget td.active, -.bootstrap-datetimepicker-widget td.active:hover { - background-color: #428bca; +.datetimepicker table tr td.old, +.datetimepicker table tr td.new { + color: #999 +} + +.datetimepicker table tr td.disabled, +.datetimepicker table tr td.disabled:hover { + background: 0; + color: #999; + cursor: default +} + +.datetimepicker table tr td.today, +.datetimepicker table tr td.today:hover, +.datetimepicker table tr td.today.disabled, +.datetimepicker table tr td.today.disabled:hover { + background-color: #fde19a; + background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); + background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); + background-image: linear-gradient(top, #fdd49a, #fdf59a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); + border-color: #fdf59a #fdf59a #fbed50; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) +} + +.datetimepicker table tr td.today:hover, +.datetimepicker table tr td.today:hover:hover, +.datetimepicker table tr td.today.disabled:hover, +.datetimepicker table tr td.today.disabled:hover:hover, +.datetimepicker table tr td.today:active, +.datetimepicker table tr td.today:hover:active, +.datetimepicker table tr td.today.disabled:active, +.datetimepicker table tr td.today.disabled:hover:active, +.datetimepicker table tr td.today.active, +.datetimepicker table tr td.today:hover.active, +.datetimepicker table tr td.today.disabled.active, +.datetimepicker table tr td.today.disabled:hover.active, +.datetimepicker table tr td.today.disabled, +.datetimepicker table tr td.today:hover.disabled, +.datetimepicker table tr td.today.disabled.disabled, +.datetimepicker table tr td.today.disabled:hover.disabled, +.datetimepicker table tr td.today[disabled], +.datetimepicker table tr td.today:hover[disabled], +.datetimepicker table tr td.today.disabled[disabled], +.datetimepicker table tr td.today.disabled:hover[disabled] { + background-color: #fdf59a +} + +.datetimepicker table tr td.today:active, +.datetimepicker table tr td.today:hover:active, +.datetimepicker table tr td.today.disabled:active, +.datetimepicker table tr td.today.disabled:hover:active, +.datetimepicker table tr td.today.active, +.datetimepicker table tr td.today:hover.active, +.datetimepicker table tr td.today.disabled.active, +.datetimepicker table tr td.today.disabled:hover.active { + background-color: #fbf069 +} + +.datetimepicker table tr td.active, +.datetimepicker table tr td.active:hover, +.datetimepicker table tr td.active.disabled, +.datetimepicker table tr td.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #08c, #04c); + background-image: -ms-linear-gradient(top, #08c, #04c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); + background-image: -webkit-linear-gradient(top, #08c, #04c); + background-image: -o-linear-gradient(top, #08c, #04c); + background-image: linear-gradient(top, #08c, #04c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + border-color: #04c #04c #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) } -.bootstrap-datetimepicker-widget td.active.today:before { - border-bottom-color: #fff; +.datetimepicker table tr td.active:hover, +.datetimepicker table tr td.active:hover:hover, +.datetimepicker table tr td.active.disabled:hover, +.datetimepicker table tr td.active.disabled:hover:hover, +.datetimepicker table tr td.active:active, +.datetimepicker table tr td.active:hover:active, +.datetimepicker table tr td.active.disabled:active, +.datetimepicker table tr td.active.disabled:hover:active, +.datetimepicker table tr td.active.active, +.datetimepicker table tr td.active:hover.active, +.datetimepicker table tr td.active.disabled.active, +.datetimepicker table tr td.active.disabled:hover.active, +.datetimepicker table tr td.active.disabled, +.datetimepicker table tr td.active:hover.disabled, +.datetimepicker table tr td.active.disabled.disabled, +.datetimepicker table tr td.active.disabled:hover.disabled, +.datetimepicker table tr td.active[disabled], +.datetimepicker table tr td.active:hover[disabled], +.datetimepicker table tr td.active.disabled[disabled], +.datetimepicker table tr td.active.disabled:hover[disabled] { + background-color: #04c } -.bootstrap-datetimepicker-widget td.disabled, -.bootstrap-datetimepicker-widget td.disabled:hover { - background: none; - color: #999999; - cursor: not-allowed; +.datetimepicker table tr td.active:active, +.datetimepicker table tr td.active:hover:active, +.datetimepicker table tr td.active.disabled:active, +.datetimepicker table tr td.active.disabled:hover:active, +.datetimepicker table tr td.active.active, +.datetimepicker table tr td.active:hover.active, +.datetimepicker table tr td.active.disabled.active, +.datetimepicker table tr td.active.disabled:hover.active { + background-color: #039 } -.bootstrap-datetimepicker-widget td span { +.datetimepicker table tr td span { display: block; - width: 47px; + width: 23%; height: 54px; line-height: 54px; float: left; - margin: 2px; + margin: 1%; cursor: pointer; - border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px } -.bootstrap-datetimepicker-widget td span:hover { - background: #eeeeee; +.datetimepicker .datetimepicker-hours span { + height: 26px; + line-height: 26px } -.bootstrap-datetimepicker-widget td span.active { - background-color: #428bca; +.datetimepicker .datetimepicker-hours table tr td span.hour_am, +.datetimepicker .datetimepicker-hours table tr td span.hour_pm { + width: 14.6% +} + +.datetimepicker .datetimepicker-hours fieldset legend, +.datetimepicker .datetimepicker-minutes fieldset legend { + margin-bottom: inherit; + line-height: 30px +} + +.datetimepicker .datetimepicker-minutes span { + height: 26px; + line-height: 26px +} + +.datetimepicker table tr td span:hover { + background: #eee +} + +.datetimepicker table tr td span.disabled, +.datetimepicker table tr td span.disabled:hover { + background: 0; + color: #999; + cursor: default +} + +.datetimepicker table tr td span.active, +.datetimepicker table tr td span.active:hover, +.datetimepicker table tr td span.active.disabled, +.datetimepicker table tr td span.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #08c, #04c); + background-image: -ms-linear-gradient(top, #08c, #04c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); + background-image: -webkit-linear-gradient(top, #08c, #04c); + background-image: -o-linear-gradient(top, #08c, #04c); + background-image: linear-gradient(top, #08c, #04c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + border-color: #04c #04c #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) } -.bootstrap-datetimepicker-widget td span.old { - color: #999999; +.datetimepicker table tr td span.active:hover, +.datetimepicker table tr td span.active:hover:hover, +.datetimepicker table tr td span.active.disabled:hover, +.datetimepicker table tr td span.active.disabled:hover:hover, +.datetimepicker table tr td span.active:active, +.datetimepicker table tr td span.active:hover:active, +.datetimepicker table tr td span.active.disabled:active, +.datetimepicker table tr td span.active.disabled:hover:active, +.datetimepicker table tr td span.active.active, +.datetimepicker table tr td span.active:hover.active, +.datetimepicker table tr td span.active.disabled.active, +.datetimepicker table tr td span.active.disabled:hover.active, +.datetimepicker table tr td span.active.disabled, +.datetimepicker table tr td span.active:hover.disabled, +.datetimepicker table tr td span.active.disabled.disabled, +.datetimepicker table tr td span.active.disabled:hover.disabled, +.datetimepicker table tr td span.active[disabled], +.datetimepicker table tr td span.active:hover[disabled], +.datetimepicker table tr td span.active.disabled[disabled], +.datetimepicker table tr td span.active.disabled:hover[disabled] { + background-color: #04c } -.bootstrap-datetimepicker-widget td span.disabled, -.bootstrap-datetimepicker-widget td span.disabled:hover { - background: none; - color: #999999; - cursor: not-allowed; +.datetimepicker table tr td span.active:active, +.datetimepicker table tr td span.active:hover:active, +.datetimepicker table tr td span.active.disabled:active, +.datetimepicker table tr td span.active.disabled:hover:active, +.datetimepicker table tr td span.active.active, +.datetimepicker table tr td span.active:hover.active, +.datetimepicker table tr td span.active.disabled.active, +.datetimepicker table tr td span.active.disabled:hover.active { + background-color: #039 } -.bootstrap-datetimepicker-widget th.switch { - width: 145px; +.datetimepicker table tr td span.old { + color: #999 } -.bootstrap-datetimepicker-widget th.next, -.bootstrap-datetimepicker-widget th.prev { - font-size: 21px; +.datetimepicker th.switch { + width: 145px } -.bootstrap-datetimepicker-widget th.disabled, -.bootstrap-datetimepicker-widget th.disabled:hover { - background: none; - color: #999999; - cursor: not-allowed; +.datetimepicker th span.glyphicon { + pointer-events: none } -.bootstrap-datetimepicker-widget thead tr:first-child th { - cursor: pointer; +.datetimepicker thead tr:first-child th, +.datetimepicker tfoot th { + cursor: pointer } -.bootstrap-datetimepicker-widget thead tr:first-child th:hover { - background: #eeeeee; +.datetimepicker thead tr:first-child th:hover, +.datetimepicker tfoot th:hover { + background: #eee } +.input-append.date .add-on i, +.input-prepend.date .add-on i, .input-group.date .input-group-addon span { - display: block; cursor: pointer; - width: 16px; - height: 16px; -} - -.bootstrap-datetimepicker-widget.left-oriented:before { - left: auto; - right: 6px; -} - -.bootstrap-datetimepicker-widget.left-oriented:after { - left: auto; - right: 7px; -} - -.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td { - padding: 0px !important; + width: 14px; + height: 14px } \ No newline at end of file diff --git a/src/components/maintainer/index.vue b/src/components/maintainer/index.vue index 4efb687..6228469 100644 --- a/src/components/maintainer/index.vue +++ b/src/components/maintainer/index.vue @@ -146,4 +146,6 @@ export default { } - \ No newline at end of file + \ No newline at end of file