diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html index 45e2aec..f385e16 100644 --- a/src/main/resources/static/index.html +++ b/src/main/resources/static/index.html @@ -1 +1 @@ -打卡
打卡记录
\ No newline at end of file +打卡
打卡记录
diff --git a/src/main/resources/static/script.js b/src/main/resources/static/script.js index 3b26f79..4000dcd 100644 --- a/src/main/resources/static/script.js +++ b/src/main/resources/static/script.js @@ -105,7 +105,15 @@ function loadDakaList() { dateBeginTimeMap[signlog.yearmonth] = (signlog.begin_time == null ? "未打卡" : signlog.begin_time.substr(11, 5)); dateEndTimeMap[signlog.yearmonth] = (signlog.end_time == null ? "未打卡" : signlog.end_time.substr(11, 5)); index++; - $('.job-cards').append('
' + + let beginWarn = (signlog.begin_time != null && signlog.begin_time.substr(11, 5) > '09:30') + let endWarn = (signlog.end_time != null && signlog.end_time.substr(11, 5) < '18:30') + let buqianWarn = (signlog.actual_area_begin === '补签卡' || signlog.actual_area_end === '补签卡') + let weidakaWarn = (signlog.begin_time == null || signlog.end_time == null) + + $('.job-cards').append('
' + '
' + (nowDate === signlog.yearmonth ? "今天" : signlog.yearmonth) + '
' + '
' + signlog.area_id + @@ -113,8 +121,8 @@ function loadDakaList() { '
' + '' + '' + - (signlog.autoDakaBeginTime == null ? "" : '
') + - (signlog.autoDakaEndTime == null ? "" : '') + + (signlog.autoDakaBeginTime == null ? "" : '') + + (signlog.autoDakaEndTime == null ? "" : '') + // (signlog.end_time != null && signlog.end_time.substr(11, 5) > "21:00" ? '' : '') + '
' + (index <= 3 ? '
' + diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css index 53d6509..94fb33b 100644 --- a/src/main/resources/static/style.css +++ b/src/main/resources/static/style.css @@ -638,6 +638,35 @@ body > div > div.userinfo_dialog > div > div > div input { } } +@property --border-angle { + syntax: ""; + initial-value: 0deg; + inherits: false; +} + + +@keyframes border-angle-rotate { + from { --border-angle: 0deg; } + to { --border-angle: 360deg; } +} + +.rainbow { + background: linear-gradient(var(--header-bg-color), var(--header-bg-color)) padding-box, + conic-gradient( + from var(--border-angle), + oklch(100% 100% 0deg), + oklch(100% 100% 45deg), + oklch(100% 100% 90deg), + oklch(100% 100% 135deg), + oklch(100% 100% 180deg), + oklch(100% 100% 225deg), + oklch(100% 100% 270deg), + oklch(100% 100% 315deg), + oklch(100% 100% 360deg) + ) + border-box; +} + .job-card { padding: 20px 16px; background-color: var(--header-bg-color); @@ -645,6 +674,9 @@ body > div > div.userinfo_dialog > div > div > div input { cursor: pointer; -webkit-transition: .2s; transition: .2s; + box-shadow: 0px 2px 4px hsl(0 0% 0% / 25%); + animation: border-angle-rotate 2s infinite linear; + border: 0.5rem solid transparent; } .job-card:hover { -webkit-transform: scale(1.02); @@ -722,7 +754,7 @@ body > div > div.userinfo_dialog > div > div > div input { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; - grid-row-gap: 25px; + grid-row-gap: 4px; } .job-card-buttons {