vue2-client 1.15.85 → 1.15.87

package/src/base-client/plugins/selectValueTypeHelper.js

@@ -0,0 +1,281 @@
+/**
+ * selectValueType 功能辅助工具
+ * 用于处理表单选择组件的值存储模式转换
+ */
+
+/**
+ * 根据selectValueType预处理options数据
+ * @param {Array} options - 原始选项数据
+ * @param {String} selectValueType - 值存储类型：'value' | 'label' | 'both'
+ * @returns {Array} 处理后的选项数据
+ */
+export function processOptionsForValueType (options, selectValueType = 'value') {
+  // value模式：不做任何改变，保持现有逻辑
+  if (selectValueType === 'value') {
+    return options
+  }
+
+  // label模式：交换value和label，保存原始value到originValue
+  if (selectValueType === 'label') {
+    return processOptionsForLabelType(options)
+  }
+
+  // both模式：不处理options
+  return options
+}
+
+/**
+ * 处理label模式的options数据转换
+ * @param {Array} options - 原始选项数据
+ * @returns {Array} 转换后的选项数据
+ */
+export function processOptionsForLabelType (options) {
+  if (!Array.isArray(options)) {
+    return options
+  }
+
+  return options.map(item => {
+    // 先创建基础的转换对象
+    const transformedItem = { ...item }
+
+    // 处理各种数据格式的属性转换
+    if (item.value !== undefined && item.label !== undefined) {
+      // 标准格式 {value, label}
+      transformedItem.originValue = item.value
+      transformedItem.value = item.label
+    } else if (item.key !== undefined && item.title !== undefined) {
+      // 兼容格式 {key, title}
+      transformedItem.originValue = item.key
+      transformedItem.value = item.title
+      transformedItem.label = item.title
+    } else if (item.value !== undefined && item.text !== undefined) {
+      // 字典格式 {value, text}
+      transformedItem.originValue = item.value
+      transformedItem.value = item.text
+      transformedItem.label = item.text
+    } else if (item.value !== undefined) {
+      // 其他情况，尝试从多个可能的标签字段获取
+      const labelValue = item.label || item.title || item.text
+      if (labelValue !== undefined) {
+        transformedItem.originValue = item.value
+        transformedItem.value = labelValue
+      }
+    }
+
+    // 处理树形结构（递归处理children）
+    if (item.children && Array.isArray(item.children)) {
+      transformedItem.children = processOptionsForLabelType(item.children)
+    }
+
+    return transformedItem
+  })
+}
+
+/**
+ * 根据value查找对应的label（支持单选和多选）
+ * @param {any} value - 要查找的值
+ * @param {Array} options - 选项数据
+ * @returns {String|Array|null} 对应的label值，找不到时返回null
+ */
+export function findLabelByValue (value, options) {
+  if (value === undefined || value === null) {
+    return null
+  }
+
+  // 多选情况：value是数组
+  if (Array.isArray(value)) {
+    const labels = []
+    for (const val of value) {
+      const label = findSingleLabelByValue(val, options)
+      if (label !== null) {
+        labels.push(label)
+      }
+    }
+    return labels.length > 0 ? labels : null
+  }
+
+  // 单选情况：value是单个值
+  return findSingleLabelByValue(value, options)
+}
+
+/**
+ * 在选项数据中查找单个value对应的label（支持树形结构递归查找）
+ * @param {any} value - 要查找的值
+ * @param {Array} options - 选项数据
+ * @returns {String} 对应的label值，找不到时返回String(value)作为fallback
+ */
+export function findSingleLabelByValue (value, options) {
+  if (!Array.isArray(options)) {
+    return String(value)
+  }
+
+  for (const item of options) {
+    // 处理标准格式 {value, label}
+    if (item.value !== undefined && String(item.value) === String(value)) {
+      return item.label || item.title || item.text || String(value)
+    }
+
+    // 处理兼容格式 {key, title}
+    if (item.key !== undefined && String(item.key) === String(value)) {
+      return item.title || item.label || item.text || String(value)
+    }
+
+    // 递归查找树形结构
+    if (item.children && Array.isArray(item.children)) {
+      const childLabel = findSingleLabelByValue(value, item.children)
+      // 只有找到真正匹配项时才返回（不是fallback的String(value)）
+      if (childLabel !== String(value)) {
+        return childLabel
+      }
+    }
+  }
+
+  // 如果找不到对应的label，降级返回原值
+  return String(value)
+}
+
+/**
+ * 处理 label 模式数据存储
+ * @param {Object} form - 表单对象
+ * @param {String} fieldName - 字段名
+ * @param {any} currentValue - 当前值
+ * @param {Array} options - 选项数据
+ * @param {Function} setFieldValue - Vue的$set方法
+ */
+export function processLabelModeData (form, fieldName, currentValue, options, setFieldValue) {
+  // 确保 originData 对象存在
+  if (!form.originData) {
+    setFieldValue(form, 'originData', {})
+  }
+
+  // 获取当前值对应的原始值
+  const originValue = getOriginValue(currentValue, options)
+
+  // 存储原始值到 originData 中
+  setFieldValue(form.originData, fieldName, originValue)
+}
+
+/**
+ * 处理 both 模式数据存储
+ * @param {Object} form - 表单对象
+ * @param {String} fieldName - 字段名
+ * @param {any} currentValue - 当前值
+ * @param {Array} options - 选项数据
+ * @param {Function} setFieldValue - Vue的$set方法
+ */
+export function processBothModeData (form, fieldName, currentValue, options, setFieldValue) {
+  // 确保 labelData 对象存在
+  if (!form.labelData) {
+    setFieldValue(form, 'labelData', {})
+  }
+
+  // 获取当前值对应的标签值
+  const labelValue = findLabelByValue(currentValue, options)
+
+  // 存储标签值到 labelData 中
+  if (labelValue !== null && labelValue !== undefined) {
+    setFieldValue(form.labelData, fieldName, labelValue)
+  }
+}
+
+/**
+ * 获取原始值（用于label模式时获取originValue）
+ * @param {any} currentValue - 当前值
+ * @param {Array} options - 选项数据
+ * @returns {any} 原始值，找不到时返回currentValue作为fallback
+ */
+export function getOriginValue (currentValue, options) {
+  if (!Array.isArray(options) || currentValue === undefined || currentValue === null) {
+    return currentValue
+  }
+
+  // 多选情况
+  if (Array.isArray(currentValue)) {
+    const originValues = []
+    for (const val of currentValue) {
+      const originVal = findOriginValueByLabel(val, options)
+      // 只有找到真正的原始值时才使用originVal（不是fallback值）
+      if (originVal !== val) {
+        originValues.push(originVal)
+      } else {
+        // 如果没找到原始值，保留当前值
+        originValues.push(val)
+      }
+    }
+    return originValues
+  }
+
+  // 单选情况
+  return findOriginValueByLabel(currentValue, options)
+}
+
+/**
+ * 根据label查找原始value值
+ * @param {any} label - 标签值
+ * @param {Array} options - 选项数据
+ * @returns {any} 原始值，找不到时返回label作为fallback
+ */
+function findOriginValueByLabel (label, options) {
+  for (const item of options) {
+    // 如果有originValue，说明是经过label模式转换的
+    if (item.originValue !== undefined && String(item.value) === String(label)) {
+      return item.originValue
+    }
+
+    // 递归查找树形结构
+    if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+      const childOriginValue = findOriginValueByLabel(label, item.children)
+      // 只有当找到真正的匹配项时才返回（不等于传入的label）
+      if (childOriginValue !== label) {
+        return childOriginValue
+      }
+    }
+  }
+
+  return label // 如果找不到，返回原值
+}
+
+/**
+ * 创建selectValueType处理器的工厂函数
+ * @param {Object} context - Vue组件上下文
+ * @returns {Object} 处理器对象
+ */
+export function createSelectValueTypeHandler (context) {
+  return {
+    // 预处理options数据
+    processOptions (options, selectValueType) {
+      return processOptionsForValueType(options, selectValueType)
+    },
+
+    // 查找label值
+    findLabel (value, options) {
+      return findLabelByValue(value, options)
+    },
+
+    // 处理both模式数据
+    processBothMode (form, fieldName, currentValue, options) {
+      return processBothModeData(form, fieldName, currentValue, options, context.$set)
+    },
+
+    // 处理label模式数据
+    processLabelMode (form, fieldName, currentValue, options) {
+      return processLabelModeData(form, fieldName, currentValue, options, context.$set)
+    },
+
+    // 获取原始值
+    getOriginValue (currentValue, options) {
+      return getOriginValue(currentValue, options)
+    }
+  }
+}
+
+export default {
+  processOptionsForValueType,
+  processOptionsForLabelType,
+  findLabelByValue,
+  findSingleLabelByValue,
+  processLabelModeData,
+  processBothModeData,
+  getOriginValue,
+  createSelectValueTypeHandler
+}

