Wangxin
9 months ago
parent
2ed865fe46
commit
1d7e39fd14
@ -0,0 +1,79 @@ |
||||
<template> |
||||
<div class=""> |
||||
<el-row :gutter="20"> |
||||
<el-col> |
||||
<el-table v-loading="loading" :data="userList"> |
||||
<el-table-column |
||||
label="序号" |
||||
width="60" |
||||
type="index" |
||||
></el-table-column> |
||||
<el-table-column label="采集时间" align="center" prop="gatherTime" width="160"> |
||||
<template slot-scope="scope"> |
||||
<span>{{ parseTime(scope.row.gatherTime) }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="接口ID" align="center" key="id" prop="id" :show-overflow-tooltip="true" /> |
||||
<el-table-column label="双工模式" align="center" key="commuicateMode" prop="commuicateMode" :show-overflow-tooltip="true" /> |
||||
<el-table-column label="入方向流量" align="center" key="inFlow" prop="inFlow" :show-overflow-tooltip="true" /> |
||||
<el-table-column label="出方向流量" align="center" key="outFlow" prop="outFlow" :show-overflow-tooltip="true" /> |
||||
<el-table-column label="宽带占用率" align="center" key="outBandwidth" prop="outBandwidth" :show-overflow-tooltip="true" /> |
||||
<el-table-column label="丢包率" align="center" key="lossRate" prop="lossRate" :show-overflow-tooltip="true" /> |
||||
<el-table-column label="错包率" align="center" key="errorRate" prop="errorRate" :show-overflow-tooltip="true" /> |
||||
</el-table> |
||||
</el-col> |
||||
</el-row> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { systemInterface } from "@/api/inMonitoring/devicesState" |
||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css" |
||||
import "splitpanes/dist/splitpanes.css" |
||||
|
||||
export default { |
||||
props: { |
||||
dsId: { |
||||
type: String, |
||||
default: 'chart' |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
// 遮罩层 |
||||
loading: true, |
||||
// 总条数 |
||||
total: 0, |
||||
// 类型表格数据 |
||||
userList: null, |
||||
// 查询参数 |
||||
queryParams: { |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
name: undefined |
||||
}, |
||||
} |
||||
}, |
||||
created() { |
||||
}, |
||||
watch: { |
||||
dsId: { |
||||
handler(val) { |
||||
this.getList(val) |
||||
}, |
||||
deep: true, |
||||
immediate: true |
||||
} |
||||
}, |
||||
methods: { |
||||
/** 查询类型列表 */ |
||||
getList(id) { |
||||
this.loading = true |
||||
systemInterface(id).then(response => { |
||||
this.userList = response.rows |
||||
this.loading = false |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
@ -0,0 +1,71 @@ |
||||
<template> |
||||
<div class=""> |
||||
<el-row :gutter="20"> |
||||
<el-col> |
||||
<el-table v-loading="loading" :data="userList"> |
||||
<el-table-column |
||||
label="序号" |
||||
width="60" |
||||
type="index" |
||||
></el-table-column> |
||||
<el-table-column label="目的地址" align="center" key="desAddress" prop="desAddress" :show-overflow-tooltip="true" /> |
||||
<el-table-column label="子网掩码" align="center" key="subnetMask" prop="subnetMask" :show-overflow-tooltip="true" /> |
||||
<el-table-column label="下一跳地址" align="center" key="nextHop" prop="nextHop" :show-overflow-tooltip="true" /> |
||||
</el-table> |
||||
</el-col> |
||||
</el-row> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { systemRouting } from "@/api/inMonitoring/devicesState" |
||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css" |
||||
import "splitpanes/dist/splitpanes.css" |
||||
|
||||
export default { |
||||
props: { |
||||
dsId: { |
||||
type: String, |
||||
default: 'chart' |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
// 遮罩层 |
||||
loading: true, |
||||
// 总条数 |
||||
total: 0, |
||||
// 类型表格数据 |
||||
userList: null, |
||||
// 查询参数 |
||||
queryParams: { |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
name: undefined |
||||
}, |
||||
} |
||||
}, |
||||
created() { |
||||
}, |
||||
watch: { |
||||
dsId: { |
||||
handler(val) { |
||||
this.getList(val) |
||||
}, |
||||
deep: true, |
||||
immediate: true |
||||
} |
||||
}, |
||||
methods: { |
||||
/** 查询类型列表 */ |
||||
getList(id) { |
||||
this.loading = true |
||||
systemRouting(id).then(response => { |
||||
this.userList = response.rows |
||||
this.loading = false |
||||
} |
||||
) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
@ -0,0 +1,70 @@ |
||||
<template> |
||||
<div class=""> |
||||
<el-row :gutter="20"> |
||||
<el-col> |
||||
<el-table v-loading="loading" :data="userList"> |
||||
<el-table-column |
||||
label="序号" |
||||
width="60" |
||||
type="index" |
||||
></el-table-column> |
||||
<el-table-column label="ManID" align="center" key="mainId" prop="mainId" :show-overflow-tooltip="true" /> |
||||
<el-table-column label="IP地址" align="center" key="ipAddress" prop="ipAddress" :show-overflow-tooltip="true" /> |
||||
<el-table-column label="子网掩码" align="center" key="subnetMask" prop="subnetMask" :show-overflow-tooltip="true" /> |
||||
</el-table> |
||||
</el-col> |
||||
</el-row> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { deviceVlan } from "@/api/inMonitoring/devicesState" |
||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css" |
||||
import "splitpanes/dist/splitpanes.css" |
||||
|
||||
export default { |
||||
props: { |
||||
dsId: { |
||||
type: String, |
||||
default: 'chart' |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
// 遮罩层 |
||||
loading: true, |
||||
// 总条数 |
||||
total: 0, |
||||
// 类型表格数据 |
||||
userList: null, |
||||
// 查询参数 |
||||
queryParams: { |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
name: undefined |
||||
}, |
||||
} |
||||
}, |
||||
created() { |
||||
}, |
||||
watch: { |
||||
dsId: { |
||||
handler(val) { |
||||
this.getList(val) |
||||
}, |
||||
deep: true, |
||||
immediate: true |
||||
} |
||||
}, |
||||
methods: { |
||||
/** 查询类型列表 */ |
||||
getList(id) { |
||||
this.loading = true |
||||
deviceVlan(id).then(response => { |
||||
this.userList = response.rows |
||||
this.loading = false |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
Loading…
Reference in new issue