zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:添加两个电量报表里的table样式

This commit is contained in:
shijing 2024-05-21 17:03:42 +08:00
parent 6a18cae3bb
commit aeb7259350
1 changed files with 60 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
src/App.vue
View File

@ -1,47 +1,62 @@
<template> <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> <router-view></router-view>
</el-config-provider> </el-config-provider>
</template> </template>
<script> <script>
import colorTool from '@/utils/color'; import colorTool from "@/utils/color";
export default { export default {
name: 'App', name: "App",
data() { data() {
return { return {
config: { config: {
size: "default", size: "default",
zIndex: 2000, zIndex: 2000,
button: { button: {
autoInsertSpace: false autoInsertSpace: false,
} },
} },
} };
}, },
computed: { computed: {
locale() { locale() {
return this.$i18n.messages[this.$i18n.locale].el return this.$i18n.messages[this.$i18n.locale].el;
}, },
}, },
created() { 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) { 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++) { 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++) { 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> </script>
<style lang="scss"> <style lang="scss">
@import '@/style/style.scss'; @import "@/style/style.scss";
.card-header { .card-header {
display: flex; display: flex;
@ -134,7 +149,7 @@ export default {
border-radius: 15px; border-radius: 15px;
} }
.el-calendar>.el-calendar__body { .el-calendar > .el-calendar__body {
padding: 0 20px 20px; padding: 0 20px 20px;
} }
@ -160,19 +175,19 @@ export default {
background: linear-gradient(to right, #053949, #107b90); background: linear-gradient(to right, #053949, #107b90);
} }
.enpMenu>.el-dropdown-menu__item { .enpMenu > .el-dropdown-menu__item {
margin-bottom: 0.5vh; margin-bottom: 0.5vh;
//background: linear-gradient(to right, #29d, #1dabfd); //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, #10608e, #1dabfd);
background: linear-gradient(to right, #053949, #107b90); background: linear-gradient(to right, #053949, #107b90);
color: #ffffff; color: #ffffff;
} }
.enpMenu>.el-dropdown-menu__item { .enpMenu > .el-dropdown-menu__item {
color: #ffffff; color: #ffffff;
} }
@ -205,8 +220,12 @@ export default {
color: #ffffff !important; color: #ffffff !important;
} }
#enpTable .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { #enpTable
background-color: rgba(0, 50, 45, .5) !important; .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, #enpTable .el-table th.el-table__cell,
@ -231,18 +250,22 @@ export default {
background: none !important; background: none !important;
} }
#enpTable .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { #enpTable
background-color: rgba(0, 50, 45, .5) !important; .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 { .enpelCard.el-card {
background: none !important; background: none !important;
} }
.bigScreenTable table th{ .bigScreenTable table th {
font-size: 0.8vw!important; font-size: 0.8vw !important;
} }
.bigScreenTable table td{ .bigScreenTable table td {
font-size: 0.7vw!important; font-size: 0.7vw !important;
} }
// .searchSelect>.select-trigger>.el-input>.el-input__wrapper { // .searchSelect>.select-trigger>.el-input>.el-input__wrapper {
@ -263,9 +286,16 @@ export default {
// background-image: url('/public/img/enp_blue/selectBg.png'); // 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; color: #ffffff;
} }
//排放系统 //排放系统
</style> </style>