|
@@ -164,6 +164,7 @@
|
|
<el-table
|
|
<el-table
|
|
ref="deviceList"
|
|
ref="deviceList"
|
|
v-loading="loading.deviceList"
|
|
v-loading="loading.deviceList"
|
|
|
|
+ highlight-current-row
|
|
element-loading-background="rgba(0, 0, 0, 0.5)"
|
|
element-loading-background="rgba(0, 0, 0, 0.5)"
|
|
height="calc(100% - 0rem)"
|
|
height="calc(100% - 0rem)"
|
|
@cell-mouse-enter="tableEnter"
|
|
@cell-mouse-enter="tableEnter"
|
|
@@ -1000,7 +1001,21 @@
|
|
)
|
|
)
|
|
},
|
|
},
|
|
tableEnter(data){
|
|
tableEnter(data){
|
|
- this.tableShowId = data.id;
|
|
|
|
|
|
+ this.tableShowId = data.id;
|
|
|
|
+ this.myChart2.dispatchAction({
|
|
|
|
+ type: 'downplay',
|
|
|
|
+ })
|
|
|
|
+ this.myChart2.dispatchAction({
|
|
|
|
+ type: 'highlight',
|
|
|
|
+ // 可选,系列 index,可以是一个数组指定多个系列
|
|
|
|
+ // seriesIndex?: number|Array,
|
|
|
|
+ // // 可选,系列名称,可以是一个数组指定多个系列
|
|
|
|
+ // seriesName?: string|Array,
|
|
|
|
+ // // 可选,数据的 index
|
|
|
|
+ // dataIndex?: number,
|
|
|
|
+ // 可选,数据的 名称
|
|
|
|
+ name: data.name
|
|
|
|
+ })
|
|
},
|
|
},
|
|
tableLeave(){
|
|
tableLeave(){
|
|
this.tableShowId = '-1';
|
|
this.tableShowId = '-1';
|
|
@@ -1184,6 +1199,20 @@
|
|
}
|
|
}
|
|
]
|
|
]
|
|
})
|
|
})
|
|
|
|
+ this.myChart2.on('mouseover', params=>{
|
|
|
|
+ for(let d of this.deviceList){
|
|
|
|
+ if(params.name == d.name){
|
|
|
|
+ this.$refs.deviceList.setCurrentRow(d);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ this.myChart2.on('mouseout', ()=>{
|
|
|
|
+ this.$refs.deviceList.setCurrentRow();
|
|
|
|
+ // for(let d of this.deviceList){
|
|
|
|
+ // if(params.name == d.name){
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ })
|
|
}
|
|
}
|
|
},
|
|
},
|
|
},
|
|
},
|
|
@@ -1748,11 +1777,20 @@
|
|
color:rgba(51,51,51,1);
|
|
color:rgba(51,51,51,1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- tr:hover>td{
|
|
|
|
- background: rgba(246, 248, 250, 1);
|
|
|
|
- >.cell{
|
|
|
|
- font-family:PingFangSC-Semibold,PingFang SC;
|
|
|
|
- font-weight:600;
|
|
|
|
|
|
+ tr{
|
|
|
|
+ &:hover>td{
|
|
|
|
+ background: rgba(246, 248, 250, 1);
|
|
|
|
+ >.cell{
|
|
|
|
+ font-family:PingFangSC-Semibold,PingFang SC;
|
|
|
|
+ font-weight:600;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ &.current-row>td{
|
|
|
|
+ background: rgba(246, 248, 250, 1);
|
|
|
|
+ >.cell{
|
|
|
|
+ font-family:PingFangSC-Semibold,PingFang SC;
|
|
|
|
+ font-weight:600;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.city{
|
|
.city{
|