style:不动产权证领取

           <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-13 17:08:19
+ * @LastEditTime: 2023-09-14 16:37:15
 -->
 <template>
   <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
@@ -28,25 +28,30 @@
       :calcHeight="300">
     </lb-table>
     <el-row>
-      <el-col :span="6">
-        <el-form-item label="领证人" prop="lzrxm">
+      <el-col :span="3">
+        <el-form-item label="身份证读卡器">
+          <el-button type="text" icon="el-icon-tickets" @click="readClick">读取</el-button>
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="领证人" prop="lzrxm" label-width="70px">
           <el-input v-model="ruleForm.lzrxm"></el-input>
         </el-form-item>
       </el-col>
-      <el-col :span="6">
-        <el-form-item label="证件类型" prop="lzrzjlb">
+      <el-col :span="5">
+        <el-form-item label="证件类型" prop="lzrzjlb" label-width="80px">
           <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
             <el-option v-for="item in lzrzjlbData" :key="item.dcode" :label="item.dname" :value="item.dcode">
             </el-option>
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="6">
-        <el-form-item label="证件号" prop="lzrzjh">
+      <el-col :span="5">
+        <el-form-item label="证件号" prop="lzrzjh" label-width="70px">
           <el-input v-model="ruleForm.lzrzjh"></el-input>
         </el-form-item>
       </el-col>
-      <el-col :span="6">
+      <el-col :span="5">
         <el-form-item label="领证人电话" prop="lzrdh">
           <el-input v-model="ruleForm.lzrdh"></el-input>
         </el-form-item>
@@ -62,7 +67,8 @@
   import Vue from 'vue'
   import store from '@/store/index.js'
   import table from "@/utils/mixin/table";
-  import { getUnclaimedBdcqz, issueCertificate,getBdcqzQlr } from "@/api/bdcqz.js";
+  import { getIdCardInfo } from '@/utils/operation.js'
+  import { getUnclaimedBdcqz, issueCertificate, getBdcqzQlr } from "@/api/bdcqz.js";
   import { datas } from "../../javascript/fzxxdata";
   export default {
     props: {
@@ -115,6 +121,29 @@
     },
     methods: {
       /**
+       * @description: 身份证打卡器
+       * @author: renchao
+       */
+      readClick () {
+        getIdCardInfo().then(res => {
+          if (res.data.code == 0) {
+            let data = res.data.IDCardInfo
+            this.ruleForm.lzrxm = data.name
+            this.ruleForm.lzrzjlb = '1'
+            this.ruleForm.lzrzjh = data.cardID
+            this.$message({
+              message: '读取成功！',
+              type: 'success'
+            })
+          } else {
+            this.$message({
+              message: res.data.message,
+              type: 'warning'
+            })
+          }
+        })
+      },
+      /**
        * @description: 列表初始化
        * @author: renchao
        */