1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
| <template>
| <div style="height: 100%;">
| <el-tabs type="border-card" style="height: 100%;">
| <el-tab-pane label="设备分组属性" style="text-align:left">
| <el-row :style="tabStyle">
| <table class="el-table one_list">
| <tr>
| <td>分组名称:</td>
| <td>{{baseNode.list.groupName}}</td>
| </tr>
| <tr>
| <td>分组描述:</td>
| <td>{{baseNode.list.description}}</td>
| </tr>
| </table>
| </el-row>
| </el-tab-pane>
| </el-tabs>
| </div>
| </template>
|
| <script>
| export default {
| name: "group_attribute_info",
| props:['baseNode'],
| data(){
| return{
| tabStyle:{
| height:'',
| overflow:'auto',
| },
| }
| },
| methods:{
| getTabHeight(){
| let h = document.getElementById('attributeTab').offsetHeight;
| this.tabStyle.height = h-60+'px';
| },
| },
| created(){
| window.addEventListener('resize', this.getTabHeight);
| this.getTabHeight();
| },
| }
| </script>
|
| <style scoped>
| .el-table tr td{
| border-bottom: 1px dashed #cccccc;
| }
|
| </style>
|
|
