@vtx/modals2 2.15.60 → 2.15.61

package/lib/vtx-staff-modal/components/StaticInfo/index.less

@@ -1,271 +1,271 @@
-.staff-static {
-    padding: 10px;
-    &.bottom {
-        max-height: 77vh;
-        overflow: auto;
-    }
-    &.right {
-        width: 100%;
-    }
-    .staff-main {
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-        overflow: auto;
-        .staff-head {
-            padding: 11px 16px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            border-bottom: 1px solid var(--calendar-border);
-            &-legend {
-                flex: 1;
-                display: flex;
-                height: 32px;
-                &-item {
-                    display: flex;
-                    align-items: center;
-                    margin-right: 24px;
-                    img {
-                        width: 14px;
-                        height: 14px;
-                    }
-                    &-barge {
-                        width: 8px;
-                        height: 8px;
-                        border-radius: 50%;
-                        background-color: rgba(250, 140, 22, 1);
-                    } 
-                    &:last-child {
-                        div {
-                            &:first-child {
-                                background-color: rgba(19, 194, 194, 1);
-                            }
-                        }
-                    }
-                    &-name {
-                        margin-left: 8px;
-                        color: var(--info-color);
-                    }
-                }
-            }
-            &-date {
-                width: 100px;
-            }
-        }
-        .staff-subtitle {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            padding: 16px 0;
-            color: var(--info-color);
-            &-tip {
-                display: flex;
-                align-items: center;
-                margin-right: 24px;
-                &-line {
-                    width: 12px;
-                    height: 2px;
-                    margin-right: 10px;
-                }
-                &:nth-child(2) {
-                    &>div {
-                        background-color: rgba(228, 228, 228, 1);
-                    }
-                }
-                &:nth-child(3) {
-                    &>div {
-                        background-color: rgba(251, 109, 90, 1);
-                    }
-                }
-                &:nth-child(4) {
-                    &>div {
-                        background-color: rgba(255, 204, 0, 1);
-                    }
-                }
-                &:nth-child(5) {
-                    &>div {
-                        background-color: rgba(91, 143, 249, 1);
-                    }
-                }
-                &:nth-child(6) {
-                    &>div {
-                        background-color: rgba(90, 216, 166, 1);
-                    }
-                }
-                img {
-                    width: 14px;
-                    height: 14px;
-                    cursor: pointer;
-                    margin-left: 6px;
-                }
-            }
-        }
-    }
-    &-charts {
-        padding: 0 16px;
-        text-align: center;
-    }
-}
-.staff-calendar {
-    display: flex;
-    flex-direction: column;
-    color: var(--title-color);
-    padding: 0 10px;
-    justify-content: space-around;
-    height: 100%;
-    &-dot, &-dot1 {
-        position: absolute;
-        top: 12px;
-        right: 34px;
-        width: 8px;
-        height: 8px;
-        border-radius: 50%;
-        background-color: rgba(250, 140, 22, 1);
-        z-index: 99999;
-    }
-    &-dot1 {
-        background-color: rgba(19, 194, 194, 1);
-    }
-
-    &-item {
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        height: 28px;
-        background: var(--calendar-content-sigle-bg);
-        letter-spacing: 4px;
-        border-radius: 4px 4px 4px 4px;
-        img {
-            width: 14px;
-            height: 14px;
-        }
-        div {
-            width: calc(100% - 44px);
-        }
-    }
-}
-.ant-picker-calendar,
-.ant-picker-calendar-full {
-    background-color: var(--bg-color2) !important;
-    // border: 1px solid var(--bg-border-color2);
-
-    .ant-picker-panel {
-        background: var(--calendar-bg) !important;
-    }
-    .ant-picker-body {
-        // border: 1px solid var(--calendar-border);
-        padding: 0 !important;
-    }
-    .ant-picker-content thead {
-        background: var(--calendar-thead-bg);
-    }
-    .ant-picker-content th {
-        color: var(--info-color);
-    }
-    .ant-picker-panel .ant-picker-calendar-date {
-        color: var(--info-color);
-        border-top: 2px solid var(--calendar-border) !important;
-        margin: 0 1px !important;
-    }
-    .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
-        background: var(--calendar-date-today-hover-bg-color) !important;
-    }
-    .ant-picker-calendar-date {
-        position: relative;
-    }
-    .ant-picker-calendar-date-today {
-        background: transparent !important;
-    }
-}
-
-.staff-popover {
-    width: 300px;
-    height: 110px;
-    border-radius: 8px 8px 8px 8px;
-    color: var(--info-color);
-    &-title {
-        display: flex;
-        height: 24px;
-        justify-content: space-between;
-        &-date {
-            font-size: 14px;
-            font-weight: 500;
-        }
-        &-time {
-            display: flex;
-            &-qj,&-jb {
-                display: flex;
-                align-items: center;
-                color: rgba(250, 140, 22, 1);
-                margin-left: 20px;
-                &::before {
-                    content: '';
-                    width: 8px;
-                    height: 8px;
-                    border-radius: 50%;
-                    background-color: rgba(250, 140, 22, 1);
-                    margin-right: 8px;
-                }
-            }
-            &-jb {
-                color: rgba(19, 194, 194, 1);
-                &::before {
-                    background-color: rgba(19, 194, 194, 1);
-                }
-            }
-        }
-    }
-    &-content {
-        display: flex;
-        justify-content: space-around;
-        height: 60px;
-        border-bottom: 1px solid rgba(232, 232, 232, 1);
-        align-items: center;
-        &-left, &-right {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            &-data {
-                color: rgba(22, 119, 255, 1);
-                letter-spacing: 4px;
-                font-size: 22px;
-                font-weight: bold;
-                padding: 0 6px;
-                font-family: PingFang SC;
-                &-unit {
-                    font-size: 14px;
-                    font-weight: 300;
-                }
-            }
-            &-right {
-                &-data {
-                    color: rgba(245, 34, 45, 1);
-                }
-            }
-        }
-    }
-    &-bottom {
-        display: flex;
-        &-left {
-            width: 74px;
-            display: flex;
-            align-items: center;
-            margin-left: 4px;
-        }
-        &-middle {
-            flex: 1;
-        }
-        &-right {
-            width: 62px;
-            width: 74px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            font-family: PingFang SC;
-            span {
-                font-size: 18px;
-                font-weight: 500;
-            }
-        }
-    }
+.staff-static {
+    padding: 10px;
+    &.bottom {
+        max-height: 77vh;
+        overflow: auto;
+    }
+    &.right {
+        width: 100%;
+    }
+    .staff-main {
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+        overflow: auto;
+        .staff-head {
+            padding: 11px 16px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid var(--calendar-border);
+            &-legend {
+                flex: 1;
+                display: flex;
+                height: 32px;
+                &-item {
+                    display: flex;
+                    align-items: center;
+                    margin-right: 24px;
+                    img {
+                        width: 14px;
+                        height: 14px;
+                    }
+                    &-barge {
+                        width: 8px;
+                        height: 8px;
+                        border-radius: 50%;
+                        background-color: rgba(250, 140, 22, 1);
+                    } 
+                    &:last-child {
+                        div {
+                            &:first-child {
+                                background-color: rgba(19, 194, 194, 1);
+                            }
+                        }
+                    }
+                    &-name {
+                        margin-left: 8px;
+                        color: var(--info-color);
+                    }
+                }
+            }
+            &-date {
+                width: 100px;
+            }
+        }
+        .staff-subtitle {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 16px 0;
+            color: var(--info-color);
+            &-tip {
+                display: flex;
+                align-items: center;
+                margin-right: 24px;
+                &-line {
+                    width: 12px;
+                    height: 2px;
+                    margin-right: 10px;
+                }
+                &:nth-child(2) {
+                    &>div {
+                        background-color: rgba(228, 228, 228, 1);
+                    }
+                }
+                &:nth-child(3) {
+                    &>div {
+                        background-color: rgba(251, 109, 90, 1);
+                    }
+                }
+                &:nth-child(4) {
+                    &>div {
+                        background-color: rgba(255, 204, 0, 1);
+                    }
+                }
+                &:nth-child(5) {
+                    &>div {
+                        background-color: rgba(91, 143, 249, 1);
+                    }
+                }
+                &:nth-child(6) {
+                    &>div {
+                        background-color: rgba(90, 216, 166, 1);
+                    }
+                }
+                img {
+                    width: 14px;
+                    height: 14px;
+                    cursor: pointer;
+                    margin-left: 6px;
+                }
+            }
+        }
+    }
+    &-charts {
+        padding: 0 16px;
+        text-align: center;
+    }
+}
+.staff-calendar {
+    display: flex;
+    flex-direction: column;
+    color: var(--title-color);
+    padding: 0 10px;
+    justify-content: space-around;
+    height: 100%;
+    &-dot, &-dot1 {
+        position: absolute;
+        top: 12px;
+        right: 34px;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background-color: rgba(250, 140, 22, 1);
+        z-index: 99999;
+    }
+    &-dot1 {
+        background-color: rgba(19, 194, 194, 1);
+    }
+
+    &-item {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        height: 28px;
+        background: var(--calendar-content-sigle-bg);
+        letter-spacing: 4px;
+        border-radius: 4px 4px 4px 4px;
+        img {
+            width: 14px;
+            height: 14px;
+        }
+        div {
+            width: calc(100% - 44px);
+        }
+    }
+}
+.ant-picker-calendar,
+.ant-picker-calendar-full {
+    background-color: var(--bg-color2) !important;
+    // border: 1px solid var(--bg-border-color2);
+
+    .ant-picker-panel {
+        background: var(--calendar-bg) !important;
+    }
+    .ant-picker-body {
+        // border: 1px solid var(--calendar-border);
+        padding: 0 !important;
+    }
+    .ant-picker-content thead {
+        background: var(--calendar-thead-bg);
+    }
+    .ant-picker-content th {
+        color: var(--info-color);
+    }
+    .ant-picker-panel .ant-picker-calendar-date {
+        color: var(--info-color);
+        border-top: 2px solid var(--calendar-border) !important;
+        margin: 0 1px !important;
+    }
+    .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
+        background: var(--calendar-date-today-hover-bg-color) !important;
+    }
+    .ant-picker-calendar-date {
+        position: relative;
+    }
+    .ant-picker-calendar-date-today {
+        background: transparent !important;
+    }
+}
+
+.staff-popover {
+    width: 300px;
+    height: 110px;
+    border-radius: 8px 8px 8px 8px;
+    color: var(--info-color);
+    &-title {
+        display: flex;
+        height: 24px;
+        justify-content: space-between;
+        &-date {
+            font-size: 14px;
+            font-weight: 500;
+        }
+        &-time {
+            display: flex;
+            &-qj,&-jb {
+                display: flex;
+                align-items: center;
+                color: rgba(250, 140, 22, 1);
+                margin-left: 20px;
+                &::before {
+                    content: '';
+                    width: 8px;
+                    height: 8px;
+                    border-radius: 50%;
+                    background-color: rgba(250, 140, 22, 1);
+                    margin-right: 8px;
+                }
+            }
+            &-jb {
+                color: rgba(19, 194, 194, 1);
+                &::before {
+                    background-color: rgba(19, 194, 194, 1);
+                }
+            }
+        }
+    }
+    &-content {
+        display: flex;
+        justify-content: space-around;
+        height: 60px;
+        border-bottom: 1px solid rgba(232, 232, 232, 1);
+        align-items: center;
+        &-left, &-right {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            &-data {
+                color: rgba(22, 119, 255, 1);
+                letter-spacing: 4px;
+                font-size: 22px;
+                font-weight: bold;
+                padding: 0 6px;
+                font-family: PingFang SC;
+                &-unit {
+                    font-size: 14px;
+                    font-weight: 300;
+                }
+            }
+            &-right {
+                &-data {
+                    color: rgba(245, 34, 45, 1);
+                }
+            }
+        }
+    }
+    &-bottom {
+        display: flex;
+        &-left {
+            width: 74px;
+            display: flex;
+            align-items: center;
+            margin-left: 4px;
+        }
+        &-middle {
+            flex: 1;
+        }
+        &-right {
+            width: 62px;
+            width: 74px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-family: PingFang SC;
+            span {
+                font-size: 18px;
+                font-weight: 500;
+            }
+        }
+    }
 }

