pig/pig-farm-controller-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

去掉普通设备选中时高亮

Browse Source
This commit is contained in:
huang
2025-09-20 17:34:18 +08:00
parent 983b929d90
commit 02e9f9b9a3
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/DeviceList.vue
View File

@@ -37,7 +37,7 @@
default-expand-all default-expand-all
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
highlight-current-row> :highlight-current-row="false">
<el-table-column width="40"></el-table-column> <el-table-column width="40"></el-table-column>
<el-table-column prop="id" label="设备ID" min-width="80" /> <el-table-column prop="id" label="设备ID" min-width="80" />
<el-table-column prop="name" label="设备名称" min-width="120" /> <el-table-column prop="name" label="设备名称" min-width="120" />
@@ -210,7 +210,7 @@ export default {
await this.loadDevices(); await this.loadDevices();
}, },
// 为区域主控设备添加高亮 // 为区域主控设备添加静态高亮样式
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
if (row.type === 'area_controller') { if (row.type === 'area_controller') {
return 'current-row'; return 'current-row';
@@ -258,6 +258,11 @@ export default {
margin-top: 15px; margin-top: 15px;
} }
/* 确保区域主控设备始终高亮显示 */
:deep(.current-row) {
background-color: #f5f7fa !important;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.device-list { .device-list {
padding: 10px; padding: 10px;