Browse Source

设备管理,离线设备状态显示

master
z_yu 2 years ago
parent
commit
f34bcf908d
  1. 11
      src/views/storeManage/deviceManage/module/deviceDetail.vue

11
src/views/storeManage/deviceManage/module/deviceDetail.vue

@ -163,7 +163,7 @@
<el-table-column align="center" prop="storeroomId.name" label="所属区域" width="100" show-overflow-tooltip /> <el-table-column align="center" prop="storeroomId.name" label="所属区域" width="100" show-overflow-tooltip />
<el-table-column align="center" label="设备状态" width="100"> <el-table-column align="center" label="设备状态" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span :class="{ 'spk-a': scope.row.deviceState === 1 }" />
<span :class="{ 'spk-a': scope.row.deviceState === 1, 'off-line': scope.row.deviceState !== 1 }" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" prop="deviceTypeId.name" label="设备类型" show-overflow-tooltip /> <el-table-column align="center" prop="deviceTypeId.name" label="设备类型" show-overflow-tooltip />
@ -547,4 +547,13 @@ export default {
box-shadow: 0px 0px 6px 1px #1aae93; box-shadow: 0px 0px 6px 1px #1aae93;
vertical-align: middle; vertical-align: middle;
} }
.off-line {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 6px;
background-color: #F65163;
box-shadow: 0px 0px 6px 1px #F65163;
vertical-align: middle;
}
</style> </style>
Loading…
Cancel
Save