@vtx/modals2 2.15.48 → 2.15.50

package/lib/vtx-car-modal/components/Maintenance/index.less

@@ -1,35 +1,35 @@
-.car-maintenance {
-    padding: 10px;
-    min-height: 500px;
-    &-main {
-        margin-bottom: 10px;
-        padding: 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        &-item-wrap {
-            display: flex;
-            flex-wrap: wrap;
-        }
-
-        &-item {
-            width: 400px;
-            display: flex;
-            justify-content: start;
-            margin-bottom: 8px;
-            &-label {
-                color: var(--label-color);
-                margin-right: 8px;
-            }
-            &-value {
-                color: var(--info-color);
-            }
-            &-warn {
-                color: var(--info-danger);
-                img {
-                    margin: -8px 10px 0 10px;
-                }
-            }
-        }
-    }
-}
+.car-maintenance {
+    padding: 10px;
+    min-height: 500px;
+    &-main {
+        margin-bottom: 10px;
+        padding: 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-item-wrap {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+        &-item {
+            width: 400px;
+            display: flex;
+            justify-content: start;
+            margin-bottom: 8px;
+            &-label {
+                color: var(--label-color);
+                margin-right: 8px;
+            }
+            &-value {
+                color: var(--info-color);
+            }
+            &-warn {
+                color: var(--info-danger);
+                img {
+                    margin: -8px 10px 0 10px;
+                }
+            }
+        }
+    }
+}

package/lib/vtx-car-modal/components/OilConsumption/index.less

@@ -1,39 +1,39 @@
-.oil-consumption {
-    padding: 10px;
-
-    &-head {
-        // display: flex;
-        // justify-content: start;
-        &-filter {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        &-main {
-            margin-top: 24px;
-            // display: flex;
-            // flex-wrap: wrap;
-        }
-        &-summary {
-            padding: 20px;
-            // width: 600px;
-            height: 234px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &-oil {
-            padding: 20px;
-            // width: 665px;
-            height: 234px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-    }
-    &-main {
-        margin-top: 10px;
-        min-height: 400px;
-        padding: 16px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-}
+.oil-consumption {
+    padding: 10px;
+
+    &-head {
+        // display: flex;
+        // justify-content: start;
+        &-filter {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-main {
+            margin-top: 24px;
+            // display: flex;
+            // flex-wrap: wrap;
+        }
+        &-summary {
+            padding: 20px;
+            // width: 600px;
+            height: 234px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+        &-oil {
+            padding: 20px;
+            // width: 665px;
+            height: 234px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+    }
+    &-main {
+        margin-top: 10px;
+        min-height: 400px;
+        padding: 16px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+}

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

@@ -1,82 +1,82 @@
-.car-static {
-    padding: 10px;
-
-    &.bottom {
-        max-height: 77vh;
-        overflow: auto;
-    }
-    &.right {
-        width: 100%;
-    }
-    .car-main {
-        padding: 11px 16px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-        overflow: auto;
-        .car-head {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-    }
-    &-charts {
-        margin: 24px auto;
-        text-align: center;
-    }
-    &-list {
-        min-height: 466px;
-    }
-}
-.car-calendar {
-    display: flex;
-    flex-direction: column;
-    color: var(--title-color);
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    padding-top: 34px;
-
-    &-item {
-        display: flex;
-        justify-content: start;
-        align-items: center;
-
-        img {
-            width: 26px;
-            height: 26px;
-            margin: 0 6px 0 18px;
-        }
-    }
-}
-.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-today {
-        background: var(--calendar-date-today-bg-color) !important;
-    }
-}
+.car-static {
+    padding: 10px;
+
+    &.bottom {
+        max-height: 77vh;
+        overflow: auto;
+    }
+    &.right {
+        width: 100%;
+    }
+    .car-main {
+        padding: 11px 16px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+        overflow: auto;
+        .car-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+    }
+    &-charts {
+        margin: 24px auto;
+        text-align: center;
+    }
+    &-list {
+        min-height: 466px;
+    }
+}
+.car-calendar {
+    display: flex;
+    flex-direction: column;
+    color: var(--title-color);
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    padding-top: 34px;
+
+    &-item {
+        display: flex;
+        justify-content: start;
+        align-items: center;
+
+        img {
+            width: 26px;
+            height: 26px;
+            margin: 0 6px 0 18px;
+        }
+    }
+}
+.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-today {
+        background: var(--calendar-date-today-bg-color) !important;
+    }
+}

package/lib/vtx-car-modal/components/WaterConsumption/index.less

@@ -1,25 +1,25 @@
-.water-consumption {
-    padding: 10px;
-
-    &-head {
-        padding: 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        &-filter {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        &-main {
-            display: flex;
-        }
-    }
-    &-main {
-        margin-top: 10px;
-        padding: 16px;
-        min-height: 400px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-}
+.water-consumption {
+    padding: 10px;
+
+    &-head {
+        padding: 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-filter {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-main {
+            display: flex;
+        }
+    }
+    &-main {
+        margin-top: 10px;
+        padding: 16px;
+        min-height: 400px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+}

package/lib/vtx-car-modal/components/WorkInfo/index.less

@@ -1,66 +1,66 @@
-.car-work {
-    padding: 10px;
-    &-head {
-        padding: 10px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    &-content {
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-    &-summary {
-        padding: 0 20px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        &-left {
-            width: 45%;
-        }
-    }
-    &-summary-nopb {
-        padding: 10px 20px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    &-summary-pb {
-        padding: 0 20px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        &-item {
-            width: 50%;
-            height: 200px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-    }
-    &-summary-norelation {
-        padding: 24px 0;
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-    }
-    &-summary-relation-item {
-        height: 200px;
-        display: flex;
-        flex-wrap: wrap;
-    }
-    &-summary-relation-chart {
-        width: 55%;
-    }
-    &-table {
-        min-height: 400px;
-        margin-top: 10px;
-        padding: 10px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-}
+.car-work {
+    padding: 10px;
+    &-head {
+        padding: 10px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    &-content {
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+    &-summary {
+        padding: 0 20px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        &-left {
+            width: 45%;
+        }
+    }
+    &-summary-nopb {
+        padding: 10px 20px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    &-summary-pb {
+        padding: 0 20px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        &-item {
+            width: 50%;
+            height: 200px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+    }
+    &-summary-norelation {
+        padding: 24px 0;
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+    }
+    &-summary-relation-item {
+        height: 200px;
+        display: flex;
+        flex-wrap: wrap;
+    }
+    &-summary-relation-chart {
+        width: 55%;
+    }
+    &-table {
+        min-height: 400px;
+        margin-top: 10px;
+        padding: 10px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+}

package/lib/vtx-car-modal/style/index.css

@@ -12,6 +12,7 @@
   --calendar-border: #ececec;
   --calendar-thead-bg: #fff;
   --calendar-bg: #fff;
+  --calendar-content-sigle-bg: #f3f5f8;
   --info-danger: #fd3a15;
   --info-warnning: #f7d93d;
   --info-active: #222;
@@ -78,6 +79,7 @@
   --arrow-icon-color: #355e5f;
   --block-bg-color: rgba(255, 255, 255, 0.1);
   --block-bg-color2: rgba(48, 118, 114, 0.2);
+  --calendar-content-sigle-bg: rgba(243, 245, 248, 0.053);
   --info-active: #40ffd3;
   --info-active2: #52c41a;
   --info-active3: #40ffd3;
@@ -109,6 +111,7 @@
   --sub-title-color: #64bcff;
   --label-color: #fff;
   --info-color: #74bbf4;
+  --calendar-content-sigle-bg: #1464a62e;
   --border-color: #1464a6;
   --scroll-bar-bg: #39cbc3aa;
   --scroll-bar-hover-bg: #219fff3d;

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

@@ -1,8 +1,8 @@
-@import '../../style/index';
-
-.car-subtitle {
-    font-size: 14px;
-    color: var(--sub-title-color);
-    display: flex;
-    align-items: center;
-}
+@import '../../style/index';
+
+.car-subtitle {
+    font-size: 14px;
+    color: var(--sub-title-color);
+    display: flex;
+    align-items: center;
+}