79 lines
1.7 KiB
SCSS
79 lines
1.7 KiB
SCSS
|
.cn-panel2 {
|
||
|
|
position: relative;
|
||
|
|
.chart-list {
|
||
|
|
.vue-grid-layout>.vue-grid-item {
|
||
|
|
.cn-chart {
|
||
|
|
height: 100% !important;
|
||
|
|
.cn-chart__echarts {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
height:100%;
|
||
|
|
.cn-chart__body {
|
||
|
|
flex: auto;
|
||
|
|
display: flex;
|
||
|
|
overflow: hidden auto;
|
||
|
|
|
||
|
|
.el-table {
|
||
|
|
padding: 0 10px;
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
thead {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
th.is-leaf, td {
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
th {
|
||
|
|
padding-bottom: 5px;
|
||
|
|
}
|
||
|
|
td {
|
||
|
|
padding: 4px 0;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.chart-drawing{
|
||
|
|
height: calc(100% - 36px) !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.cn-chart__body.pie-with-table {
|
||
|
|
flex-basis: 40%;
|
||
|
|
}
|
||
|
|
.cn-chart__footer.pie-with-table {
|
||
|
|
flex-basis: 60%;
|
||
|
|
padding: 10px 30px 30px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.pie-table {
|
||
|
|
font-size: 14px;
|
||
|
|
color: #333333;
|
||
|
|
font-weight: 500;
|
||
|
|
|
||
|
|
.el-table__header-wrapper {
|
||
|
|
.cell {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-table__expanded-cell[class*=cell] {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.expand-table .el-table__body .el-table__row:last-of-type td {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.expand-table {
|
||
|
|
font-weight: 400;
|
||
|
|
color: #606266;
|
||
|
|
|
||
|
|
.el-table__body-wrapper {
|
||
|
|
height: auto !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|