当前位置: 首页 > news >正文

身份证阅读器API模式 VUE Dorado7

VUE 新框架

// 身份证扫描
readIdCard(type) {// 1.连接axios.get('http://localhost:19196/openDevice').then(res => {if (res.data.resultFlag === 0) {// 2.读卡axios.get('http://localhost:19196/readCard').then((res) => {if (res.data.resultFlag === 0) {// this.$message.success('读卡成功')// 信息处理this.form.name = res.data.partyNamethis.form.idCard = res.data.certNumberthis.form.nationality = res.data.nationthis.form.birthday = res.data.bornDaythis.form.sex = res.data.gender === '男' ? 1 : res.data.gender === '女' ? 2 : 0this.form.expDate = res.data.expDatethis.form.residence = res.data.certOrgthis.form.addr = res.data.certAddressthis.form.photo = 'data:image/jpeg;base64,' + res.data.identityPic// 签到打卡if (type === 'in') {this.loading = truetrainClassApi.signIn({ idCard: this.form.idCard }).then(res => {this.loading = falseif (res.code !== 200) {this.$message.error(res.msg)return}this.$message.success(res.msg)this.getByPage()}).catch(() => {this.loading = false})} else if (type === 'off') { // 签退打卡this.loading = truetrainClassApi.signOff({ idCard: this.form.idCard }).then(res => {this.loading = falseif (res.code !== 200) {this.$message.error(res.msg)return}this.$message.success(res.msg)this.getByPage()}).catch(() => {this.loading = false})}// 3.断开axios.get('http://localhost:19196/CloseDevice').then(res => {/* if (res.data.resultFlag !== 0) {this.$alert('断开失败', '提示', { type: 'error' })} */})} else {this.$alert('读卡失败', '提示', { type: 'error' })}})} else {this.$alert('连接失败', '提示', { type: 'error' })}})
},

Dorado7 新版身份证阅读器API模式

/*** 身份证阅读器(API模式)【注意:需使用https模式才行 否者会被跨域拦截】* like12 add,20240913*/
// @Bind #idCardApiBtn.onClick
!function(self, employeeForm, employeeDataSet){// 1.连接var xhr = new XMLHttpRequest();xhr.open('GET', 'http://127.0.0.1:19196/OpenDevice', true);// xhr.withCredentials = true; // 如果需要的话xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {var resData = JSON.parse(xhr.responseText);// console.log(resData);if(resData.resultFlag == 0){// 2.读卡xhr.open('GET', 'http://127.0.0.1:19196/readCard', true);xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {var resData = JSON.parse(xhr.responseText);// console.log(resData);if(resData.resultFlag == 0){// 信息处理var name = resData.partyName;var idCard = resData.certNumber;var nationality = resData.nation;var birthday = resData.bornDay;var sex = resData.gender === '男' ? 1 : resData.gender === '女' ? 0 : 2; // 本系统为1男0女2未知/*var expDate = resData.expDate;var residence = resData.certOrg;*/var addr = resData.certAddress;var photo = resData.identityPic;// var photo = 'data:image/jpeg;base64,' + resData.identityPic;/*console.log(name);console.log(idCard);console.log(nationality);console.log(birthday);console.log(sex);console.log(expDate);console.log(residence);console.log(addr);// console.log(photo);*/// 出生日期格式转换var birthdayStr = birthday.substr(0, 4) + '-' + birthday.substr(4, 2) + '-' + birthday.substr(6, 2);// 赋值employeeDataSet.getData("#").set('employeeName', name);employeeDataSet.getData("#").set('employeeSex', sex);employeeDataSet.getData("#").set('idCard', idCard);employeeDataSet.getData("#").set('employeeBirthday', birthdayStr);employeeDataSet.getData("#").set('nationality', nationality);employeeDataSet.getData("#").set('registeredResidence', addr);// 保存图片var saveAction = view.get("#saveIdCardPhotoAction");saveAction.set("parameter", {"photo": photo,"idCard": idCard});saveAction.execute(function(returnVal){if(returnVal.indexOf(".jpg") != -1){// 保存图片地址employeeDataSet.getData("#").set('employeePhoto', returnVal);employeeForm.refreshData();// 显示照片view.set('#photoContainer.content', getImage(returnVal));}});// 3.断开xhr.open('GET', 'http://127.0.0.1:19196/CloseDevice', true);xhr.onreadystatechange = function() {};xhr.send();}}};xhr.send();}}};xhr.send();
};

