@vtx/modals2 2.15.59 → 2.15.61

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

@@ -1,173 +1,173 @@
-.left-width {
-    width: 370px;
-}
-
-.df-baseContent {
-    padding: 10px;
-    height: 100%;
-
-    .base-top {
-        &-desc {
-            &-exec {
-                color: var(--info-danger);
-                height: 40px;
-            }
-        }
-
-        &-img {
-            background-color: var(--bg-color2);
-            img {
-                width: 100%;
-            }
-        }
-
-        &--base {
-            max-height: 480px;
-            background-color: var(--bg-color2);
-            overflow: auto;
-            margin-top: 12px;
-        }
-        &--jcqsfx {
-            margin-top: 10px;
-            background-color: var(--bg-color2);
-        }
-        &--chart {
-            height: 200px;
-            width: 100%;
-        }
-    }
-    .base-bottom--left {
-        background-color: var(--bg-color2);
-    }
-    .base-bottom {
-        margin-top: 10px;
-
-        &--right {
-            background-color: var(--bg-color2);
-
-            &-desc {
-                color: var(--title-color);
-                height: 40px;
-                text-align: center;
-                span {
-                    color: var(--block-bg-color2);
-                }
-            }
-
-            &-content {
-                width: 100%;
-                text-align: center;
-                overflow-y: auto;
-            }
-        }
-    }
-
-    .df-situation {
-        overflow-y: auto;
-        display: flex;
-        justify-content: space-between;
-        padding: 2px 24px 12px 24px;
-        --img-text-color: #fff;
-        --img-value-color: #fff;
-        --img-text-warn-color: #ff5252;
-        &.light {
-            --img-text-color: #595959;
-            --img-value-color: #1890ff;
-        }
-        .df-situation-item {
-            display: flex;
-            justify-content: start;
-            align-items: center;
-
-            img {
-                width: 46px;
-                height: 46px;
-                margin-right: 10px;
-            }
-            &-name {
-                color: var(--img-text-color);
-            }
-            &-value {
-                font-size: 14px;
-                color: var(--img-value-color);
-
-                span {
-                    font-size: 20px;
-                    font-family: D-DINExp-Bold, D-DINExp;
-                    font-weight: bold;
-                }
-            }
-
-            &-value_warn {
-                font-size: 14px;
-                color: var(--img-text-warn-color);
-
-                span {
-                    font-size: 20px;
-                    font-family: D-DINExp-Bold, D-DINExp;
-                    font-weight: bold;
-                }
-            }
-        }
-    }
-    .df-monitor {
-        &-head {
-            display: flex;
-            justify-content: space-around;
-            align-items: center;
-
-            &-item {
-                display: flex;
-                justify-content: start;
-                align-items: start;
-                cursor: pointer;
-                &.active {
-                    padding: 8px 12px;
-                    background-color: var(--block-bg-color);
-                }
-                img {
-                    width: 40px;
-                    height: 40px;
-                    margin-right: 15px;
-                    display: inline-block;
-                }
-                &-right {
-                    &-name {
-                        color: var(--title-color);
-                        font-size: 12px;
-                    }
-                    &-valueNormal {
-                        color: var(--info-active);
-                        line-height: 22px;
-                        span {
-                            font-size: 20px;
-                        }
-                    }
-
-                    &-valueAlarm {
-                        &_active {
-                            color: var(--button-checked-color);
-                            line-height: 22px;
-                            span {
-                                font-size: 20px;
-                            }
-                        }
-                        color: var(--info-danger);
-                        line-height: 22px;
-                        span {
-                            font-size: 20px;
-                        }
-                    }
-                }
-            }
-        }
-        &-table {
-            margin-top: 10px;
-        }
-    }
-}
-
-.slick-track {
-    width: 340px;
-    overflow: hidden;
-}
+.left-width {
+    width: 370px;
+}
+
+.df-baseContent {
+    padding: 10px;
+    height: 100%;
+
+    .base-top {
+        &-desc {
+            &-exec {
+                color: var(--info-danger);
+                height: 40px;
+            }
+        }
+
+        &-img {
+            background-color: var(--bg-color2);
+            img {
+                width: 100%;
+            }
+        }
+
+        &--base {
+            max-height: 480px;
+            background-color: var(--bg-color2);
+            overflow: auto;
+            margin-top: 12px;
+        }
+        &--jcqsfx {
+            margin-top: 10px;
+            background-color: var(--bg-color2);
+        }
+        &--chart {
+            height: 200px;
+            width: 100%;
+        }
+    }
+    .base-bottom--left {
+        background-color: var(--bg-color2);
+    }
+    .base-bottom {
+        margin-top: 10px;
+
+        &--right {
+            background-color: var(--bg-color2);
+
+            &-desc {
+                color: var(--title-color);
+                height: 40px;
+                text-align: center;
+                span {
+                    color: var(--block-bg-color2);
+                }
+            }
+
+            &-content {
+                width: 100%;
+                text-align: center;
+                overflow-y: auto;
+            }
+        }
+    }
+
+    .df-situation {
+        overflow-y: auto;
+        display: flex;
+        justify-content: space-between;
+        padding: 2px 24px 12px 24px;
+        --img-text-color: #fff;
+        --img-value-color: #fff;
+        --img-text-warn-color: #ff5252;
+        &.light {
+            --img-text-color: #595959;
+            --img-value-color: #1890ff;
+        }
+        .df-situation-item {
+            display: flex;
+            justify-content: start;
+            align-items: center;
+
+            img {
+                width: 46px;
+                height: 46px;
+                margin-right: 10px;
+            }
+            &-name {
+                color: var(--img-text-color);
+            }
+            &-value {
+                font-size: 14px;
+                color: var(--img-value-color);
+
+                span {
+                    font-size: 20px;
+                    font-family: D-DINExp-Bold, D-DINExp;
+                    font-weight: bold;
+                }
+            }
+
+            &-value_warn {
+                font-size: 14px;
+                color: var(--img-text-warn-color);
+
+                span {
+                    font-size: 20px;
+                    font-family: D-DINExp-Bold, D-DINExp;
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+    .df-monitor {
+        &-head {
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+
+            &-item {
+                display: flex;
+                justify-content: start;
+                align-items: start;
+                cursor: pointer;
+                &.active {
+                    padding: 8px 12px;
+                    background-color: var(--block-bg-color);
+                }
+                img {
+                    width: 40px;
+                    height: 40px;
+                    margin-right: 15px;
+                    display: inline-block;
+                }
+                &-right {
+                    &-name {
+                        color: var(--title-color);
+                        font-size: 12px;
+                    }
+                    &-valueNormal {
+                        color: var(--info-active);
+                        line-height: 22px;
+                        span {
+                            font-size: 20px;
+                        }
+                    }
+
+                    &-valueAlarm {
+                        &_active {
+                            color: var(--button-checked-color);
+                            line-height: 22px;
+                            span {
+                                font-size: 20px;
+                            }
+                        }
+                        color: var(--info-danger);
+                        line-height: 22px;
+                        span {
+                            font-size: 20px;
+                        }
+                    }
+                }
+            }
+        }
+        &-table {
+            margin-top: 10px;
+        }
+    }
+}
+
+.slick-track {
+    width: 340px;
+    overflow: hidden;
+}

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);
+    }
+}