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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
| <template>
| <div class="preview-page">
| <fks-row :gutter="20" style="width:100%;height:100%;">
| <fks-col :span="4" style="height:100%">
| <div class="model-binding-left-box">
| <titleBox title="泵站列表"></titleBox>
| <fks-tree
| ref="tree"
| :data="treeData"
| :props="defaultProps"
| :show-icon="true"
| default-expand-all
| node-key="id"
| current-node-key="1"
| :highlight-current="true"
| >
| </fks-tree>
| </div>
| </fks-col>
| <fks-col :span="20" style="height:100%;">
| <div class="model-binding-right-box">
| <titleBox title="金刚沱泵站"></titleBox>
| <div style="width:100%;height:100%">
| <div class="bimface-model">
| <img src="/src/assets/images/BIM.jpg">
| </div>
| </div>
| </div>
| </fks-col>
| </fks-row>
| </div>
| </template>
|
| <script>
| import titleBox from "@/views/main/components/titleBox.vue"
| export default {
| components:{titleBox},
| data(){
| return {
| treeData:[
| {
| label: "金刚沱泵站",
| id:'1',
| },
| {
| label: "嘉陵江草街泵站",
| id:'2',
| },
| {
| label: "江律德感加压泵站",
| id:'3',
| },
| {
| label: "永川临江加压站",
| id:'4',
| },
| ],
| defaultProps: {
| children: "children",
| label: "label",
| },
| }
| }
| }
| </script>
|
| <style scoped>
| .preview-page{
| width: 100%;
| height: 100%;
| }
| .model-binding-left-box{
| width: 100%;
| height: 100%;
| background: #fff;
| }
| .model-binding-right-box{
| width:100%;
| height: 100%;
| background: #fff;
| }
| .bimface-model{
| width: 100%;
| height: 65%;
| }
| </style>
|
|
