Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
ac87420f by 蔡俊立
Options

功能完善

1 parent 2c693a81
Inline Side-by-side
Showing 3 changed files with 322 additions and 31 deletions
...@@ -5,7 +5,10 @@ ...@@ -5,7 +5,10 @@
5 <el-step title="结果查询"></el-step> 5 <el-step title="结果查询"></el-step>
6 <el-step title="结果展示"></el-step> 6 <el-step title="结果展示"></el-step>
7 </el-steps> 7 </el-steps>
8 <div class="jtfccx-edit" v-show="!isSearch"> 8 <div v-if="isSearch">
9 <dydjbInfo ref="dydjbInfo"/>
10 </div>
11 <div class="jtfccx-edit" v-else>
9 <div class="jtfccx-edit-con"> 12 <div class="jtfccx-edit-con">
10 <b class="title"></b> 13 <b class="title"></b>
11 <el-form :model="form" label-width="120px"> 14 <el-form :model="form" label-width="120px">
...@@ -46,9 +49,6 @@ ...@@ -46,9 +49,6 @@
46 </div> 49 </div>
47 </div> 50 </div>
48 </div> 51 </div>
49 <div>
50 <dydjbInfo v-show="isSearch"/>
51 </div>
52 </dialogBox> 52 </dialogBox>
53 </template> 53 </template>
54 54
...@@ -159,9 +159,12 @@ export default { ...@@ -159,9 +159,12 @@ export default {
159 addFwmxCxjgXx(this.form).then((res) => { 159 addFwmxCxjgXx(this.form).then((res) => {
160 this.$endLoading(); 160 this.$endLoading();
161 if (res.code == 200) { 161 if (res.code == 200) {
162 this.form = res.result;
163 this.activeStep = 2; 162 this.activeStep = 2;
164 this.isSearch = true; 163 this.isSearch = true;
164 this.$nextTick(() => {
165 console.log(this.$refs.dydjbInfo,22222);
166 this.$refs.dydjbInfo.setResult(res.result)
167 })
165 this.$parent.queryClick(); 168 this.$parent.queryClick();
166 } 169 }
167 }); 170 });
......
1 <template> 1 <template>
2 <div> 2 <div class="jtfccx-edit">
3 <!-- 界面后期调整开发，报表开发，目前先放一张图片 --> 3 <div class="jtfccx-edit-con">
4 <el-form :model="ruleForm" label-width="120px"> 4 <b class="title"></b>
5 <el-row> 5 <b class="title">房屋状况</b>
6 <el-col :span="6"> 6 <lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList" :maxHeight="200" heightNumSetting
7 <img :src="imgUrl" alt="" srcset="" /> 7 :pagination="false">
8 <!-- <el-form-item label="查询时间："> 8 </lb-table>
9 {{ ruleForm.cxsj }} 9 <b class="title">土地状况</b>
10 </el-form-item> 10 <lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail" :maxHeight="200" heightNumSetting
11 </el-col> 11 :pagination="false">
12 <el-col :span="8"> 12 </lb-table>
13 <el-form-item label="不动产单元号："> 13 <b class="title">权属状况</b>
14 {{ ruleForm.bdcdyh }} 14 <lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail" :maxHeight="200" heightNumSetting
15 </el-form-item> --> 15 :pagination="false">
16 </el-col> 16 </lb-table>
17 </el-row> 17 <b class="title">抵押登记</b>
18 <el-row> 18 <lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail" :maxHeight="200" heightNumSetting
19 </el-row> 19 :pagination="false">
20 </el-form> 20 </lb-table>
21 </div> 21 <b class="title">预告登记</b>
22 <lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail" :maxHeight="200" heightNumSetting
23 :pagination="false">
24 </lb-table>
25 <b class="title">查封状况</b>
26 <lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail" :maxHeight="200" heightNumSetting
27 :pagination="false">
28 </lb-table>
29 <b class="title">异议登记</b>
30 <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail" :maxHeight="200" heightNumSetting
31 :pagination="false">
32 </lb-table>
33 <div class="submit-button" style="padding-bottom:50px">
34 <el-button @click="resetClick" v-show="!isSearch">重置</el-button>
35 <el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button>
36 <el-button @click="closeDialog">关闭</el-button>
37 </div>
38 </div>
39 </div>
22 </template> 40 </template>
23 41
24 <script> 42 <script>
25 import imgPath from "./djbyb.png" 43 import { datas, sendThis } from "./infodata";
26 export default { 44 export default {
27 props: ["formData"], 45 props: {
46 },
28 47
29 created () { 48 created () {
30 // var sqcxdata = this.formData.sqcxdata; 49
31 // this.ruleForm = sqcxdata;
32 }, 50 },
33 51
34 data () { 52 data () {
...@@ -37,11 +55,32 @@ export default { ...@@ -37,11 +55,32 @@ export default {
37 cxsj: "", 55 cxsj: "",
38 bdcdyh: "", 56 bdcdyh: "",
39 }, 57 },
40 imgUrl: imgPath, 58 //房屋列表字段
59 fwColumns: datas.fwCol(),
60 //土地列表字段
61 tdColumns: datas.tdCol(),
62 //权属状况列表字段
63 qszkColumns: datas.columns(),
64 //抵押登记列表字段
65 diyaColumns: datas.diyaCol(),
66 //预告登记列表字段
67 ygdjColumns: datas.ygdjCol(),
68 //查封登记列表字段
69 cfdjColumns: datas.cfdjCol(),
70 //异议登记列表字段
71 yydjColumns: datas.yydjCol(),
72 form: {},
73 resultData: {},
41 }; 74 };
42 }, 75 },
43 mounted () { }, 76 mounted () { },
44 methods: {}, 77 methods: {
78 setResult(data){
79 console.log(data,11111);
80
81 this.resultData = data
82 }
83 },
45 }; 84 };
46 </script> 85 </script>
47 <style scoped lang="scss"> 86 <style scoped lang="scss">
......
1 import filter from '@/utils/filter.js'
2 import { Switch } from 'element-ui'
3 let vm = null
4
5 const sendThis = (_this) => {
6 vm = _this
7 }
8 class data extends filter {
9 constructor() {
10 super()
11 }
12 columns() {
13 return [
14 {
15 prop: 'qszt',
16 label: '所有人名称',
17 },
18 {
19 prop: 'bdcqzh',
20 label: '证件号码',
21 },
22 {
23 prop: 'djsj',
24 label: '取得方式',
25 },
26 {
27 prop: 'wqhth',
28 label: '房屋性质',
29 },
30 {
31 prop: 'wqsj',
32 label: '不动产权证书号',
33 },
34 {
35 prop: 'bdcdyh',
36 label: '登记时间',
37 },
38 {
39 prop: 'gyfs',
40 label: '共有方式',
41 },
42 {
43 prop: 'qlrmc',
44 label: '附记',
45 }
46 ]
47 }
48 fwCol() {
49 return [
50 {
51 prop: 'zdymc',
52 label: '幢号111',
53 },
54 {
55 prop: 'hh',
56 label: '房号',
57 },
58 {
59 prop: 'showfwjg',
60 label: '结构',
61 },
62 {
63 prop: 'dscs',
64 label: '总层数（地上）',
65 },
66 {
67 prop: 'dxcs',
68 label: '地下层数',
69 },
70 {
71 prop: 'ch',
72 label: '所在层',
73 },
74 {
75 prop: 'jzmj',
76 label: '建筑面积（㎡）',
77 },
78 {
79 prop: 'tnjzmj',
80 label: '套内面积（㎡）',
81 },
82 {
83 prop: 'showfwyt',
84 label: '规划用途',
85 }
86 ]
87 }
88 tdCol() {
89 return [
90 {
91 prop: 'qsxz',
92 label: '权属性质',
93 },
94 {
95 prop: 'mj',
96 label: '面积（㎡）',
97 },
98 {
99 prop: 'fttdmj',
100 label: '分摊土地面积（㎡）',
101 },
102 {
103 prop: 'tfyt',
104 label: '用途',
105 },
106 {
107 prop: 'syqx',
108 label: '使用期限',
109 },
110 {
111 prop: 'qdfs',
112 label: '取得方式',
113 },
114 {
115 prop: 'jttdsyqlx',
116 label: '集体土地所有权类型',
117 },
118 {
119 prop: 'jttdsyqlx',
120 label: '集体土地使用权类型',
121 }
122 ]
123 }
124 diyaCol() {
125 return [
126 {
127 prop: 'dyfs',
128 label: '抵押方式',
129 render: (h, scope) => {
130 switch(scope.row.dyfs) {
131 case '1':
132 return <div>一般抵押</div>
133 case '2':
134 return <div>最高额抵押</div>
135 }
136 }
137 },
138 {
139 prop: 'qlrmc',
140 label: '抵押权人名称',
141 },
142 {
143 prop: 'bdbzzqse',
144 label: '抵押金额（万元）',
145 },
146 {
147 prop: 'dyqx',
148 label: '抵押期限',
149 },
150 {
151 prop: 'ywh',
152 label: '不动产登记证明号',
153 },
154 {
155 prop: 'djsj',
156 label: '登记时间',
157 },
158 {
159 prop: 'fj',
160 label: '附记',
161 }
162 ]
163 }
164 ygdjCol() {
165 return [
166 {
167 prop: 'ygdjzl',
168 label: '预告登记种类',
169 },
170 {
171 prop: 'qlrmc',
172 label: '权利人名称',
173 },
174 {
175 prop: 'dyje',
176 label: '抵押金额（万元）',
177 },
178 {
179 prop: 'dyqx',
180 label: '抵押期限',
181 },
182 {
183 prop: 'ywh',
184 label: '不动产登记证明号',
185 },
186 {
187 prop: 'djsj',
188 label: '登记时间',
189 },
190 {
191 prop: 'fj',
192 label: '附记',
193 }
194 ]
195 }
196 cfdjCol() {
197 return [
198 {
199 prop: 'cfjg',
200 label: '查封机关',
201 },
202 {
203 prop: 'cfwh',
204 label: '查封文号',
205 },
206 {
207 prop: 'cffw',
208 label: '查封范围',
209 },
210 {
211 prop: 'cfsj',
212 label: '查封时间',
213 },
214 {
215 prop: 'cfqx',
216 label: '查封期限',
217 }
218 ]
219 }
220 yydjCol() {
221 return [
222 {
223 prop: 'yysqr',
224 label: '异议申请人',
225 },
226 {
227 prop: 'yysx',
228 label: '异议事项',
229 },
230 {
231 prop: 'ywh',
232 label: '不动产登记证明号',
233 },
234 {
235 prop: 'djsj',
236 label: '登记时间',
237 },
238 {
239 prop: 'fj',
240 label: '附记',
241 }
242 ]
243 }
244 }
245 let datas = new data()
246 export {
247 datas,
248 sendThis
249 }