af-mobile-client-vue3 1.6.41 → 1.6.43

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.6.41",
+  "version": "1.6.43",
   "packageManager": "pnpm@10.13.1",
   "description": "Vue + Vite component lib",
   "engines": {

package/src/components/core/ImageUploader/index.vue

@@ -6,6 +6,7 @@ import { detectEnvironment } from '@af-mobile-client-vue3/utils/environment'
 import { buildInputAccept, getFileTypeMeta, getUploadFormType, isImageFileName } from '@af-mobile-client-vue3/utils/fileType'
 import { mobileUtil } from '@af-mobile-client-vue3/utils/mobileUtil'
 import {
+  hasNativeFilePicker,
   openNativeFilePicker,
   triggerBrowserFileInput,
 } from '@af-mobile-client-vue3/utils/nativeFilePicker'
@@ -49,6 +50,7 @@ const imageList = ref<Array<any>>(props.imageList ?? [])
 const parentData: any = inject('provideParent')
 const imageInputRef = ref<HTMLInputElement | undefined>()
 const documentInputRef = ref<HTMLInputElement | undefined>()
+const showActionSheet = ref(false)
 
 const documentAccept = computed(() => buildInputAccept(props.attr?.accept))
 
@@ -56,9 +58,7 @@ function openImageFilePicker() {
   triggerBrowserFileInput(imageInputRef.value)
 }
 
-function openDocumentFilePicker() {
-  triggerBrowserFileInput(documentInputRef.value)
-}
+const useNativeDocumentPicker = computed(() => hasNativeFilePicker())
 
 function emitUpdatesAfterChange() {
   // 新增：对外抛出完整与ID列表
@@ -260,8 +260,16 @@ function handleNativeDocumentUpload(fileData: NativePickedFile) {
   })
 }
 
