吉安感知网项目-前端
张含笑
2026-01-19 f925f12d5263c94644bddf6fd2ac3d23b77791cf
applications/drone-command/src/styles/common/cockpit.scss
@@ -37,8 +37,47 @@
    }
}
.command-radio-group {
    .el-radio {
        .el-radio__input {
            width: 16px;
            height: 16px;
            border: none;
            .el-radio__inner {
                width: 16px;
                height: 16px;
                border: 2px solid #A1A3D4;
                border-radius: 50%;
                background: transparent !important;
                box-sizing: border-box;
            }
        }
        .el-radio__label {
            color: #FFFFFF;
        }
        &.is-checked {
            .el-radio__inner {
                background: #023AFF !important;
                border: none;
                &::after {
                    width: 8px;
                    height: 8px;
                }
            }
            .el-radio__label {
                color: #FFFFFF;
            }
        }
    }
}
// 数据驾驶舱专属
.command-data-cockpit-search-input {
.command-search-input {
    .el-input__wrapper {
        padding: 0 8px !important;
        background: #161B2C;
@@ -61,7 +100,7 @@
    }
}
.command-data-cockpit-date-picker {
.command-date-picker {
    box-shadow: none !important;
    background: #161B2C;
    border: none;
@@ -90,7 +129,7 @@
    }
}
.command-data-cockpit-date-picker-popper {
.command-date-picker-popper {
    background: #161B2C !important;
    border: none !important;
    border-radius: 0px 0px 8px 8px;
@@ -297,7 +336,7 @@
    }
}
.command-data-cockpit-select {
.command-select {
    .el-select__input {
        color: #ffffff !important;
    }
@@ -337,7 +376,7 @@
    }
}
.command-data-cockpit-select-popper.el-select__popper {
.command-select-popper.el-select__popper {
    border: none;
    background: #2E2E48 !important;
@@ -383,13 +422,13 @@
    }
}
.command-data-cockpit-cascader {
.command-cascader {
    .el-input__wrapper {
        --el-input-text-color: #161B2C !important;
    }
}
.command-data-cockpit-cascader-popper.el-cascader__dropdown {
.command-cascader-popper.el-cascader__dropdown {
    border: none;
    background: #2E2E48 !important;
@@ -417,7 +456,7 @@
}
// 树形选择
.command-data-cockpit-tree-select-popper {
.command-tree-select-popper {
    background: #2E2E48 !important;
    border: none !important;
@@ -495,7 +534,7 @@
    }
}
.command-data-cockpit-dialog {
.command-dialog {
    padding: 20px;
    display: flex;
    flex-direction: column;
@@ -550,7 +589,7 @@
        text-transform: none;
    }
    .command-data-cockpit-search-input {
    .command-search-input {
        .el-input__wrapper {
            background: #2E2E48;
        }
@@ -562,11 +601,11 @@
        }
    }
    .command-data-cockpit-date-picker {
    .command-date-picker {
        background: #2E2E48;
    }
    .command-data-cockpit-date-picker-popper {
    .command-date-picker-popper {
        background: #2E2E48 !important;
        .el-picker-panel {
@@ -639,13 +678,13 @@
        text-transform: none;
    }
    .command-data-cockpit-select {
    .command-select {
        .el-select__wrapper {
            background: #1C1C31;
        }
    }
    .command-data-cockpit-search-input {
    .command-search-input {
        .el-input__wrapper {
            background: #1C1C31;
        }
@@ -657,11 +696,11 @@
        }
    }
    .command-data-cockpit-date-picker {
    .command-date-picker {
        background: #1C1C31;
    }
    .command-data-cockpit-date-picker-popper {
    .command-date-picker-popper {
        background: #1C1C31 !important;
        .el-picker-panel {
@@ -799,6 +838,36 @@
        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;
                    }
                }
            }
        }
    }
    .command-table-content-bg {
@@ -806,7 +875,7 @@
    }
}
.command-data-cockpit-table {
.command-table {
    height: 0;
    flex: 1;
    background: transparent !important;
@@ -1066,6 +1135,14 @@
                    .el-input-number {
                        width: 0;
                        flex: 1;
                        .el-input__inner {
                            text-align: left;
                            &::placeholder {
                                text-align: left;
                            }
                        }
                    }
                    .el-cascader {
@@ -1097,11 +1174,11 @@
                        box-shadow: none;
                    }
                    .command-data-cockpit-date-picker {
                    .command-date-picker {
                        background: #2E2E48;
                    }
                    .command-data-cockpit-date-picker-popper {
                    .command-date-picker-popper {
                        background: #2E2E48 !important;
                        .el-picker-panel {
@@ -1371,6 +1448,14 @@
                            .el-input-number {
                                width: 0;
                                flex: 1;
                                .el-input__inner {
                                    text-align: left;
                                    &::placeholder {
                                        text-align: left;
                                    }
                                }
                            }
                            .el-textarea {
@@ -1394,11 +1479,11 @@
                                color: #fff;
                            }
                            .command-data-cockpit-date-picker {
                            .command-date-picker {
                                background: #2E2E48;
                            }
                            .command-data-cockpit-date-picker-popper {
                            .command-date-picker-popper {
                                background: #2E2E48 !important;
                                .el-picker-panel {