@vtx/modals2 2.15.66 → 2.15.67

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.less

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

package/lib/vtx-facility-modal/components/OverView/index.less

@@ -1,120 +1,120 @@
-@import '../../style/index';
-
-.@{prefix-cls}-overview {
-    display: flex;
-    gap: 10px;
-    height: 716px;
-    &-left {
-        position: relative;
-        height: 716px;
-        width: 470px;
-        padding: 10px;
-        &-map {
-            height: 690px;
-        }
-        &-legend {
-            position: absolute;
-            left: 10px;
-            bottom: 10px;
-            max-width: 120px;
-            min-height: 32px;
-            overflow-y: auto;
-            z-index: 99;
-            background: linear-gradient(0deg, #0a3a62, #03213f);
-            border: 1px solid #516176;
-            border-radius: 6px;
-            color: #fff;
-        }
-    }
-    &-legendItem {
-        width: 100%;
-        display: inline-flex;
-        align-items: center;
-        padding: 4px 8px;
-    }
-    &-icon {
-        width: 16px;
-        height: 16px;
-        display: flex;
-        align-items: center;
-    }
-    &-iconColor {
-        width: 100%;
-        height: 100%;
-    }
-    &-name {
-        margin-left: 4px;
-    }
-    &-right {
-        flex: 1;
-        overflow-y: auto;
-        &-base {
-            margin: 10px 10px 10px 0;
-            padding: 10px 0 10px 10px;
-            background: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &-basic {
-            height: 140px;
-            overflow-y: auto;
-            .info-line {
-                width: 45% !important;
-            }
-        }
-        &-work {
-            margin: 10px 10px 10px 0;
-            padding: 10px 0 10px 10px;
-            background: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            .label {
-                color: var(--label-color);
-                white-space: nowrap;
-            }
-        }
-        &-item {
-            min-height: 36px;
-            overflow-y: auto;
-            .info-line {
-                width: 45% !important;
-            }
-        }
-
-        &-list {
-            display: flex;
-            flex-wrap: wrap;
-        }
-        &-listItem {
-            width: 100%;
-        }
-        &-bottom {
-            display: flex;
-            display: flex;
-            flex-wrap: wrap;
-            height: 30px;
-            line-height: 30px;
-        }
-        &-bottomItem {
-            width: 50%;
-            display: flex;
-        }
-        &-title {
-            color: var(--label-color);
-            white-space: nowrap;
-        }
-        &-num {
-            color: var(--info-color);
-            font-weight: 400;
-            min-width: 98px;
-        }
-        &-img {
-            width: 30px;
-        }
-        &-table {
-            margin: 10px 10px 10px 0;
-            padding: 10px 0 10px 10px;
-            background: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-    }
-}
+@import '../../style/index';
+
+.@{prefix-cls}-overview {
+    display: flex;
+    gap: 10px;
+    height: 716px;
+    &-left {
+        position: relative;
+        height: 716px;
+        width: 470px;
+        padding: 10px;
+        &-map {
+            height: 690px;
+        }
+        &-legend {
+            position: absolute;
+            left: 10px;
+            bottom: 10px;
+            max-width: 120px;
+            min-height: 32px;
+            overflow-y: auto;
+            z-index: 99;
+            background: linear-gradient(0deg, #0a3a62, #03213f);
+            border: 1px solid #516176;
+            border-radius: 6px;
+            color: #fff;
+        }
+    }
+    &-legendItem {
+        width: 100%;
+        display: inline-flex;
+        align-items: center;
+        padding: 4px 8px;
+    }
+    &-icon {
+        width: 16px;
+        height: 16px;
+        display: flex;
+        align-items: center;
+    }
+    &-iconColor {
+        width: 100%;
+        height: 100%;
+    }
+    &-name {
+        margin-left: 4px;
+    }
+    &-right {
+        flex: 1;
+        overflow-y: auto;
+        &-base {
+            margin: 10px 10px 10px 0;
+            padding: 10px 0 10px 10px;
+            background: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+        &-basic {
+            height: 140px;
+            overflow-y: auto;
+            .info-line {
+                width: 45% !important;
+            }
+        }
+        &-work {
+            margin: 10px 10px 10px 0;
+            padding: 10px 0 10px 10px;
+            background: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            .label {
+                color: var(--label-color);
+                white-space: nowrap;
+            }
+        }
+        &-item {
+            min-height: 36px;
+            overflow-y: auto;
+            .info-line {
+                width: 45% !important;
+            }
+        }
+
+        &-list {
+            display: flex;
+            flex-wrap: wrap;
+        }
+        &-listItem {
+            width: 100%;
+        }
+        &-bottom {
+            display: flex;
+            display: flex;
+            flex-wrap: wrap;
+            height: 30px;
+            line-height: 30px;
+        }
+        &-bottomItem {
+            width: 50%;
+            display: flex;
+        }
+        &-title {
+            color: var(--label-color);
+            white-space: nowrap;
+        }
+        &-num {
+            color: var(--info-color);
+            font-weight: 400;
+            min-width: 98px;
+        }
+        &-img {
+            width: 30px;
+        }
+        &-table {
+            margin: 10px 10px 10px 0;
+            padding: 10px 0 10px 10px;
+            background: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+    }
+}

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

@@ -1 +1 @@
-@prefix-cls: facility;
+@prefix-cls: facility;

package/lib/vtx-housing-estate-modal/components/Alarm/index.less

@@ -1,66 +1,66 @@
-@import '../../style/index';
-
-.@{prefix-cls}-alarm {
-    height: 800px;
-    padding: 10px;
-    padding-top: 0;
-    &-ldb {
-        height: 768px;
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        grid-template-rows: 1fr 1fr;
-        gap: 10px;
-        &-item {
-            background: var(--bg-color2);
-            padding: 10px;
-            display: flex;
-            flex-direction: column;
-        }
-        &-item2 {
-            display: flex;
-            flex-direction: column;
-            gap: 10px;
-            & > div {
-                padding: 10px;
-                flex: 1;
-                background: var(--bg-color2);
-            }
-        }
-    }
-    .black-rank {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        padding-left: 50px;
-        padding-right: 20px;
-        color: var(--info-color);
-        background: url('../../imgs/rank-bg.png') no-repeat;
-        background-size: 100% 100%;
-        &-name {
-            font-size: 16px;
-        }
-        &-progress {
-            width: 200px;
-            height: 4px;
-            position: relative;
-            background-color: rgba(255, 255, 255, 0.2);
-            border-right: 2px;
-            &--active {
-                position: absolute;
-                top: 0;
-                left: 0;
-                bottom: 0;
-                background: linear-gradient(90deg, #1b89ff, #51f2ff);
-                border-radius: 2px;
-            }
-        }
-        &-rank {
-            font-size: 24px;
-            color: #4debff;
-            margin-right: 4px;
-        }
-        &-total {
-            margin-left: 4px;
-        }
-    }
-}
+@import '../../style/index';
+
+.@{prefix-cls}-alarm {
+    height: 800px;
+    padding: 10px;
+    padding-top: 0;
+    &-ldb {
+        height: 768px;
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-template-rows: 1fr 1fr;
+        gap: 10px;
+        &-item {
+            background: var(--bg-color2);
+            padding: 10px;
+            display: flex;
+            flex-direction: column;
+        }
+        &-item2 {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+            & > div {
+                padding: 10px;
+                flex: 1;
+                background: var(--bg-color2);
+            }
+        }
+    }
+    .black-rank {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding-left: 50px;
+        padding-right: 20px;
+        color: var(--info-color);
+        background: url('../../imgs/rank-bg.png') no-repeat;
+        background-size: 100% 100%;
+        &-name {
+            font-size: 16px;
+        }
+        &-progress {
+            width: 200px;
+            height: 4px;
+            position: relative;
+            background-color: rgba(255, 255, 255, 0.2);
+            border-right: 2px;
+            &--active {
+                position: absolute;
+                top: 0;
+                left: 0;
+                bottom: 0;
+                background: linear-gradient(90deg, #1b89ff, #51f2ff);
+                border-radius: 2px;
+            }
+        }
+        &-rank {
+            font-size: 24px;
+            color: #4debff;
+            margin-right: 4px;
+        }
+        &-total {
+            margin-left: 4px;
+        }
+    }
+}