af-mobile-client-vue3 1.6.56 → 1.6.58

package/package.json

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

package/public//346/212/200/346/234/257/345/210/206/346/236/220.txt

@@ -0,0 +1,123 @@
+三方系统实现：
+前端框架：vue2.0+ element-ui 
+后端框架：java Spring Boot
+App框架：原生安卓框架+H5
+关系数据库：PostgreSQL（开源）
+GIS开发组件：SuperMap（超图，国产），中城燃气所属集团提供超图平台服务
+时序数据库：Elasticsearch（存储坐标数据）
+消息中间件：rabbitmq
+文件服务器：minio
+缓存中间件：redis
+
+
+# 第三方系统接入技术对接清单
+
+## 一、前端（micro-app子应用接入）
+
+### 1.1 第三方前端改造
+- [ ] 第三方项目 Vue 版本升级（建议 Vue 2.7+）
+- [ ] 第三方项目构建工具迁移至 Vite
+- [ ] 第三方项目路由模式改为 history 模式
+- [ ] 第三方项目添加 basename 配置
+- [ ] 第三方项目实现 micro-app 生命周期钩子（bootstrap/mount/unmount）
+- [ ] 第三方项目移除独立登录页，改为接收主应用传递的登录态
+- [ ] 第三方项目样式隔离（避免与主应用样式冲突）
+
+### 1.2 主应用改造
+- [ ] 主应用注册第三方子应用（microApps.ts 配置）
+- [ ] 主应用创建第三方子应用渲染页面
+- [ ] 主应用封装第三方 API 代理服务
+- [ ] 主应用配置第三方子应用路由
+- [ ] 主应用处理第三方子应用生命周期回调
+- [ ] 主应用实现与第三方子应用的数据通信机制
+- [ ] 主应用配置第三方子应用跨域策略
+
+### 1.3 第三方 API 代理
+- [ ] 主应用封装第三方业务 API 代理方法
+- [ ] 主应用封装第三方文件上传接口
+- [ ] 主应用封装第三方数据查询接口
+- [ ] 代理接口统一添加主系统 Token 认证
+- [ ] 代理接口统一处理登录过期跳转
+
+---
+
+## 二、后端（鉴权相关）
+
+### 2.1 主系统后端改造
+- [ ] 新增第三方系统白名单配置（系统编码、密钥、IP）
+- [ ] 新增第三方用户 Token 绑定接口
+- [ ] 新增第三方用户刷新 Token 接口
+- [ ] 新增第三方用户信息查询接口
+- [ ] 新增网关信任来源过滤器
+- [ ] 网关层支持 X-Third-Party-User-Id 请求头识别
+
+### 2.2 API 网关/路由配置
+- [ ] 配置第三方系统 API 路由转发规则
+- [ ] 配置第三方静态资源路径映射
+- [ ] 配置跨域访问策略
+
+---
+
+## 三、认证方案选择
+
+### 推荐方案：代理模式（第三方不改登录）
+- [ ] 主应用前端统一管理 Token
+- [ ] 第三方子应用通过主应用代理调用主系统 API
+- [ ] 第三方登录完成后跳转主应用页面，由主应用注入登录态
+
+### 备选方案：Token 映射模式
+- [ ] 主系统提供第三方 Token 换取接口
+- [ ] 主系统维护第三方用户与本系统用户映射关系
+- [ ] 第三方登录后自动调接口换取主系统 Token
+
+---
+
+## 四、数据对接
+
+### 4.1 用户数据
+- [ ] 确定用户数据同步策略（共享表 / API 调用 / DB Link）
+- [ ] 第三方用户与主系统用户绑定关系设计
+
+### 4.2 业务数据
+- [ ] 梳理需要主系统提供的业务数据接口
+- [ ] 梳理需要提供给第三方的业务数据接口
+
+### 4.3 文件服务
+- [ ] 确认是否复用主系统 MinIO 文件服务
+- [ ] 配置第三方文件上传白名单
+
+---
+
+## 五、GIS 地图对接（如需要）
+- [ ] 确认 SuperMap 版本和接口规范
+- [ ] 主应用封装地图加载组件
+- [ ] 主应用与第三方子应用地图实例共享方案
+
+---
+
+## 六、联调测试
+- [ ] 第三方子应用独立运行测试
+- [ ] 第三方子应用嵌入主应用测试
+- [ ] 第三方调用主系统 API 联调
+- [ ] 主系统 Token 有效性验证
+- [ ] 子应用间跳转和返回测试
+- [ ] 登录态同步测试
+- [ ] 性能测试（加载时间、内存占用）
+
+---
+
+## 七、部署上线
+- [ ] 第三方子应用构建配置调整
+- [ ] 生产环境域名解析配置
+- [ ] Nginx / API 网关路由配置
+- [ ] 主系统 API 跨域配置
+- [ ] 第三方系统白名单生产配置
+
+---
+
+## 八、注意事项
+- 第三方前端不能有独立的登录页面
+- 第三方前端不能直接存储 Token
+- 第三方前端所有 API 请求需通过主应用代理
+- 需要确认第三方项目的具体版本和配置
+- 需要确认双方 API 接口文档和数据字典

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

@@ -24,17 +24,36 @@ interface WatermarkConfig {
   blurThreshold?: string | number
 }
 
-const props = defineProps({
-  imageList: Array<any>,
-  outerIndex: { default: undefined },
-  authority: { default: 'user' },
-  uploadMode: { default: 'server' },
-  attr: { type: Object as () => { addOrEdit?: string, acceptCount?: number, minAcceptCount?: number, uploadImage?: boolean, watermark?: WatermarkConfig, useType?: string }, default: () => ({}) },
-  mode: { default: '新增' }, // 预览
-  serviceName: { type: String, default: '' },
+interface ImageUploaderProps {
+  imageList?: any[]
+  outerIndex?: number | undefined
+  authority?: string
+  uploadMode?: string
+  attr?: {
+    addOrEdit?: string
+    acceptCount?: number
+    minAcceptCount?: number
+    uploadImage?: boolean
+    watermark?: WatermarkConfig
+    useType?: string
+  }
+  mode?: string
+  serviceName?: string
+  readonly?: boolean
+  isAsyncUpload?: boolean
+}
+
+const props = withDefaults(defineProps<ImageUploaderProps>(), {
+  imageList: () => [],
+  outerIndex: undefined,
+  authority: 'user',
+  uploadMode: 'server',
+  attr: () => ({}),
+  mode: '新增',
+  serviceName: '',
   // 整体只读：只允许预览，禁止拍照/上传/删除
-  readonly: { type: Boolean, default: false },
-  isAsyncUpload: { type: Boolean, default: false },
+  readonly: false,
+  isAsyncUpload: false,
 })
 const emit = defineEmits(['updateFileList', 'updateAllFileList', 'photoQualityChange'])
 
@@ -51,9 +70,6 @@ const parentCommonId = (() => {
   }
 })()
 
-// 浏览器 / 微信内 H5：统一用隐藏 file input（与单独 camera input 行为等价，均为系统选图）
-// const fileInputRef = ref<HTMLInputElement | undefined>()
-const parentData: any = inject('provideParent')
 // 浏览器 / 微信内 H5：统一用隐藏 file input（与单独 camera input 行为等价，均为系统选图）
 const fileInputRef = ref<HTMLInputElement | undefined>()
 

package/src/components/core/Signature/SignatureComponent.vue

@@ -19,10 +19,26 @@ const emit = defineEmits<{
   signatureComplete: [data: any]
 }>()
 
+// 从父组件获取 commonId，仅读取字符串值，不持有父级 provideParent 对象
+const parentCommonId = (() => {
+  try {
+    const parent = inject<any>('provideParent', undefined)
+    console.log('parent==', parent)
+    if (!parent) {
+      return ''
+    }
+    if (typeof parent.commonId === 'object' && parent.commonId && 'value' in parent.commonId) {
+      return String(parent.commonId.value ?? '')
+    }
+    return String(parent.commonId ?? '')
+  }
+  catch {
+    return ''
+  }
+})()
 const signatureImage = ref<string>('')
 const rawBase64Data = ref<string>('') // 保存原始base64数据
 const hasSignature = ref(false)
-const parentData: any = inject('provideParent')
 const imageList = ref<Array<any>>(props.imageList ?? [])
 console.log('imageList', imageList.value)
 console.log('props.imageList', props.imageList)
@@ -79,7 +95,7 @@ function handleSignature() {
           f_operator: 'server',
           imgPath: result.data.filePath,
           urlPath: `/api/${import.meta.env.VITE_APP_SYSTEM_NAME}/resource/upload`,
-          commonId: parentData?.commonId.value ?? '',
+          commonId: parentCommonId,
         }
         if (props.isAsyncUpload) {
           // 添加上传队列

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

@@ -10,38 +10,20 @@ import {
 } from 'vant'
 import { computed, onBeforeUnmount, ref, watch } from 'vue'
 
-const props = defineProps({
-  columns: {
-    type: Array,
-    default() {
-      return []
-    },
-  },
-  selectValue: {
-    type: Array,
-    default() {
-      return []
-    },
-  },
-  option: {
-    type: Object,
-    default() {
-      return { text: 'label', value: 'value' }
-    },
-  },
-  // 是否支持搜索
-  isSearch: {
-    type: Boolean,
-    default: true,
-  },
-  lazyLoad: { // 是否启用懒加载
-    type: String,
-    default: 'false',
-  },
-  onSearch: { // 懒加载时的搜索函数
-    type: Function,
-    default: null,
-  },
+const props = withDefaults(defineProps<{
+  columns?: any[]
+  selectValue?: any[]
+  option?: Record<string, string>
+  isSearch?: boolean // 是否支持搜索
+  lazyLoad?: string // 是否启用懒加载
+  onSearch?: ((searchValue: string) => Promise<any[]>) | null // 懒加载时的搜索函数
+}>(), {
+  columns: () => [],
+  selectValue: () => [],
+  option: () => ({ text: 'label', value: 'value' }),
+  isSearch: true,
+  lazyLoad: 'false',
+  onSearch: null,
 })
 const emits = defineEmits(['input', 'confirm', 'change', 'cancel'])
 const show = ref(false)
@@ -130,6 +112,7 @@ const stopWatchCheckboxValue = watch(() => checkboxValue.value.length, (newVal,
 
 onBeforeUnmount(() => {
   stopWatchCheckboxValue()
+  show.value = false
 })
 const resultLabel = computed(() => {
   const res = props.columns.filter((item) => {

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

@@ -7,35 +7,20 @@ import {
 } from 'vant'
 import { computed, onBeforeMount, onBeforeUnmount, ref, watch } from 'vue'
 
-const props = defineProps({
-  columns: {
-    type: Array,
-    default() {
-      return []
-    },
-  },
-  option: {
-    type: Object,
-    default() {
-      return { text: 'label', value: 'value', children: 'children' }
-    },
-  },
-  offOption: { // 关闭option配置key-value;当数据是非集合的数组的时候，开启
-    type: Boolean,
-    default: false,
-  },
-  border: { // 是否展示边框
-    type: Boolean,
-    default: false,
-  },
-  lazyLoad: { // 是否启用懒加载
-    type: String,
-    default: 'false',
-  },
-  onSearch: { // 懒加载时的搜索函数
-    type: Function,
-    default: null,
-  },
+const props = withDefaults(defineProps<{
+  columns?: any[]
+  option?: Record<string, string>
+  offOption?: boolean
+  border?: boolean
+  lazyLoad?: string
+  onSearch?: ((searchValue: string) => Promise<any[]>) | null
+}>(), {
+  columns: () => [],
+  option: () => ({ text: 'label', value: 'value', children: 'children' }),
+  offOption: false,
+  border: false,
+  lazyLoad: 'false',
+  onSearch: null,
 })
 const emits = defineEmits(['confirm', 'change', 'cancel', 'input'])
 const show = ref(false)

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

@@ -107,6 +107,7 @@ const rules = reactive({})
 const myGetDataParams = ref({})
 const isKeyHandle = ref(false)
 const submitLoading = ref(false)
+let navigateTimer: number | null = null
 
 // 配置相关状态
 const formConfig = ref<GroupFormItems | null>(null)
@@ -392,6 +393,10 @@ onBeforeUnmount(() => {
   stopWatchPreviewMapPoint?.()
   stopWatchFormData?.()
   stopWatchForm?.()
+  if (navigateTimer) {
+    window.clearTimeout(navigateTimer)
+    navigateTimer = null
+  }
 })
 
 // 支持函数调用方式初始化
@@ -696,7 +701,7 @@ async function onSubmit() {
         showFailToast('提交失败!！')
       }
       finally {
-        setTimeout(() => {
+        navigateTimer = window.setTimeout(() => {
           history.back()
         }, 1000)
       }

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>