package/src/base-client/plugins/tabs-page-plugin.js

@@ -1,39 +1,39 @@
-const TabsPagePlugin = {
-  install (Vue) {
-    Vue.mixin({
-      methods: {
-        $closePage (closeRoute, nextRoute) {
-          const event = new CustomEvent('page:close', { detail: { closeRoute, nextRoute } })
-          window.dispatchEvent(event)
-        },
-        $refreshPage (route) {
-          const path = typeof route === 'object' ? route.path : route
-          const event = new CustomEvent('page:refresh', { detail: { pageKey: path } })
-          window.dispatchEvent(event)
-        },
-        $openPage (route, title) {
-          this.$setPageTitle(route, title)
-          this.$router.push(route)
-        },
-        $setPageTitle (route, title) {
-          if (title) {
-            // let path = typeof route === 'object' ? route.path : route
-            // path = path && path.split('?')[0]
-            const path = typeof route === 'object' ? this.$router.resolve(route).route.fullPath : route
-            this.$store.commit('setting/setCustomTitle', { path, title })
-          }
-        }
-      },
-      computed: {
-        customTitle () {
-          const customTitles = this.$store.state.setting.customTitles
-          // const path = this.$route.path.split('?')[0]
-          const custom = customTitles.find(item => item.path === this.$route.fullPath)
-          return custom && custom.title
-        }
-      }
-    })
-  }
-}
-
-export default TabsPagePlugin
+const TabsPagePlugin = {
+  install (Vue) {
+    Vue.mixin({
+      methods: {
+        $closePage (closeRoute, nextRoute) {
+          const event = new CustomEvent('page:close', { detail: { closeRoute, nextRoute } })
+          window.dispatchEvent(event)
+        },
+        $refreshPage (route) {
+          const path = typeof route === 'object' ? route.path : route
+          const event = new CustomEvent('page:refresh', { detail: { pageKey: path } })
+          window.dispatchEvent(event)
+        },
+        $openPage (route, title) {
+          this.$setPageTitle(route, title)
+          this.$router.push(route)
+        },
+        $setPageTitle (route, title) {
+          if (title) {
+            // let path = typeof route === 'object' ? route.path : route
+            // path = path && path.split('?')[0]
+            const path = typeof route === 'object' ? this.$router.resolve(route).route.fullPath : route
+            this.$store.commit('setting/setCustomTitle', { path, title })
+          }
+        }
+      },
+      computed: {
+        customTitle () {
+          const customTitles = this.$store.state.setting.customTitles
+          // const path = this.$route.path.split('?')[0]
+          const custom = customTitles.find(item => item.path === this.$route.fullPath)
+          return custom && custom.title
+        }
+      }
+    })
+  }
+}
+
+export default TabsPagePlugin

