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