|
|
|
|
@ -7,7 +7,7 @@
|
|
|
|
|
width="820px"
|
|
|
|
|
><div class="headInfo">
|
|
|
|
|
<span class="zzid">装置编号：{{ rowData.cmdid }}</span>
|
|
|
|
|
<span class="pictotal">总数：{{ ipListData.length }}</span>
|
|
|
|
|
<span class="pictotal">总数：{{ total }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ipContain">
|
|
|
|
|
<el-table
|
|
|
|
|
@ -44,7 +44,20 @@
|
|
|
|
|
<el-table-column label="IP" prop="heartbeatIp"> </el-table-column>
|
|
|
|
|
<el-table-column label="端口" prop="heartbeatPort"> </el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="pageNation">
|
|
|
|
|
<el-pagination
|
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
|
@size-change="handleSizeChange"
|
|
|
|
|
:current-page="page"
|
|
|
|
|
:page-size="pageSize"
|
|
|
|
|
layout="sizes, prev, pager, next, jumper,total"
|
|
|
|
|
:total="total"
|
|
|
|
|
background
|
|
|
|
|
>
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="isShow = false">关 闭</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
@ -62,6 +75,9 @@ export default {
|
|
|
|
|
rowData: "",
|
|
|
|
|
iploading: false,
|
|
|
|
|
ipListData: [],
|
|
|
|
|
page: 1, // 当前页数
|
|
|
|
|
pageSize: 20, // 每页数量
|
|
|
|
|
total: 0, //总条数
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
@ -70,11 +86,13 @@ export default {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
getIpList({
|
|
|
|
|
termId: this.rowData.id,
|
|
|
|
|
pageNum: this.page,
|
|
|
|
|
pageSize: this.pageSize,
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
console.log(res);
|
|
|
|
|
this.ipListData = res.data;
|
|
|
|
|
// this.total = res.data.total;
|
|
|
|
|
this.ipListData = res.data.list;
|
|
|
|
|
this.total = res.data.total;
|
|
|
|
|
this.iploading = false;
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
@ -91,6 +109,17 @@ export default {
|
|
|
|
|
hide() {
|
|
|
|
|
this.isShow = false;
|
|
|
|
|
},
|
|
|
|
|
//点击分页
|
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
|
this.page = val;
|
|
|
|
|
this.getIPList();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//每页条数
|
|
|
|
|
handleSizeChange(val) {
|
|
|
|
|
this.pageSize = val;
|
|
|
|
|
this.getIPList();
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
created() {},
|
|
|
|
|
@ -111,7 +140,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ipContain {
|
|
|
|
|
height: 100%;
|
|
|
|
|
height:calc(100% - 32px);
|
|
|
|
|
.el-table {
|
|
|
|
|
color: #000;
|
|
|
|
|
thead {
|
|
|
|
|
|
fanluyan
1 year ago