package/src/bootstrap.js

@@ -1,51 +1,51 @@
-import Vue from 'vue'
-import { loadRoutes, loadGuards, setAppOptions } from '@vue2-client/utils/routerUtil'
-import { loadInterceptors } from '@vue2-client/utils/request'
-import guards from '@vue2-client/router/guards'
-import interceptors from '@vue2-client/utils/axios-interceptors'
-import { getConfigByName } from '@vue2-client/services/api/common'
-import { hiPrintPlugin } from '@vue2-client/plugins/HiPrintPlugin'
-import { isMicroAppEnv } from '@vue2-client/utils/microAppUtils'
-
-/**
- * 启动引导方法
- * 应用启动时需要执行的操作放在这里
- * @param router 应用的路由实例
- * @param store 应用的 vuex.store 实例
- * @param i18n 应用的 vue-i18n 实例
- * @param message 应用的 message 实例
- */
-async function bootstrap ({ router, store, i18n, message }) {
-  Vue.$store = store
-  // 获取系统配置
-  if (store) {
-    // microApp 环境下作为子应用不获取webConfig
-    if (!isMicroAppEnv) {
-      await getConfigByName('webConfig', undefined, res => {
-        localStorage.setItem(process.env.VUE_APP_WEB_CONFIG_KEY, JSON.stringify(res))
-        if (res?.setting) {
-          Vue.$store.commit('setting/setSetting', res?.setting)
-        }
-      })
-    }
-    if (process.env.VUE_APP_SYSTEM_NAME && process.env.VUE_APP_SYSTEM_NAME === 'af-his') {
-      await getConfigByName('componentStyles', undefined, res => {
-        localStorage.setItem(process.env.VUE_APP_WEB_STYLES_KEY, JSON.stringify(res))
-      })
-    }
-  }
-  // 设置应用配置
-  setAppOptions({ router, store, i18n })
-  // 加载 axios 拦截器
-  loadInterceptors(interceptors, { router, store, i18n, message })
-  if (router) {
-    // 加载路由
-    loadRoutes()
-    // 加载路由守卫
-    loadGuards(guards, { router, store, i18n, message })
-    // 加载通用插件
-    Vue.use(hiPrintPlugin)
-  }
-}
-
-export default bootstrap
+import Vue from 'vue'
+import { loadRoutes, loadGuards, setAppOptions } from '@vue2-client/utils/routerUtil'
+import { loadInterceptors } from '@vue2-client/utils/request'
+import guards from '@vue2-client/router/guards'
+import interceptors from '@vue2-client/utils/axios-interceptors'
+import { getConfigByName } from '@vue2-client/services/api/common'
+import { hiPrintPlugin } from '@vue2-client/plugins/HiPrintPlugin'
+import { isMicroAppEnv } from '@vue2-client/utils/microAppUtils'
+
+/**
+ * 启动引导方法
+ * 应用启动时需要执行的操作放在这里
+ * @param router 应用的路由实例
+ * @param store 应用的 vuex.store 实例
+ * @param i18n 应用的 vue-i18n 实例
+ * @param message 应用的 message 实例
+ */
+async function bootstrap ({ router, store, i18n, message }) {
+  Vue.$store = store
+  // 获取系统配置
+  if (store) {
+    // microApp 环境下作为子应用不获取webConfig
+    if (!isMicroAppEnv) {
+      await getConfigByName('webConfig', undefined, res => {
+        localStorage.setItem(process.env.VUE_APP_WEB_CONFIG_KEY, JSON.stringify(res))
+        if (res?.setting) {
+          Vue.$store.commit('setting/setSetting', res?.setting)
+        }
+      })
+    }
+    if (process.env.VUE_APP_SYSTEM_NAME && process.env.VUE_APP_SYSTEM_NAME === 'af-his') {
+      await getConfigByName('componentStyles', undefined, res => {
+        localStorage.setItem(process.env.VUE_APP_WEB_STYLES_KEY, JSON.stringify(res))
+      })
+    }
+  }
+  // 设置应用配置
+  setAppOptions({ router, store, i18n })
+  // 加载 axios 拦截器
+  loadInterceptors(interceptors, { router, store, i18n, message })
+  if (router) {
+    // 加载路由
+    loadRoutes()
+    // 加载路由守卫
+    loadGuards(guards, { router, store, i18n, message })
+    // 加载通用插件
+    Vue.use(hiPrintPlugin)
+  }
+}
+
+export default bootstrap

