style:不动产权证领取
Showing
1 changed file
with
38 additions
and
9 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-13 17:08:19 | 4 | * @LastEditTime: 2023-09-14 16:37:15 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | 7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> |
... | @@ -28,25 +28,30 @@ | ... | @@ -28,25 +28,30 @@ |
28 | :calcHeight="300"> | 28 | :calcHeight="300"> |
29 | </lb-table> | 29 | </lb-table> |
30 | <el-row> | 30 | <el-row> |
31 | <el-col :span="6"> | 31 | <el-col :span="3"> |
32 | <el-form-item label="领证人" prop="lzrxm"> | 32 | <el-form-item label="身份证读卡器"> |
33 | <el-button type="text" icon="el-icon-tickets" @click="readClick">读取</el-button> | ||
34 | </el-form-item> | ||
35 | </el-col> | ||
36 | <el-col :span="5"> | ||
37 | <el-form-item label="领证人" prop="lzrxm" label-width="70px"> | ||
33 | <el-input v-model="ruleForm.lzrxm"></el-input> | 38 | <el-input v-model="ruleForm.lzrxm"></el-input> |
34 | </el-form-item> | 39 | </el-form-item> |
35 | </el-col> | 40 | </el-col> |
36 | <el-col :span="6"> | 41 | <el-col :span="5"> |
37 | <el-form-item label="证件类型" prop="lzrzjlb"> | 42 | <el-form-item label="证件类型" prop="lzrzjlb" label-width="80px"> |
38 | <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择"> | 43 | <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择"> |
39 | <el-option v-for="item in lzrzjlbData" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 44 | <el-option v-for="item in lzrzjlbData" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
40 | </el-option> | 45 | </el-option> |
41 | </el-select> | 46 | </el-select> |
42 | </el-form-item> | 47 | </el-form-item> |
43 | </el-col> | 48 | </el-col> |
44 | <el-col :span="6"> | 49 | <el-col :span="5"> |
45 | <el-form-item label="证件号" prop="lzrzjh"> | 50 | <el-form-item label="证件号" prop="lzrzjh" label-width="70px"> |
46 | <el-input v-model="ruleForm.lzrzjh"></el-input> | 51 | <el-input v-model="ruleForm.lzrzjh"></el-input> |
47 | </el-form-item> | 52 | </el-form-item> |
48 | </el-col> | 53 | </el-col> |
49 | <el-col :span="6"> | 54 | <el-col :span="5"> |
50 | <el-form-item label="领证人电话" prop="lzrdh"> | 55 | <el-form-item label="领证人电话" prop="lzrdh"> |
51 | <el-input v-model="ruleForm.lzrdh"></el-input> | 56 | <el-input v-model="ruleForm.lzrdh"></el-input> |
52 | </el-form-item> | 57 | </el-form-item> |
... | @@ -62,7 +67,8 @@ | ... | @@ -62,7 +67,8 @@ |
62 | import Vue from 'vue' | 67 | import Vue from 'vue' |
63 | import store from '@/store/index.js' | 68 | import store from '@/store/index.js' |
64 | import table from "@/utils/mixin/table"; | 69 | import table from "@/utils/mixin/table"; |
65 | import { getUnclaimedBdcqz, issueCertificate,getBdcqzQlr } from "@/api/bdcqz.js"; | 70 | import { getIdCardInfo } from '@/utils/operation.js' |
71 | import { getUnclaimedBdcqz, issueCertificate, getBdcqzQlr } from "@/api/bdcqz.js"; | ||
66 | import { datas } from "../../javascript/fzxxdata"; | 72 | import { datas } from "../../javascript/fzxxdata"; |
67 | export default { | 73 | export default { |
68 | props: { | 74 | props: { |
... | @@ -115,6 +121,29 @@ | ... | @@ -115,6 +121,29 @@ |
115 | }, | 121 | }, |
116 | methods: { | 122 | methods: { |
117 | /** | 123 | /** |
124 | * @description: 身份证打卡器 | ||
125 | * @author: renchao | ||
126 | */ | ||
127 | readClick () { | ||
128 | getIdCardInfo().then(res => { | ||
129 | if (res.data.code == 0) { | ||
130 | let data = res.data.IDCardInfo | ||
131 | this.ruleForm.lzrxm = data.name | ||
132 | this.ruleForm.lzrzjlb = '1' | ||
133 | this.ruleForm.lzrzjh = data.cardID | ||
134 | this.$message({ | ||
135 | message: '读取成功!', | ||
136 | type: 'success' | ||
137 | }) | ||
138 | } else { | ||
139 | this.$message({ | ||
140 | message: res.data.message, | ||
141 | type: 'warning' | ||
142 | }) | ||
143 | } | ||
144 | }) | ||
145 | }, | ||
146 | /** | ||
118 | * @description: 列表初始化 | 147 | * @description: 列表初始化 |
119 | * @author: renchao | 148 | * @author: renchao |
120 | */ | 149 | */ | ... | ... |
-
Please register or sign in to post a comment