af-mobile-client-vue3 1.6.46 → 1.6.48

package/package.json

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

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

@@ -21,6 +21,7 @@ interface WatermarkConfig {
   format?: string
   customLines?: string[]
   enableRePhotoCheck?: boolean
+  blurThreshold?: string | number
 }
 
 const props = defineProps({
@@ -180,6 +181,7 @@ function triggerCamera() {
         if (watermark.alpha !== undefined && String(watermark.alpha) !== '')
           param.watermarkAlpha = watermark.alpha
       }
+      param.blurThreshold = (props.attr as any)?.watermark?.blurThreshold ?? 30
       return param
     })(),
     callbackFunc: (result: any) => {

package/src/components/data/FilePreview/index.vue

@@ -40,6 +40,7 @@ const fileSource = shallowRef<string | ArrayBuffer>('')
 const textContent = ref('')
 const imageSrc = ref('')
 const videoSrc = ref('')
+const audioSrc = ref('')
 const openUrl = ref('')
 const downloadName = ref('')
 const loading = ref(false)
@@ -66,24 +67,36 @@ async function init(options: FilePreviewInitOptions) {
   fileSource.value = ''
   imageSrc.value = ''
   videoSrc.value = ''
+  audioSrc.value = ''
 
   try {
     switch (previewKind.value) {
       case 'image':
         imageSrc.value = openUrl.value
         break
+
       case 'video':
         videoSrc.value = openUrl.value
         break
+
+      case 'audio':
+        audioSrc.value = openUrl.value
+        break
+
       case 'text':
         textContent.value = await fetchResourceText(openUrl.value)
         break
+
       case 'pdf':
       case 'docx':
+      case 'doc':
       case 'xlsx':
+      case 'xls':
         fileSource.value = await fetchResourceArrayBuffer(openUrl.value)
         break
-      default:
+
+      case 'unsupported':
+        // 未知格式，直接用 iframe 尝试打开，无需预加载内容
         break
     }
   }
@@ -95,11 +108,6 @@ async function init(options: FilePreviewInitOptions) {
   }
 }
 
-function openExternal() {
-  if (openUrl.value)
-    window.open(openUrl.value, '_blank')
-}
-
 function handleDownload() {
   if (!openUrl.value)
     return
@@ -139,14 +147,16 @@ defineExpose({
         class="office-preview"
         @error="onRenderError"
       />
+      <!-- docx / doc 共用同一渲染器 -->
       <VueOfficeDocx
-        v-else-if="previewKind === 'docx' && fileSource"
+        v-else-if="(previewKind === 'docx' || previewKind === 'doc') && fileSource"
         :src="fileSource"
         class="office-preview"
         @error="onRenderError"
       />
+      <!-- xlsx / xls 共用同一渲染器 -->
       <VueOfficeExcel
-        v-else-if="previewKind === 'xlsx' && fileSource"
+        v-else-if="(previewKind === 'xlsx' || previewKind === 'xls') && fileSource"
         :src="fileSource"
         class="office-preview"
         @error="onRenderError"
@@ -157,8 +167,26 @@ defineExpose({
       <div v-else-if="previewKind === 'video'" class="preview-video-wrapper">
         <video class="preview-video" controls :src="videoSrc" />
       </div>
+      <div v-else-if="previewKind === 'audio'" class="preview-audio-wrapper">
+        <audio class="preview-audio" controls :src="audioSrc" />
+      </div>
       <pre v-else-if="previewKind === 'text'" class="preview-text">{{ textContent }}</pre>
-      <VanEmpty v-else description="暂不支持在线预览该格式">
+      <!-- 未知格式：用 iframe 尝试直接打开，系统/浏览器自行决定如何处理 -->
+      <div v-else-if="previewKind === 'unsupported'" class="preview-iframe-wrapper">
+        <iframe
+          :src="openUrl"
+          class="preview-iframe"
+          sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
+          @error="onRenderError"
+        />
+        <div class="preview-iframe-fallback">
+          <span>若文件无法显示，请</span>
+          <VanButton size="small" type="primary" plain @click="handleDownload">
+            下载查看
+          </VanButton>
+        </div>
+      </div>
+      <VanEmpty v-else description="文件路径异常">
         <VanButton v-if="openUrl" size="small" type="primary" @click="handleDownload">
           下载
         </VanButton>
@@ -232,4 +260,43 @@ defineExpose({
   line-height: 1.5;
   color: #333;
 }
+
+.preview-audio-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 32px 16px;
+  min-height: 120px;
+}
+
+.preview-audio {
+  width: 100%;
+  max-width: 480px;
+}
+
+.preview-iframe-wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  flex: 1;
+}
+
+.preview-iframe {
+  width: 100%;
+  flex: 1;
+  min-height: 200px;
+  border: none;
+}
+
+.preview-iframe-fallback {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  font-size: 12px;
+  color: #999;
+  flex-shrink: 0;
+  border-top: 1px solid #f0f0f0;
+}
 </style>

package/src/utils/fileType.ts

@@ -68,22 +68,28 @@ export function getFileTypeMeta(name?: string): FileTypeMeta {
   }
 }
 
-export type PreviewFileKind = 'pdf' | 'docx' | 'xlsx' | 'image' | 'video' | 'text' | 'unsupported'
+export type PreviewFileKind = 'pdf' | 'docx' | 'doc' | 'xlsx' | 'xls' | 'image' | 'video' | 'audio' | 'text' | 'unsupported'
 
 /** 附件预览类型（vue-office / 原生标签） */
 export function getPreviewFileKind(name?: string): PreviewFileKind {
   const ext = getFileExtension(name)
   if (['jpg', 'jpeg', 'png', 'gif', 'webp', 'bmp', 'svg', 'ico', 'tif', 'tiff', 'avif'].includes(ext))
     return 'image'
-  if (['mp4', 'webm', 'mov', 'm4v'].includes(ext))
+  if (['mp4', 'webm', 'mov', 'm4v', 'avi', 'mkv', 'flv', 'rmvb'].includes(ext))
     return 'video'
+  if (['mp3', 'wav', 'ogg', 'aac', 'flac', 'm4a', 'wma'].includes(ext))
+    return 'audio'
   if (ext === 'pdf')
     return 'pdf'
-  if (ext === 'docx' || ext === 'doc')
+  if (ext === 'docx')
     return 'docx'
-  if (ext === 'xls' || ext === 'xlsx')
+  if (ext === 'doc')
+    return 'doc'
+  if (ext === 'xlsx')
     return 'xlsx'
-  if (ext === 'txt')
+  if (ext === 'xls')
+    return 'xls'
+  if (['txt', 'md', 'log', 'csv', 'json', 'xml', 'yaml', 'yml', 'ini', 'conf', 'properties'].includes(ext))
     return 'text'
   return 'unsupported'
 }

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

@@ -63,7 +63,8 @@ const photoSignatureComponentMap = {
   photoSignature,
   qinHuaSignature: QinHuaSignature,
 }
-
+// 水印配置
+const blurThreshold = ref<number>(30)
 // 操作人信息
 const checkerInfo = useUserStore().getUserInfo()
 const safecheckStore = useSafecheckStore()
@@ -502,7 +503,11 @@ onBeforeMount(() => {
 
   // 统一转交到 continuePageInit 决定是否弹窗
   continuePageInit()
-
+  getConfigByName('PhotoWatermarkConfig', (result) => {
+    if (result) {
+      blurThreshold.value = result?.blurThreshold || 30
+    }
+  }, 'af-safecheck')
   // 获取对应aiKeyToFieldMap
   getConfigByName('AICheckConfig', (res: any) => {
     aiKeyToFieldMap.value = res?.aiKeyToFieldMap || {
@@ -2824,6 +2829,7 @@ provide('provideParent', {
                     :is-view-mode="isReadOnly"
                     :extra-data="row?.extraData || {}"
                     :ai-synced-info-map="syncedItemInfoMap"
+                    :blur-threshold="blurThreshold"
                     @value-change="(selVal, selObj, currentVal, payload) => { valueChange(currentVal, pIndex, payload) }"
                     @device-deleted="cleanupDeletedDeviceData"
                     @success-file-list="successFileList"

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

@@ -24,6 +24,7 @@ const props = defineProps<{
   maxCount: number // 该步骤允许的最大拍照数量
   isLast: boolean // 是否为最后一个步骤
   enableUpload?: boolean // 是否启用上传功能（true时点击拍照按钮先弹出选择）
+  blurThreshold?: number // 图片模糊度阈值
 }>()
 
 /**
@@ -151,10 +152,14 @@ function triggerCamera() {
     return
   }
 
+  const param = {
+    blurThreshold: props.blurThreshold ?? 30,
+  }
+  console.warn('param', JSON.stringify(param))
   // 调用Native方法打开相机
   mobileUtil.execute({
     funcName: 'takePicture',
-    param: {},
+    param,
     // 拍照成功后的回调函数
     callbackFunc: (result: any) => {
       // 检查返回状态是否成功

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

@@ -81,6 +81,10 @@ const props = defineProps({
     type: Object,
     default: () => ({}),
   },
+  blurThreshold: {
+    type: Number,
+    default: 30,
+  },
 })
 
 /**
@@ -126,6 +130,7 @@ const photoAiRecognitionConfig = ref<any>(null)
 /** 从父组件传入的已同步属性信息映射，透传给PhotoRecognitionInfo用于标记哪些属性已同步并可点击跳转 */
 const syncedItemInfoMap = computed(() => props.aiSyncedInfoMap)
 
+const blurThreshold = computed(() => props.blurThreshold)
 // ========================================
 // 计算属性
 // ========================================
@@ -196,6 +201,7 @@ onMounted(() => {
  */
 function init() {
   const fromConfig = props.extraData?.checkAiSlotFrom || 'photoAiRecognitionForm'
+  console.warn('props', JSON.stringify(props))
   console.warn('fromConfig', fromConfig)
   getConfigByName('CheckAiSlotFromDic', (res: any) => {
     console.warn('CheckAiSlotFromDic', res)
@@ -765,6 +771,7 @@ defineExpose({
           :max-count="Number(step.acceptCount ?? 0)"
           :is-last="step.model === stepColumns[stepColumns.length - 1]?.model"
           :enable-upload="step.enableUpload"
+          :blur-threshold="blurThreshold"
           @capture="(file) => handleCaptureSuccess(step, file)"
           @next="handleNextStep"
           @prev="handlePrevStep"

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

@@ -18,6 +18,7 @@ interface WatermarkConfig {
   alpha?: number
   userName?: string
   enableRePhotoCheck?: boolean
+  blurThreshold?: number | string
 }
 
 const props = defineProps({
@@ -178,6 +179,8 @@ function triggerCamera() {
     }
   }
 
+  param.blurThreshold = props.attr?.watermark?.blurThreshold ?? 30
+
   mobileUtil.execute({
     funcName: 'takePicture',
     param,