相关文章:

身份证阅读器API模式 VUE Dorado7

VUE 新框架 // 身份证扫描 readIdCard(type) {// 1.连接axios.get(http://localhost:19196/openDevice).then(res > {if (res.data.resultFlag 0) {// 2.读卡axios.get(http://localhost:19196/readCard).then((res) > {if (res.data.resultFlag 0) {// this.$message…...

北京通州自闭症学校推荐:打造和谐学习氛围,助力孩子成长

在北京通州,寻找一所能够全面关注自闭症儿童成长、提供高效康复服务的学校,星贝育园无疑是众多家庭的首选。作为全国知名的广泛性发育障碍全托寄宿制儿童康复训练机构,星贝育园以其专业的康复方法、强大的师资力量和贴心的服务,为…...

openstack之cinder介绍

概念 cinder 为虚拟机提供管理块存储服务。支持的文件系统:lvm、iscsi、nfs、san、RBD 组件构成及功能介绍 cinder api:在控制节点运行,管理服务的接口,被命令行、其他组件调用; cinder scheduler:类似n…...

第k个排列 - 华为OD统一考试(E卷)

2024华为OD机试(E卷D卷C卷)最新题库【超值优惠】Java/Python/C合集 题目描述 给定参数n,从1到n会有n个整数:1,2,3,.,n,这n个数字共有 n!种排列。按大小顺序升序列出所有排列情况,并-一标记,当n3时,所有排列…...

清理C盘缓存,电脑缓存清理怎么一键删除,操作简单的教程

清理C盘缓存是维护电脑性能、释放磁盘空间的重要步骤。以下是一个详细且操作简单的教程,旨在帮助用户通过一键或几步操作完成C盘缓存的清理。 1.使用Windows系统自带工具 磁盘清理 1.打开磁盘清理工具: -按下“WinE”打开文件资源管理器…...

网络安全-ssrf

目录 一、环境 二、漏洞讲解 三、靶场讲解 四、可利用协议 4.1 dict协议 4.2 file协议 4.3 gopher协议 五、看一道ctf题吧(长亭的比赛) 5.1环境 5.2开始测试 ​编辑 一、环境 pikachu,这里我直接docker拉取的,我只写原…...

c++刷题

17.电话号码的组合 来源于题解思路&#xff1a; 继承 CC14 KiKi设计类继承 #include <iostream> #include <memory> using namespace std; class Shape{ private:int x;int y; };class Rectangle:public Shape { public:Rectangle(int length,int width):Shape…...

艾丽卡的区块链英语小课堂

系列文章目录 复习昨日 文章目录 系列文章目录前言1.opaque2.deduplicates3.references4,intermix5.serializing6.streamline7.robust8.flexibility9.exotic10.nevertheless11. realize12.flavor13.subtract14.attach15.award 前言 欢迎来到艾丽卡的区块链英语小课堂&#x…...

计算机毕业设计 公寓出租系统的设计与实现 Java实战项目 附源码+文档+视频讲解

博主介绍&#xff1a;✌从事软件开发10年之余&#xff0c;专注于Java技术领域、Python人工智能及数据挖掘、小程序项目开发和Android项目开发等。CSDN、掘金、华为云、InfoQ、阿里云等平台优质作者✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精…...

eclipse使用 笔记02

创建一个项目&#xff1a; 【File-->New-->Dynamic Web Project】 进入页面&#xff1a; Project name为项目命名 Target runtime&#xff1a;选择自己所对应的版本 finish创建成功&#xff1a; 创建成功后的删除操作&#xff1a; 创建前端界面&#xff1a; 【注意&a…...

基于C++实现(MFC)职工工作量统计系统

