diff options
Diffstat (limited to 'monitor_vps/前端页面/vue_test/src/components/FooterTable.vue')
| -rw-r--r-- | monitor_vps/前端页面/vue_test/src/components/FooterTable.vue | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/monitor_vps/前端页面/vue_test/src/components/FooterTable.vue b/monitor_vps/前端页面/vue_test/src/components/FooterTable.vue new file mode 100644 index 0000000..db923ae --- /dev/null +++ b/monitor_vps/前端页面/vue_test/src/components/FooterTable.vue @@ -0,0 +1,63 @@ +<template> + <div class="body"> + <el-table + :data="allNodesData" style="width: 100%;"> + <el-table-column + prop="Id" + label="节点ID" + min-width="20"> + </el-table-column> + <el-table-column + prop="Name" + label="节点名称" + min-width="20"> + </el-table-column> + <el-table-column + prop="Loc" + label="地理位置" + min-width="20"> + </el-table-column> + <el-table-column + prop="Ip" + label="IP地址" + min-width="20"> + </el-table-column> + <el-table-column + prop="delay" + label="实时时延/ms" + min-width="20"> + </el-table-column> + <el-table-column + prop="avgDelay" + label="平均时延/ms" + min-width="20"> + </el-table-column> + <el-table-column + prop="minDelay" + label="最小时延/ms" + min-width="20"> + </el-table-column> + </el-table> + </div> +</template> + +<script> +import { mapState } from 'vuex' + +export default ({ + name:'FooterTable', + computed:{ + ...mapState({allNodesData:"allNodesData"}) + }, +}) +</script> + +<style scoped> + .body{ + padding: 40px; + background-color: #FFFFFF; + background-clip: border-box; + border: 1px solid #e5e9f2; + border-radius: 1px; + } +</style> |