@vtx/modals2 2.15.59 → 2.15.61

package/lib/vtx-road-modal/components/BaseInfo/index.less

@@ -1,146 +1,146 @@
-.flex-start {
-    display: flex;
-    justify-content: start;
-    align-items: start;
-}
-
-.road-baseContent {
-    padding: 10px;
-    height: 100%;
-    .flex-start();
-    .base-left {
-        margin-right: 10px;
-        width: 441px;
-        &-top {
-            padding: 20px 22px 0 22px;
-            height: 280px;
-            overflow-y: auto;
-            margin-bottom: 10px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &-bottom {
-            height: 384px;
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-    }
-
-    .workRules {
-        height: 100%;
-        overflow-y: auto;
-
-        &-item {
-            height: 29px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            color: var(--info-color);
-            margin: 12px 0 32px 0;
-            &--name {
-                width: 100px;
-                height: 100%;
-                font-size: 14px;
-                font-family: PingFangSC-Medium, PingFang SC;
-                font-weight: 500;
-                text-align: center;
-                line-height: 30px;
-                background-repeat: no-repeat;
-                background-size: 100% 100%;
-
-                &.ss {
-                    background-image: url('../../imgs/ss.png');
-                }
-                &.js {
-                    background-image: url('../../imgs/js.png');
-                }
-                &.xs {
-                    background-image: url('../../imgs/xs.png');
-                }
-                &.wp {
-                    background-image: url('../../imgs/wp.png');
-                }
-            }
-            &--content {
-                color: var(--info-color);
-                span {
-                    color: var(--label-color);
-                }
-            }
-        }
-    }
-    .base-right-twork {
-        width: calc(100% - 441px - 10px);
-        height: 100%;
-        .twork {
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            height: 280px;
-            &--head {
-                height: 40px;
-                line-height: 40px;
-                .flex-start();
-                font-size: 14px;
-                color: var(--info-color);
-                background: var(--table-head-bg);
-                margin-bottom: 11px;
-                &-img {
-                    width: 40px;
-                    margin-right: 14px;
-                }
-                &-carType {
-                    width: 200px;
-                    margin-right: 20px;
-                }
-                &-block {
-                    width: 90px;
-                }
-            }
-            &--item-wrap {
-                height: 160px;
-                overflow-y: auto;
-            }
-            &--item {
-                .flex-start();
-                color: var(--info-color);
-                margin-bottom: 16px;
-                img {
-                    width: 40px;
-                    height: 40px;
-                    margin-right: 14px;
-                }
-                &-progress {
-                    width: 200px;
-                    margin-right: 20px;
-                    font-size: 14px;
-                    line-height: 18px;
-                }
-                &-ellipsis {
-                    border: 1px solid red;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                    overflow: hidden;
-                }
-                &-block {
-                    width: 90px;
-                    font-size: 12px;
-                    color: var(--info-active);
-                    span {
-                        font-size: 20px;
-                    }
-                }
-            }
-        }
-        .twork-table {
-            padding: 20px 22px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            margin-top: 10px;
-            height: 384px;
-        }
-    }
-}
+.flex-start {
+    display: flex;
+    justify-content: start;
+    align-items: start;
+}
+
+.road-baseContent {
+    padding: 10px;
+    height: 100%;
+    .flex-start();
+    .base-left {
+        margin-right: 10px;
+        width: 441px;
+        &-top {
+            padding: 20px 22px 0 22px;
+            height: 280px;
+            overflow-y: auto;
+            margin-bottom: 10px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+        &-bottom {
+            height: 384px;
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+    }
+
+    .workRules {
+        height: 100%;
+        overflow-y: auto;
+
+        &-item {
+            height: 29px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color: var(--info-color);
+            margin: 12px 0 32px 0;
+            &--name {
+                width: 100px;
+                height: 100%;
+                font-size: 14px;
+                font-family: PingFangSC-Medium, PingFang SC;
+                font-weight: 500;
+                text-align: center;
+                line-height: 30px;
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+
+                &.ss {
+                    background-image: url('../../imgs/ss.png');
+                }
+                &.js {
+                    background-image: url('../../imgs/js.png');
+                }
+                &.xs {
+                    background-image: url('../../imgs/xs.png');
+                }
+                &.wp {
+                    background-image: url('../../imgs/wp.png');
+                }
+            }
+            &--content {
+                color: var(--info-color);
+                span {
+                    color: var(--label-color);
+                }
+            }
+        }
+    }
+    .base-right-twork {
+        width: calc(100% - 441px - 10px);
+        height: 100%;
+        .twork {
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            height: 280px;
+            &--head {
+                height: 40px;
+                line-height: 40px;
+                .flex-start();
+                font-size: 14px;
+                color: var(--info-color);
+                background: var(--table-head-bg);
+                margin-bottom: 11px;
+                &-img {
+                    width: 40px;
+                    margin-right: 14px;
+                }
+                &-carType {
+                    width: 200px;
+                    margin-right: 20px;
+                }
+                &-block {
+                    width: 90px;
+                }
+            }
+            &--item-wrap {
+                height: 160px;
+                overflow-y: auto;
+            }
+            &--item {
+                .flex-start();
+                color: var(--info-color);
+                margin-bottom: 16px;
+                img {
+                    width: 40px;
+                    height: 40px;
+                    margin-right: 14px;
+                }
+                &-progress {
+                    width: 200px;
+                    margin-right: 20px;
+                    font-size: 14px;
+                    line-height: 18px;
+                }
+                &-ellipsis {
+                    border: 1px solid red;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    overflow: hidden;
+                }
+                &-block {
+                    width: 90px;
+                    font-size: 12px;
+                    color: var(--info-active);
+                    span {
+                        font-size: 20px;
+                    }
+                }
+            }
+        }
+        .twork-table {
+            padding: 20px 22px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            margin-top: 10px;
+            height: 384px;
+        }
+    }
+}

package/lib/vtx-road-modal/components/Statistical/index.less

@@ -1,112 +1,112 @@
-.road-statistic {
-    padding: 10px;
-
-    &-summary {
-        padding: 20px;
-        margin-bottom: 10px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        &-title {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        &-main {
-            margin-top: 32px;
-            color: var(--info-color);
-            &-item {
-                display: flex;
-                justify-content: start;
-                align-items: center;
-                img {
-                    width: 46px;
-                    height: 46px;
-                    margin-right: 17px;
-                }
-
-                &--name {
-                    color: var(--label-color);
-                }
-                &--value {
-                    font-size: 12px;
-                    span {
-                        font-size: 22px;
-                    }
-                }
-            }
-
-            &-progress {
-                width: 160px;
-                display: flex;
-                justify-content: start;
-                align-items: center;
-                .ant-progress-inner {
-                    width: 70px !important;
-                    height: 70px !important;
-                    margin-right: 17px;
-                }
-                &--name {
-                    color: var(--label-color);
-                }
-                &--value {
-                    color: var(--label-active);
-                    font-size: 12px;
-                    span {
-                        font-size: 22px;
-                    }
-                }
-            }
-            &-rate {
-                display: flex;
-                justify-items: start;
-                align-items: center;
-                &--item {
-                    margin-left: 30px;
-                }
-                &--block {
-                    width: 5px;
-                    height: 5px;
-                    display: inline-block;
-                    margin-right: 6px;
-                    background: #ffd736;
-                }
-
-                &--value {
-                    color: var(--info-color);
-                    font-size: 12px;
-                    margin-left: 11px;
-                    span {
-                        font-size: 22px;
-                    }
-                }
-            }
-        }
-    }
-
-    &-charts {
-        .chart {
-            height: 507px;
-            padding: 20px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &-lcfx {
-            .chart();
-
-            &-contain {
-                height: 90%;
-                width: 100%;
-                overflow: hidden;
-            }
-        }
-
-        &-zywcl {
-            .chart();
-            &-contain {
-                height: 400px;
-                width: 100%;
-            }
-        }
-    }
-}
+.road-statistic {
+    padding: 10px;
+
+    &-summary {
+        padding: 20px;
+        margin-bottom: 10px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-main {
+            margin-top: 32px;
+            color: var(--info-color);
+            &-item {
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                img {
+                    width: 46px;
+                    height: 46px;
+                    margin-right: 17px;
+                }
+
+                &--name {
+                    color: var(--label-color);
+                }
+                &--value {
+                    font-size: 12px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+
+            &-progress {
+                width: 160px;
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                .ant-progress-inner {
+                    width: 70px !important;
+                    height: 70px !important;
+                    margin-right: 17px;
+                }
+                &--name {
+                    color: var(--label-color);
+                }
+                &--value {
+                    color: var(--label-active);
+                    font-size: 12px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+            &-rate {
+                display: flex;
+                justify-items: start;
+                align-items: center;
+                &--item {
+                    margin-left: 30px;
+                }
+                &--block {
+                    width: 5px;
+                    height: 5px;
+                    display: inline-block;
+                    margin-right: 6px;
+                    background: #ffd736;
+                }
+
+                &--value {
+                    color: var(--info-color);
+                    font-size: 12px;
+                    margin-left: 11px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+        }
+    }
+
+    &-charts {
+        .chart {
+            height: 507px;
+            padding: 20px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+        &-lcfx {
+            .chart();
+
+            &-contain {
+                height: 90%;
+                width: 100%;
+                overflow: hidden;
+            }
+        }
+
+        &-zywcl {
+            .chart();
+            &-contain {
+                height: 400px;
+                width: 100%;
+            }
+        }
+    }
+}

package/lib/vtx-road-modal/style/index.less

@@ -1 +1 @@
-@import '../../style/index';
+@import '../../style/index';

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

@@ -1,23 +1,23 @@
-.staff-alarm {
-    padding: 10px;
-
-    .staff-main {
-        padding: 11px 16px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        .staff-head {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-    }
-    &-charts {
-        margin: 24px auto;
-        text-align: center;
-    }
-    &-table {
-        min-height: 500px;
-        margin-top: 10px;
-    }
-}
+.staff-alarm {
+    padding: 10px;
+
+    .staff-main {
+        padding: 11px 16px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        .staff-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+    }
+    &-charts {
+        margin: 24px auto;
+        text-align: center;
+    }
+    &-table {
+        min-height: 500px;
+        margin-top: 10px;
+    }
+}

package/lib/vtx-staff-modal/components/Attendance/index.css

@@ -1,6 +1,18 @@
 .staff-attend {
   padding: 10px;
 }
+.staff-attend .sub-title {
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+  font-weight: 800;
+  border-bottom: 1px solid var(--calendar-border);
+  padding: 0 20px;
+}
+.staff-attend .sub-title .extra {
+  right: 20px;
+  font-weight: 400;
+}
 .staff-attend-head {
   position: absolute;
   top: 50px;
@@ -37,15 +49,3 @@
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
 }
-.sub-title {
-  height: 40px;
-  line-height: 40px;
-  font-size: 14px;
-  font-weight: 800;
-  border-bottom: 1px solid var(--calendar-border);
-  padding: 0 20px;
-}
-.sub-title .extra {
-  right: 20px;
-  font-weight: 400;
-}