题目&#xff1a;职工工作量统计系统设计 1、问题描述 职工包括姓名、职工号、性别、年龄、所在部门、联系方式等信息。 工作量包括职工号、完成的产品数量等信息。 该设计系统能够对职工的工作量进行统计&#xff0c;并排出名次。注意&#xff0c;一个职工的工作量是可以多次…...

大家好,我叫Redis~

大家好&#xff0c;我是Redis&#xff01;下面请通过我的故事来认识我吧。 1. 初次登场&#xff1a;为什么需要我 在“双十一”期间&#xff0c;商店被顾客挤得水泄不通&#xff0c;所有人都急着问&#xff1a;“这款商品还有库存吗&#xff1f;” 可怜的服务员&#xff08;My…...

【鸿蒙】HarmonyOS NEXT星河入门到实战6-组件化开发-样式结构重用常见组件

目录 1、Swiper轮播组件 1.1 Swiper基本用法 1.2 Swiper的常见属性 1.3 Swiper的样式自定义 1.3.1 基本语法 1.3.2 案例小米有品 2、样式&结构重用 2.1 Extend:扩展组件(样式、事件) 2.2 Styles:抽取通用属性、事件 2.3 Builder:自定义构建函数(结构、样式、事…...

网络安全学习(五)Burpsuite

经过测试&#xff0c;发现BP需要指定的JAVA才能安装。 需要的软件已经放在我的阿里云盘。 &#xff08;一&#xff09;需要下载Java SE 17.0.12(LTS) Java Downloads | Oracle 1.2023版Burp Suite 完美的运行脚本的环境是Java17 2.Java8不支持 看一下是否安装成功&#xff0c…...

多版本node管理工具nvm

什么是nvm&#xff1f; 在项目开发过程中&#xff0c;使用到vue框架技术&#xff0c;需要安装node下载项目依赖&#xff0c;但经常会遇到node版本不匹配而导致无法正常下载&#xff0c;重新安装node却又很麻烦。为解决以上问题&#xff0c;nvm&#xff1a;一款node的版本管理工…...

如何扫描试卷去除笔迹?4种方法还原整洁试卷

如何扫描试卷去除笔迹&#xff1f;扫描试卷去除笔迹&#xff0c;作为现代学习管理与评估的革新手段&#xff0c;不仅显著提升了试卷的整洁美观度&#xff0c;更在环保和资源再利用层面发挥了积极作用。它使得试卷的保存、分享与复习变得更加便捷高效&#xff0c;减少了纸质资源…...

介绍⼀下泛型擦除

1.是什么 泛型擦除&#xff08;Type Erasure&#xff09;是Java泛型实现中的一个重要概念。Java的泛型是通过类型擦除来实现的&#xff0c;这意味着在运行时&#xff0c;泛型信息&#xff08;即类型参数的具体类型&#xff09;是不可用的。编译器在编译时会对泛型代码进行擦除处…...

从底层原理上理解ClickHouse 中的 Distributed 引擎

ClickHouse 的 Distributed 引擎 是实现大规模分布式查询和高可用性的关键技术之一&#xff0c;它允许集群中的多个节点协同工作&#xff0c;提供横向扩展能力和负载均衡机制。在底层&#xff0c;Distributed 引擎通过一系列的机制和策略&#xff0c;确保数据的分布、查询的并行…...

社区志愿者服务系统小程序的设计

管理员账户功能包括&#xff1a;系统首页&#xff0c;个人中心&#xff0c;志愿者管理&#xff0c;社区管理&#xff0c;活动类型管理&#xff0c;志愿者活动管理&#xff0c;活动报名管理&#xff0c;活动签到管理&#xff0c;证书信息管理&#xff0c;系统管理 微信端账号功…...

echarts map地图动态下钻,自定义标注,自定义tooltip弹窗【完整demo版本】

在数据可视化中&#xff0c;地图是很重要的一个环节&#xff0c;很多时候需要展现的不仅是国家地图&#xff0c;还需要能从国家进入到省市。这个逐级进入的过程就是我们今天说的地图下钻。 地图下钻看起来很屌、很高大上&#xff0c;但是仔细琢磨一下&#xff0c;技术实现上真的…...

Cursor实现用excel数据填充word模版的方法

cursor主页&#xff1a;https://www.cursor.com/ 任务目标&#xff1a;把excel格式的数据里的单元格&#xff0c;按照某一个固定模版填充到word中 文章目录 注意事项逐步生成程序1. 确定格式2. 调试程序 注意事项 直接给一个excel文件和最终呈现的word文件的示例&#xff0c;…...

Python:操作 Excel 折叠

💖亲爱的技术爱好者们,热烈欢迎来到 Kant2048 的博客!我是 Thomas Kant,很开心能在CSDN上与你们相遇~💖 本博客的精华专栏: 【自动化测试】 【测试经验】 【人工智能】 【Python】 Python 操作 Excel 系列 读取单元格数据按行写入设置行高和列宽自动调整行高和列宽水平…...

循环冗余码校验CRC码 算法步骤+详细实例计算

通信过程&#xff1a;&#xff08;白话解释&#xff09; 我们将原始待发送的消息称为 M M M&#xff0c;依据发送接收消息双方约定的生成多项式 G ( x ) G(x) G(x)&#xff08;意思就是 G &#xff08; x ) G&#xff08;x) G&#xff08;x) 是已知的&#xff09;&#xff0…...

oracle与MySQL数据库之间数据同步的技术要点

Oracle与MySQL数据库之间的数据同步是一个涉及多个技术要点的复杂任务。由于Oracle和MySQL的架构差异&#xff0c;它们的数据同步要求既要保持数据的准确性和一致性&#xff0c;又要处理好性能问题。以下是一些主要的技术要点&#xff1a; 数据结构差异 数据类型差异&#xff…...

2021-03-15 iview一些问题

1.iview 在使用tree组件时&#xff0c;发现没有set类的方法&#xff0c;只有get&#xff0c;那么要改变tree值&#xff0c;只能遍历treeData&#xff0c;递归修改treeData的checked&#xff0c;发现无法更改&#xff0c;原因在于check模式下&#xff0c;子元素的勾选状态跟父节…...

Rapidio门铃消息FIFO溢出机制

关于RapidIO门铃消息FIFO的溢出机制及其与中断抖动的关系&#xff0c;以下是深入解析&#xff1a; 门铃FIFO溢出的本质 在RapidIO系统中&#xff0c;门铃消息FIFO是硬件控制器内部的缓冲区&#xff0c;用于临时存储接收到的门铃消息&#xff08;Doorbell Message&#xff09;。…...

【从零学习JVM|第三篇】类的生命周期(高频面试题)

前言&#xff1a; 在Java编程中&#xff0c;类的生命周期是指类从被加载到内存中开始&#xff0c;到被卸载出内存为止的整个过程。了解类的生命周期对于理解Java程序的运行机制以及性能优化非常重要。本文会深入探寻类的生命周期&#xff0c;让读者对此有深刻印象。 目录 ​…...

实战设计模式之模板方法模式

概述 模板方法模式定义了一个操作中的算法骨架&#xff0c;并将某些步骤延迟到子类中实现。模板方法使得子类可以在不改变算法结构的前提下&#xff0c;重新定义算法中的某些步骤。简单来说&#xff0c;就是在一个方法中定义了要执行的步骤顺序或算法框架&#xff0c;但允许子类…...

规则与人性的天平——由高考迟到事件引发的思考

当那位身着校服的考生在考场关闭1分钟后狂奔而至&#xff0c;他涨红的脸上写满绝望。铁门内秒针划过的弧度&#xff0c;成为改变人生的残酷抛物线。家长声嘶力竭的哀求与考务人员机械的"这是规定"&#xff0c;构成当代中国教育最尖锐的隐喻。 一、刚性规则的必要性 …...

文件上传漏洞防御全攻略

要全面防范文件上传漏洞&#xff0c;需构建多层防御体系&#xff0c;结合技术验证、存储隔离与权限控制&#xff1a; &#x1f512; 一、基础防护层 前端校验&#xff08;仅辅助&#xff09; 通过JavaScript限制文件后缀名&#xff08;白名单&#xff09;和大小&#xff0c;提…...