@vtx/modals2 2.15.48 → 2.15.49

package/lib/vtx-df-modal/components/Metering/index.less

@@ -1,83 +1,83 @@
-.metering {
-    margin: 10px;
-    border: 1px solid var(--bg-border-color2);
-
-    &-head {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 10px 16px;
-        background-color: var(--bg-color2);
-    }
-    &-content {
-        &-main {
-            padding: 16px;
-            background-color: var(--bg-color2);
-
-            display: flex;
-            justify-content: start;
-            align-content: center;
-
-            &-item {
-                display: flex;
-                justify-content: start;
-                align-content: center;
-                margin-right: 80px;
-                img {
-                    width: 46px;
-                    height: 46px;
-                    margin-right: 18px;
-                }
-                &--name {
-                    color: var(--label-color);
-                }
-                &--value {
-                    color: var(--info-color);
-                    font-size: 12px;
-                    span {
-                        font-size: 22px;
-                    }
-                }
-            }
-        }
-
-        &-charts {
-            margin-top: 10px;
-
-            .chart {
-                border: 1px solid var(--bg-border-color2);
-
-                height: 490px;
-                background-color: var(--bg-color2);
-
-                padding: 20px;
-            }
-            &-jcqs {
-                .chart();
-            }
-            &-jccc {
-                .chart();
-                &-desc {
-                    margin: 12px 0;
-                    color: var(--info-danger);
-                }
-            }
-            &-chart {
-                height: 360px;
-                width: 100%;
-            }
-        }
-    }
-    .appraisal-content-list-static {
-        color: var(--label-color);
-    }
-    .grossWeight-color {
-        color: var(--list-cell-active1);
-    }
-    .tareWeight-color {
-        color: var(--list-cell-active2);
-    }
-    .netWeight-color {
-        color: var(--list-cell-active3);
-    }
-}
+.metering {
+    margin: 10px;
+    border: 1px solid var(--bg-border-color2);
+
+    &-head {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px 16px;
+        background-color: var(--bg-color2);
+    }
+    &-content {
+        &-main {
+            padding: 16px;
+            background-color: var(--bg-color2);
+
+            display: flex;
+            justify-content: start;
+            align-content: center;
+
+            &-item {
+                display: flex;
+                justify-content: start;
+                align-content: center;
+                margin-right: 80px;
+                img {
+                    width: 46px;
+                    height: 46px;
+                    margin-right: 18px;
+                }
+                &--name {
+                    color: var(--label-color);
+                }
+                &--value {
+                    color: var(--info-color);
+                    font-size: 12px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+        }
+
+        &-charts {
+            margin-top: 10px;
+
+            .chart {
+                border: 1px solid var(--bg-border-color2);
+
+                height: 490px;
+                background-color: var(--bg-color2);
+
+                padding: 20px;
+            }
+            &-jcqs {
+                .chart();
+            }
+            &-jccc {
+                .chart();
+                &-desc {
+                    margin: 12px 0;
+                    color: var(--info-danger);
+                }
+            }
+            &-chart {
+                height: 360px;
+                width: 100%;
+            }
+        }
+    }
+    .appraisal-content-list-static {
+        color: var(--label-color);
+    }
+    .grossWeight-color {
+        color: var(--list-cell-active1);
+    }
+    .tareWeight-color {
+        color: var(--list-cell-active2);
+    }
+    .netWeight-color {
+        color: var(--list-cell-active3);
+    }
+}

package/lib/vtx-df-modal/components/WorkCondition/index.less

@@ -1,136 +1,136 @@
-.df-condition {
-    padding: 10px;
-    &-head {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 10px 16px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-    .environment-monitor {
-        padding: 10px 16px;
-        border: 1px solid var(--bg-border-color2);
-
-        background-color: var(--bg-color2);
-        text-align: center;
-        &-head {
-            display: flex;
-            // justify-content: space-around;
-            align-items: center;
-            width: 100%;
-            overflow: auto;
-            &::-webkit-scrollbar {
-                width: 0px;
-                height: 4px;
-            }
-
-            &::-webkit-scrollbar-thumb {
-                background: var(--scroll-bar-hover-bg);
-                border-radius: 5px;
-            }
-
-            &-item-active {
-                padding: 8px 12px;
-                background-color: var(--block-bg-color);
-                // min-width: 130px;
-                margin: 0 10px;
-            }
-            &-item {
-                // min-width: 130px;
-                padding: 8px 12px;
-                margin: 0 10px;
-            }
-        }
-        &-table {
-            margin-top: 20px;
-            min-height: 440px;
-        }
-        &-situation {
-            height: 100%;
-            min-height: 500px;
-            padding: 10px 16px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            &-noData {
-                text-align: center;
-            }
-        }
-    }
-    .em-situation {
-        clear: both;
-        &-wrap {
-            width: 620px;
-            margin: 150px auto;
-        }
-        &-parent {
-            width: 324px;
-            height: 57px;
-            line-height: 50px;
-            margin: 0 auto;
-            background: url('../../imgs/situation_parent_bg.png') no-repeat 100% 100%;
-            color: var(--info-color);
-            img {
-                width: 46px;
-                height: 50px;
-                margin-left: 44px;
-                margin-right: 18px;
-            }
-            span {
-                font-size: 22px;
-            }
-        }
-        &-verticaline {
-            width: 2px;
-            height: 28px;
-            margin: 0 auto;
-            background: #096e88;
-        }
-        &-horizontaline {
-            width: 540px;
-            height: 2px;
-            margin: 0 auto;
-            background: #096e88;
-        }
-        &-verticaline4 {
-            width: 540px;
-            margin: 0 auto;
-            display: flex;
-            justify-content: space-between;
-            align-items: start;
-            &-item {
-                width: 2px;
-                height: 16px;
-                background: #096e88;
-            }
-        }
-        &-content {
-            width: 100%;
-            margin: 0 auto;
-            display: flex;
-            justify-content: space-between;
-            align-items: start;
-            &-item {
-                width: 80px;
-                text-align: center;
-                &--progress {
-                    margin-top: 6px;
-                }
-                &--name {
-                    margin-top: 12px;
-                    color: var(--label-color);
-                }
-                &--value {
-                    color: var(--info-color);
-                    span {
-                        font-size: 22px;
-                    }
-                }
-            }
-        }
-    }
-    .ant-progress-text {
-        color: var(--info-color) !important;
-    }
-}
+.df-condition {
+    padding: 10px;
+    &-head {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px 16px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+    .environment-monitor {
+        padding: 10px 16px;
+        border: 1px solid var(--bg-border-color2);
+
+        background-color: var(--bg-color2);
+        text-align: center;
+        &-head {
+            display: flex;
+            // justify-content: space-around;
+            align-items: center;
+            width: 100%;
+            overflow: auto;
+            &::-webkit-scrollbar {
+                width: 0px;
+                height: 4px;
+            }
+
+            &::-webkit-scrollbar-thumb {
+                background: var(--scroll-bar-hover-bg);
+                border-radius: 5px;
+            }
+
+            &-item-active {
+                padding: 8px 12px;
+                background-color: var(--block-bg-color);
+                // min-width: 130px;
+                margin: 0 10px;
+            }
+            &-item {
+                // min-width: 130px;
+                padding: 8px 12px;
+                margin: 0 10px;
+            }
+        }
+        &-table {
+            margin-top: 20px;
+            min-height: 440px;
+        }
+        &-situation {
+            height: 100%;
+            min-height: 500px;
+            padding: 10px 16px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            &-noData {
+                text-align: center;
+            }
+        }
+    }
+    .em-situation {
+        clear: both;
+        &-wrap {
+            width: 620px;
+            margin: 150px auto;
+        }
+        &-parent {
+            width: 324px;
+            height: 57px;
+            line-height: 50px;
+            margin: 0 auto;
+            background: url('../../imgs/situation_parent_bg.png') no-repeat 100% 100%;
+            color: var(--info-color);
+            img {
+                width: 46px;
+                height: 50px;
+                margin-left: 44px;
+                margin-right: 18px;
+            }
+            span {
+                font-size: 22px;
+            }
+        }
+        &-verticaline {
+            width: 2px;
+            height: 28px;
+            margin: 0 auto;
+            background: #096e88;
+        }
+        &-horizontaline {
+            width: 540px;
+            height: 2px;
+            margin: 0 auto;
+            background: #096e88;
+        }
+        &-verticaline4 {
+            width: 540px;
+            margin: 0 auto;
+            display: flex;
+            justify-content: space-between;
+            align-items: start;
+            &-item {
+                width: 2px;
+                height: 16px;
+                background: #096e88;
+            }
+        }
+        &-content {
+            width: 100%;
+            margin: 0 auto;
+            display: flex;
+            justify-content: space-between;
+            align-items: start;
+            &-item {
+                width: 80px;
+                text-align: center;
+                &--progress {
+                    margin-top: 6px;
+                }
+                &--name {
+                    margin-top: 12px;
+                    color: var(--label-color);
+                }
+                &--value {
+                    color: var(--info-color);
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+        }
+    }
+    .ant-progress-text {
+        color: var(--info-color) !important;
+    }
+}

package/lib/vtx-df-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-df-modal/style/index.less

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