package/lib/vtx-throw-point-modal/components/Alarm/index.less

@@ -1,69 +1,69 @@
-@import '../../style/index';
-
-.@{prefix-cls}-alarm {
-    height: 800px;
-    padding: 10px;
-    padding-top: 0;
-    &-ldb {
-        height: 768px;
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        grid-template-rows: 1fr 1fr;
-        gap: 10px;
-        &-item {
-            background: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            padding: 10px;
-            display: flex;
-            flex-direction: column;
-        }
-        &-item2 {
-            display: flex;
-            flex-direction: column;
-            gap: 10px;
-            & > div {
-                padding: 10px;
-                flex: 1;
-                background: var(--bg-color2);
-                border: 1px solid var(--bg-border-color2);
-            }
-        }
-    }
-    .black-rank {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        padding-left: 50px;
-        padding-right: 20px;
-        color: var(--info-color);
-        background: url('../../imgs/rank-bg.png') no-repeat;
-        background-size: 100% 100%;
-        &-name {
-            font-size: 16px;
-        }
-        &-progress {
-            width: 200px;
-            height: 4px;
-            position: relative;
-            background-color: rgba(255, 255, 255, 0.2);
-            border-right: 2px;
-            &--active {
-                position: absolute;
-                top: 0;
-                left: 0;
-                bottom: 0;
-                background: linear-gradient(90deg, #1b89ff, #51f2ff);
-                border-radius: 2px;
-            }
-        }
-        &-rank {
-            font-size: 24px;
-            color: #4debff;
-            margin-right: 4px;
-        }
-        &-total {
-            margin-left: 4px;
-        }
-    }
-}
+@import '../../style/index';
+
+.@{prefix-cls}-alarm {
+    height: 800px;
+    padding: 10px;
+    padding-top: 0;
+    &-ldb {
+        height: 768px;
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-template-rows: 1fr 1fr;
+        gap: 10px;
+        &-item {
+            background: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            padding: 10px;
+            display: flex;
+            flex-direction: column;
+        }
+        &-item2 {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+            & > div {
+                padding: 10px;
+                flex: 1;
+                background: var(--bg-color2);
+                border: 1px solid var(--bg-border-color2);
+            }
+        }
+    }
+    .black-rank {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding-left: 50px;
+        padding-right: 20px;
+        color: var(--info-color);
+        background: url('../../imgs/rank-bg.png') no-repeat;
+        background-size: 100% 100%;
+        &-name {
+            font-size: 16px;
+        }
+        &-progress {
+            width: 200px;
+            height: 4px;
+            position: relative;
+            background-color: rgba(255, 255, 255, 0.2);
+            border-right: 2px;
+            &--active {
+                position: absolute;
+                top: 0;
+                left: 0;
+                bottom: 0;
+                background: linear-gradient(90deg, #1b89ff, #51f2ff);
+                border-radius: 2px;
+            }
+        }
+        &-rank {
+            font-size: 24px;
+            color: #4debff;
+            margin-right: 4px;
+        }
+        &-total {
+            margin-left: 4px;
+        }
+    }
+}