center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

style: 数据集样式优化

Browse Source
This commit is contained in:
fit2cloud-chenyw 2021-10-13 15:31:03 +08:00
parent cd15048a1d
commit f5e0235815
4 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/styles/index.scss
View File

@ -491,11 +491,11 @@ div:focus {
}
.blackTheme .el-tree-node__content:hover {
background-color: var(--SiderBG) !important;
background-color: var(--MenuHovorBG) !important;
}
.blackTheme .is-current > .el-tree-node__content {
background-color: var(--SiderBG) !important;
background-color: var(--MenuActiveBG) !important;
}
.blackTheme .el-collapse-item__header {
background-color: var(--ContentBG) !important;
@ -533,30 +533,30 @@ div:focus {
color: var(--Main) !important;
}
.blackTheme .elx-table--main-wrapper {
.blackTheme:not(.in-panel) .elx-table--main-wrapper {
.body--wrapper {
background-color: var(--TableBG) !important;
}
}
.blackTheme .elx-table {
.blackTheme:not(.in-panel) .elx-table {
color: var(--TableColor) !important;
}
.blackTheme .elx-body--column {
.blackTheme:not(.in-panel) .elx-body--column {
background-image: linear-gradient(var(--TableBorderColor), var(--TableBorderColor)), linear-gradient(var(--TableBorderColor), var(--TableBorderColor)) !important;
}
.blackTheme .elx-header--column {
.blackTheme:not(.in-panel) .elx-header--column {
background-image: linear-gradient(--TableBorderColor, --TableBorderColor), linear-gradient(--TableBorderColor, --TableBorderColor) !important;
}
.blackTheme tr.row--current {
.blackTheme:not(.in-panel) tr.row--current {
background-color: var(--MainBG) !important;
}
.blackTheme tr.elx-body--row:hover {
.blackTheme:not(.in-panel) tr.elx-body--row:hover {
background-color: var(--TableBG) !important;
}
.blackTheme .elx-table--header-border-line {
.blackTheme:not(.in-panel) .elx-table--header-border-line {
border-color: var(--TableBorderColor) !important;
}
@ -666,5 +666,9 @@ div:focus {
background-color: #324f62;
}
.blue-color {
color: var(--Main, #0000ff);
}

8
frontend/src/views/dataset/data/UpdateInfo.vue
View File

@ -40,7 +40,7 @@
<el-table-column prop="status" :label="$t('dataset.status')">
<template slot-scope="scope">
<span v-if="scope.row.status === 'Completed'" style="color: green">{{ $t('dataset.completed') }}</span>
<span v-if="scope.row.status === 'Underway'" style="color: blue">
<span v-if="scope.row.status === 'Underway'" class="blue-color">
<i class="el-icon-loading" />
{{ $t('dataset.underway') }}
</span>
@ -228,10 +228,10 @@
<span v-if="scope.row.status === 'Stopped'" style="color: red">
<div type="danger" style="font-size: 12px">{{ $t('dataset.task.stopped') }}</div>
</span>
<span v-if="scope.row.status === 'Pending'" style="color: blue">
<span v-if="scope.row.status === 'Pending'" class="blue-color">
<el-link type="primary" style="font-size: 12px" @click="changeTaskStatus(scope.row)">{{ $t('dataset.task.pending') }}</el-link>
</span>
<span v-if="scope.row.status === 'Exec'" style="color: blue">
<span v-if="scope.row.status === 'Exec'" class="blue-color">
<i class="el-icon-loading" />
{{ $t('dataset.underway') }}
</span>
@ -452,7 +452,7 @@ export default {
cellStyle({ row, column }) {
// 状态列字体颜色
if (row.status === 'Underway' && column === 'status') {
return 'color: blue'
return 'color: var(--Main, #0000ff)'
} else if (row.status === 'Completed' && column === 'status') {
return 'color: green'
} else if (row.status === 'Error' && column === 'status') {

3
frontend/src/views/system/task/DatasetTaskList.vue
View File

@ -715,7 +715,4 @@ span{
font-size: 12px;
}
.blue-color {
color: var(--Main);
}
</style>

4
frontend/src/views/system/task/TaskRecord.vue
View File

@ -253,7 +253,5 @@ export default {
span{
font-size: 12px;
}
.blue-color {
color: var(--Main);
}
</style>