<template>
|
<div style="height: 100%;">
|
<el-tabs type="border-card" style="height: 100%;">
|
<el-tab-pane label="设备属性">
|
<el-row id="nodeInfoTable" :style="tabStyle">
|
<table class="el-table" style="text-align:center">
|
<tr>
|
<td>设备编号</td>
|
<td>{{baseNode.list.deviceNo}}</td>
|
<td>设备名称</td>
|
<td>{{baseNode.list.deviceName}}</td>
|
</tr>
|
<tr>
|
<td>数控系统</td>
|
<td>{{baseNode.list.controlSystem}}</td>
|
<td>设备型号</td>
|
<td>{{baseNode.list.deviceModel}}</td>
|
</tr>
|
<tr>
|
<td>链接IP</td>
|
<td>{{baseNode.list.linkIp}}</td>
|
<td>链接端口</td>
|
<td>{{baseNode.list.linkPort}}</td>
|
</tr>
|
<tr>
|
<td>创建人：</td>
|
<td>{{baseNode.list.createUser}}</td>
|
<td>创建时间：</td>
|
<td>{{baseNode.list.createTime}}</td>
|
</tr>
|
<tr>
|
<td>修改人：</td>
|
<td>{{baseNode.list.updateUser}}</td>
|
<td>修改时间：</td>
|
<td>{{baseNode.list.updateTime}}</td>
|
</tr>
|
</table>
|
</el-row>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "device_attribute_info",
|
props:['baseNode'],
|
data(){
|
return{
|
tabStyle:{
|
height:'',
|
overflow:'auto',
|
},
|
}
|
},
|
methods:{
|
getTabHeight(){
|
let h = document.getElementById('attributeTab').offsetHeight;
|
this.tabStyle.height = h-100+'px';
|
},
|
},
|
created(){
|
window.addEventListener('resize', this.getTabHeight);
|
this.getTabHeight();
|
},
|
}
|
</script>
|
|
<style scoped>
|
.el-table tr td{
|
border-bottom: 1px dashed #cccccc;
|
}
|
</style>
|