package/src/components/Charts/Bar.vue

@@ -1,62 +1,62 @@
-<template>
-  <div :style="{ padding: '0 0 32px 32px' }">
-    <h4 :style="{ marginBottom: '20px' }">{{ title }}</h4>
-    <v-chart
-      height="375"
-      :data="data"
-      :forceFit="true"
-      :padding="['auto', 'auto', '40', '70']">
-      <v-tooltip />
-      <v-axis />
-      <v-bar position="x*y"/>
-    </v-chart>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Bar',
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    data: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    scale: {
-      type: Array,
-      default: () => {
-        return [{
-          dataKey: 'x',
-          min: 2
-        }, {
-          dataKey: 'y',
-          title: '时间',
-          min: 1,
-          max: 22
-        }]
-      }
-    },
-    tooltip: {
-      type: Array,
-      default: () => {
-        return [
-          'x*y',
-          (x, y) => ({
-            name: x,
-            value: y
-          })
-        ]
-      }
-    }
-  },
-  data () {
-    return {
-    }
-  }
-}
-</script>
+<template>
+  <div :style="{ padding: '0 0 32px 32px' }">
+    <h4 :style="{ marginBottom: '20px' }">{{ title }}</h4>
+    <v-chart
+      height="375"
+      :data="data"
+      :forceFit="true"
+      :padding="['auto', 'auto', '40', '70']">
+      <v-tooltip />
+      <v-axis />
+      <v-bar position="x*y"/>
+    </v-chart>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Bar',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    data: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    scale: {
+      type: Array,
+      default: () => {
+        return [{
+          dataKey: 'x',
+          min: 2
+        }, {
+          dataKey: 'y',
+          title: '时间',
+          min: 1,
+          max: 22
+        }]
+      }
+    },
+    tooltip: {
+      type: Array,
+      default: () => {
+        return [
+          'x*y',
+          (x, y) => ({
+            name: x,
+            value: y
+          })
+        ]
+      }
+    }
+  },
+  data () {
+    return {
+    }
+  }
+}
+</script>