全局样式修改

whyczyk

2020-10-29 b555d303ce96b17e76610b3138ecbff9538746b9

全局样式修改

 src/assets/css/theme/science-blue.css

@@ -1,34 +1,37 @@
.el-science-blue {
    background: url("../../images/dw_bg.jpg") no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
    background: url("../../images/dw_bg.jpg") no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
}

/* tabs */
.el-science-blue .el-tabs--border-card {
    background: transparent;
    border: 1px solid #00feff;
}
.el-science-blue .el-home-tabs.el-tabs--border-card{
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.el-science-blue .el-tabs--border-card>.el-tabs__header {
    background-color: #0b388a;
    background: transparent;
    border: 1px solid #00feff;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item{
.el-science-blue .el-home-tabs.el-tabs--border-card {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header {
    background-color: #0b388a;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item {
    color: #00feff;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background-color: #00feff;
    background-color: #00feff;
    border-color: #00feff;
    color: #041F6C;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header {
    border-bottom: 1px solid #00feff;
    border-bottom: 1px solid #00feff;
}

/* .el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item:hover {
@@ -36,107 +39,174 @@
} */

.el-science-blue .el-tabs__item.is-left {
    color: #FFFFFF;
    color: #FFFFFF;
}

.el-science-blue .el-tabs__item.is-left.is-active {
    color: #1de6d4;
    color: #1de6d4;
}

.el-tabs.el-tabs--left .el-tabs__content,
.el-tabs.el-tabs--left .el-tabs__content .el-tab-pane{
    height: 100%;
.el-tabs.el-tabs--left .el-tabs__content .el-tab-pane {
    height: 100%;
}

.el-science-blue .tab-menu-left {
    border-right: 1px solid #00feff;
    color: #00feff;
    border-right: 1px solid #00feff;
    color: #00feff;
}

.el-science-blue .tab-menu-left:hover {
    cursor: pointer;
    background-color:  #00feff;
    cursor: pointer;
    background-color: #00feff;
    color: #041F6C;
}

.el-science-blue .tab-menu-left:active {
    cursor: pointer;
    background-color:  #00feff;
    cursor: pointer;
    background-color: #00feff;
    color: #041F6C;
}

.el-science-blue .el-tabs__nav-prev,
.el-science-blue .el-tabs__nav-next {
    color: #FFFFFF;
    color: #FFFFFF;
}

/* drawer */
.el-science-blue .el-drawer {
    padding: 6px;
}

.el-science-blue .el-drawer,
.el-science-blue .el-drawer .el-menu {
    background-color: #021964;

    background-color: #021a64;
}

.el-science-blue .el-drawer .el-menu.el-menu--inline {
    background-color: #0b388b;
    border-radius: 8px;
    overflow: hidden;
}

.el-science-blue .menu-content {
    color: #FFFFFF;
    color: #FFFFFF;
}



/* menu */
.el-science-blue .el-menu {
    color: #FFFFFF;
    border-right: none;
    background-color: #000000;
    color: #FFFFFF;
    border-right: none;
    background-color: #000000;
}
.el-science-blue .el-submenu__title [class^=el-icon] {
    display: inline-block;
    background-color: #0b388a;
    padding: 8px 4px;
    border-radius: 18px;
    color: #4ba1fa;

.el-science-blue .el-submenu__title [class^=el-icon],
.el-science-blue .submenu__title [class^=el-icon] {
    display: inline-block;
    background-color: #4ba0fa;
    padding: 8px 4px;
    border-radius: 18px;
    color: #0b388b;
    margin-right: 11px;
}

.el-science-blue .el-menu-item {
    color: #00FEFF;
    color: #00FEFF;
    position: relative;
    transition: none;
    font-weight: bold;
}

.el-science-blue .el-menu-item.is-active .submenu__title [class^=el-icon] {
    background-color: #00FEFF;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #00fefe;
    top: 50%;
    left: 30px;
    margin-top: -3px;
}

.el-science-blue .el-submenu__title {
    color: #4ba1fa;
    color: #4ba1fa;
    font-weight: bold;
}

.el-science-blue .el-submenu__title:hover,
.el-science-blue .el-menu-item:hover{
    background-color: rgb(61, 66, 70);
.el-science-blue .el-menu-item:hover {
    background-color: #0b2184;
}
.el-science-blue .el-menu-item.is-active{
    color: #021964;
    background-color: #00FEFF;

.el-science-blue .el-menu.el-menu--inline .el-menu-item {
    padding-left: 48px !important;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active {
    background-color: #00fefe;
    color: #021a64;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active::before {
    background-color: #021a64;
}

.el-science-blue .el-menu-item.is-active {
    background-color: #0b388b;
    color: #00fefe;
}

.el-science-blue .el-submenu__title i {
    color: #4ba0fa;
    font-size: 14px;
    font-weight: bold;
}

/* tree */
.el-science-blue .el-tree{
    background: none;
    color: #4ba1fa;
.el-science-blue .el-tree {
    background: none;
    color: #4ba1fa;
}

.el-science-blue .el-tree .el-tree-node:focus>.el-tree-node__content {
    background: none;
    background: none;
}

.el-science-blue .el-tree .el-tree-node>.el-tree-node__content:hover {
    background-color: #0b388a;
    background-color: #0b388a;
}
.el-science-blue .el-tree .el-tree-node.is-current>.el-tree-node__content{
    background-color: #0b388a;

.el-science-blue .el-tree .el-tree-node.is-current>.el-tree-node__content {
    background-color: #0b388a;
}

.el-science-blue .params-dialog .el-tree {
    color: #606266;
    color: #606266;
}

.el-science-blue .params-dialog .el-tree .el-tree-node>.el-tree-node__content:hover {
    color: #FFFFFF;
    color: #FFFFFF;
}
.el-science-blue .params-dialog .el-tree .el-tree-node.is-current>.el-tree-node__content{
    color: #FFFFFF;

.el-science-blue .params-dialog .el-tree .el-tree-node.is-current>.el-tree-node__content {
    color: #FFFFFF;
}
.el-science-blue .el-tree-node__expand-icon{

.el-science-blue .el-tree-node__expand-icon {
    color: #4ba1fa;
}

.el-science-blue .el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default;
    color: transparent;
    cursor: default;
}


@@ -144,170 +214,273 @@
/* input */
.el-science-blue .el-input.is-disabled .el-input__inner,
.el-science-blue .el-input__inner {
    background-color: rgba(255,227,41,0.2);
    border-color: rgba(255,227,41,0.2);
    color: #FFE329;
    background-color: rgba(255, 227, 41, 0.2);
    border-color: rgba(255, 227, 41, 0.2);
    color: #FFE329;
}

.el-science-blue .params-dialog .el-input.is-disabled .el-input__inner,
.el-science-blue .params-dialog .el-input__inner {
    background-color: #FFFFFF;
    border-color:#DCDFE6;
    color: #606266;
    background-color: #FFFFFF;
    border-color: #DCDFE6;
    color: #606266;
}

.el-science-blue .params-dialog .el-form-item__label {
    font-size: 12px;
    font-weight: bold;
    font-size: 12px;
    font-weight: bold;
}

.el-form--label-top .el-form-item__label {
    padding: 0;
    padding: 0;
}

.el-science-blue .params-dialog .el-input__inner[readonly=readonly] {
    background-color: #cccccc;
    background-color: #cccccc;
}

.el-science-blue .params-dialog .el-select,
.el-science-blue .params-dialog .el-date-editor.el-input,
.el-science-blue .params-dialog .el-date-editor.el-input__inner{
    width: 100%;
.el-science-blue .params-dialog .el-date-editor.el-input__inner {
    width: 100%;
}

.el-science-blue .params-dialog .el-select .el-input__inner[readonly=readonly] {
    background-color: #FFF;
    background-color: #FFF;
}

.el-science-blue .params-dialog .el-form-item--mini.el-form-item, 
.el-science-blue .params-dialog .el-form-item--mini.el-form-item,
.el-science-blue .params-dialog .el-form-item--small.el-form-item {
    margin-bottom: 8px;
    margin-bottom: 8px;
}

.el-science-blue .el-input__prefix, .el-input__suffix,.el-science-blue .el-select .el-input .el-select__caret{
.el-science-blue .el-input__prefix,
.el-input__suffix,
.el-science-blue .el-select .el-input .el-select__caret {
    color: #FFE329;
}
.el-science-blue .el-select:hover .el-input__inner{
    border-color: rgba(255,227,41,0.8);

.el-science-blue .el-select:hover .el-input__inner {
    border-color: rgba(255, 227, 41, 0.8);
}

.el-science-blue .el-cascader:not(.is-disabled):hover .el-input__inner {
    cursor: pointer;
    border-color: rgba(255,227,41,0.8);
    cursor: pointer;
    border-color: rgba(255, 227, 41, 0.8);
}
.el-science-blue .el-cascader .el-input .el-input__inner:focus,.el-science-blue  .el-cascader .el-input.is-focus .el-input__inner{
    border-color: rgba(255,227,41,0.8);

.el-science-blue .el-cascader .el-input .el-input__inner:focus,
.el-science-blue .el-cascader .el-input.is-focus .el-input__inner {
    border-color: rgba(255, 227, 41, 0.8);
}

.el-science-blue .el-select .el-input.is-focus .el-input__inner {
    border-color: rgba(255,227,41,0.8);
    border-color: rgba(255, 227, 41, 0.8);
}
.el-science-blue .el-input__inner::-webkit-input-placeholder{

.el-science-blue .el-input__inner::-webkit-input-placeholder {
    color: #FFE329;
}

/* table */
.el-science-blue .el-table  {
    color: #FFFFFF;
.el-science-blue .el-table {
    color: #FFFFFF;
}
.el-science-blue .el-table, 

.el-science-blue .el-table,
.el-science-blue .el-table__expanded-cell,
.el-science-blue .el-table tr {
    background: none;
    background: none;
}
.el-science-blue .el-table th{
    background: none;

.el-science-blue .el-table th {
    background: none;
    font-size: 14px;
}

.el-science-blue .el-table thead {
    color: #d3ac6d;
    font-weight: bold;
}
.el-science-blue .el-table--enable-row-hover .el-table__body tr:hover>td,
.el-science-blue .el-table__body tr.hover-row>td {
    background-color: #5990c4;
}
.el-science-blue .el-table__fixed-right {
    background-color: #1d4a77;
}
.el-science-blue .el-table th.is-leaf {
    border-bottom: none;
}
.el-science-blue .el-table td {
    border-bottom: none;
    background: #0b388a;
}
.el-science-blue .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: none;
}
.el-science-blue .el-table th>.cell{
    color: #00feff;
    font-weight: bold;
}

.el-science-blue .el-table--enable-row-hover .el-table__body tr:hover>td,
.el-science-blue .el-table__body tr.hover-row>td {
    background-color: #5990c4;
}

.el-science-blue .el-table__fixed-right {
    background-color: #052272;
}

.el-science-blue .el-table th.is-leaf {
    border-bottom: none;
}

.el-science-blue .el-table td {
    border-bottom: none;
    background: #0b388a;
}

.el-science-blue .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: none;
}

.el-science-blue .el-table th>.cell {
    font-weight: bold;
}

.el-science-blue .el-table--border::after,
.el-science-blue .el-table--group::after,
.el-science-blue .el-table::before {
    background-color: transparent;
}

.el-science-blue .el-table__fixed-right::before,
.el-science-blue .el-table__fixed::before {
    background-color: transparent;
}

.el-science-blue .el-table td .el-button--primary {
    border-color: #f69f40;
    background-color: #f69f40;
    color: #041f6e;
}

.el-science-blue .el-table td .el-button--primary:hover {
    border-color: #f68e38;
    background-color: #f68e38;
}

.el-science-blue .el-table td .el-button--danger {
    border-color: #f3535f;
    background-color: #f3535f;
    color: #ffe328;
}

.el-science-blue .el-table td .el-button--danger:hover {
    border-color: #f3435b;
    background-color: #f3435b;
}

.el-science-blue .el-table td .el-button--success {
    border-color: #8fed7d;
    background-color: #8fed7d;
    color: #041f6e;
}

.el-science-blue .el-table td .el-button--success:hover {
    border-color: #6bed6b;
    background-color: #6bed6b;
}

/* el-popover */
.el-popover {
    padding: 0;
    background: none;
    border: none;
    padding: 0;
    background: none;
    border: none;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: rgb(30, 125, 219);
    border-bottom-color: rgb(30, 125, 219);
}

.el-select-dropdown.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #FFF;
    border-bottom-color: #FFF;
}

/* dialog */
.el-science-blue .el-dialog__header {
    padding:8px 16px;
    background-image: linear-gradient(#62b0fa, #3497f3, #1660B9);
    padding: 8px 16px;
    background-image: linear-gradient(#62b0fa, #3497f3, #1660B9);
}

.el-science-blue .el-dialog__title {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

.el-science-blue .el-dialog__headerbtn {
    top: 8px;
    top: 8px;
}

.el-science-blue .el-dialog__headerbtn .el-dialog__close {
    color: #FFFFFF;
    color: #FFFFFF;
}

.el-science-blue .el-dialog__body {
    padding: 0;
    padding: 0;
}

/* el-transfer */
.el-science-blue .el-transfer-panel {
    background: none; 
    background: none;
}

.el-science-blue .el-transfer-panel__header {
    background-image: linear-gradient(#62b0fa, #3497f3, #1660B9);
    
} 
    background-image: linear-gradient(#62b0fa, #3497f3, #1660B9);

}

.el-science-blue .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    color: #FFFFFF;
    color: #FFFFFF;
}

.el-science-blue .el-transfer-panel__item.el-checkbox {
    color: #FFFFFF;
    color: #FFFFFF;
}

.el-science-blue .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    color: #FFFFFF;
    color: #FFFFFF;
}
.el-science-blue .el-checkbox__input.is-checked .el-checkbox__inner, .el-science-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #d3ac6d;
    border-color: #d3ac6d;

.el-science-blue .el-checkbox__input.is-checked .el-checkbox__inner,
.el-science-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #00feff;
    border-color: #00feff;
}
.el-science-blue .el-checkbox__inner::after{

.el-science-blue .el-checkbox__inner::after {
    border-color: #052270;
}

/* el-pagination */
.el-science-blue .el-pagination__total,
.el-science-blue .el-pagination__jump {
    color: #FFFFFF;
    color: #FFFFFF;
}
.el-science-blue .el-pagination .btn-next, 

.el-science-blue .el-pagination .btn-next,
.el-science-blue .el-pagination .btn-prev {
    background: none;
    color: #3ebdc9;
    background: none;
    color: #3ebdc9;
}

.el-science-blue .el-pager li {
    color: #FFFFFF;
    background: none;
    color: #FFFFFF;
    background: none;
}

.el-science-blue .el-pager li.active {
    color: #409EFF;
    color: #409EFF;
}

.el-science-blue .el-pagination .el-input__inner {
    background-color: #0b388b;
    border-color: #4ba0fa;
    color: #FFFFFF;
}

.el-science-blue .el-pagination .el-select .el-input.is-focus .el-input__inner,
.el-science-blue .el-pagination .el-select:hover .el-input__inner {
    border-color: #3eaffa;
}

.el-science-blue .el-pagination .el-select .el-input .el-select__caret {
    color: #4ba0fa;
}

.el-science-blue .el-pagination-btns .el-button--primary {
    background-color: #4ba0fa;
    color: #041f6c;
}

 src/assets/images/eleOff.gif

Binary files differ

 src/assets/images/eleOff.png

 src/assets/images/eleOn.gif

Binary files differ

 src/assets/images/eleOn.png

 src/components/FlexLayout.vue

@@ -56,6 +56,7 @@
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #052272;
}

</style>

 src/components/PageMenu.vue

@@ -14,8 +14,10 @@
                </el-menu-item>
            </el-submenu>
            <el-menu-item v-else :index="menu.name" :key="menu.name" @click="select(menu)">
                <i class="el-icon-s-home"></i>
                <span slot="title">{{ menu.label }}</span>
                <div class="submenu__title">
                    <i class="el-icon-s-home"></i>
                    <span slot="title">{{ menu.label }}</span>
                </div>
            </el-menu-item>
        </template>
    </el-menu>

 src/pages/alarmMager/batteryrTimequery.vue

@@ -44,22 +44,22 @@
                        <ul class="light">
                            <li>
                                <el-tooltip class="item" effect="dark" content="一级警告" placement="bottom-end">
                                    <img src="../../assets/images/eleOff.gif">
                                    <img src="../../assets/images/eleOff.png" class="lampImg">
                                </el-tooltip>
                            </li>
                            <li>
                                <el-tooltip class="item" effect="dark" content="二级警告" placement="bottom-end">
                                    <img src="../../assets/images/eleOn.gif">
                                    <img src="../../assets/images/eleOn.png" class="lampImg">
                                </el-tooltip>
                            </li>
                            <li>
                                <el-tooltip class="item" effect="dark" content="三级警告" placement="bottom-end">
                                    <img src="../../assets/images/eleOff.gif">
                                    <img src="../../assets/images/eleOff.png" class="lampImg">
                                </el-tooltip>
                            </li>
                            <li>
                                <el-tooltip class="item" effect="dark" content="四级警告" placement="bottom-end">
                                    <img src="../../assets/images/eleOff.gif">
                                    <img src="../../assets/images/eleOff.png" class="lampImg">
                                </el-tooltip>
                            </li>
                        </ul>
@@ -656,6 +656,9 @@

        .trTitle {
            height: 35px;
            font-size: 14px;
            font-weight: bold;
            color: #00ffff;
        }

        /* 告警状态警示灯 */
@@ -727,6 +730,10 @@
    }

    .flex-page-footer {
        border-top: 1px solid #FFFFFF;
        // border-top: 1px solid #FFFFFF;
    }
	
    .lampImg{
        width: 34px;
    }
</style>

 src/pages/dataMager/battGroupMager.vue

@@ -156,7 +156,7 @@
                <el-table-column
                prop="BattGroupNum"
                label="机房内电池组编号"
                min-width="120"
                min-width="134"
                :resizable="false"
                align="center">
                </el-table-column>
@@ -170,21 +170,21 @@
                <el-table-column
                prop="FloatVolLevel"
                label="浮充电压阀值(V)"
                min-width="120"
                min-width="130"
                :resizable="false"
                align="center">
                </el-table-column>
                <el-table-column
                prop="OfflineVolLevel"
                label="离线电压阀值(V)"
                min-width="120"
                min-width="130"
                :resizable="false"
                align="center">
                </el-table-column>
                <el-table-column
                prop="BattFloatCurrent"
                label="浮充电流阀值(A)"
                min-width="120"
                min-width="130"
                :resizable="false"
                align="center">
                </el-table-column>
@@ -205,7 +205,7 @@
                <el-table-column
                prop="MonVolStd"
                label="标称单体电压(V)"
                min-width="120"
                min-width="130"
                :resizable="false"
                align="center">
                </el-table-column>
@@ -226,7 +226,7 @@
                <el-table-column
                prop="MonVolLowToAvg"
                label="单体电压次低偏移量(V)"
                min-width="150"
                min-width="168"
                :resizable="false"
                align="center">
                </el-table-column>
@@ -240,7 +240,7 @@
                <el-table-column
                prop="DisCurrMax"
                label="最大核容电流(A)"
                min-width="120"
                min-width="130"
                :resizable="false"
                align="center">
                </el-table-column>

 src/pages/dataMager/historyInfoMager.vue

@@ -153,7 +153,7 @@
                        {
                            prop: "test_starttypeHex",
                            label: "测试仪表类型",
                            width: "100"
                            width: "110"
                        },
                        {
                            prop: "test_curr",
@@ -168,7 +168,7 @@
                        {
                            prop: "sum",
                            label: "落后单体数量",
                            width: "100"
                            width: "110"
                        },
                        {
                            prop: "msgN",
@@ -183,17 +183,17 @@
                        {
                            prop: "lowRH",
                            label: "平均截止电压",
                            width: "100"
                            width: "110"
                        },
                        {
                            prop: "min_monnum",
                            label: "最低单体编号",
                            width: "100"
                            width: "110"
                        },
                        {
                            prop: "min_monvol",
                            label: "最低单体电压",
                            width: "100"
                            width: "110"
                        },
                        {
                            prop: "realCap",

 src/pages/userMager/userInfo.vue

@@ -3,7 +3,7 @@
    <flex-layout>
        <div class="flex-page-content">
                <el-table ref="tableBox" stripe size="mini" header-row-class-name="header-primary" height="100%"  :data="userList">
                    <el-table-column prop="UDepartment" width="60px"  align="center"  label="维护区"></el-table-column>
                    <el-table-column prop="UDepartment" width="80px"  align="center"  label="维护区"></el-table-column>
                    <el-table-column prop="UName" width="90px" align="center"  label="姓名"></el-table-column>
                    <el-table-column prop="UShenFenId"  width="90px" align="center"  label="身份证号"></el-table-column>
                    <el-table-column prop="UEmployeeId" width="90px"  align="center"  label="员工编号"></el-table-column>