{"ast":null,"code":"import wx from \"weixin-js-sdk\";\nimport { getBaiduFace, getBaiduIdcard, getBaiduResultSimple, getBaiduFaceDetail } from \"@/api/common\";\nexport default {\n name: 'Face',\n data() {\n return {\n videoWidth: 640,\n videoHeight: 480,\n typeLabel: '',\n idCardType: '',\n rightSideUrl: '',\n reverseSideUrl: '',\n drawer: false,\n cardTypeShow: false,\n name: '根据认证信息自动读取',\n idCardNum: '根据认证信息自动读取',\n phone: '',\n cardTypeArr: [{\n label: \"居民身份证（户口簿）\",\n value: \"IdCard\"\n }, {\n label: \"香港特区护照/身份证明\",\n value: \"IdCardOfXiangGang\"\n }, {\n label: \"澳门特区护照/身份证明\",\n value: \"IdCardOfAoMen\"\n }, {\n label: \"台湾居民来往大陆通行证\",\n value: \"IdCardOfTaiwan\"\n }, {\n label: \"外国人护照\",\n value: \"Passport\"\n }, {\n label: \"警号\",\n value: \"PoliceNo\"\n }],\n faceImage: '',\n timer: null\n };\n },\n computed: {},\n mounted() {\n wx.config({\n // debug: true, // 调试时可开启\n appId: 'wx253113327026a583',\n // \n timestamp: 0,\n // 必填，填任意数字即可\n nonceStr: 'nonceStr',\n // 必填，填任意非空字符串即可\n signature: 'signature',\n // 必填，填任意非空字符串即可\n jsApiList: ['chooseImage'],\n // 必填，随意一个接口即可 \n openTagList: ['wx-open-launch-weapp'] // 填入打开小程序的开放标签名\n });\n console.log(\"🚀 ~ this.timer=setInterval ~ this.timer:\", this.timer);\n this.timer = setInterval(() => {\n this.getFaceImage();\n }, 500);\n },\n beforeDestroy() {\n //\n },\n methods: {\n getFaceImage() {\n // document.addEventListener('UniAppJSBridgeReady', function() {\n const {\n verify_token\n } = this.$route.query;\n if (verify_token) {\n clearInterval(this.timer);\n getBaiduResultSimple({\n verify_token: verify_token\n }).then(res => {\n if (res.success) {\n this.faceImage = res?.result?.image;\n uni.postMessage({\n data: {\n faceImage: res?.result?.image,\n msg: '身份核验成功'\n }\n });\n wx.miniProgram.postMessage({\n data: {\n faceImage: res?.result?.image,\n msg: '身份核验成功'\n }\n });\n }\n });\n // getBaiduFaceDetail({verify_token: verify_token}).then(res=>{\n // console.log(\"🚀 ~ getBaiduFaceDetail ~ res:\", res);\n // });\n }\n // })\n },\n takeIdCard(e) {\n this.handleClose();\n this.typeLabel = e.label;\n },\n selectCardType() {\n this.cardTypeShow = true;\n },\n toCollect(type) {\n // this.drawer = true;\n this.idCardType = type;\n this.takeFile();\n },\n handleClose(e) {\n this.drawer = false;\n this.cardTypeShow = false;\n },\n takeCamera() {\n this.handleClose();\n const video = document.getElementById('videoCamera');\n const canvas = document.getElementById('canvasCamera');\n const context = canvas.getContext('2d');\n context.drawImage(video, 0, 0, this.videoWidth, this.videoHeight);\n this.imgSrc = canvas.toDataURL('image/png');\n },\n takeFile() {\n this.handleClose();\n this.$refs.leftFile.click();\n },\n getFile(e) {\n let file = e.target.files[0];\n this.fileChange(file);\n this.$refs.leftFile.value = '';\n },\n fileChange(e) {\n const _this = this;\n let img = e; //获取到上传文件的对象\n const reader = new FileReader();\n reader.readAsDataURL(img); //参数为上传的文件对象 传值进去就会触发以下onload方法\n reader.onload = function (e) {\n // e.target.result为转换成的base64编码\n let url = e.target.result.split(',')[1];\n if (_this.idCardType === 'front') {\n _this.rightSideUrl = e.target.result;\n } else {\n _this.reverseSideUrl = e.target.result;\n }\n getBaiduIdcard({\n image: url,\n id_card_side: _this.idCardType\n }).then(res => {\n if (res.image_status === 'normal') {\n if (_this.idCardType === 'front') {\n const {\n words_result\n } = res;\n _this.name = words_result['姓名']['words'];\n _this.idCardNum = words_result['公民身份号码']['words'];\n } else {\n //\n }\n } else {\n _this.$message.error('识别失败！');\n }\n });\n };\n },\n async toFace() {\n uni.getEnv(function (res) {\n console.log('当前环境：' + JSON.stringify(res));\n });\n window.postMessage({\n data: {\n faceImage: 99999\n }\n });\n wx.miniProgram.postMessage({\n data: {\n faceImage: 99999\n }\n });\n console.log(\"🚀 ~ toFace ~ wx:\", wx);\n getBaiduFace({\n plan_id: '22574'\n }).then(async res => {\n if (res.success) {\n const {\n verify_token\n } = res.result;\n location.href = `https://brain.baidu.com/face/print/?token=${verify_token}&successUrl=${encodeURIComponent(`https://v5qy.te.baibaodun.com.cn/static/signon/access/#/face?verify_token=${verify_token}`)}&failedUrl=${encodeURIComponent(`https://v5qy.te.baibaodun.com.cn/static/signon/access/#/face?verify_token=${verify_token}`)}`;\n }\n });\n }\n }\n};","map":{"version":3,"names":["wx","getBaiduFace","getBaiduIdcard","getBaiduResultSimple","getBaiduFaceDetail","name","data","videoWidth","videoHeight","typeLabel","idCardType","rightSideUrl","reverseSideUrl","drawer","cardTypeShow","idCardNum","phone","cardTypeArr","label","value","faceImage","timer","computed","mounted","config","appId","timestamp","nonceStr","signature","jsApiList","openTagList","console","log","setInterval","getFaceImage","beforeDestroy","methods","verify_token","$route","query","clearInterval","then","res","success","result","image","uni","postMessage","msg","miniProgram","takeIdCard","e","handleClose","selectCardType","toCollect","type","takeFile","takeCamera","video","document","getElementById","canvas","context","getContext","drawImage","imgSrc","toDataURL","$refs","leftFile","click","getFile","file","target","files","fileChange","_this","img","reader","FileReader","readAsDataURL","onload","url","split","id_card_side","image_status","words_result","$message","error","toFace","getEnv","JSON","stringify","window","plan_id","location","href","encodeURIComponent"],"sources":["src/views/face/index.vue"],"sourcesContent":["\n\t\n \n
\n
\n
*证件类型
\n
{{typeLabel}}
\n
\n
\n
\n
\n
\n
*身份证号
\n
{{idCardNum}}
\n
\n
\n
\n
点击核验
\n
\n \n \n \n \n \n \n \n \n\t