fix:添加两个电量报表里的table样式
This commit is contained in:
parent
6a18cae3bb
commit
aeb7259350
90
src/App.vue
90
src/App.vue
|
@ -1,47 +1,62 @@
|
|||
<template>
|
||||
<el-config-provider :locale="locale" :size="config.size" :zIndex="config.zIndex" :button="config.button">
|
||||
<el-config-provider
|
||||
:locale="locale"
|
||||
:size="config.size"
|
||||
:zIndex="config.zIndex"
|
||||
:button="config.button"
|
||||
>
|
||||
<router-view></router-view>
|
||||
</el-config-provider>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import colorTool from '@/utils/color';
|
||||
import colorTool from "@/utils/color";
|
||||
export default {
|
||||
name: 'App',
|
||||
name: "App",
|
||||
data() {
|
||||
return {
|
||||
config: {
|
||||
size: "default",
|
||||
zIndex: 2000,
|
||||
button: {
|
||||
autoInsertSpace: false
|
||||
}
|
||||
}
|
||||
}
|
||||
autoInsertSpace: false,
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
locale() {
|
||||
return this.$i18n.messages[this.$i18n.locale].el
|
||||
return this.$i18n.messages[this.$i18n.locale].el;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
//设置主题颜色
|
||||
const app_color = this.$CONFIG.COLOR || this.$TOOL.data.get('APP_COLOR')
|
||||
const app_color =
|
||||
this.$CONFIG.COLOR || this.$TOOL.data.get("APP_COLOR");
|
||||
if (app_color) {
|
||||
document.documentElement.style.setProperty('--el-color-primary', app_color);
|
||||
document.documentElement.style.setProperty(
|
||||
"--el-color-primary",
|
||||
app_color
|
||||
);
|
||||
for (let i = 1; i <= 9; i++) {
|
||||
document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, colorTool.lighten(app_color, i / 10));
|
||||
document.documentElement.style.setProperty(
|
||||
`--el-color-primary-light-${i}`,
|
||||
colorTool.lighten(app_color, i / 10)
|
||||
);
|
||||
}
|
||||
for (let i = 1; i <= 9; i++) {
|
||||
document.documentElement.style.setProperty(`--el-color-primary-dark-${i}`, colorTool.darken(app_color, i / 10));
|
||||
document.documentElement.style.setProperty(
|
||||
`--el-color-primary-dark-${i}`,
|
||||
colorTool.darken(app_color, i / 10)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '@/style/style.scss';
|
||||
@import "@/style/style.scss";
|
||||
|
||||
.card-header {
|
||||
display: flex;
|
||||
|
@ -134,7 +149,7 @@ export default {
|
|||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.el-calendar>.el-calendar__body {
|
||||
.el-calendar > .el-calendar__body {
|
||||
padding: 0 20px 20px;
|
||||
}
|
||||
|
||||
|
@ -160,19 +175,19 @@ export default {
|
|||
background: linear-gradient(to right, #053949, #107b90);
|
||||
}
|
||||
|
||||
.enpMenu>.el-dropdown-menu__item {
|
||||
.enpMenu > .el-dropdown-menu__item {
|
||||
margin-bottom: 0.5vh;
|
||||
//background: linear-gradient(to right, #29d, #1dabfd);
|
||||
background: linear-gradient(to right, #1b8fa4, #107b90);
|
||||
background: linear-gradient(to right, #1b8fa4, #107b90);
|
||||
}
|
||||
|
||||
.enpMenu>.el-dropdown-menu__item:not(.is-disabled):focus {
|
||||
.enpMenu > .el-dropdown-menu__item:not(.is-disabled):focus {
|
||||
//background: linear-gradient(to right, #10608e, #1dabfd);
|
||||
background: linear-gradient(to right, #053949, #107b90);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.enpMenu>.el-dropdown-menu__item {
|
||||
.enpMenu > .el-dropdown-menu__item {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
@ -205,8 +220,12 @@ export default {
|
|||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
#enpTable .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
|
||||
background-color: rgba(0, 50, 45, .5) !important;
|
||||
#enpTable
|
||||
.el-table--enable-row-hover
|
||||
.el-table__body
|
||||
tr:hover
|
||||
> td.el-table__cell {
|
||||
background-color: rgba(0, 50, 45, 0.5) !important;
|
||||
}
|
||||
|
||||
#enpTable .el-table th.el-table__cell,
|
||||
|
@ -231,18 +250,22 @@ export default {
|
|||
background: none !important;
|
||||
}
|
||||
|
||||
#enpTable .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
|
||||
background-color: rgba(0, 50, 45, .5) !important;
|
||||
#enpTable
|
||||
.el-table--striped
|
||||
.el-table__body
|
||||
tr.el-table__row--striped
|
||||
td.el-table__cell {
|
||||
background-color: rgba(0, 50, 45, 0.5) !important;
|
||||
}
|
||||
|
||||
.enpelCard.el-card {
|
||||
background: none !important;
|
||||
}
|
||||
.bigScreenTable table th{
|
||||
font-size: 0.8vw!important;
|
||||
.bigScreenTable table th {
|
||||
font-size: 0.8vw !important;
|
||||
}
|
||||
.bigScreenTable table td{
|
||||
font-size: 0.7vw!important;
|
||||
.bigScreenTable table td {
|
||||
font-size: 0.7vw !important;
|
||||
}
|
||||
|
||||
// .searchSelect>.select-trigger>.el-input>.el-input__wrapper {
|
||||
|
@ -263,9 +286,16 @@ export default {
|
|||
// background-image: url('/public/img/enp_blue/selectBg.png');
|
||||
// }
|
||||
|
||||
.enpCheckbox>.el-checkbox>.el-checkbox__label {
|
||||
.enpCheckbox > .el-checkbox > .el-checkbox__label {
|
||||
color: #ffffff;
|
||||
}
|
||||
#hourBaseTable.el-table--border th.el-table__cell {
|
||||
background: #008080;
|
||||
color: #ffffff;
|
||||
}
|
||||
#hourBaseTable.el-table.is-scrolling-left th.el-table-fixed-column--left {
|
||||
background: #008080;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
//排放系统
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue