@uxda/appkit 4.3.0 → 4.3.2

package/src/shared/components/OcrBank.vue

@@ -0,0 +1,229 @@
+<template>
+  <div class="ocr-bank" :class="[disabled ? 'disabled' : '']" v-track-click="'身份证识别-点击'" @click="onPhotograph">
+    <slot name="icon">
+      <ns-icon name="https://cdn.ddjf.com/static/images/beidouxing/ocr-icon.png" />
+    </slot>
+  </div>
+
+  <nut-action-sheet v-model:visible="activeSheetVisible" :menu-items="actionSheetMenus" @choose="chooseImages"
+    cancel-txt="取消" />
+</template>
+
+<script lang="ts" setup>
+import Taro, { showToast, showLoading, hideLoading, chooseMedia, chooseMessageFile, uploadFile } from '@tarojs/taro'
+import { NsIcon } from '@uxda/nutshell/taro'
+import { useAppKitOptions } from '../../Appkit'
+import { ref } from 'vue';
+
+const appKitOptions = useAppKitOptions()
+
+const emits = defineEmits(['complete'])
+
+type OcrIconProps = {
+  disabled?: boolean,
+  side?: 'face' | 'back',
+  class?: string
+}
+
+const props = withDefaults(defineProps<OcrIconProps>(), {
+  disabled: false,
+  side: 'face',
+  class: ''
+})
+
+type OcrResultType = {
+  faceInfo: {
+    name: string
+    certNo: string
+    address: string
+  }
+  backInfo: {
+    startDate: string
+    endDate: string
+  }
+  fileUploadVO: {
+    fileKey: string
+    fileUrl: string
+    objectNo: string
+    thumbnailUrl?: string
+  }
+}
+
+async function taroImgCompress(src: string, quality = 80) {
+  if (Taro.getEnv() === 'WEB') {
+    return src;
+  } else {
+    return new Promise((resolve, reject) => {
+      Taro.compressImage({
+        src: src,
+        quality: quality,
+        success: (res) => {
+          resolve(res)
+        },
+        fail: (res) => {
+          reject(res)
+        },
+      })
+    })
+  }
+}
+
+function getCompressQuality(size: number) {
+  let quality = 100
+  const curSize = size / (1024 * 1024)
+  if (curSize > 6) {
+    quality = quality - ((curSize - 6) / curSize) * 100
+  }
+  return quality
+}
+
+function allTrim(str: string) {
+  return str.replace(/\s+/g, '')
+}
+
+async function onUploadFile(csRes: any) {
+  let result: OcrResultType | null = null
+  try {
+    console.log('===上传', csRes)
+    let { path, size, tempFilePath } = csRes.tempFiles[0]
+    let filePath
+    if (Taro.getEnv() !== 'WEB') {
+      const compressImg: any = (await taroImgCompress(path || tempFilePath, getCompressQuality(size))) || {}
+      filePath = compressImg.tempFilePath || path
+    } else {
+      filePath = path || tempFilePath
+    }
+
+    console.log(filePath, 'filePath')
+    showLoading({ title: '身份证识别中..' })
+
+    const session = appKitOptions.token()
+    const baseUrl = appKitOptions.baseUrl()
+    const upRes: any = await uploadFile({
+      url: baseUrl + '/hkapprove/ocr/idcard',
+      filePath,
+      name: 'file',
+      formData: {
+        objectNo: `min${Date.now()}`,
+        side: props.side,
+      },
+      header: {
+        token: session || '',
+      },
+    })
+    hideLoading()
+
+    const res = JSON.parse(upRes.data)
+    if (res.code === '200') {
+      const faceInfo = res.result.faceInfo || {}
+      const backInfo = res.result.backInfo || {}
+      result = {
+        faceInfo: {
+          name: allTrim(faceInfo.name || ''),
+          certNo: allTrim(faceInfo.num || ''),
+          address: allTrim(faceInfo.address || ''),
+        },
+        backInfo: {
+          startDate: backInfo?.startDate || '',
+          endDate: backInfo?.endDate || ''
+        },
+        fileUploadVO: res.result.fileUploadVO || {},
+      }
+      console.log('===识别', result)
+      if (props.side === 'face' && !result.faceInfo.name && !result.faceInfo.certNo) {
+        showToast({ title: '识别失败，请重试', icon: 'none' })
+      }
+      if (props.side === 'back' && !result.backInfo?.startDate && !result.backInfo?.endDate) {
+        showToast({ title: '识别失败，请重试', icon: 'none' })
+      }
+    } else {
+      showToast({
+        title: res.msg,
+        icon: 'error',
+      })
+    }
+  } catch (err) {
+    hideLoading()
+    console.log(err)
+  }
+  emits('complete', result)
+}
+
+
+// 上传图片操作面板
+const activeSheetVisible = ref(false)
+const actionSheetMenus = [
+  {
+    name: '拍摄',
+    type: 'camera',
+  },
+  {
+    name: '从相册选择',
+    type: 'album',
+  },
+  {
+    name: '从聊天会话选择',
+    type: 'message',
+  },
+]
+if (Taro.getEnv() === 'WEB') {
+  actionSheetMenus.pop()
+}
+
+// 选择图像上传
+async function chooseImages(item: any) {
+  if (['camera', 'album'].includes(item.type)) {
+    const csRes = await chooseMedia({
+      count: 1,
+      sourceType: [item.type], // "camera" | "album"
+      maxDuration: 60, // 使用duration属性判断是图片还是视频，图片没有该属性
+    })
+
+    onUploadFile(csRes)
+  } else {
+    const csRes = await chooseMessageFile({
+      count: 1,
+      type: 'image',
+    })
+
+    onUploadFile(csRes)
+  }
+}
+
+async function onPhotograph() {
+  if (props.disabled) return
+
+  if (Taro.getEnv() === 'WEB') {
+    const csRes = await chooseMedia({
+      count: 1,
+      sourceType: ['album'], // "camera" | "album"
+      maxDuration: 60, // 使用duration属性判断是图片还是视频，图片没有该属性
+    })
+
+    onUploadFile(csRes)
+    return
+  }
+
+  activeSheetVisible.value = true
+}
+</script>
+
+<style lang="scss">
+.ocr-bank {
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+
+  .ns-icon {
+    width: 24px;
+    height: 24px;
+  }
+
+  &.disabled {
+    .ns-icon {
+      filter: brightness(1.5) grayscale(1);
+    }
+  }
+}
+</style>

package/src/shared/components/OcrBusinessLicense.vue

@@ -23,6 +23,7 @@ export type OcrResult = {
   companyName: string;
   idCardNo: string;
   legalPersonName: string;
+  [x: string]: any;
 };
 
 async function taroImgCompress(src: string, quality = 80) {

package/src/shared/http/Http.ts

@@ -91,6 +91,7 @@ const request: HttpInstance['request'] = <T>(config: HttpRequestConfig) => {
         })
         .catch((e: any) => {
           console.log('request.catch===', e)
+          reject(e)
         })
   })
 }

package/src/user/api/index.ts

@@ -18,6 +18,12 @@ const vendor = {
       }
       const startTime = new Date().getTime()
 
+      logger.info({
+        send: JSON.stringify({ url: config.url, data: config.data }),
+        receive: null,
+        traceId: header.traceId,
+        duration: 0,
+      })
       TaroRequest({
         url: config.url,
         method: config.method,