style:身份证读卡器

 <!--
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:41:20
+ * @LastEditTime: 2023-06-13 13:12:25
 -->
 <template>
   <div>
@@ -12,8 +12,9 @@
   </div>
 </template>
 <script>
-  import addQlr from './dialog/addQlr.vue'
+  import axios from 'axios'
   import { mapGetters } from 'vuex'
+  import addQlr from './dialog/addQlr.vue'
   export default {
     components: {
       addQlr
@@ -66,7 +67,7 @@
             label: '身份证读卡器',
             align: 'center',
             render: (h, scope) => {
-              return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
+              return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope.row) }}>读取</el-button>
             }
           },
           {
@@ -193,8 +194,18 @@
       },
 
       // 身份证读取
-      readClick () { },
+      readClick (row) {
+        console.log(row, 'row');
+        var httpurl = "http://127.0.0.1:33088/";
+        var url = httpurl + "function=get_idcard&readnew=0"
 
+        axios.post(url).then(res => {
+          let data = res.data.IDCardInfo
+          row.sqrmc = data.name
+          row.zjzl = 1
+          row.zjh = data.cardID
+        })
+      },
       // 修改
       editClick (index, row) {
         //   popupDialog("申请人信息", "workflow/components/addQlr", {