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 473 additions and 473 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,193 +55,484 @@ ...@@ -54,193 +55,484 @@
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";
62 props: { 63 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
63 formData: { 64 export default {
64 type: Object, 65 props: {
65 default: () => { }, 66 formData: {
66 }, 67 type: Object,
67 }, 68 default: () => { },
68 mounted () {
69 sendThis(this);
70 },
71 data () {
72 return {
73 //是否查询
74 isSearch: false,
75 //查询结果列表字段
76 cxjgColumns: datas.columns(),
77 //申请人列表字段
78 sqrColumns: datas.sqrCol(),
79 //权利人列表字段
80 qlrColumns: datas.qlrCol(),
81 newData: {
82 sqrxm: "",
83 sqrzjlxbm: "",
84 sqrzjhm: "",
85 lxdh: "",
86 inputErr: false,
87 },
88 form: {
89 djSqcxDO: { ycqrgx: "1", cxyt: "" },
90 sqrList: [],
91 qlrList: [],
92 cxjgList: [],
93 dyjlList: [],
94 }, 69 },
95 };
96 },
97 mounted () {
98 this.form.sqrList = []
99 this.form.qlrList = []
100 this.isSearch = false
101 if (this.formData.sqcxBsm == "") {
102 this.add("sqr");
103 this.add("qlr");
104 } else {
105 this.loadData();
106 }
107 },
108 watch: {
109 "form.djSqcxDO.ycqrgx" (val) {
110 if (val == "1") {
111 this.form.qlrList = _.cloneDeep(this.form.sqrList);
112 } else {
113 this.form.qlrList = [];
114 this.add("qlr");
115 }
116 }, 70 },
117 "form.sqrList" (val) { 71 data () {
118 if (this.form.djSqcxDO.ycqrgx == '1') { 72 return {
119 this.form.qlrList = _.cloneDeep(this.form.sqrList) 73 key: 0,
120 } 74 //是否查询
121 } 75 isSearch: false,
122 }, 76 //查询结果列表字段
123 methods: { 77 cxjgColumns: datas.columns(),
124 closeDialog () { 78 //申请人列表字段
125 this.$popupCacel() 79 sqrColumns: [{
126 this.form = { 80 width: "60",
127 djSqcxDO: { ycqrgx: "1", cxyt: "" }, 81 renderHeader: (h, scope) => {
128 sqrList: [], 82 return (
129 qlrList: [], 83 <i
130 cxjgList: [], 84 class="el-icon-plus pointer"
131 dyjlList: [], 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 }],
213 //权利人列表字段
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 }],
347 newData: {
348 sqrxm: "",
349 sqrzjlxbm: "",
350 sqrzjhm: "",
351 lxdh: "",
352 inputErr: false,
353 },
354 form: {
355 djSqcxDO: { ycqrgx: "1", cxyt: "" },
356 sqrList: [],
357 qlrList: [],
358 cxjgList: [],
359 dyjlList: [],
360 },
361 };
362 },
363 mounted () {
364 this.form.sqrList = []
365 this.form.qlrList = []
366 this.isSearch = false
367 if (this.formData.sqcxBsm == "") {
368 this.add("sqr");
369 this.add("qlr");
370 } else {
371 this.loadData();
132 } 372 }
133 }, 373 },
134 //加载详细信息 374 watch: {
135 loadData () { 375 "form.djSqcxDO.ycqrgx" (val) {
136 this.$startLoading(); 376 if (val == "1") {
137 getJtfcInfo({ sqcxBsm: this.formData.sqcxBsm }).then((res) => { 377 this.form.qlrList = _.cloneDeep(this.form.sqrList);
138 this.$endLoading(); 378 } else {
139 if (res.code == 200) { 379 this.form.qlrList = [];
140 this.form = res.result; 380 this.add("qlr");
141 this.isSearch = true;
142 } 381 }
143 }); 382 },
144 }, 383 "form.sqrList" (val) {
145 //查询结果 384 if (this.form.djSqcxDO.ycqrgx == '1') {
146 queryChick () { 385 console.log(val, 'valvalvalval');
147 this.$startLoading(); 386 this.form.qlrList = _.cloneDeep(val)
148 addJtfcCxjgXx(this.form).then((res) => {
149 this.$endLoading();
150 if (res.code == 200) {
151 this.form = res.result;
152 this.isSearch = true;
153 this.$parent.queryClick();
154 } 387 }
155 }); 388 }
156 },
157 //重置
158 resetClick () {
159 this.form.djSqcxDO = { ycqrgx: "1", cxyt: "" };
160 this.form.sqrList = _.cloneDeep([this.newData]);
161 this.form.qlrList = _.cloneDeep([this.newData]);
162 this.form.cxjgList = [];
163 this.form.dyjlList = [];
164 this.isSearch = false;
165 }, 389 },
166 handleRead (scope) { }, 390 methods: {
167 //添加申请人或权利人 391 // 字典
168 add (type) { 392 getDictData (val) {
169 if (type == "sqr") { 393 return store.getters.dictData[val]
394 },
395 closeDialog () {
396 this.$popupCacel()
397 this.form = {
398 djSqcxDO: { ycqrgx: "1", cxyt: "" },
399 sqrList: [],
400 qlrList: [],
401 cxjgList: [],
402 dyjlList: [],
403 }
404 },
405 //加载详细信息
406 loadData () {
407 this.$startLoading();
408 getJtfcInfo({ sqcxBsm: this.formData.sqcxBsm }).then((res) => {
409 this.$endLoading();
410 if (res.code == 200) {
411 this.form = res.result;
412 this.isSearch = true;
413 }
414 });
415 },
416 //查询结果
417 queryChick () {
418 this.$startLoading();
419 addJtfcCxjgXx(this.form).then((res) => {
420 this.$endLoading();
421 if (res.code == 200) {
422 this.form = res.result;
423 this.isSearch = true;
424 this.$parent.queryClick();
425 }
426 });
427 },
428 //重置
429 resetClick () {
430 this.form.djSqcxDO = { ycqrgx: "1", cxyt: "" };
431 this.form.sqrList = _.cloneDeep([this.newData]);
432 this.form.qlrList = _.cloneDeep([this.newData]);
433 this.form.cxjgList = [];
434 this.form.dyjlList = [];
435 this.isSearch = false;
436 },
437 handleRead (row, type) {
438 axios.post(this.BASE_API.IDCARDURL).then(res => {
439 if (res.data.code == 0) {
440 let data = res.data.IDCardInfo
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);
452 } else {
453 this.$message({
454 message: res.data.message,
455 type: 'warning'
456 })
457 }
458 })
459 },
460 //添加申请人
461 handleAddsqr () {
170 this.form.sqrList.push(_.cloneDeep(this.newData)); 462 this.form.sqrList.push(_.cloneDeep(this.newData));
171 } else { 463 },
464 handleAddqlr () {
172 this.form.qlrList.push(_.cloneDeep(this.newData)); 465 this.form.qlrList.push(_.cloneDeep(this.newData));
173 } 466 },
174 }, 467 //移除申请人或权利人
175 //移除申请人或权利人 468 remove (index, row, type) {
176 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 {
180 this.form.qlrList.splice(index, 1); 473 this.form.qlrList.splice(index, 1);
181 }
182 },
183 //电话号码校验
184 teltest (row) {
185 const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
186 if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
187 row.inputErr = true;
188 return false;
189 } else {
190 row.inputErr = false;
191 return true;
192 }
193 },
194 //打印
195 printResult () {
196 this.openPrintPrew();
197 var formdata = new FormData();
198 formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx);
199 formdata.append("dylx", '1');
200 printJtcfInfo(formdata).then(res => {
201 if (res.code == 200) {
202 this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1
203 } 474 }
204 }); 475 },
205 }, 476 //电话号码校验
206 //打开打印预览 477 teltest (row) {
207 openPrintPrew () { 478 const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
208 //根据编号获取对应信息 479 if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
209 getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { 480 row.inputErr = true;
210 if (res.code == 200) { 481 return false;
211 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); 482 } else {
212 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 483 row.inputErr = false;
213 LODOP.PREVIEW(); 484 return true;
214 } 485 }
215 }) 486 },
216 } 487 //打印
217 }, 488 printResult () {
218 }; 489 this.openPrintPrew();
490 var formdata = new FormData();
491 formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx);
492 formdata.append("dylx", '1');
493 printJtcfInfo(formdata).then(res => {
494 if (res.code == 200) {
495 this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1
496 }
497 });
498 },
499 //打开打印预览
500 openPrintPrew () {
501 //根据编号获取对应信息
502 getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => {
503 if (res.code == 200) {
504 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
505 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
506 LODOP.PREVIEW();
507 }
508 })
509 }
510 },
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
224 .title {
225 padding-bottom: 10px;
226 margin-bottom: 10px;
227 display: block;
228 border-bottom: 1px solid $borderColor;
229 }
230 516
231 .jtfccx-edit { 517 .title {
232 @include flex; 518 padding-bottom: 10px;
233 flex-direction: column; 519 margin-bottom: 10px;
234 overflow-y: hidden; 520 display: block;
235 max-height: 85vh; 521 border-bottom: 1px solid $borderColor;
236 padding: 0 2px; 522 }
237 523
524 .jtfccx-edit {
525 @include flex;
526 flex-direction: column;
527 overflow-y: hidden;
528 max-height: 85vh;
529 padding: 0 2px;
238 530
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;
536 }
244 } 537 }
245 }
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
......