Skip to content

bdc / bdcdj-web

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

style:家庭房产

1 parent 700ded5f
Inline Side-by-side
Showing 7 changed files with 326 additions and 326 deletions
No preview for this file type
1 { 1 {
2 "TITLE": "不动产登记系统", 2 "TITLE": "不动产登记系统",
3 "SERVERAPI": "/bdcdj", 3 "SERVERAPI": "/bdcdj",
4 "ip": "http://192.168.2.38" 4 "ip": "http://192.168.2.38",
5 "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0"
5 } 6 }
...\ No newline at end of file ...\ No newline at end of file
......
1 {
2 "TITLE": "不动产登记系统",
3 "SERVERAPI": "/bdcdj",
4 "ip": "http://192.168.2.38"
5 }
...\ No newline at end of file ...\ No newline at end of file
1 {
2 "TITLE": "不动产登记系统",
3 "SERVERAPI": "service-bdcdj-th",
4 "ip": "http://192.168.2.38"
5 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -20,18 +20,19 @@ ...@@ -20,18 +20,19 @@
20 </el-col> 20 </el-col>
21 </el-row> 21 </el-row>
22 </el-form> 22 </el-form>
23 <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting 23 <!-- 申请人 -->
24 <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="230" heightNumSetting
24 :pagination="false"> 25 :pagination="false">
25 </lb-table> 26 </lb-table>
26 27 <!-- 权利人 -->
27 <b class="title">权利人</b> 28 <b class="title">权利人</b>
28 <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting 29 <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="230" heightNumSetting
29 :pagination="false"> 30 :pagination="false">
30 </lb-table> 31 </lb-table>
31 <div v-show="isSearch"> 32 <div v-show="isSearch">
32 <b class="title">查询结果</b> 33 <b class="title">查询结果</b>
33 <p>查询编号：{{ form.djSqcxDO.cxbh }}</p> 34 <p>查询编号：{{ form.djSqcxDO.cxbh }}</p>
34 <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false"> 35 <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="230" heightNumSetting :pagination="false">
35 </lb-table> 36 </lb-table>
36 </div> 37 </div>
37 </div> 38 </div>
...@@ -54,30 +55,295 @@ ...@@ -54,30 +55,295 @@
54 </div> 55 </div>
55 </template> 56 </template>
56 <script> 57 <script>
57 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; 58 import axios from 'axios'
58 import { getPrintTemplateByCode } from "@/api/system"; 59 import store from '@/store/index.js'
59 import { datas, sendThis } from "./addjtfcdata"; 60 import { getLodop } from "@/utils/LodopFuncs"
60 import { getLodop } from "@/utils/LodopFuncs" 61 import { datas } from "./addjtfcdata";
61 export default { 62 import { getPrintTemplateByCode } from "@/api/system";
63 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
64 export default {
62 props: { 65 props: {
63 formData: { 66 formData: {
64 type: Object, 67 type: Object,
65 default: () => { }, 68 default: () => { },
66 }, 69 },
67 }, 70 },
68 mounted () {
69 sendThis(this);
70 },
71 data () { 71 data () {
72 return { 72 return {
73 key: 0,
73 //是否查询 74 //是否查询
74 isSearch: false, 75 isSearch: false,
75 //查询结果列表字段 76 //查询结果列表字段
76 cxjgColumns: datas.columns(), 77 cxjgColumns: datas.columns(),
77 //申请人列表字段 78 //申请人列表字段
78 sqrColumns: datas.sqrCol(), 79 sqrColumns: [{
80 width: "60",
81 renderHeader: (h, scope) => {
82 return (
83 <i
84 class="el-icon-plus pointer"
85 onClick={() => {
86 this.handleAddsqr("sqr");
87 }}
88 style="color:#409EFF"
89 ></i>
90 );
91 },
92 render: (h, scope) => {
93 return (
94 <i
95 class="el-icon-minus pointer"
96 onClick={() => {
97 this.remove(scope.$index, scope.row, "sqr");
98 }}
99 ></i>
100 );
101 },
102 },
103 {
104 width: "150",
105 label: "身份证读卡器",
106 render: (h, scope) => {
107 return (
108 <div>
109 <el-button
110 type="text"
111 icon="el-icon-edit-outline"
112 onClick={() => {
113 this.handleRead(scope.row, 'sqr');
114 }}
115 >
116 读取
117 </el-button>
118 </div>
119 );
120 },
121 },
122 {
123 width: "150",
124 prop: "sqrxm",
125 label: "姓名/名称",
126 render: (h, scope) => {
127 return (
128 <el-input
129 placeholder="姓名/名称"
130 value={scope.row[scope.column.property]}
131 onInput={(val) => {
132 scope.row[scope.column.property] = val;
133 }}
134 ></el-input>
135 );
136 },
137 },
138 {
139 prop: "sqrzjlxbm",
140 label: "证件种类",
141 render: (h, scope) => {
142 return (
143 <el-select
144 class="width100"
145 clearable
146 value={scope.row[scope.column.property]}
147 onChange={(val) => {
148 scope.row[scope.column.property] = val;
149 }}
150 >
151 {this.getDictData('A30').map((option) => {
152 return (
153 <el-option
154 label={option.dname}
155 value={option.dcode}
156 ></el-option>
157 );
158 })}
159 </el-select>
160 );
161 },
162 },
163 {
164 prop: "sqrzjhm",
165 label: "证件号",
166 render: (h, scope) => {
167 return (
168 <el-input
169 placeholder="证件号"
170 value={scope.row[scope.column.property]}
171 onInput={(val) => {
172 scope.row[scope.column.property] = val;
173 }}
174 maxlength="21"
175 ></el-input>
176 );
177 },
178 },
179 {
180 prop: "lxdh",
181 label: "联系电话",
182 render: (h, scope) => {
183 return (
184 <div class="typePhone">
185 <el-input
186 placeholder="联系电话"
187 value={scope.row[scope.column.property]}
188 onInput={(val) => {
189 scope.row[scope.column.property] = val;
190 }}
191 onBlur={(val) => {
192 vm.teltest(scope.row);
193 }}
194 type="tel"
195 maxlength="11"
196 ></el-input>
197 <span
198 v-show={scope.row.inputErr}
199 style={{
200 fontSize: "12px",
201 color: "red",
202 position: "absolute",
203 bottom: "-2px",
204 left: "0",
205 }}
206 >
207 请输入正确手机号
208 </span>
209 </div>
210 );
211 },
212 }],
79 //权利人列表字段 213 //权利人列表字段
80 qlrColumns: datas.qlrCol(), 214 qlrColumns: [{
215 width: "60",
216 renderHeader: (h, scope) => {
217 return (
218 <i
219 class="el-icon-plus pointer"
220 onClick={() => {
221 this.handleAddqlr();
222 }}
223 style="color:#409EFF"
224 ></i>
225 );
226 },
227 render: (h, scope) => {
228 return (
229 <i
230 class="el-icon-minus pointer"
231 onClick={() => {
232 this.remove(scope.$index, scope.row, "qlr");
233 }}
234 ></i>
235 );
236 },
237 },
238 {
239 width: "150",
240 label: "身份证读卡器",
241 render: (h, scope) => {
242 return (
243 <div>
244 <el-button
245 type="text"
246 icon="el-icon-edit-outline"
247 onClick={() => {
248 this.handleRead(scope.row, 'qlr');
249 }}
250 >
251 读取
252 </el-button>
253 </div>
254 );
255 },
256 },
257 {
258 width: "150",
259 prop: "sqrxm",
260 label: "姓名/名称",
261 render: (h, scope) => {
262 return (
263 <el-input
264 placeholder="姓名/名称"
265 value={scope.row[scope.column.property]}
266 onInput={(val) => {
267 scope.row[scope.column.property] = val;
268 }}
269 ></el-input>
270 );
271 },
272 },
273 {
274 prop: "sqrzjlxbm",
275 label: "证件种类",
276 render: (h, scope) => {
277 return (
278 <el-select
279 class="width100"
280 value={scope.row[scope.column.property]}
281 onChange={(val) => {
282 scope.row[scope.column.property] = val;
283 }}
284 >
285 {this.getDictData('A30').map((option) => {
286 return (
287 <el-option
288 label={option.dname}
289 value={option.dcode}
290 ></el-option>
291 );
292 })}
293 </el-select>
294 );
295 },
296 },
297 {
298 prop: "sqrzjhm",
299 label: "证件号",
300 render: (h, scope) => {
301 return (
302 <el-input
303 placeholder="证件号"
304 value={scope.row[scope.column.property]}
305 onInput={(val) => {
306 scope.row[scope.column.property] = val;
307 }}
308 maxlength="21"
309 ></el-input>
310 );
311 },
312 },
313 {
314 prop: "lxdh",
315 label: "联系电话",
316 render: (h, scope) => {
317 return (
318 <div class="typePhone">
319 <el-input
320 placeholder="联系电话"
321 value={scope.row[scope.column.property]}
322 onInput={(val) => {
323 scope.row[scope.column.property] = val;
324 }}
325 onBlur={(val) => {
326 this.teltest(scope.row);
327 }}
328 type="tel"
329 maxlength="11"
330 ></el-input>
331 <span
332 v-show={scope.row.inputErr}
333 style={{
334 fontSize: "12px",
335 color: "red",
336 position: "absolute",
337 bottom: "-2px",
338 left: "0",
339 }}
340 >
341 请输入正确手机号
342 </span>
343 </div>
344 );
345 },
346 }],
81 newData: { 347 newData: {
82 sqrxm: "", 348 sqrxm: "",
83 sqrzjlxbm: "", 349 sqrzjlxbm: "",
...@@ -116,11 +382,16 @@ export default { ...@@ -116,11 +382,16 @@ export default {
116 }, 382 },
117 "form.sqrList" (val) { 383 "form.sqrList" (val) {
118 if (this.form.djSqcxDO.ycqrgx == '1') { 384 if (this.form.djSqcxDO.ycqrgx == '1') {
119 this.form.qlrList = _.cloneDeep(this.form.sqrList) 385 console.log(val, 'valvalvalval');
386 this.form.qlrList = _.cloneDeep(val)
120 } 387 }
121 } 388 }
122 }, 389 },
123 methods: { 390 methods: {
391 // 字典
392 getDictData (val) {
393 return store.getters.dictData[val]
394 },
124 closeDialog () { 395 closeDialog () {
125 this.$popupCacel() 396 this.$popupCacel()
126 this.form = { 397 this.form = {
...@@ -163,17 +434,39 @@ export default { ...@@ -163,17 +434,39 @@ export default {
163 this.form.dyjlList = []; 434 this.form.dyjlList = [];
164 this.isSearch = false; 435 this.isSearch = false;
165 }, 436 },
166 handleRead (scope) { }, 437 handleRead (row, type) {
167 //添加申请人或权利人 438 axios.post(this.BASE_API.IDCARDURL).then(res => {
168 add (type) { 439 if (res.data.code == 0) {
169 if (type == "sqr") { 440 let data = res.data.IDCardInfo
170 this.form.sqrList.push(_.cloneDeep(this.newData)); 441 row.sqrxm = data.name
442 row.sqrzjlxbm = '1'
443 row.sqrzjhm = data.cardID
444 this.$message({
445 message: '读取成功！',
446 type: 'success'
447 })
448 if (type == 'sqr') {
449 this.form.qlrList = _.cloneDeep(this.form.sqrList)
450 }
451 console.log(this.form.sqrList);
171 } else { 452 } else {
172 this.form.qlrList.push(_.cloneDeep(this.newData)); 453 this.$message({
454 message: res.data.message,
455 type: 'warning'
456 })
173 } 457 }
458 })
459 },
460 //添加申请人
461 handleAddsqr () {
462 this.form.sqrList.push(_.cloneDeep(this.newData));
463 },
464 handleAddqlr () {
465 this.form.qlrList.push(_.cloneDeep(this.newData));
174 }, 466 },
175 //移除申请人或权利人 467 //移除申请人或权利人
176 remove (index, row, type) { 468 remove (index, row, type) {
469 console.log(type, 'type');
177 if (type == "sqr") { 470 if (type == "sqr") {
178 this.form.sqrList.splice(index, 1); 471 this.form.sqrList.splice(index, 1);
179 } else { 472 } else {
...@@ -215,32 +508,31 @@ export default { ...@@ -215,32 +508,31 @@ export default {
215 }) 508 })
216 } 509 }
217 }, 510 },
218 }; 511 };
219 </script> 512 </script>
220 <style scoped lang="scss"> 513 <style scoped lang="scss">
221 @import "~@/styles/mixin.scss"; 514 @import "~@/styles/mixin.scss";
222 @import "~@/styles/public.scss"; 515 @import "~@/styles/public.scss";
223 516
224 .title { 517 .title {
225 padding-bottom: 10px; 518 padding-bottom: 10px;
226 margin-bottom: 10px; 519 margin-bottom: 10px;
227 display: block; 520 display: block;
228 border-bottom: 1px solid $borderColor; 521 border-bottom: 1px solid $borderColor;
229 } 522 }
230 523
231 .jtfccx-edit { 524 .jtfccx-edit {
232 @include flex; 525 @include flex;
233 flex-direction: column; 526 flex-direction: column;
234 overflow-y: hidden; 527 overflow-y: hidden;
235 max-height: 85vh; 528 max-height: 85vh;
236 padding: 0 2px; 529 padding: 0 2px;
237 530
238
239 .submit-button { 531 .submit-button {
240 text-align: center; 532 text-align: center;
241 height: 52px; 533 height: 52px;
242 padding-top: 10px; 534 padding-top: 10px;
243 background-color: #fff; 535 background-color: #fff;
244 } 536 }
245 } 537 }
246 </style> 538 </style>
......
1 import filter from '@/utils/filter.js' 1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThis = (_this) => {
5 vm = _this
6 }
7 class data extends filter { 2 class data extends filter {
8 constructor() { 3 constructor() {
9 super() 4 super()
...@@ -77,284 +72,8 @@ class data extends filter { ...@@ -77,284 +72,8 @@ class data extends filter {
77 } 72 }
78 ] 73 ]
79 } 74 }
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 {this.getDictData('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 {this.getDictData('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 } 75 }
356 let datas = new data() 76 let datas = new data()
357 export { 77 export {
358 datas, 78 datas
359 sendThis
360 } 79 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-14 09:47:38 4 * @LastEditTime: 2023-06-14 13:14:26
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -195,9 +195,7 @@ ...@@ -195,9 +195,7 @@
195 195
196 // 身份证读取 196 // 身份证读取
197 readClick (row) { 197 readClick (row) {
198 var httpurl = "http://127.0.0.1:33088/"; 198 axios.post(this.BASE_API.IDCARDURL).then(res => {
199 var url = httpurl + "function=get_idcard&readnew=0"
200 axios.post(url).then(res => {
201 if (res.data.code == 0) { 199 if (res.data.code == 0) {
202 let data = res.data.IDCardInfo 200 let data = res.data.IDCardInfo
203 row.sqrmc = data.name 201 row.sqrmc = data.name
......