Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
22c5e3f5 by renchao@pashanhoo.com
Options

房屋明细查询

1 parent fe28a277
Inline Side-by-side
Showing 3 changed files with 302 additions and 322 deletions
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-03-29 13:49:14
5 -->
1 <template> 6 <template>
2 <div v-Loading="Loading"> 7 <div v-Loading="Loading">
3
4 <el-steps :active="activeStep" finish-status="success" v-if="isADD"> 8 <el-steps :active="activeStep" finish-status="success" v-if="isADD">
5 <el-step title="条件录入"></el-step> 9 <el-step title="条件录入"></el-step>
6 <el-step title="查询结果"></el-step> 10 <el-step title="查询结果"></el-step>
...@@ -10,7 +14,7 @@ ...@@ -10,7 +14,7 @@
10 <el-step title="查询结果" @click.native="on_click(2)" class="pointer"></el-step> 14 <el-step title="查询结果" @click.native="on_click(2)" class="pointer"></el-step>
11 </el-steps> 15 </el-steps>
12 <div v-if="isSearch"> 16 <div v-if="isSearch">
13 <dydjbInfo ref="dydjbInfo" /> 17 <dydjbInfo ref="dydjbInfo" :resultData="resultData" />
14 </div> 18 </div>
15 <div class="jtfccx-edit" v-else> 19 <div class="jtfccx-edit" v-else>
16 <div class="jtfccx-edit-con"> 20 <div class="jtfccx-edit-con">
...@@ -39,11 +43,13 @@ ...@@ -39,11 +43,13 @@
39 </el-row> 43 </el-row>
40 </el-form> 44 </el-form>
41 <b class="title">申请人</b> 45 <b class="title">申请人</b>
42 <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting 46 <lb-table :column="sqrColumns" :data="form.sqrList"
47 :key="sqrkey" :maxHeight="210" heightNumSetting
43 :pagination="false"> 48 :pagination="false">
44 </lb-table> 49 </lb-table>
45 <b class="title">权利人</b> 50 <b class="title">权利人</b>
46 <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting 51 <lb-table :column="qlrColumns"
52 :key="qlrkey" :data="form.qlrList" :maxHeight="210" heightNumSetting
47 :pagination="false"> 53 :pagination="false">
48 </lb-table> 54 </lb-table>
49 </div> 55 </div>
...@@ -79,6 +85,8 @@ ...@@ -79,6 +85,8 @@
79 }, 85 },
80 data () { 86 data () {
81 return { 87 return {
88 sqrkey: 0,
89 qlrkey: 0,
82 isADD: true, 90 isADD: true,
83 Loading: false, 91 Loading: false,
84 activeStep: 0, 92 activeStep: 0,
...@@ -87,9 +95,278 @@ ...@@ -87,9 +95,278 @@
87 //查询结果列表字段 95 //查询结果列表字段
88 cxjgColumns: datas.columns(), 96 cxjgColumns: datas.columns(),
89 //申请人列表字段 97 //申请人列表字段
90 sqrColumns: datas.sqrCol(), 98 sqrColumns: [
99 {
100 width: "60",
101 renderHeader: (h, scope) => {
102 return (
103 <i
104 class="el-icon-plus pointer"
105 onClick={() => {
106 this.add("sqr");
107 }}
108 style="color:#409EFF"
109 ></i>
110 );
111 },
112 render: (h, scope) => {
113 return (
114 <i
115 class="el-icon-minus pointer"
116 onClick={() => {
117 this.remove(scope.$index, scope.row, "sqr");
118 }}
119 ></i>
120 );
121 },
122 },
123 {
124 width: "150",
125 label: "身份证读卡器",
126 render: (h, scope) => {
127 return (
128 <div>
129 <el-button
130 type="text"
131 icon="el-icon-edit-outline"
132 onClick={() => {
133 vm.handleRead(scope);
134 }}
135 >
136 读取
137 </el-button>
138 </div>
139 );
140 },
141 },
142 {
143 width: "150",
144 prop: "sqrxm",
145 label: "姓名/名称",
146 render: (h, scope) => {
147 return (
148 <el-input
149 placeholder="姓名/名称"
150 value={scope.row[scope.column.property]}
151 onInput={(val) => {
152 scope.row[scope.column.property] = val;
153 }}
154 ></el-input>
155 );
156 },
157 },
158 {
159 prop: "sqrzjlxbm",
160 label: "证件种类",
161 render: (h, scope) => {
162 return (
163 <el-select
164 class="width100"
165 clearable
166 value={scope.row[scope.column.property]}
167 onChange={(val) => {
168 scope.row[scope.column.property] = val;
169 }}
170 >
171 {store.getters.dictData["A30"].map((option) => {
172 return (
173 <el-option
174 label={option.dname}
175 value={option.dcode}
176 ></el-option>
177 );
178 })}
179 </el-select>
180 );
181 },
182 },
183 {
184 prop: "sqrzjhm",
185 label: "证件号",
186 render: (h, scope) => {
187 return (
188 <el-input
189 placeholder="证件号"
190 value={scope.row[scope.column.property]}
191 onInput={(val) => {
192 scope.row[scope.column.property] = val;
193 }}
194 maxlength="21"
195 ></el-input>
196 );
197 },
198 },
199 {
200 prop: "lxdh",
201 label: "联系电话",
202 render: (h, scope) => {
203 return (
204 <div class="typePhone">
205 <el-input
206 placeholder="联系电话"
207 value={scope.row[scope.column.property]}
208 onInput={(val) => {
209 scope.row[scope.column.property] = val;
210 }}
211 onBlur={(val) => {
212 vm.teltest(scope.row);
213 }}
214 type="tel"
215 maxlength="11"
216 ></el-input>
217 <span
218 v-show={scope.row.inputErr}
219 style={{
220 fontSize: "12px",
221 color: "red",
222 position: "absolute",
223 bottom: "-2px",
224 left: "0",
225 }}
226 >
227 请输入正确手机号
228 </span>
229 </div>
230 );
231 }
232 }
233 ],
91 //权利人列表字段 234 //权利人列表字段
92 qlrColumns: datas.qlrCol(), 235 qlrColumns: [
236 {
237 width: "60",
238 renderHeader: (h, scope) => {
239 return (
240 <i
241 class="el-icon-plus pointer"
242 onClick={() => {
243 this.add("qlr");
244 }}
245 style="color:#409EFF"
246 ></i>
247 );
248 },
249 render: (h, scope) => {
250 return (
251 <i
252 class="el-icon-minus pointer"
253 onClick={() => {
254 this.remove(scope.$index, scope.row, "qlr");
255 }}
256 ></i>
257 );
258 },
259 },
260 {
261 width: "150",
262 label: "身份证读卡器",
263 render: (h, scope) => {
264 return (
265 <div>
266 <el-button
267 type="text"
268 icon="el-icon-edit-outline"
269 onClick={() => {
270 vm.handleRead(scope);
271 }}
272 >
273 读取
274 </el-button>
275 </div>
276 );
277 },
278 },
279 {
280 width: "150",
281 prop: "sqrxm",
282 label: "姓名/名称",
283 render: (h, scope) => {
284 return (
285 <el-input
286 placeholder="姓名/名称"
287 value={scope.row[scope.column.property]}
288 onInput={(val) => {
289 scope.row[scope.column.property] = val;
290 }}
291 ></el-input>
292 );
293 },
294 },
295 {
296 prop: "sqrzjlxbm",
297 label: "证件种类",
298 render: (h, scope) => {
299 return (
300 <el-select
301 class="width100"
302 value={scope.row[scope.column.property]}
303 onChange={(val) => {
304 scope.row[scope.column.property] = val;
305 }}
306 >
307 {store.getters.dictData["A30"].map((option) => {
308 return (
309 <el-option
310 label={option.dname}
311 value={option.dcode}
312 ></el-option>
313 );
314 })}
315 </el-select>
316 );
317 },
318 },
319 {
320 prop: "sqrzjhm",
321 label: "证件号",
322 render: (h, scope) => {
323 return (
324 <el-input
325 placeholder="证件号"
326 value={scope.row[scope.column.property]}
327 onInput={(val) => {
328 scope.row[scope.column.property] = val;
329 }}
330 maxlength="21"
331 ></el-input>
332 );
333 },
334 },
335 {
336 prop: "lxdh",
337 label: "联系电话",
338 render: (h, scope) => {
339 return (
340 <div class="typePhone">
341 <el-input
342 placeholder="联系电话"
343 value={scope.row[scope.column.property]}
344 onInput={(val) => {
345 scope.row[scope.column.property] = val;
346 }}
347 onBlur={(val) => {
348 this.teltest(scope.row);
349 }}
350 type="tel"
351 maxlength="11"
352 ></el-input>
353 <span
354 v-show={scope.row.inputErr}
355 style={{
356 fontSize: "12px",
357 color: "red",
358 position: "absolute",
359 bottom: "-2px",
360 left: "0",
361 }}
362 >
363 请输入正确手机号
364 </span>
365 </div>
366 );
367 },
368 },
369 ],
93 newData: { 370 newData: {
94 sqrxm: "", 371 sqrxm: "",
95 sqrzjlxbm: "", 372 sqrzjlxbm: "",
...@@ -104,6 +381,7 @@ ...@@ -104,6 +381,7 @@
104 cxjgList: [], 381 cxjgList: [],
105 dyjlList: [], 382 dyjlList: [],
106 }, 383 },
384 resultData: {}
107 }; 385 };
108 }, 386 },
109 mounted () { 387 mounted () {
...@@ -166,9 +444,7 @@ ...@@ -166,9 +444,7 @@
166 getFwmxInfo({ sqcxBsm: this.formData.sqcxBsm }).then((res) => { 444 getFwmxInfo({ sqcxBsm: this.formData.sqcxBsm }).then((res) => {
167 this.Loading = false 445 this.Loading = false
168 if (res.code == 200) { 446 if (res.code == 200) {
169 this.$nextTick(() => { 447 this.resultData = res.result
170 this.$refs.dydjbInfo.setResult(res.result)
171 })
172 } 448 }
173 }).catch(() => { 449 }).catch(() => {
174 this.Loading = false 450 this.Loading = false
...@@ -180,7 +456,6 @@ ...@@ -180,7 +456,6 @@
180 */ 456 */
181 queryChick () { 457 queryChick () {
182 this.Loading = true 458 this.Loading = true
183 this.activeStep = 1;
184 store.dispatch('user/reWorkFresh', false) 459 store.dispatch('user/reWorkFresh', false)
185 addFwmxCxjgXx(this.form).then((res) => { 460 addFwmxCxjgXx(this.form).then((res) => {
186 this.Loading = false 461 this.Loading = false
...@@ -192,6 +467,11 @@ ...@@ -192,6 +467,11 @@
192 this.$nextTick(() => { 467 this.$nextTick(() => {
193 this.$refs.dydjbInfo.setResult(res.result) 468 this.$refs.dydjbInfo.setResult(res.result)
194 }) 469 })
470 } else {
471 this.$message({
472 message: res.message,
473 type: 'warning'
474 })
195 } 475 }
196 }) 476 })
197 }, 477 },
...@@ -220,6 +500,8 @@ ...@@ -220,6 +500,8 @@
220 } else { 500 } else {
221 this.form.qlrList.push(_.cloneDeep(this.newData)); 501 this.form.qlrList.push(_.cloneDeep(this.newData));
222 } 502 }
503 this.sqrkey++
504 this.qlrkey++
223 }, 505 },
224 /** 506 /**
225 * @description: 移除申请人或权利人 507 * @description: 移除申请人或权利人
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2024-03-29 13:26:04
5 -->
1 <template> 6 <template>
2 <div class="jtfccx-edit-con"> 7 <div class="jtfccx-edit-con">
3 <b class="title"></b> 8 <b class="title"></b>
...@@ -41,20 +46,15 @@ ...@@ -41,20 +46,15 @@
41 46
42 <script> 47 <script>
43 import { datas, sendThis } from "./infodata"; 48 import { datas, sendThis } from "./infodata";
44 import { getFwmxInfo } from "@/api/jtfc.js";
45 export default { 49 export default {
46 props: { 50 props: {
47 formData: { 51 resultData: {
48 type: Object, 52 type: Object,
49 default: () => { }, 53 default: () => { },
50 }, 54 },
51 }, 55 },
52 data () { 56 data () {
53 return { 57 return {
54 ruleForm: {
55 cxsj: "",
56 bdcdyh: "",
57 },
58 //房屋列表字段 58 //房屋列表字段
59 fwColumns: datas.fwCol(), 59 fwColumns: datas.fwCol(),
60 //土地列表字段 60 //土地列表字段
...@@ -69,37 +69,9 @@ ...@@ -69,37 +69,9 @@
69 cfdjColumns: datas.cfdjCol(), 69 cfdjColumns: datas.cfdjCol(),
70 //异议登记列表字段 70 //异议登记列表字段
71 yydjColumns: datas.yydjCol(), 71 yydjColumns: datas.yydjCol(),
72 form: {},
73 resultData: {},
74 }; 72 };
75 }, 73 },
76 mounted () {
77 if (this.formData) {
78 this.getDetailInfo()
79 }
80 },
81 methods: { 74 methods: {
82 /**
83 * @description: setResult
84 * @param {*} data
85 * @author: renchao
86 */
87 setResult (data) {
88 this.resultData = data
89 },
90 /**
91 * @description: getDetailInfo
92 * @author: renchao
93 */
94 getDetailInfo () {
95 this.$startLoading();
96 getFwmxInfo({ sqcxBsm: this.formData.bsmSqcx }).then((res) => {
97 this.$endLoading();
98 if (res.code == 200) {
99 this.resultData = res.result
100 }
101 })
102 }
103 } 75 }
104 }; 76 };
105 </script> 77 </script>
......
1 import filter from '@/utils/filter.js' 1 import filter from '@/utils/filter.js'
2 let vm = null 2 let vm = null
3 import store from '@/store/index.js'
3 4
4 const sendThis = (_this) => { 5 const sendThis = (_this) => {
5 vm = _this 6 vm = _this
...@@ -64,294 +65,19 @@ class data extends filter { ...@@ -64,294 +65,19 @@ class data extends filter {
64 align: 'center', 65 align: 'center',
65 fixed: 'right', 66 fixed: 'right',
66 render: (h, scope) => { 67 render: (h, scope) => {
67 if(scope.row.dyzt != '0' && scope.row.cfzt != '0'){ 68 if (scope.row.dyzt != '0' && scope.row.cfzt != '0') {
68 return <div>抵押、查封</div> 69 return <div>抵押、查封</div>
69 } 70 }
70 if(scope.row.dyzt != '0'){ 71 if (scope.row.dyzt != '0') {
71 return <div>抵押</div> 72 return <div>抵押</div>
72 } 73 }
73 if(scope.row.cfzt != '0'){ 74 if (scope.row.cfzt != '0') {
74 return <div>查封</div> 75 return <div>查封</div>
75 } 76 }
76 } 77 }
77 } 78 }
78 ] 79 ]
79 } 80 }
80 sqrCol () {
81 return [
82 {
83 width: "60",
84 renderHeader: (h, scope) => {
85 return (
86 <i
87 class="el-icon-plus pointer"
88 onClick={() => {
89 vm.add("sqr");
90 }}
91 style="color:#409EFF"
92 ></i>
93 );
94 },
95 render: (h, scope) => {
96 return (
97 <i
98 class="el-icon-minus pointer"
99 onClick={() => {
100 vm.remove(scope.$index, scope.row, "sqr");
101 }}
102 ></i>
103 );
104 },
105 },
106 {
107 width: "150",
108 label: "身份证读卡器",
109 render: (h, scope) => {
110 return (
111 <div>
112 <el-button
113 type="text"
114 icon="el-icon-edit-outline"
115 onClick={() => {
116 vm.handleRead(scope);
117 }}
118 >
119 读取
120 </el-button>
121 </div>
122 );
123 },
124 },
125 {
126 width: "150",
127 prop: "sqrxm",
128 label: "姓名/名称",
129 render: (h, scope) => {
130 return (
131 <el-input
132 placeholder="姓名/名称"
133 value={scope.row[scope.column.property]}
134 onInput={(val) => {
135 scope.row[scope.column.property] = val;
136 }}
137 ></el-input>
138 );
139 },
140 },
141 {
142 prop: "sqrzjlxbm",
143 label: "证件种类",
144 render: (h, scope) => {
145 return (
146 <el-select
147 class="width100"
148 clearable
149 value={scope.row[scope.column.property]}
150 onChange={(val) => {
151 scope.row[scope.column.property] = val;
152 }}
153 >
154 {vm.dictData["A30"].map((option) => {
155 return (
156 <el-option
157 label={option.dname}
158 value={option.dcode}
159 ></el-option>
160 );
161 })}
162 </el-select>
163 );
164 },
165 },
166 {
167 prop: "sqrzjhm",
168 label: "证件号",
169 render: (h, scope) => {
170 return (
171 <el-input
172 placeholder="证件号"
173 value={scope.row[scope.column.property]}
174 onInput={(val) => {
175 scope.row[scope.column.property] = val;
176 }}
177 maxlength="21"
178 ></el-input>
179 );
180 },
181 },
182 {
183 prop: "lxdh",
184 label: "联系电话",
185 render: (h, scope) => {
186 return (
187 <div class="typePhone">
188 <el-input
189 placeholder="联系电话"
190 value={scope.row[scope.column.property]}
191 onInput={(val) => {
192 scope.row[scope.column.property] = val;
193 }}
194 onBlur={(val) => {
195 vm.teltest(scope.row);
196 }}
197 type="tel"
198 maxlength="11"
199 ></el-input>
200 <span
201 v-show={scope.row.inputErr}
202 style={{
203 fontSize: "12px",
204 color: "red",
205 position: "absolute",
206 bottom: "-2px",
207 left: "0",
208 }}
209 >
210 请输入正确手机号
211 </span>
212 </div>
213 );
214 },
215 },
216 ]
217 }
218 qlrCol () {
219 return [
220 {
221 width: "60",
222 renderHeader: (h, scope) => {
223 return (
224 <i
225 class="el-icon-plus pointer"
226 onClick={() => {
227 vm.add("qlr");
228 }}
229 style="color:#409EFF"
230 ></i>
231 );
232 },
233 render: (h, scope) => {
234 return (
235 <i
236 class="el-icon-minus pointer"
237 onClick={() => {
238 vm.remove(scope.$index, scope.row, "qlr");
239 }}
240 ></i>
241 );
242 },
243 },
244 {
245 width: "150",
246 label: "身份证读卡器",
247 render: (h, scope) => {
248 return (
249 <div>
250 <el-button
251 type="text"
252 icon="el-icon-edit-outline"
253 onClick={() => {
254 vm.handleRead(scope);
255 }}
256 >
257 读取
258 </el-button>
259 </div>
260 );
261 },
262 },
263 {
264 width: "150",
265 prop: "sqrxm",
266 label: "姓名/名称",
267 render: (h, scope) => {
268 return (
269 <el-input
270 placeholder="姓名/名称"
271 value={scope.row[scope.column.property]}
272 onInput={(val) => {
273 scope.row[scope.column.property] = val;
274 }}
275 ></el-input>
276 );
277 },
278 },
279 {
280 prop: "sqrzjlxbm",
281 label: "证件种类",
282 render: (h, scope) => {
283 return (
284 <el-select
285 class="width100"
286 value={scope.row[scope.column.property]}
287 onChange={(val) => {
288 scope.row[scope.column.property] = val;
289 }}
290 >
291 {vm.dictData["A30"].map((option) => {
292 return (
293 <el-option
294 label={option.dname}
295 value={option.dcode}
296 ></el-option>
297 );
298 })}
299 </el-select>
300 );
301 },
302 },
303 {
304 prop: "sqrzjhm",
305 label: "证件号",
306 render: (h, scope) => {
307 return (
308 <el-input
309 placeholder="证件号"
310 value={scope.row[scope.column.property]}
311 onInput={(val) => {
312 scope.row[scope.column.property] = val;
313 }}
314 maxlength="21"
315 ></el-input>
316 );
317 },
318 },
319 {
320 prop: "lxdh",
321 label: "联系电话",
322 render: (h, scope) => {
323 return (
324 <div class="typePhone">
325 <el-input
326 placeholder="联系电话"
327 value={scope.row[scope.column.property]}
328 onInput={(val) => {
329 scope.row[scope.column.property] = val;
330 }}
331 onBlur={(val) => {
332 vm.teltest(scope.row);
333 }}
334 type="tel"
335 maxlength="11"
336 ></el-input>
337 <span
338 v-show={scope.row.inputErr}
339 style={{
340 fontSize: "12px",
341 color: "red",
342 position: "absolute",
343 bottom: "-2px",
344 left: "0",
345 }}
346 >
347 请输入正确手机号
348 </span>
349 </div>
350 );
351 },
352 },
353 ]
354 }
355 } 81 }
356 let datas = new data() 82 let datas = new data()
357 export { 83 export {
......