@vtx/modals2 2.15.65 → 2.15.66

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

@@ -1,156 +1,156 @@
-.flex-start {
-    display: flex;
-    justify-content: start;
-    align-items: start;
-}
-
-.left-width {
-    width: 370px;
-}
-
-.cp-baseContent {
-    padding: 6px 10px;
-    .base-top {
-        // .flex-start();
-        &-base {
-            height: 280px;
-            padding: 20px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &-twork {
-            height: 280px;
-            padding: 20px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            overflow-y: auto;
-            .twork {
-                &--item {
-                    .flex-start();
-                    color: var(--info-color);
-                    margin-bottom: 16px;
-                    img {
-                        width: 40px;
-                        height: 40px;
-                        margin-right: 14px;
-                    }
-                    &-progress {
-                        width: 163px;
-                        margin-right: 20px;
-                        font-size: 14px;
-                        line-height: 22px;
-                    }
-                    &-block {
-                        width: calc(100% - 270px);
-                        font-size: 12px;
-                        display: flex;
-                        justify-content: start;
-                        &-item {
-                            width: 25%;
-                            &-value {
-                                color: var(--info-active);
-                                line-height: 20px;
-                                span {
-                                    font-size: 20px;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    .base-bottom {
-        &-syrules {
-            height: 334px;
-            padding: 20px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            overflow-y: auto;
-            .syrules-item {
-                width: 100%;
-                padding: 16px 20px;
-                border-radius: 16px;
-                border: 1px dashed;
-                color: var(--info-color);
-                margin-bottom: 24px;
-                font-size: 14px;
-                &--info {
-                    display: flex;
-                    align-items: center;
-                    gap: 12px;
-                    margin-bottom: 10px;
-                }
-                &--icon {
-                    width: 50px;
-                    height: 28px;
-                    background-size: 100% 100%;
-                    background-position: center;
-                    margin-left: 6px;
-                    &.qt {
-                        background-image: url('../../imgs/qt_car.png');
-                    }
-                    &.cy {
-                        background-image: url('../../imgs/cy_car.png');
-                    }
-                    &.yh {
-                        background-image: url('../../imgs/yh_car.png');
-                    }
-                    &.yf {
-                        background-image: url('../../imgs/yf_car.png');
-                    }
-                    &.khsw {
-                        background-image: url('../../imgs/khsw_car.png');
-                    }
-                }
-                &--label {
-                    color: var(--label-color);
-                    width: 60px;
-                }
-                &--name {
-                    width: 70px;
-                    height: 100%;
-                    font-size: 16px;
-                    font-weight: 700;
-                }
-                &--content {
-                    width: calc(~'100% - 70px');
-                    padding: 4px 8px 4px 24px;
-                    display: flex;
-                    justify-content: space-between;
-
-                    div {
-                        &:first-child {
-                            width: 110px;
-                            overflow: hidden;
-                            white-space: nowrap;
-                            text-overflow: ellipsis;
-                            text-align: left;
-                        }
-                        &:nth-child(2) {
-                            width: 70px;
-                            text-align: center;
-                        }
-                        &:last-child {
-                            width: 100px;
-                            text-align: left;
-                            overflow: hidden;
-                            white-space: nowrap;
-                            text-overflow: ellipsis;
-                        }
-                    }
-                }
-            }
-        }
-        &-table {
-            height: 335px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            padding: 10px;
-        }
-    }
-}
+.flex-start {
+    display: flex;
+    justify-content: start;
+    align-items: start;
+}
+
+.left-width {
+    width: 370px;
+}
+
+.cp-baseContent {
+    padding: 6px 10px;
+    .base-top {
+        // .flex-start();
+        &-base {
+            height: 280px;
+            padding: 20px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+        &-twork {
+            height: 280px;
+            padding: 20px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            overflow-y: auto;
+            .twork {
+                &--item {
+                    .flex-start();
+                    color: var(--info-color);
+                    margin-bottom: 16px;
+                    img {
+                        width: 40px;
+                        height: 40px;
+                        margin-right: 14px;
+                    }
+                    &-progress {
+                        width: 163px;
+                        margin-right: 20px;
+                        font-size: 14px;
+                        line-height: 22px;
+                    }
+                    &-block {
+                        width: calc(100% - 270px);
+                        font-size: 12px;
+                        display: flex;
+                        justify-content: start;
+                        &-item {
+                            width: 25%;
+                            &-value {
+                                color: var(--info-active);
+                                line-height: 20px;
+                                span {
+                                    font-size: 20px;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    .base-bottom {
+        &-syrules {
+            height: 334px;
+            padding: 20px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            overflow-y: auto;
+            .syrules-item {
+                width: 100%;
+                padding: 16px 20px;
+                border-radius: 16px;
+                border: 1px dashed;
+                color: var(--info-color);
+                margin-bottom: 24px;
+                font-size: 14px;
+                &--info {
+                    display: flex;
+                    align-items: center;
+                    gap: 12px;
+                    margin-bottom: 10px;
+                }
+                &--icon {
+                    width: 50px;
+                    height: 28px;
+                    background-size: 100% 100%;
+                    background-position: center;
+                    margin-left: 6px;
+                    &.qt {
+                        background-image: url('../../imgs/qt_car.png');
+                    }
+                    &.cy {
+                        background-image: url('../../imgs/cy_car.png');
+                    }
+                    &.yh {
+                        background-image: url('../../imgs/yh_car.png');
+                    }
+                    &.yf {
+                        background-image: url('../../imgs/yf_car.png');
+                    }
+                    &.khsw {
+                        background-image: url('../../imgs/khsw_car.png');
+                    }
+                }
+                &--label {
+                    color: var(--label-color);
+                    width: 60px;
+                }
+                &--name {
+                    width: 70px;
+                    height: 100%;
+                    font-size: 16px;
+                    font-weight: 700;
+                }
+                &--content {
+                    width: calc(~'100% - 70px');
+                    padding: 4px 8px 4px 24px;
+                    display: flex;
+                    justify-content: space-between;
+
+                    div {
+                        &:first-child {
+                            width: 110px;
+                            overflow: hidden;
+                            white-space: nowrap;
+                            text-overflow: ellipsis;
+                            text-align: left;
+                        }
+                        &:nth-child(2) {
+                            width: 70px;
+                            text-align: center;
+                        }
+                        &:last-child {
+                            width: 100px;
+                            text-align: left;
+                            overflow: hidden;
+                            white-space: nowrap;
+                            text-overflow: ellipsis;
+                        }
+                    }
+                }
+            }
+        }
+        &-table {
+            height: 335px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            padding: 10px;
+        }
+    }
+}

package/lib/vtx-cp-modal/components/ExeceptionInfo/index.less

@@ -1,109 +1,109 @@
-.cp-exeception {
-    margin: 6px;
-    width: 100%;
-
-    .exeception-summary {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        &-time {
-            margin: 24px;
-            display: flex;
-            justify-content: start;
-            align-items: center;
-            img {
-                width: 46px;
-                height: 46px;
-                margin-right: 19px;
-            }
-            &-name {
-                font-size: 12px;
-                color: var(--title-color);
-            }
-            &-value {
-                color: var(--title-color);
-                font-size: 12px;
-                span {
-                    font-size: 20px;
-                    line-height: 25px;
-                }
-                &-compare {
-                    display: inline-block;
-                    margin-left: 36px;
-                }
-            }
-        }
-        .triangle-up {
-            width: 12px;
-            height: 8px;
-            position: relative;
-            overflow: hidden;
-            display: inline-block;
-            margin-left: 4px;
-            &::before {
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                right: 0;
-                bottom: 0;
-                background: #f65861;
-                transform-origin: left bottom;
-                transform: rotate(45deg);
-            }
-        }
-        .triangle-down {
-            width: 12px;
-            height: 8px;
-            position: relative;
-            overflow: hidden;
-            display: inline-block;
-            margin-left: 4px;
-            margin-bottom: -2px;
-            &::before {
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                right: 0;
-                bottom: 0;
-                background: #41ffb4;
-                transform-origin: right top;
-                transform: rotate(45deg);
-            }
-        }
-    }
-
-    .exeception-trend {
-        height: 358px;
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-
-    .exeception-record {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        min-height: 180px;
-
-        &-head {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        &-table {
-            margin-top: 14px;
-            height: 200px;
-        }
-
-        .execeptionLevel {
-            img {
-                margin-top: -2px;
-            }
-        }
-    }
-}
+.cp-exeception {
+    margin: 6px;
+    width: 100%;
+
+    .exeception-summary {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-time {
+            margin: 24px;
+            display: flex;
+            justify-content: start;
+            align-items: center;
+            img {
+                width: 46px;
+                height: 46px;
+                margin-right: 19px;
+            }
+            &-name {
+                font-size: 12px;
+                color: var(--title-color);
+            }
+            &-value {
+                color: var(--title-color);
+                font-size: 12px;
+                span {
+                    font-size: 20px;
+                    line-height: 25px;
+                }
+                &-compare {
+                    display: inline-block;
+                    margin-left: 36px;
+                }
+            }
+        }
+        .triangle-up {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #f65861;
+                transform-origin: left bottom;
+                transform: rotate(45deg);
+            }
+        }
+        .triangle-down {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            margin-bottom: -2px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #41ffb4;
+                transform-origin: right top;
+                transform: rotate(45deg);
+            }
+        }
+    }
+
+    .exeception-trend {
+        height: 358px;
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+
+    .exeception-record {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        min-height: 180px;
+
+        &-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        &-table {
+            margin-top: 14px;
+            height: 200px;
+        }
+
+        .execeptionLevel {
+            img {
+                margin-top: -2px;
+            }
+        }
+    }
+}

package/lib/vtx-cp-modal/components/SyInfo/index.less

@@ -1,47 +1,47 @@
-.cp-syinfo {
-    padding: 6px 10px;
-    &-head {
-        padding: 8px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-    &-base {
-        margin-top: 10px;
-    }
-    &-base-noweight {
-        padding: 12px 20px;
-        margin-top: 10px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-        > div {
-            display: flex;
-            flex-flow: row;
-        }
-    }
-    &-base-weight {
-        height: 200px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        padding-left: 20px;
-        padding-top: 12px;
-        &-item {
-            display: flex;
-            flex-wrap: wrap;
-        }
-    }
-    &-base-chart {
-        height: 200px;
-        padding-left: 20px;
-        padding-top: 12px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-    &-table {
-        padding: 20px;
-        margin-top: 10px;
-        height: 350px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-}
+.cp-syinfo {
+    padding: 6px 10px;
+    &-head {
+        padding: 8px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+    &-base {
+        margin-top: 10px;
+    }
+    &-base-noweight {
+        padding: 12px 20px;
+        margin-top: 10px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+        > div {
+            display: flex;
+            flex-flow: row;
+        }
+    }
+    &-base-weight {
+        height: 200px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        padding-left: 20px;
+        padding-top: 12px;
+        &-item {
+            display: flex;
+            flex-wrap: wrap;
+        }
+    }
+    &-base-chart {
+        height: 200px;
+        padding-left: 20px;
+        padding-top: 12px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+    &-table {
+        padding: 20px;
+        margin-top: 10px;
+        height: 350px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+}

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

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