@vtx/modals2 2.15.41 → 2.15.44

package/lib/vtx-wr-modal/components/BaseInfoNew2/index.less

@@ -1,320 +1,462 @@
-.wr2 {
-    overflow: auto;
-    display: flex;
-    justify-content: space-between;
-
-    .left {
-        width: 56%;
-    }
-
-    .right {
-        width: 43%;
-    }
-}
-
-.wrTitle {
-    width: 100%;
-    height: 56px;
-    line-height: 56px;
-    padding: 0 16px;
-    border-bottom: 1px solid #e8e8e8;
-    font-size: 16px;
-    position: relative;
-
-    .titleExtra {
-        position: absolute;
-        right: 16px;
-        top: 0;
-    }
-
-    .ant-tabs-nav {
-        margin-bottom: 0;
-        height: 55px;
-    }
-}
-
-.wrContent {
-    padding: 12px;
-    box-sizing: border-box;
-}
-
-.jbxx {
-    width: 100%;
-    height: auto;
-    border-radius: 6px;
-    background: #fff;
-    margin-bottom: 16px;
-
-    .imgContent {
-        width: 100%;
-        height: 340px;
-        position: relative;
-
-        div,
-        span {
-            color: #fff !important;
-        }
-
-        .imgTitle {
-            position: absolute;
-            top: 20px;
-            left: 20px;
-            right: 20px;
-            height: 32px;
-            background: rgba(14, 60, 67, 0.5);
-            line-height: 32px;
-            text-align: center;
-            font-size: 16px;
-            z-index: 10;
-        }
-
-        img {
-            width: 100%;
-            height: 100%;
-            background: rgba(255, 255, 255, 0.01);
-            cursor: pointer;
-        }
-
-        .num {
-            width: 110px;
-            height: 32px;
-            position: absolute;
-            bottom: 28px;
-            left: 50%;
-            transform: translateX(-50%);
-            background: rgba(14, 60, 67, 0.5);
-            border-radius: 20px;
-            line-height: 32px;
-            text-align: center;
-            z-index: 10;
-
-            .anticon {
-                cursor: pointer;
-            }
-        }
-    }
-
-    .basicContent {
-        line-height: 32px;
-        margin-top: 6px;
-
-        .ant-col {
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-
-            .tip {
-                color: #8c8c8c;
-            }
-
-            .text {
-                color: #1f1f1f;
-            }
-        }
-    }
-
-    .videoContent {
-        width: 100%;
-        height: 340px;
-
-        .videoText {
-            width: 100%;
-            height: calc(100% - 40px);
-            margin-top: 8px;
-            background: rgba(255, 255, 255, 0.05);
-
-            .vtx-live-player {
-                width: 100% !important;
-                margin: 0 auto;
-            }
-        }
-    }
-}
-
-.sjjg {
-    width: 100%;
-    height: auto;
-    border-radius: 6px;
-    background: #fff;
-    margin-bottom: 16px;
-
-    .totalNum {
-        display: flex;
-        justify-content: space-between;
-
-        .eachTotal {
-            width: 49%;
-            height: auto;
-            background-size: 100% 100%;
-            background-repeat: no-repeat;
-            padding: 27px 20px;
-            color: rgba(255, 255, 255, 0.8);
-            line-height: 36px;
-            display: flex;
-            justify-content: space-between;
-
-            img {
-                width: 36px;
-                height: 36px;
-                margin-right: 14px;
-                vertical-align: bottom;
-            }
-        }
-    }
-
-    .eachType {
-        padding: 12px;
-        border: 1px solid #e8e8e8;
-        border-radius: 4px;
-        margin-top: 16px;
-
-        .typeTitle {
-            display: flex;
-            line-height: 25px;
-
-            img {
-                width: 50px;
-                height: 50px;
-                margin-right: 12px;
-            }
-        }
-
-        .typeContent {
-            margin-top: 12px;
-            background: #f0f2f5;
-            padding: 15px 12px 0;
-            display: flex;
-            flex-wrap: wrap;
-
-            .typeItem {
-                width: 120px;
-                height: 50px;
-                margin-bottom: 15px;
-
-                .itemTitle {
-                    color: #8c8c8c;
-                    width: 100%;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                    margin-bottom: 4px;
-
-                    img {
-                        width: 16px;
-                        height: 16px;
-                        margin-right: 4px;
-                        margin-top: -4px;
-                    }
-                }
-            }
-        }
-    }
-}
-.vtx-business-modal--main-notab {
-    width: 100%;
-    min-height: 450px;
-}
-.ptss {
-    width: 100%;
-    height: auto;
-    border-radius: 6px;
-    background: #fff;
-
-    .summary {
-        padding: 12px 0;
-        display: flex;
-        justify-content: space-between;
-        border: 1px solid #e8e8e8;
-        border-radius: 4px;
-
-        .summaryItem {
-            line-height: 24px;
-            font-size: 16px;
-            display: flex;
-            justify-content: space-between;
-            padding: 0 10px;
-
-            img {
-                width: 28px;
-                height: 28px;
-                vertical-align: bottom;
-                margin-right: 8px;
-            }
-
-            .has {
-                display: inline-block;
-                width: 46px;
-                text-align: center;
-                height: 22px;
-                line-height: 22px;
-                border-radius: 23px;
-                background: linear-gradient(180deg, #4ce09b 0, #07b077 100%);
-                color: #fff;
-                margin-top: 6px;
-            }
-
-            .hasNo {
-                background: linear-gradient(180deg, #b2bcc8 0%, #607087 100%);
-            }
-        }
-    }
-
-    .genderNum {
-        margin-top: 14px;
-        display: flex;
-        justify-content: space-between;
-
-        .genderItem {
-            width: 49%;
-            height: 200px;
-            border: 1px solid #e8e8e8;
-            border-radius: 4px;
-            padding: 12px;
-
-            .totalNum {
-                display: flex;
-                justify-content: space-between;
-                line-height: 25px;
-
-                .gender {
-                    display: flex;
-
-                    img {
-                        width: 50px;
-                        height: 50px;
-                        margin-right: 12px;
-                    }
-                }
-            }
-
-            .eachType {
-                width: 100%;
-                height: 114px;
-                margin-top: 12px;
-                border-radius: 4px;
-                background: #f0f2f5;
-                display: flex;
-                justify-content: space-between;
-                padding: 12px;
-
-                img {
-                    width: 24px;
-                    height: 24px;
-                }
-            }
-        }
-    }
-}
-
-.monitor {
-    .searchType {
-        display: flex;
-        line-height: 32px;
-        margin-bottom: 12px;
-    }
-
-    .charts {
-        width: 100%;
-        height: 400px;
-    }
-}
+.wr2 {
+    overflow: auto;
+    display: flex;
+    justify-content: space-between;
+
+    .left {
+        width: 55%;
+        margin-left: 12px;
+    }
+
+    .right {
+        width: 42%;
+        margin-right: 12px;
+    }
+}
+
+.wrTitle {
+    width: 100%;
+    height: 56px;
+    line-height: 56px;
+    padding: 0 16px;
+    border-bottom: 1px solid #e8e8e8;
+    font-size: 16px;
+    position: relative;
+
+    .titleExtra {
+        position: absolute;
+        right: 16px;
+        top: 0;
+    }
+
+    .ant-tabs-nav {
+        margin-bottom: 0;
+        height: 55px;
+    }
+}
+
+.wrContent {
+    padding: 12px;
+    box-sizing: border-box;
+}
+
+.blue {
+    color: #fff !important;
+
+    .ant-tabs {
+        color: #fff !important;
+    }
+
+    .ant-radio-button-wrapper,
+    .ant-btn-default,
+    .ant-picker,
+    .ant-table,
+    th,
+    .ant-table-placeholder,
+    .ant-table-tbody>tr>td,
+    .ant-select,
+    .ant-select-selector {
+        background: transparent !important;
+        border-color: rgba(32, 102, 167, 0.5) !important;
+        color: #BDD9FF !important;
+
+        input,
+        .ant-picker-suffix,
+        .ant-select-arrow {
+            color: #BDD9FF !important;
+        }
+    }
+
+    .ant-table-tbody>tr.ant-table-placeholder:hover>td,
+    .ant-table-tbody>tr.ant-table-row:hover>td,
+    .ant-table-tbody>tr>td.ant-table-cell-row-hover {
+        background: transparent !important;
+    }
+
+    .ant-radio-button-wrapper-checked {
+        color: #1890ff !important;
+    }
+
+    .ant-radio-button-wrapper:not(:first-child)::before {
+        background-color: #36569A !important;
+    }
+
+    .wrTitle {
+        border-color: rgba(32, 102, 167, 0.5) !important;
+    }
+
+    .jbxx,
+    .sjjg,
+    .ptss {
+        background: rgba(0, 103, 156, 0.1);
+
+        .basicContent {
+            .tip {
+                color: #BDD9FF !important;
+            }
+
+            .text {
+                color: #fff !important;
+            }
+        }
+
+        .eachType,
+        .summary,
+        .genderItem {
+            background: transparent !important;
+            border-color: rgba(32, 102, 167, 0.5) !important;
+        }
+
+        .typeContent {
+            background: rgba(255, 255, 255, .03) !important;
+            color: #fff !important;
+
+            .itemTitle,
+            span {
+                color: #fff !important;
+            }
+        }
+    }
+}
+
+.jbxx {
+    width: 100%;
+    height: auto;
+    border-radius: 12px;
+    background: #fff;
+    margin-bottom: 16px;
+
+    .imgContent {
+        width: 100%;
+        height: 340px;
+        position: relative;
+
+        div,
+        span {
+            color: #fff !important;
+        }
+
+        .imgTitle {
+            position: absolute;
+            top: 20px;
+            left: 20px;
+            right: 20px;
+            height: 32px;
+            background: rgba(14, 60, 67, 0.5);
+            line-height: 32px;
+            text-align: center;
+            font-size: 16px;
+            z-index: 10;
+        }
+
+        img {
+            width: 100%;
+            height: 100%;
+            background: rgba(255, 255, 255, 0.01);
+            cursor: pointer;
+        }
+
+        .num {
+            width: 110px;
+            height: 32px;
+            position: absolute;
+            bottom: 28px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: rgba(14, 60, 67, 0.5);
+            border-radius: 20px;
+            line-height: 32px;
+            text-align: center;
+            z-index: 10;
+
+            .anticon {
+                cursor: pointer;
+            }
+        }
+    }
+
+    .basicContent {
+        line-height: 32px;
+        margin-top: 6px;
+
+        .ant-col {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+
+            .tip {
+                color: #8c8c8c;
+            }
+
+            .text {
+                color: #1f1f1f;
+            }
+        }
+    }
+
+    .videoContent {
+        width: 100%;
+        height: 340px;
+
+        .videoText {
+            width: 100%;
+            height: calc(100% - 40px);
+            margin-top: 8px;
+            background: rgba(255, 255, 255, 0.05);
+
+            .vtx-live-player {
+                width: 100% !important;
+                margin: 0 auto;
+            }
+        }
+    }
+}
+
+.sjjg {
+    width: 100%;
+    height: auto;
+    border-radius: 12px;
+    background: #fff;
+    margin-bottom: 16px;
+
+    .totalNum {
+        display: flex;
+        justify-content: space-between;
+
+        .eachTotal {
+            width: 49%;
+            height: auto;
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            padding: 27px 20px;
+            color: rgba(255, 255, 255, 0.8);
+            line-height: 36px;
+            display: flex;
+            justify-content: space-between;
+
+            img {
+                width: 36px;
+                height: 36px;
+                margin-right: 14px;
+                vertical-align: bottom;
+            }
+        }
+    }
+
+    .eachType {
+        padding: 12px;
+        border: 1px solid #e8e8e8;
+        border-radius: 4px;
+        margin-top: 16px;
+
+        .typeTitle {
+            display: flex;
+            line-height: 25px;
+
+            img {
+                width: 50px;
+                height: 50px;
+                margin-right: 12px;
+            }
+        }
+
+        .typeContent {
+            margin-top: 12px;
+            background: #f0f2f5;
+            padding: 15px 12px 0;
+            display: flex;
+            flex-wrap: wrap;
+
+            .typeItem {
+                width: 120px;
+                height: 50px;
+                margin-bottom: 15px;
+
+                .itemTitle {
+                    color: #8c8c8c;
+                    width: 100%;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    margin-bottom: 4px;
+
+                    img {
+                        width: 16px;
+                        height: 16px;
+                        margin-right: 4px;
+                        margin-top: -4px;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.vtx-business-modal--main-notab {
+    width: 100%;
+    min-height: 450px;
+}
+
+.ptss {
+    width: 100%;
+    height: auto;
+    border-radius: 12px;
+    background: #fff;
+
+    .summary {
+        padding: 12px 0;
+        display: flex;
+        justify-content: space-between;
+        border: 1px solid #e8e8e8;
+        border-radius: 4px;
+
+        .summaryItem {
+            line-height: 24px;
+            font-size: 16px;
+            display: flex;
+            justify-content: space-between;
+            padding: 0 10px;
+
+            img {
+                width: 28px;
+                height: 28px;
+                vertical-align: bottom;
+                margin-right: 8px;
+            }
+
+            .has {
+                display: inline-block;
+                width: 46px;
+                text-align: center;
+                height: 22px;
+                line-height: 22px;
+                border-radius: 23px;
+                background: linear-gradient(180deg, #4ce09b 0, #07b077 100%);
+                color: #fff;
+                margin-top: 6px;
+            }
+
+            .hasNo {
+                background: linear-gradient(180deg, #b2bcc8 0%, #607087 100%);
+            }
+        }
+    }
+
+    .genderNum {
+        margin-top: 14px;
+        display: flex;
+        justify-content: space-between;
+
+        .genderItem {
+            width: 49%;
+            height: 200px;
+            border: 1px solid #e8e8e8;
+            border-radius: 4px;
+            padding: 12px;
+
+            .totalNum {
+                display: flex;
+                justify-content: space-between;
+                line-height: 25px;
+
+                .gender {
+                    display: flex;
+
+                    img {
+                        width: 50px;
+                        height: 50px;
+                        margin-right: 12px;
+                    }
+                }
+            }
+
+            .eachType {
+                width: 100%;
+                height: 114px;
+                margin-top: 12px;
+                border-radius: 4px;
+                background: #f0f2f5;
+                display: flex;
+                justify-content: space-between;
+                padding: 12px;
+
+                img {
+                    width: 24px;
+                    height: 24px;
+                }
+            }
+        }
+    }
+}
+
+.monitor {
+    .searchType {
+        display: flex;
+        line-height: 32px;
+        margin-bottom: 12px;
+    }
+
+    .charts {
+        width: 100%;
+        height: 400px;
+        overflow: auto;
+    }
+}
+
+.popupDate {
+    .ant-picker-panel-container {
+        background: #233247 !important;
+
+        .ant-picker-header {
+            color: #fff;
+
+            button {
+                color: #fff;
+            }
+        }
+
+        th {
+            color: #fff !important;
+        }
+
+        .ant-picker-cell-in-view {
+            &:before {
+                background: transparent !important;
+            }
+
+            .ant-picker-cell-inner {
+                color: #fff !important;
+
+                &:after {
+                    background: transparent !important;
+                }
+            }
+        }
+
+        .ant-picker-cell-in-range,
+        .ant-picker-cell-range-start,
+        .ant-picker-cell-range-end {
+            background: #1890ff !important;
+        }
+
+        .ant-picker-cell-inner {
+            color: #bbb !important;
+        }
+
+        .ant-picker-today-btn {
+            color: #fff !important;
+        }
+
+        .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
+        .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
+            background: rgba(0, 95, 149) !important;
+        }
+
+        .ant-picker-cell-disabled {
+            .ant-picker-cell-inner {
+                color: fade(#ffffff, 35) !important;
+                cursor: not-allowed !important;
+            }
+        }
+    }
+}