-function triggerDocumentPicker() {
-  const startedNative = openNativeFilePicker({
+function onDocumentInputChange(e: Event) {
+  const input = e.target as HTMLInputElement
+  handleBrowserDocumentFiles(input.files)
+  showActionSheet.value = false
+  input.value = ''
+}
+
+function onPickDocumentNative() {
+  showActionSheet.value = false
+  openNativeFilePicker({
     accept: documentAccept.value,
     multiple: true,
     onSuccess: files => files.forEach(handleNativeDocumentUpload),
@@ -270,11 +278,6 @@ function triggerDocumentPicker() {
         showFailToast(msg)
     },
   })
-  if (startedNative)
-    return
-
-  // 与「相册中选择」一致：ActionSheet 点击后立即调起系统文件选择器
-  openDocumentFilePicker()
 }
 
 // 触发拍照
@@ -302,6 +305,9 @@ function triggerCamera() {
         rePhotoCheck(result.data)
       }
       else if (result.status === 'error') {
+        if (result.message && result.message.startsWith('图片质量检测失败')) {
+          parentData?.onPhotoQualityFailed?.()
+        }
         const env = detectEnvironment()
         // App 环境下弹窗提示错误
         if (env.isApp) {
@@ -345,6 +351,7 @@ function rePhotoCheck(photoData: any) {
           if (result && result.status === 'success') {
             const checkRePhotoResult = result.data
             if (checkRePhotoResult.is_rephoto === true || checkRePhotoResult.is_rephoto === 'true') {
+              parentData?.onPhotoRephotodetected?.()
               console.warn(`检测到当前图片属于翻拍照片\n请上传合法图片！`)
               showFailToast({
                 message: `当前图片属于翻拍照片\n请上传合法图片！`,
@@ -558,47 +565,35 @@ function deleteFileFunction(file: any) {
   return false // 阻止van-uploader二次处理
 }
 
-const showActionSheet = ref(false)
 const uploaderRef = ref()
 
-const actionOptions = [
-  { name: '拍摄', key: 'camera' },
-  { name: '相册中选择', key: 'album' },
-  { name: '文件上传', key: 'document' },
-]
-
 function handleUploadAreaClick() {
   if (props.readonly)
     return
   showActionSheet.value = true
 }
 
-function handleActionSelect(option: any) {
-  if (option.key === 'document') {
-    triggerDocumentPicker()
-    showActionSheet.value = false
-    return
-  }
+function onPickCamera() {
   showActionSheet.value = false
-  if (option.key === 'camera') {
-    triggerCamera()
-  }
-  else if (option.key === 'album') {
-    mobileUtil.execute({
-      funcName: 'photoAlbum',
-      param: {},
-      callbackFunc: (result: any) => {
-        if (result.status === 'success') {
-          result.data?.photos.forEach((photo: any) => {
-            rePhotoCheck(photo)
-          })
-        }
-        else {
-          openImageFilePicker()
-        }
-      },
-    })
-  }
+  triggerCamera()
+}
+
+function onPickAlbum() {
+  showActionSheet.value = false
+  mobileUtil.execute({
+    funcName: 'photoAlbum',
+    param: {},
+    callbackFunc: (result: any) => {
+      if (result.status === 'success') {
+        result.data?.photos.forEach((photo: any) => {
+          rePhotoCheck(photo)
+        })
+      }
+      else {
+        openImageFilePicker()
+      }
+    },
+  })
 }
 
 function getUploadStatus() {
@@ -632,15 +627,6 @@ defineExpose({
       class="hidden-file-input"
       @change="(e:any) => handleBrowserImageFiles(e.target.files)"
     >
-    <!-- 通用文件选择（PDF / Word 等） -->
-    <input
-      ref="documentInputRef"
-      type="file"
-      multiple
-      :accept="documentAccept"
-      class="hidden-file-input"
-      @change="(e:any) => handleBrowserDocumentFiles(e.target.files)"
-    >
     <van-uploader
       ref="uploaderRef"
       v-model="imageList"
@@ -676,11 +662,37 @@ defineExpose({
     </van-uploader>
     <ActionSheet
       v-model:show="showActionSheet"
-      :actions="actionOptions"
       teleport="body"
       cancel-text="取消"
-      @select="handleActionSelect"
-    />
+    >
+      <div class="upload-source-sheet">
+        <button type="button" class="upload-source-sheet__item" @click="onPickCamera">
+          拍摄
+        </button>
+        <button type="button" class="upload-source-sheet__item" @click="onPickAlbum">
+          相册中选择
+        </button>
+        <button
+          v-if="useNativeDocumentPicker"
+          type="button"
+          class="upload-source-sheet__item"
+          @click="onPickDocumentNative"
+        >
+          文件上传
+        </button>
+        <label v-else class="upload-source-sheet__item upload-source-sheet__item--file">
+          文件上传
+          <input
+            ref="documentInputRef"
+            type="file"
+            multiple
+            :accept="documentAccept"
+            class="upload-source-sheet__file-input"
+            @change="onDocumentInputChange"
+          >
+        </label>
+      </div>
+    </ActionSheet>
   </div>
 </template>
 
@@ -745,6 +757,42 @@ defineExpose({
   }
 }
 
+.upload-source-sheet {
+  &__item {
+    display: block;
+    width: 100%;
+    padding: 14px 16px;
+    font-size: 16px;
+    line-height: 22px;
+    text-align: center;
+    background: #fff;
+    border: none;
+    color: #323233;
+    cursor: pointer;
+    position: relative;
+    box-sizing: border-box;
+
+    & + & {
+      border-top: 1px solid #ebedf0;
+    }
+  }
+
+  &__item--file {
+    margin: 0;
+  }
+
+  /* 用户手指直接点 input，WebView 才允许调起系统文件选择器（程序化 click 在 APK 内会被拦截） */
+  &__file-input {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    cursor: pointer;
+    font-size: 0;
+  }
+}
+
 .file-type-tile {
   position: absolute;
   inset: 0;

package/src/utils/nativeFilePicker.ts

@@ -1,89 +1,98 @@
-import { getNativeBridgeWindow, hasFlutterBridge } from './environment'
-import { mobileUtil } from './mobileUtil'
-
-/** 原生文件选择桥接名（按优先级） */
-const NATIVE_FILE_PICKER_BRIDGES = ['pickFile', 'chooseFile', 'filePicker', 'selectFile', 'openFilePicker']
-
-export interface NativePickedFile {
-  name?: string
-  size?: number | string
-  filePath?: string
-  path?: string
-  content?: string
-}
-
-export function getNativeFilePickerBridge(): string | null {
-  for (const name of NATIVE_FILE_PICKER_BRIDGES) {
-    if (hasFlutterBridge(name))
-      return name
-  }
-  return null
-}
-
-export function hasNativeFilePicker(): boolean {
-  return !!getNativeFilePickerBridge()
-}
-
-function normalizePickedFiles(data: any): NativePickedFile[] {
-  if (!data)
-    return []
-  if (Array.isArray(data.files))
-    return data.files
-  if (Array.isArray(data))
-    return data
-  return [data]
-}
-
-/**
- * App 内打开系统文件选择器（需 Flutter 侧实现对应桥接）。
- * 返回 true 表示已发起原生调用。
- */
-export function openNativeFilePicker(
-  options: {
-    accept?: string
-    multiple?: boolean
-    onSuccess: (files: NativePickedFile[]) => void
-    onError?: (message?: string) => void
-  },
-): boolean {
-  const bridgeName = getNativeFilePickerBridge()
-  if (!bridgeName)
-    return false
-
-  mobileUtil.execute({
-    funcName: bridgeName,
-    param: {
-      accept: options.accept || '*/*',
-      multiple: options.multiple ?? true,
-    },
-    callbackFunc: (result: any) => {
-      if (result?.status === 'success') {
-        const files = normalizePickedFiles(result.data)
-        if (files.length > 0)
-          options.onSuccess(files)
-        else
-          options.onError?.('未选择文件')
-        return
-      }
-      if (result?.data?.status === 'cancelled')
-        return
-      options.onError?.(result?.message || result?.msg || '文件选择失败')
-    },
-  })
-  return true
-}
-
-/** 同步触发浏览器 file input（须在用户点击事件的同一调用栈内） */
-export function triggerBrowserFileInput(input: HTMLInputElement | undefined | null): boolean {
-  if (!input)
-    return false
-  input.value = ''
-  input.click()
-  return true
-}
-
-/** 调试：列出当前 window 上已注入的桥接名 */
-export function listNativeBridges(): string[] {
-  const win = getNativeBridgeWindow()
-  return Object.keys(win).filter(key => typeof win[key]?.postMessage === 'function')
-}
+import { getNativeBridgeWindow, hasFlutterBridge } from './environment'
+import { mobileUtil } from './mobileUtil'
+
+/** 原生文件选择桥接名（按优先级） */
+const NATIVE_FILE_PICKER_BRIDGES = [
+  'pickFile',
+  'chooseFile',
+  'filePicker',
+  'selectFile',
+  'openFilePicker',
+  'fileAlbum',
+  'documentPicker',
+  'chooseDocument',
+]
+
+export interface NativePickedFile {
+  name?: string
+  size?: number | string
+  filePath?: string
+  path?: string
+  content?: string
+}
+
+export function getNativeFilePickerBridge(): string | null {
+  for (const name of NATIVE_FILE_PICKER_BRIDGES) {
+    if (hasFlutterBridge(name))
+      return name
+  }
+  return null
+}
+
+export function hasNativeFilePicker(): boolean {
+  return !!getNativeFilePickerBridge()
+}
+
+function normalizePickedFiles(data: any): NativePickedFile[] {
+  if (!data)
+    return []
+  if (Array.isArray(data.files))
+    return data.files
+  if (Array.isArray(data))
+    return data
+  return [data]
+}
+
+/**
+ * App 内打开系统文件选择器（需 Flutter 侧实现对应桥接）。
+ * 返回 true 表示已发起原生调用。
+ */
+export function openNativeFilePicker(
+  options: {
+    accept?: string
+    multiple?: boolean
+    onSuccess: (files: NativePickedFile[]) => void
+    onError?: (message?: string) => void
+  },
+): boolean {
+  const bridgeName = getNativeFilePickerBridge()
+  if (!bridgeName)
+    return false
+
+  mobileUtil.execute({
+    funcName: bridgeName,
+    param: {
+      accept: options.accept || '*/*',
+      multiple: options.multiple ?? true,
+    },
+    callbackFunc: (result: any) => {
+      if (result?.status === 'success') {
+        const files = normalizePickedFiles(result.data)
+        if (files.length > 0)
+          options.onSuccess(files)
+        else
+          options.onError?.('未选择文件')
+        return
+      }
+      if (result?.data?.status === 'cancelled')
+        return
+      options.onError?.(result?.message || result?.msg || '文件选择失败')
+    },
+  })
+  return true
+}
+
+/** 同步触发浏览器 file input（须在用户点击事件的同一调用栈内） */
+export function triggerBrowserFileInput(input: HTMLInputElement | undefined | null): boolean {
+  if (!input)
+    return false
+  input.value = ''
+  input.click()
+  return true
+}
+
+/** 调试：列出当前 window 上已注入的桥接名 */
+export function listNativeBridges(): string[] {
+  const win = getNativeBridgeWindow()
+  return Object.keys(win).filter(key => typeof win[key]?.postMessage === 'function')
+}

package/src/views/SafeInspection/SecurityCertificate/index.vue

@@ -165,6 +165,21 @@ const errorCounts = reactive({
   photoSignature: 0,
 })
 
+// 照片质量统计
+const photoStats = reactive({
+  rephotoCount: 0, // 翻拍照片数
+  qualityFailedCount: 0, // 质量不合格照片数
+})
+
+function onPhotoQualityFailed() {
+  console.warn('质量不合格照片数++')
+  photoStats.qualityFailedCount++
+}
+function onPhotoRephotodetected() {
+  console.warn('翻拍照片数++')
+  photoStats.rephotoCount++
+}
+
 // 计时器
 const timer = ref(null)
 const elapsedSeconds = ref(0)
@@ -810,6 +825,8 @@ function resetLocalState() {
   errorCounts.tabs = []
   errorCounts.hiddenDangers = 0
   errorCounts.photoSignature = 0
+  photoStats.rephotoCount = 0
+  photoStats.qualityFailedCount = 0
 
   // 重置导航
   actions.value = [{ text: '用户信息', value: 0, icon: '', errorCount: 0 }]
@@ -1368,6 +1385,7 @@ async function organizeSubmitData() {
     draftType: draftType.value,
     changeTableId: safecheckStore.getChangeTableId(),
     verificationCodeKey: verificationCodeKey.value,
+    photoStats: { ...photoStats },
   }
 }
 
@@ -2702,6 +2720,8 @@ function clear() {
 }
 
 provide('provideParent', {
+  onPhotoQualityFailed,
+  onPhotoRephotodetected,
   // 后续需要什么就加什么
   commonId: computed({
     get() {

package/src/views/SafeInspection/SecurityCertificate/photoAiRecognition/components/PhotoCaptureCard.vue

@@ -149,12 +149,52 @@ function triggerCamera() {
     callbackFunc: (result: any) => {
       // 检查返回状态是否成功
       if (result?.status !== 'success' || !result?.data) {
+        if (result?.message && result.message.startsWith('图片质量检测失败')) {
+          parentData?.onPhotoQualityFailed?.()
+        }
         showFailToast(result?.message || '拍照失败，请重试')
         return
       }
 
-      // 拍照成功，将照片加入上传队列
-      queueUpload(result.data)
+      // 拍照成功，进行翻拍检测后上传
+      rePhotoCheck(result.data)
+    },
+  })
+}
+
+/**
+ * 翻拍检测
+ */
+function rePhotoCheck(photoData: any) {
+  mobileUtil.execute({
+    funcName: 'detectAntiCopy',
+    param: {
+      image_base64: photoData.content,
+    },
+    callbackFunc: (result: any) => {
+      try {
+        if (result && result.status === 'success') {
+          const checkRePhotoResult = result.data
+          if (checkRePhotoResult.is_rephoto === true || checkRePhotoResult.is_rephoto === 'true') {
+            parentData?.onPhotoRephotodetected?.()
+            console.warn(`检测到当前图片属于翻拍照片\n请上传合法图片！`)
+            showFailToast({
+              message: `当前图片属于翻拍照片\n请上传合法图片！`,
+              duration: 3000,
+            })
+          }
+          else {
+            queueUpload(photoData)
+          }
+        }
+        else {
+          console.error(`翻拍检测失败照片,${result.message}`)
+          showFailToast(`翻拍检测失败照片,${result.message}`)
+        }
+      }
+      catch (e) {
+        console.error('翻拍检测', JSON.stringify(e))
+      }
     },
   })
 }

package/src/views/SafeInspection/SecurityFormItem/CameraView/index.vue

@@ -186,6 +186,9 @@ function triggerCamera() {
         rePhotoCheck(result.data)
       }
       else if (result.status === 'error') {
+        if (result.message && result.message.startsWith('图片质量检测失败')) {
+          parentData?.onPhotoQualityFailed?.()
+        }
         showDialog({
           title: '拍照异常',
           message: result.message || '拍照失败，请重试',
@@ -239,6 +242,7 @@ function rePhotoCheck(photoData: any) {
           if (result && result.status === 'success') {
             const checkRePhotoResult = result.data
             if (checkRePhotoResult.is_rephoto === true || checkRePhotoResult.is_rephoto === 'true') {
+              parentData?.onPhotoRephotodetected?.()
               console.warn(`检测到当前图片属于翻拍照片\n请上传合法图片！`)
               showFailToast({
                 message: `当前图片属于翻拍照片\n请上传合法图片！`,