af-mobile-client-vue3 1.6.45 → 1.6.47

package/package.json

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

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

@@ -35,7 +35,7 @@ const props = defineProps({
   readonly: { type: Boolean, default: false },
   isAsyncUpload: { type: Boolean, default: false },
 })
-const emit = defineEmits(['updateFileList', 'updateAllFileList'])
+const emit = defineEmits(['updateFileList', 'updateAllFileList', 'photoQualityChange'])
 
 const imageList = ref<Array<any>>(props.imageList ?? [])
 
@@ -187,6 +187,9 @@ function triggerCamera() {
         rePhotoCheck(result.data)
       }
       else if (result.status === 'error') {
+        if (result?.message && result.message.startsWith('图片质量检测失败')) {
+          emit('photoQualityChange', 'quality-failed')
+        }
         const env = detectEnvironment()
         // App 环境下弹窗提示错误
         if (env.isApp) {
@@ -230,6 +233,7 @@ function rePhotoCheck(photoData: any) {
           if (result && result.status === 'success') {
             const checkRePhotoResult = result.data
             if (checkRePhotoResult.is_rephoto === true || checkRePhotoResult.is_rephoto === 'true') {
+              emit('photoQualityChange', 'rephoto-detected')
               console.warn(`检测到当前图片属于翻拍照片\n请上传合法图片！`)
               showFailToast({
                 message: `当前图片属于翻拍照片\n请上传合法图片！`,

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/components/data/XForm/index.vue

@@ -93,7 +93,7 @@ const props = withDefaults(defineProps<{
   enableSubmitLoading: false,
 })
 
-const emits = defineEmits(['onSubmit', 'xFormItemEmitFunc'])
+const emits = defineEmits(['onSubmit', 'xFormItemEmitFunc', 'photoQualityChange'])
 const userStore = useUserStore()
 
 // inject
@@ -763,6 +763,7 @@ defineExpose({ init, form, formGroupName, validate, asyncSubmit, setForm, getFor
           @set-form="setForm"
           @x-form-item-emit-func="emitFunc"
           @validate-error="handleValidateError"
+          @photo-quality-change="(type) => emits('photoQualityChange', type)"
         />
         <slot name="extraFormItem" />
       </VanCellGroup>

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

@@ -89,7 +89,7 @@ const props = withDefaults(defineProps<{
   inputAlign: undefined,
 })
 
-const emits = defineEmits(['setForm', 'xFormItemEmitFunc', 'scanCodeOrNfc', 'validateError'])
+const emits = defineEmits(['setForm', 'xFormItemEmitFunc', 'scanCodeOrNfc', 'validateError', 'photoQualityChange'])
 
 // 用 defineModel 替代 modelValue/emit
 const modelData = defineModel<string | number | boolean | any[] | Record<string, any>>()
@@ -1256,6 +1256,7 @@ onBeforeUnmount(() => {
           :service-name="serviceName"
           :is-async-upload="isAsyncUpload"
           @update-file-list="updateFile"
+          @photo-quality-change="(type) => emits('photoQualityChange', type)"
         />
       </template>
     </VanField>

package/src/components/data/XReportGrid/XReportDemo.vue

@@ -1,33 +1,33 @@
-<script setup lang="ts">
-import { onMounted, ref } from 'vue'
-import XReport from './XReport.vue'
-
-const mainRef = ref()
-
-onMounted(() => {
-  // 初始化逻辑
-})
-</script>
-
-<template>
-  <div id="test">
-    <van-card :bordered="false">
-      <XReport
-        ref="mainRef"
-        :use-oss-for-img="false"
-        config-name="nurseWorkstationCover"
-        server-name="af-his"
-        :show-img-in-cell="true"
-        :display-only="true"
-        :edit-mode="false"
-        :show-save-button="false"
-        :no-padding="true"
-        :dont-format="true"
-      />
-    </van-card>
-  </div>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import XReport from './XReport.vue'
+
+const mainRef = ref()
+
+onMounted(() => {
+  // 初始化逻辑
+})
+</script>
+
+<template>
+  <div id="test">
+    <van-card :bordered="false">
+      <XReport
+        ref="mainRef"
+        :use-oss-for-img="false"
+        config-name="nurseWorkstationCover"
+        server-name="af-his"
+        :show-img-in-cell="true"
+        :display-only="true"
+        :edit-mode="false"
+        :show-save-button="false"
+        :no-padding="true"
+        :dont-format="true"
+      />
+    </van-card>
+  </div>
+</template>
+
+<style scoped>
+
+</style>

package/src/components/data/XReportGrid/print.js

@@ -1,184 +1,184 @@
-// print.js
-
-export function printElement(elementToPrint) {
-  // 创建一个新的浏览器窗口
-  const printWindow = window.open('', '_blank', 'height=1024,width=768')
-  // 设置新窗口的文档内容
-  printWindow.document.write(`
-    <html>
-      <head>
-        <title>Print</title>
-        <style>
-          @page {
-            size: auto;
-            margin: 0mm;
-          }
-          html, body {
-            margin: 0;
-            padding: 0;
-            width: 100%;
-            height: 100%;
-          }
-          #print-container {
-            display: none
-          }
-          .img{
-            width: 95%;
-            height: 180px;
-            object-fit: cover;
-          }
-          .reportMain {
-            text-align: center;
-            margin: 0 auto;
-            font-size: 16px;
-            color: #000;
-            background-color: #fff;
-            border-radius: 8px;
-
-            .reportTitle {
-              font-weight: bold;
-            }
-
-            .subTitle {
-              display: flex;
-              justify-content: space-between;
-              margin-bottom: 1%;
-
-              .subTitleItems {
-                max-width: 30%;
-              }
-            }
-
-            .inputsDiv {
-              display: flex;
-              justify-content: space-between;
-              .inputsDivItem {
-                display: flex;
-                align-items: center;
-                padding: 0 4px;
-                white-space: nowrap;
-                .inputsDivItemLabel {
-                  padding: 0 4px;
-                }
-              }
-            }
-
-            .reportTable {
-              width: 100%;
-              border-collapse: collapse;
-              table-layout:fixed;
-              word-break:break-all;
-              text-align: center;
-            }
-          }
-          .reportMainForDisplay {
-            text-align: center;
-            margin: 10% auto;
-            font-size: 16px;
-            color: #000;
-            background-color: #fff;
-            border-radius: 8px;
-
-            .reportTitle {
-              font-weight: bold;
-            }
-
-            .subTitle {
-              display: flex;
-              justify-content: space-between;
-
-              .subTitleItems {
-                max-width: 30%;
-              }
-            }
-
-            .inputsDiv {
-              display: flex;
-              justify-content: space-around;
-              .inputsDivItem {
-                display: flex;
-                align-items: center;
-                padding: 0 4px;
-                white-space: nowrap;
-                .inputsDivItemLabel {
-                  padding: 0 4px;
-                }
-              }
-            }
-
-            .reportTable {
-              width: 100%;
-              border-collapse: collapse;
-              table-layout:fixed;
-              word-break:break-all;
-            }
-          }
-          .reportMainNoPadding {
-            text-align: center;
-            margin: 0 auto;
-            font-size: 16px;
-            color: #000;
-            background-color: #fff;
-            border-radius: 8px;
-
-            .reportTitle {
-              font-weight: bold;
-            }
-
-            .subTitle {
-              display: flex;
-              justify-content: space-between;
-
-              .subTitleItems {
-                max-width: 30%;
-              }
-            }
-
-            .inputsDiv {
-              display: flex;
-              justify-content: space-between;
-              .inputsDivItem {
-                display: flex;
-                align-items: center;
-                padding: 0 4px;
-                white-space: nowrap;
-                .inputsDivItemLabel {
-                  padding: 0 4px;
-                }
-              }
-            }
-
-            .reportTable {
-              width: 100%;
-              border-collapse: collapse;
-              table-layout:fixed;
-              word-break:break-all;
-            }
-          }
-          .tools{
-            position: fixed;
-            right: 2%;
-            text-align: right;
-            width: 60%;
-            cursor: pointer;
-            .toolsItem{
-              width: 15%;
-              margin-right: 3%;
-              display: inline-block;
-            }
-          }
-        </style>
-      </head>
-      <body>
-        <!-- 将需要打印的元素内容复制到新窗口中 -->
-        ${elementToPrint.innerHTML}
-      </body>
-    </html>
-  `)
-  // 延迟执行打印，以确保新窗口的内容已加载完成
-  printWindow.document.close() // 关闭文档流，确保内容完全加载
-  setTimeout(() => {
-    printWindow.print() // 调用打印方法
-    printWindow.close()
-  }, 500) // 延迟500毫秒后执行打印
-}
+// print.js
+
+export function printElement(elementToPrint) {
+  // 创建一个新的浏览器窗口
+  const printWindow = window.open('', '_blank', 'height=1024,width=768')
+  // 设置新窗口的文档内容
+  printWindow.document.write(`
+    <html>
+      <head>
+        <title>Print</title>
+        <style>
+          @page {
+            size: auto;
+            margin: 0mm;
+          }
+          html, body {
+            margin: 0;
+            padding: 0;
+            width: 100%;
+            height: 100%;
+          }
+          #print-container {
+            display: none
+          }
+          .img{
+            width: 95%;
+            height: 180px;
+            object-fit: cover;
+          }
+          .reportMain {
+            text-align: center;
+            margin: 0 auto;
+            font-size: 16px;
+            color: #000;
+            background-color: #fff;
+            border-radius: 8px;
+
+            .reportTitle {
+              font-weight: bold;
+            }
+
+            .subTitle {
+              display: flex;
+              justify-content: space-between;
+              margin-bottom: 1%;
+
+              .subTitleItems {
+                max-width: 30%;
+              }
+            }
+
+            .inputsDiv {
+              display: flex;
+              justify-content: space-between;
+              .inputsDivItem {
+                display: flex;
+                align-items: center;
+                padding: 0 4px;
+                white-space: nowrap;
+                .inputsDivItemLabel {
+                  padding: 0 4px;
+                }
+              }
+            }
+
+            .reportTable {
+              width: 100%;
+              border-collapse: collapse;
+              table-layout:fixed;
+              word-break:break-all;
+              text-align: center;
+            }
+          }
+          .reportMainForDisplay {
+            text-align: center;
+            margin: 10% auto;
+            font-size: 16px;
+            color: #000;
+            background-color: #fff;
+            border-radius: 8px;
+
+            .reportTitle {
+              font-weight: bold;
+            }
+
+            .subTitle {
+              display: flex;
+              justify-content: space-between;
+
+              .subTitleItems {
+                max-width: 30%;
+              }
+            }
+
+            .inputsDiv {
+              display: flex;
+              justify-content: space-around;
+              .inputsDivItem {
+                display: flex;
+                align-items: center;
+                padding: 0 4px;
+                white-space: nowrap;
+                .inputsDivItemLabel {
+                  padding: 0 4px;
+                }
+              }
+            }
+
+            .reportTable {
+              width: 100%;
+              border-collapse: collapse;
+              table-layout:fixed;
+              word-break:break-all;
+            }
+          }
+          .reportMainNoPadding {
+            text-align: center;
+            margin: 0 auto;
+            font-size: 16px;
+            color: #000;
+            background-color: #fff;
+            border-radius: 8px;
+
+            .reportTitle {
+              font-weight: bold;
+            }
+
+            .subTitle {
+              display: flex;
+              justify-content: space-between;
+
+              .subTitleItems {
+                max-width: 30%;
+              }
+            }
+
+            .inputsDiv {
+              display: flex;
+              justify-content: space-between;
+              .inputsDivItem {
+                display: flex;
+                align-items: center;
+                padding: 0 4px;
+                white-space: nowrap;
+                .inputsDivItemLabel {
+                  padding: 0 4px;
+                }
+              }
+            }
+
+            .reportTable {
+              width: 100%;
+              border-collapse: collapse;
+              table-layout:fixed;
+              word-break:break-all;
+            }
+          }
+          .tools{
+            position: fixed;
+            right: 2%;
+            text-align: right;
+            width: 60%;
+            cursor: pointer;
+            .toolsItem{
+              width: 15%;
+              margin-right: 3%;
+              display: inline-block;
+            }
+          }
+        </style>
+      </head>
+      <body>
+        <!-- 将需要打印的元素内容复制到新窗口中 -->
+        ${elementToPrint.innerHTML}
+      </body>
+    </html>
+  `)
+  // 延迟执行打印，以确保新窗口的内容已加载完成
+  printWindow.document.close() // 关闭文档流，确保内容完全加载
+  setTimeout(() => {
+    printWindow.print() // 调用打印方法
+    printWindow.close()
+  }, 500) // 延迟500毫秒后执行打印
+}