吉安感知网项目-前端
罗广辉
2026-01-21 da721d6d734532a70020a3cdf0de2eaf36ba3ac3
applications/drone-command/src/styles/common/cockpit.scss
@@ -139,7 +139,7 @@
}
.command-date-picker-popper {
    background: #161B2C !important;
    background: #2E2E48 !important;
    border: none !important;
    border-radius: 0px 0px 8px 8px;
@@ -157,7 +157,7 @@
    .el-picker-panel {
        .el-picker-panel__body-wrapper {
            .el-picker-panel__body {
                background: #161B2C !important;
                background: #2E2E48 !important;
                color: #fff !important;
                .el-date-range-picker__time-header {
@@ -220,6 +220,12 @@
                                }
                            }
                        }
                        .el-input__wrapper {
                            height: 28px;
                            background: #1A1A2A;
                            box-shadow: none;
                        }
                    }
                }
@@ -269,11 +275,17 @@
                            background-color: #161B2C !important;
                        }
                        td.current:not(.disabled) {
                            .el-date-table-cell__text {
                                background-color: #284FE3;
                            }
                        }
                        td.in-range div,
                        td.in-range div:hover,
                        &.is-week-mode .el-date-table__row.current div,
                        &.is-week-mode .el-date-table__row:hover div {
                            background-color: rgba(60, 121, 202) !important;
                            background-color: #284FE3 !important;
                        }
                    }
                }
@@ -283,8 +295,8 @@
    .el-popper__arrow {
        &::before {
            background: #161B2C !important;
            border: 1px solid #161B2C !important;
            background: #2E2E48 !important;
            border: 1px solid #2E2E48 !important;
            box-sizing: border-box;
        }
    }
@@ -326,21 +338,53 @@
    }
    .el-picker-panel__footer {
        background: #161B2C;
        background: #2E2E48;
        color: #fff;
        border-top: none;
        .el-button--small {
            box-shadow: 0 0 0 0.1rem#409eff;
            background-color: #161B2C;
            color: #fff;
            border: none;
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: none;
            background-color: transparent !important;
            &:hover {
                background-color: #161B2C;
                color: #fff;
                border-color: #409eff;
                border-color: none;
                background-color: transparent !important;
            }
        }
        .el-button--small:last-child {
            border: none;
            background-color: #284FE3 !important;
            &:hover {
                border: none;
                background-color: #284FE3 !important;
            }
        }
    }
    .el-time-panel__content {
        .el-time-spinner__item {
            &.is-active {
                color: #fff;
            }
            &:hover {
                background: transparent !important;
            }
        }
    }
    .el-time-panel__footer {
        .el-time-panel__btn {
            color: #fff;
        }
        .el-time-panel__btn:first-child {
            color: #86909C;
        }
    }
}
@@ -508,6 +552,11 @@
        .el-tree-node.is-current>.el-tree-node__content {
            color: #479dff !important;
        }
        .el-tree-node__content {
            height: 34px;
            line-height: 34px;
        }
    }
@@ -875,40 +924,6 @@
        flex: 1;
        display: flex;
        flex-direction: column;
        .el-checkbox {
            width: 16px;
            height: 16px;
            .el-checkbox__input {
                width: 16px;
                height: 16px;
                .el-checkbox__inner {
                    width: 16px;
                    height: 16px;
                    background: transparent !important;
                    border-radius: 2px 2px 2px 2px;
                    border: 2px solid #A1A3D4;
                    box-shadow: none;
                    box-sizing: border-box;
                }
            }
            &.is-checked {
                .el-checkbox__input {
                    .el-checkbox__inner {
                        border: none;
                        background: url("@/assets/images/common/checkbox.png") no-repeat center / 100% 100% !important;
                        &::after {
                            content: none;
                        }
                    }
                }
            }
        }
    }
    .command-table-content-bg {
@@ -933,17 +948,17 @@
    }
    th.el-table__cell {
        height: 40px;
        border-bottom: 1px solid #323241 !important;
        .cell {
            display: flex;
            align-items: center;
            padding: 0;
            padding-left: 16px;
            font-family: Source Han Sans CN, Source Han Sans CN;
            font-weight: 500;
            font-size: 14px;
            color: #FFFFFF;
            line-height: 40px;
            font-style: normal;
            text-transform: none;
        }
@@ -961,7 +976,6 @@
            font-weight: 400;
            font-size: 14px;
            color: #D2D2E7;
            line-height: 18px;
            font-style: normal;
            text-transform: none;
        }
@@ -990,6 +1004,44 @@
        background: transparent !important;
    }
    .el-table__empty-text {
        color: #fff;
    }
    .el-checkbox {
        width: 16px;
        height: 16px;
        .el-checkbox__input {
            width: 16px;
            height: 16px;
            .el-checkbox__inner {
                width: 16px;
                height: 16px;
                background: transparent !important;
                border-radius: 2px 2px 2px 2px;
                border: 2px solid #A1A3D4;
                box-shadow: none;
                box-sizing: border-box;
            }
        }
        &.is-checked {
            .el-checkbox__input {
                .el-checkbox__inner {
                    border: none;
                    background: url("@/assets/images/common/checkbox.png") no-repeat center / 100% 100% !important;
                    &::after {
                        content: none;
                    }
                }
            }
        }
    }
    .fixed-column {
        background-color: #1A1A2A !important;
    }