Commit 7c6470fbf96f290a3788b2c7ea891e9b6ab8d6f7
1 parent
560bd427
优化设备列表显示效果
Showing
1 changed file
with
8 additions
and
7 deletions
web_src/src/components/DeviceList.vue
| ... | ... | @@ -18,6 +18,13 @@ |
| 18 | 18 | </el-table-column> |
| 19 | 19 | <el-table-column prop="deviceId" label="设备编号" width="180" align="center"> |
| 20 | 20 | </el-table-column> |
| 21 | + <el-table-column label="地址" width="180" align="center"> | |
| 22 | + <template slot-scope="scope"> | |
| 23 | + <div slot="reference" class="name-wrapper"> | |
| 24 | + <el-tag size="medium">{{ scope.row.hostAddress }}</el-tag> | |
| 25 | + </div> | |
| 26 | + </template> | |
| 27 | + </el-table-column> | |
| 21 | 28 | <el-table-column prop="manufacturer" label="厂家" align="center"> |
| 22 | 29 | </el-table-column> |
| 23 | 30 | <el-table-column label="流传输模式" align="center" width="120"> |
| ... | ... | @@ -47,13 +54,7 @@ |
| 47 | 54 | </el-table-column> |
| 48 | 55 | <el-table-column prop="createTime" label="创建时间" align="center" width="140"> |
| 49 | 56 | </el-table-column> |
| 50 | - <el-table-column label="地址" width="180" align="center"> | |
| 51 | - <template slot-scope="scope"> | |
| 52 | - <div slot="reference" class="name-wrapper"> | |
| 53 | - <el-tag size="medium">{{ scope.row.hostAddress }}</el-tag> | |
| 54 | - </div> | |
| 55 | - </template> | |
| 56 | - </el-table-column> | |
| 57 | + | |
| 57 | 58 | <el-table-column label="操作" width="360" align="center" fixed="right"> |
| 58 | 59 | <template slot-scope="scope"> |
| 59 | 60 | <el-button size="mini" :ref="scope.row.deviceId + 'refbtn' " v-if="scope.row.online!=0" icon="el-icon-refresh" @click="refDevice(scope.row)">刷新</el-button> | ... | ... |