fix: 修复panel图表全屏时的一些bug

This commit is contained in:
chenjinsong
2021-03-04 14:22:58 +08:00
parent 6a62ba21c9
commit 0478b3deee
2 changed files with 65 additions and 20 deletions

View File

@@ -848,6 +848,14 @@ li{
.nz-table + .to-top-is-hover{ .nz-table + .to-top-is-hover{
display: none; display: none;
} }
revogr-header .data-header-cell .resizable:hover {
background-color: #ccc !important;
width: 6px;
}
revo-grid[theme=compact] revogr-viewport revogr-header .data-header-cell {
border-right: 1px solid #eee;
}
.nz-table + .to-top-is-hover:hover{ .nz-table + .to-top-is-hover:hover{
display: block; display: block;
} }
@@ -925,6 +933,33 @@ li{
padding:2px 5px; padding:2px 5px;
border-radius: 4px; border-radius: 4px;
} }
.data-cell {
font-size: 12px;
}
.data-cell .danger {
background-color: $danger-color;
color: white;
padding:2px 5px;
border-radius: 4px;
}
.data-cell .success {
background-color: $success-color;
color: white;
padding:2px 5px;
border-radius: 4px;
}
.data-cell .suspended {
background-color: $suspended-color;
color: white;
padding:2px 5px;
border-radius: 4px;
}
.data-cell .warning {
background-color: $warning-color;
color: white;
padding:2px 5px;
border-radius: 4px;
}
.nz-table th { .nz-table th {
padding: 0; padding: 0;
} }

View File

@@ -320,39 +320,48 @@
mouseEnterChart(){ mouseEnterChart(){
this.caretShow=true; this.caretShow=true;
if (getChart(this.chartIndex)) { if (getChart(this.chartIndex)) {
setTimeout(() => {
getChart(this.chartIndex).setOption({ getChart(this.chartIndex).setOption({
toolbox: { toolbox: {
show:true, show:true,
} }
}) })
}, 300);
} }
}, },
mouseLeaveChart(){ mouseLeaveChart(){
this.caretShow=false; this.caretShow=false;
if (getChart(this.chartIndex)) { if (getChart(this.chartIndex)) {
setTimeout(() => {
getChart(this.chartIndex).setOption({ getChart(this.chartIndex).setOption({
toolbox: { toolbox: {
show: false, show: false,
} }
}) })
}, 300);
} }
}, },
mouseEnterFullChart(){ mouseEnterFullChart(){
if (this.echartModalStore) { if (this.echartModalStore) {
setTimeout(() => {
this.echartModalStore.setOption({ this.echartModalStore.setOption({
toolbox: { toolbox: {
show:true, show:true,
} }
}) })
}, 300);
} }
}, },
mouseLeaveFullChart(){ mouseLeaveFullChart(){
if (this.echartModalStore) { if (this.echartModalStore) {
setTimeout(() => {
this.echartModalStore.setOption({ this.echartModalStore.setOption({
toolbox: { toolbox: {
show: false, show: false,
} }
}) })
}, 300);
} }
}, },
clickLegend(legendName, index){ clickLegend(legendName, index){
@@ -1432,6 +1441,7 @@
const filterItem = ele; const filterItem = ele;
let query = encodeURIComponent(filterItem.expression); let query = encodeURIComponent(filterItem.expression);
if(this.chartInfo.type==='line'||this.chartInfo.type==='bar'||this.chartInfo.type==='stackArea'){//如果是这三个 默认给connected if(this.chartInfo.type==='line'||this.chartInfo.type==='bar'||this.chartInfo.type==='stackArea'){//如果是这三个 默认给connected
!this.chartInfo.param && (this.chartInfo.param = {});
this.chartInfo.param.nullType=this.chartInfo.param.nullType||'connected'; this.chartInfo.param.nullType=this.chartInfo.param.nullType||'connected';
query+='&nullType='+this.chartInfo.param.nullType; query+='&nullType='+this.chartInfo.param.nullType;
} }