index.vue
2.39 KB
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<template>
<div class="">
<el-table
:data="tableData"
style="width: 100%;margin-bottom: 20px;"
row-key="bsm"
border
default-expand-all
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column
prop="mc"
label="地址(单元名称)">
</el-table-column>
<el-table-column
prop="bdcdyh"
label="不动产单元号">
</el-table-column>
<el-table-column
prop="ch"
label="层号"
:formatter="chFilter">
</el-table-column>
<el-table-column
prop="hh"
label="户号"
:formatter="hhFilter">
</el-table-column>
<el-table-column
prop="fwyt"
label="房屋用途">
</el-table-column>
<el-table-column
prop="fwjg"
label="房屋结构">
</el-table-column>
<el-table-column
prop="mj"
label="面积">
</el-table-column>
</el-table>
</div>
</template>
<script>
import {getDetailInfo} from "./../../../../api/lpb"
export default {
name:"",
components:{},
props:{},
data(){
return {
tableData: []
}
},
created(){},
mounted(){
this.getData();
},
methods:{
chFilter(row, column){
if(row.ch === 0){
return ''
}else {
return row.ch;
}
},
hhFilter(row, column){
if(row.hh === 0){
return ''
}else {
return row.hh;
}
},
getData(){
let zrzbsm = '12a4eb0cf2b527273ff5f0b96820715a';
let scyclx = '0';
getDetailInfo(zrzbsm,scyclx).then((res)=>{
if(res.code===200){
console.log(res.result)
this.tableData = res.result;
}
})
},
load(tree, treeNode, resolve) {
setTimeout(() => {
resolve([
{
id: 31,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
id: 32,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}
])
}, 1000)
}
},
computed: {},
watch: {},
}
</script>
<style scoped lang="less">
</style>