当前位置: 首页 > 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();
};

http://www.lryc.cn/news/440351.html

相关文章:

  • 北京通州自闭症学校推荐:打造和谐学习氛围,助力孩子成长
  • openstack之cinder介绍
  • 第k个排列 - 华为OD统一考试(E卷)
  • 清理C盘缓存,电脑缓存清理怎么一键删除,操作简单的教程
  • 网络安全-ssrf
  • c++刷题
  • 艾丽卡的区块链英语小课堂
  • 计算机毕业设计 公寓出租系统的设计与实现 Java实战项目 附源码+文档+视频讲解
  • eclipse使用 笔记02
  • 基于C++实现(MFC)职工工作量统计系统
  • 大家好,我叫Redis~
  • 【鸿蒙】HarmonyOS NEXT星河入门到实战6-组件化开发-样式结构重用常见组件
  • 网络安全学习(五)Burpsuite
  • 多版本node管理工具nvm
  • 如何扫描试卷去除笔迹?4种方法还原整洁试卷
  • 介绍⼀下泛型擦除
  • 从底层原理上理解ClickHouse 中的 Distributed 引擎
  • 社区志愿者服务系统小程序的设计
  • echarts map地图动态下钻,自定义标注,自定义tooltip弹窗【完整demo版本】
  • Python热频随机森林分类器算法模型模拟
  • C++11新增特性:lambda表达式、function包装器、bind绑定
  • 动态主题模型DTM(Dynamic topic model)简介及python代码
  • GDPU MySQL数据库 天码行空1 数据库的创建和基本操作
  • 《告别卡顿,一键卸载!IObit Uninstaller 13 免费版让电脑重获新生》
  • Python|基于Kimi大模型,实现上传文档并进行对话(5)
  • C++设计模式——Prototype Pattern原型模式
  • Vue3 : ref 与 reactive
  • html实现好看的多种风格手风琴折叠菜单效果合集(附源码)
  • Nacos分布式配置中心
  • C# WinForm 中 DataGridView 实现单元格cell 能进编辑状态但是不能修改单元格的效果