vue2-client 1.16.38 → 1.16.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.16.38",
+  "version": "1.16.40",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/HIS/HButtons/HButtons.vue

@@ -287,8 +287,6 @@ defineExpose({
   // button25样式 用于会诊申请侧边栏按钮样式
   &.h-buttons-button25 {
     :deep(.x-buttons) {
-      margin: -20px 3px -20px 3px;
-
       .ant-btn-group {
         width: 173px;
         justify-content: space-between;

package/src/base-client/components/common/HIS/HFormTable/HFormTable.vue

@@ -1,25 +1,42 @@
-<script setup lang="ts">
+<script setup>
 import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'
-import { ref, computed } from 'vue'
+import { ref, computed, useAttrs } from 'vue'
 
 const props = defineProps({
   // HFormTable特有的属性
   tableStyle: {
     type: String,
     default: 'formtable-col1'
-  },
-  // 顶部
-  topStyle: {
-    type: String,
-    default: ''
-  },
-  // 分页
-  paginationStyle: {
-    type: String,
-    default: ''
   }
 })
 
+// 兼容多种样式配置
+const attrs = useAttrs()
+const wrapperClassObject = computed(() => {
+  const a = attrs
+  const classes = {}
+
+  // 通用布尔样式开关（以存在/空字符串/'true' 为真）
+  const booleanStyleKeys = [
+    'button-row-0margin',
+    'top-hidden'
+  ]
+  for (const key of booleanStyleKeys) {
+    const val = a[key]
+    const truthy = val === true || val === '' || val === 'true'
+    if (truthy) classes[`h-form-table-${key}`] = true
+  }
+
+  // 兼容通过 attrs 透传的分页样式：将值映射为当前样式中存在的类名
+  const paginationAttr = a && a.paginationStyle
+  if (paginationAttr && ['pagination-center', 'custom-pagination'].includes(paginationAttr)) {
+    classes[`h-form-table-${paginationAttr}`] = true
+  }
+  return classes
+})
+
+// 通过暴露的实例访问 $slots，避免直接依赖 Composition API 的 useSlots
+// 在模板中使用 `$slots` 遍历以保持与 Vue2 兼容
 // 创建对XFormTable组件的引用
 const xFormTableRef = ref()
 
@@ -29,8 +46,12 @@ defineExpose({
   getXFormTableInstance: () => xFormTableRef.value
 })
 
-// 计算是否使用自定义分页
-const isCustomPagination = computed(() => props.tableStyle === 'custom-pagination' || props.paginationStyle === 'custom-pagination')
+// 计算是否使用自定义分页（兼容 attrs 透传与 tableStyle 配置）
+const isCustomPagination = computed(() => {
+  const a = attrs
+  const paginationAttr = (a && a.paginationStyle) || ''
+  return props.tableStyle === 'custom-pagination' || paginationAttr === 'custom-pagination'
+})
 </script>
 
 <template>
@@ -38,10 +59,7 @@ const isCustomPagination = computed(() => props.tableStyle === 'custom-paginatio
     class="h-form-table-wrapper"
     :class="[
       `h-form-table-${tableStyle}`,
-      {
-        [`h-form-table-${topStyle}`]: ['top-hidden'].includes(topStyle),
-        [`h-form-table-${paginationStyle}`]: ['pagination-center','custom-pagination'].includes(paginationStyle)
-      }
+      wrapperClassObject
     ]"
   >
     <x-form-table
@@ -215,5 +233,12 @@ const isCustomPagination = computed(() => props.tableStyle === 'custom-paginatio
       }
     }
   }
+
+  // 按钮行0margin
+  &.h-form-table-button-row-0margin {
+    :deep(.ant-row) {
+      margin: 0px;
+    }
+  }
 }
 </style>

package/src/base-client/components/common/XReport/XReport.vue

@@ -328,8 +328,11 @@ export default {
               value = config.data[cell.dataIndex]
             }
 
-            // 检查值是否为空
-            if (!value || (typeof value === 'string' && value.trim() === '')) {
+            // 检查值是否为空（允许 0 和 false）
+            const isEmptyString = typeof value === 'string' && value.trim() === ''
+            const isEmptyArray = Array.isArray(value) && value.length === 0
+            const isNullish = value === null || value === undefined
+            if (isNullish || isEmptyString || isEmptyArray) {
               const message = cell.requiredMessage || this.getDefaultRequiredMessage(cell.type)
               errors.push({
                 dataIndex: cell.dataIndex,
@@ -819,12 +822,18 @@ export default {
       this.getConfigAndJoin(this.config, lock)
 
       // 用定时器循环查看锁状态
+      // 先清理可能存在的旧轮询，避免重复打印与重复初始化
+      if (this.timer) {
+        clearInterval(this.timer)
+        this.timer = undefined
+      }
       this.timer = setInterval(() => {
         if (!lock.status) {
           clearInterval(this.timer)
+          this.timer = undefined
           console.log('拼接完成', this.config)
           // 将初始化好的配置拷贝一份留存
-          this.originalConfig = Object.assign({}, this.config)
+          this.originalConfig = JSON.parse(JSON.stringify(this.config))
           if (!this.dontFormat) {
             // 扫描配置文件中有没有rowSpan，进行格式化调整
             this.formatConfigRow(this.config)
@@ -864,8 +873,8 @@ export default {
       if (this.configData === undefined) {
         console.error('未找到数据！')
       } else {
-        this.originalConfig = Object.assign({}, this.config)
-        this.originalConfig.data = Object.assign(this.originalConfig.data, JSON.parse(JSON.stringify(this.configData)))
+        this.originalConfig = JSON.parse(JSON.stringify(this.config))
+        this.originalConfig.data = Object.assign({}, this.originalConfig.data, JSON.parse(JSON.stringify(this.configData)))
         this.type = 'display'
         // this.onlyDisplay = true
         this.showSkeleton = false
@@ -879,12 +888,12 @@ export default {
         this.config = res
         if (this.config.designMode === 'json') {
           if (this.configData !== undefined) {
-            this.config.data = Object.assign({}, this.config.data, this.configData)
+            this.config.data = Object.assign({}, this.config.data, JSON.parse(JSON.stringify(this.configData)))
           }
           this.jsonConfigInit()
         } else {
           if (this.configData !== undefined) {
-            this.config.data = Object.assign(this.config.data, this.configData)
+            this.config.data = Object.assign({}, this.config.data, JSON.parse(JSON.stringify(this.configData)))
           }
           if (this.config.data.images === undefined) {
             this.config.data.images = {}
@@ -917,14 +926,14 @@ export default {
       if (this.localConfig.designMode === 'json') {
         this.config = this.localConfig
         if (this.configData !== undefined) {
-          this.config.data = Object.assign(this.config.data, this.configData)
+          this.config.data = Object.assign({}, this.config.data, JSON.parse(JSON.stringify(this.configData)))
         }
         this.jsonConfigInit()
       } else {
         // 如果配置是普通渲染器
         this.config = this.localConfig
         if (this.configData !== undefined) {
-          this.config.data = Object.assign(this.config.data, this.configData)
+          this.config.data = Object.assign({}, this.config.data, JSON.parse(JSON.stringify(this.configData)))
         }
         if (this.config.data.images === undefined) {
           this.config.data.images = {}

package/src/base-client/components/common/XReport/XReportHospitalizationDemo.vue

@@ -0,0 +1,45 @@
+<template>
+  <div id="xreport-hosp-demo">
+    <a-space style="margin-bottom: 12px;">
+      <a-button type="primary" @click="doInit">手动初始化</a-button>
+    </a-space>
+    <XReport
+      ref="reportRef"
+      :edit-mode="true"
+      :show-save-button="true"
+      :show-img-in-cell="false"
+      :use-oss-for-img="false"
+      server-name="af-his"
+      @updateImg="onUpdateImg"/>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import XReport from '@vue2-client/base-client/components/common/XReport'
+
+const reportRef = ref(null)
+
+const payload = {
+  arr: [
+    { BQ: '病房区', RY: 0, CY: 0, CW: 0, SW: 0, SS: 0, ZC: 0, ZR: 0, ZY: 0 },
+    { BQ: '感染科', RY: 0, CY: 0, CW: 0, SW: 0, SS: 0, ZC: 0, ZR: 0, ZY: 0 },
+    { BQ: '骨科病区', RY: 0, CY: 0, CW: 0, SW: 0, SS: 0, ZC: 0, ZR: 0, ZY: 0 },
+    { BQ: '呼吸科病区', RY: 0, CY: 0, CW: 0, SW: 0, SS: 0, ZC: 0, ZR: 0, ZY: 0 },
+    { BQ: '急症科病区', RY: 0, CY: 0, CW: 0, SW: 0, SS: 0, ZC: 0, ZR: 0, ZY: 0 },
+    { BQ: '内科二病区', RY: 0, CY: 0, CW: 0, SW: 0, SS: 0, ZC: 0, ZR: 0, ZY: 0 }
+  ]
+}
+
+const doInit = async () => {
+  if (!reportRef.value || !reportRef.value.init) return
+  await reportRef.value.init({
+    configName: 'hospitalizationStatsReport',
+    configData: payload
+  })
+}
+
+const onUpdateImg = data => {
+  console.warn('updateImg:', data)
+}
+</script>

package/src/base-client/components/his/XCharge/testConfig.js

@@ -0,0 +1,149 @@
+// 测试配置 - 用于演示混合支付功能
+export const testChargeConfig = {
+  "amountFields": [
+    {
+      "field": 'f_amount',
+      "disabled": false,
+      "label": '费用总额'
+    },
+    {
+      "field": 'f_insurance_amount',
+      "disabled": true,
+      "label": '医保支付'
+    },
+    {
+      "field": 'f_self_amount',
+      "disabled": true,
+      "label": '自费金额'
+    },
+    {
+      "field": 'out_of_pocket_amount',
+      "disabled": true,
+      "label": '自付金额'
+    },
+    {
+      "field": 'biscount_amount',
+      "disabled": true,
+      "label": '折扣金额'
+    },
+    {
+      "field": 'billing_amount',
+      "disabled": true,
+      "label": '记账金额'
+    }
+  ],
+  "paymentMethods": [
+    {
+      "key": '医保卡',
+      "label": '医保卡'
+    },
+    {
+      "key": '微信/支付宝',
+      "label": '微信/支付宝'
+    },
+    {
+      "key": '银行卡',
+      "label": '银行卡'
+    },
+    {
+      "key": '现金',
+      "label": '现金'
+    }
+  ],
+  "bottomFields": [
+    {
+      "field": 'f_balance',
+      "label": '账户余额',
+      "disabled": false
+    },
+    {
+      "field": 'received',
+      "label": '实收',
+      "disabled": false
+    },
+    {
+      "field": 'change',
+      "label": '找零',
+      "disabled": false
+    }
+  ],
+  "actionButtons": [
+    {
+      "key": 'charge',
+      "label": '收费',
+      "icon": 'check'
+    },
+    {
+      "key": 'refund',
+      "label": '退费',
+      "icon": 'undo'
+    },
+    {
+      "key": 'print',
+      "label": '打印',
+      "icon": 'printer'
+    }
+  ],
+  "enableMixedPayment": true, // 启用混合支付
+  // 可配置事件名，参考 fronImport 风格
+  "eventNames": {
+    "method": 'method',
+    "methods": 'methods',
+    "totalPaymentAmount": 'totalPaymentAmount',
+    "action": 'action'
+  },
+  "dataSourceConfig": 'testChargeLogic'
+}
+
+// 单选模式测试配置
+export const testSingleChargeConfig = {
+  "amountFields": [
+    {
+      "field": 'f_amount',
+      "disabled": false,
+      "label": '费用总额'
+    },
+    {
+      "field": 'f_insurance_amount',
+      "disabled": true,
+      "label": '医保支付'
+    }
+  ],
+  "paymentMethods": [
+    {
+      "key": '医保卡',
+      "label": '医保卡'
+    },
+    {
+      "key": '现金',
+      "label": '现金'
+    }
+  ],
+  "bottomFields": [
+    {
+      "field": 'received',
+      "label": '实收',
+      "disabled": false
+    },
+    {
+      "field": 'change',
+      "label": '找零',
+      "disabled": false
+    }
+  ],
+  "actionButtons": [
+    {
+      "key": 'charge',
+      "label": '收费',
+      "icon": 'check'
+    }
+  ],
+  "enableMixedPayment": false, // 禁用混合支付（单选模式）
+  "eventNames": {
+    "method": 'method',
+    "methods": 'methods',
+    "totalPaymentAmount": 'totalPaymentAmount',
+    "action": 'action'
+  },
+  "dataSourceConfig": 'testChargeLogic'
+}

package/src/base-client/components/his/XHDescriptions/XHDescriptions.vue

@@ -1,32 +1,31 @@
 <template>
-  <div class="patient-info-descriptions">
+  <div class="patient-info-descriptions" :class="wrapperClassObject">
     <div class="descriptions-container">
       <!-- 详情/收起按钮 -->
       <div v-if="hasMoreItems" class="detail-button-wrapper">
         <a-button
-          :type="config?.detailsConfig?.buttonType || 'link'"
+          :type="(config && config.detailsConfig && config.detailsConfig.buttonType) || 'link'"
           @click="toggleDetails"
         >
           <a-icon :type="showAllItems ? 'up' : 'down'" />
-          {{ showAllItems ? '收起' : (config?.detailsConfig?.buttonText || '详情') }}
+          {{ showAllItems ? '收起' : ((config && config.detailsConfig && config.detailsConfig.buttonText) || '详情') }}
         </a-button>
       </div>
 
       <!-- 当有 layout 配置时使用 a-descriptions -->
-      <template v-if="config?.layout">
+      <template v-if="config && config.layout">
         <a-descriptions
           :column="config.layout"
-          :size="config?.style?.size"
-          :bordered="config?.style?.bordered"
+          :size="(config && config.style && config.style.size)"
+          :bordered="(config && config.style && config.style.bordered)"
           layout="horizontal">
           <template v-if="data">
             <!-- 显示前N个标签 -->
             <a-descriptions-item
-              v-for="(item) in visibleItems"
+              v-for="(item) in visibleItemsFiltered"
               :key="item.field"
               :colon="item.colon !== false"
-              :class="{ 'with-divider': item.isLine }"
-              v-if="data[item.field] !== null && data[item.field] !== undefined && (!showAllItems || showAllItems && !hiddenItems.some(i => i.field === item.field))">
+              :class="{ 'with-divider': item.isLine }">
               <template #label>
                 <div :class="['label-wrapper', { 'with-avatar': item.showAvatar }]">
                   <a-avatar
@@ -46,10 +45,9 @@
             <!-- 展开后显示剩余标签 -->
             <template v-if="showAllItems">
               <a-descriptions-item
-                v-for="item in hiddenItems"
+                v-for="item in hiddenItemsFiltered"
                 :key="item.field"
-                :colon="item.colon !== false"
-                v-if="data[item.field] !== null && data[item.field] !== undefined">
+                :colon="item.colon !== false">
                 <template #label>
                   <div :class="['label-wrapper', { 'with-avatar': item.showAvatar }]">
                     <a-avatar
@@ -76,10 +74,9 @@
           <template v-if="data">
             <!-- 显示可见的标签 -->
             <div
-              v-for="(item) in visibleItems"
+              v-for="(item) in visibleItemsFiltered"
               :key="item.field"
               :class="['description-item', { 'with-divider': item.isLine }]"
-              v-if="data[item.field] !== null && data[item.field] !== undefined"
             >
               <div :class="['label-wrapper', { 'with-avatar': item.showAvatar }]">
                 <a-avatar
@@ -98,10 +95,9 @@
             <!-- 展开后显示的内容 -->
             <template v-if="showAllItems">
               <div
-                v-for="item in hiddenItems"
+                v-for="item in hiddenItemsFiltered"
                 :key="item.field"
                 class="description-item"
-                v-if="data[item.field] !== null && data[item.field] !== undefined"
               >
                 <div :class="['label-wrapper', { 'with-avatar': item.showAvatar }]">
                   <a-avatar
@@ -151,14 +147,31 @@ export default {
     }
   },
   computed: {
+    // 动态样式开关（与 HForm 思路一致）：布尔开关 + size 派生类
+    wrapperClassObject () {
+      const attrs = this.$attrs || {}
+      const classes = {}
+
+      const booleanStyleKeys = [
+        'description'
+      ]
+      booleanStyleKeys.forEach(key => {
+        const val = attrs[key]
+        const truthy = val === true || val === '' || val === 'true'
+        if (truthy) classes[`xhdesc-${key}`] = true
+      })
+      const size = attrs.size
+      if (size && typeof size === 'string') classes[`xhdesc-size-${size}`] = true
+      return classes
+    },
     // 获取详情按钮应该显示在第几个标签后
     detailsAfterIndex () {
-      return this.config?.detailsConfig?.showAfterIndex || 999
+      return (this.config && this.config.detailsConfig && this.config.detailsConfig.showAfterIndex) || 999
     },
     // 判断是否有更多标签需要显示
     hasMoreItems () {
-      if (!this.config?.detailsConfig) return false
-      if (!this.data || !this.config?.items || !Array.isArray(this.config.items)) return false
+      if (!(this.config && this.config.detailsConfig)) return false
+      if (!this.data || !(this.config && this.config.items) || !Array.isArray(this.config.items)) return false
       const hiddenStartIndex = this.detailsAfterIndex || 0
       if (hiddenStartIndex >= this.config.items.length) return false
       for (let i = hiddenStartIndex; i < this.config.items.length; i++) {
@@ -171,16 +184,31 @@ export default {
     },
     // 获取应该显示的标签
     visibleItems () {
-      if (!this.config?.items) return []
-      if (!this.config?.detailsConfig) return this.config.items
+      if (!(this.config && this.config.items)) return []
+      if (!(this.config && this.config.detailsConfig)) return this.config.items
       if (this.showAllItems) return this.config.items.slice(0, this.detailsAfterIndex)
       return this.config.items.slice(0, this.detailsAfterIndex)
     },
     // 获取隐藏的标签（保持原有逻辑）
     hiddenItems () {
-      if (!this.config?.items) return []
-      if (!this.config?.detailsConfig) return []
+      if (!(this.config && this.config.items)) return []
+      if (!(this.config && this.config.detailsConfig)) return []
       return this.config.items.slice(this.detailsAfterIndex)
+    },
+    // 过滤后可直接渲染的可见项
+    visibleItemsFiltered () {
+      const list = this.visibleItems || []
+      if (!this.data) return []
+      const res = list.filter(item => this.data[item.field] !== null && this.data[item.field] !== undefined)
+      if (!this.showAllItems) return res
+      const hiddenFields = new Set((this.hiddenItems || []).map(i => i.field))
+      return res.filter(item => !hiddenFields.has(item.field))
+    },
+    // 过滤后可直接渲染的隐藏项（仅展开时使用）
+    hiddenItemsFiltered () {
+      const list = this.hiddenItems || []
+      if (!this.data) return []
+      return list.filter(item => this.data[item.field] !== null && this.data[item.field] !== undefined)
     }
   },
   created () {
@@ -192,7 +220,7 @@ export default {
       this.showAllItems = false
       getConfigByName(data, 'af-his', res => {
         this.config = res
-        const hiddenConfig = this.config?.hiddenConfig ?? 0 === 1
+        const hiddenConfig = (this.config && this.config.hiddenConfig) || (0 === 1)
         const parameter = { ...res.parameter, ...this.parameter, ...parameterData }
         runLogic(res.logicName, parameter, 'af-his').then(result => {
           if (hiddenConfig) {
@@ -230,7 +258,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="less">
 .patient-info-descriptions {
   background: #fff;
   padding: 12px;
@@ -272,7 +300,7 @@ export default {
   align-items: center;
   gap: 8px;
   color: rgba(0, 0, 0, 0.65);
-  font-size: v-bind('config?.style?.fontSize');
+  font-size: v-bind('(config && config.style && config.style.fontSize) || "14px"');
   white-space: nowrap;
 }
 
@@ -288,7 +316,7 @@ export default {
   display: inline-flex;
   align-items: center;
   margin-left: 4px;
-  font-size: v-bind('config?.style?.fontSize');
+  font-size: v-bind('(config && config.style && config.style.fontSize) || "14px"');
   color: rgba(0, 0, 0, 0.85);
   max-width: 300px;
   overflow: hidden;
@@ -336,17 +364,17 @@ export default {
   color: rgba(0, 0, 0, 0.65);
   padding: 0 !important;
   margin: 0 !important;
-  font-size: v-bind('config?.style?.fontSize || "14px"');
+  font-size: v-bind('(config && config.style && config.style.fontSize) || "14px"');
   display: inline-flex !important;
   align-items: center !important;
   white-space: nowrap !important;
-  min-width: v-bind('config?.style?.labelWidth || "80px"');
+  min-width: v-bind('(config && config.style && config.style.labelWidth) || "80px"');
   justify-content: flex-start;
   padding-right: 2px !important;
 }
 
 :deep(.ant-descriptions-item-content) {
-  font-size: v-bind('config?.style?.fontSize || "14px"');
+  font-size: v-bind('(config && config.style && config.style.fontSize) || "14px"');
   display: inline-flex !important;
   align-items: center !important;
   padding: 0 !important;
@@ -426,4 +454,26 @@ export default {
   height: 0;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
 }
+/* 加边框 */
+.xhdesc-description {
+  padding: 4px 4px 4px 4px;
+
+  /* 作用域内 *patient-info-descriptions */
+  &.patient-info-descriptions,
+  .patient-info-descriptions {
+    border: 1px solid #E5E9F0;
+    border-radius: 6px;
+    padding: 6.5px 12px;
+
+    /* *ant-btn-link */
+    :deep(.ant-btn-link) {
+      border: none;
+    }
+
+    /* *ant-descriptions-item-content */
+    :deep(.ant-descriptions-item-content) {
+      font-weight: bold;
+    }
+  }
+}
 </style>

package/src/base-client/components/his/XList/XList.vue

@@ -1,15 +1,16 @@
 <template>
   <!-- 列表卡片模式 listMode: card -->
   <div
+    class="x-list-wrapper"
+    :class="wrapperClassObject"
     v-if="listMode"
-    class="demo-infinite-container"
     ref="listRef"
     @scroll="handleInfiniteOnLoad">
     <a-list
       :grid="{ gutter: 16, xs: 1, sm: 2, md: 2, lg: 3, xl: 3, xxl: 4 }"
       :data-source="localData">
       <a-list-item slot="renderItem" slot-scope="item, index">
-        <div class="card-a-col">
+        <div class="card-a-col" :class="{ 'selected-active': enableSelectRow && currentSelectedIndex === index }" @click="handleCardClick(index)">
           <a-row class="card-row">
             <a-col class="id-a-col" :span="4" v-for="(detail,idx) in item.filter(d => d.label == label)" :key="idx">
               {{ detail.value }}<span style="font-size: 16px;font-weight: 400 !important;">床</span>
@@ -59,7 +60,7 @@
   </div>
 
   <!-- 默认标签模式 -->
-  <div class="list-wrapper" v-else>
+  <div class="list-wrapper x-list-wrapper" :class="wrapperClassObject" v-else>
     <a-list size="large" :data-source="data" itemLayout="horizontal" class="list-container" ref="listRef">
       <a-list-item
         slot="renderItem"
@@ -68,7 +69,7 @@
         @click="handleClick(index)"
         @mouseenter="enableHoverOptions && handleMouseEnter(index)"
         @mouseleave="handleMouseLeave"
-        :class="{ 'hover-active': enableHoverOptions && hoveredIndex === index }">
+        :class="{ 'hover-active': enableHoverOptions && hoveredIndex === index, 'selected-active': enableSelectRow && currentSelectedIndex === index }">
         <i
           v-if="icon"
           class="icon-menu"
@@ -143,6 +144,16 @@ export default {
     serviceName: {
       type: String,
       default: 'af-his'
+    },
+    // 点击是否触发选中（默认不通过点击选中，仅手动控制）
+    selectOnClick: {
+      type: Boolean,
+      default: false
+    },
+    // 受控选中索引；不传则内部维护
+    selectedIndex: {
+      type: Number,
+      default: undefined
     }
   },
   inject: ['getComponentByName'],
@@ -167,7 +178,9 @@ export default {
       pageSize: 12,
       allLoaded: false,
       label: 'id',
-      scrollTimer: null
+      scrollTimer: null,
+      // 内部选中索引（非受控时使用）
+      localSelectedIndex: -1
     }
   },
   created () {
@@ -175,6 +188,30 @@ export default {
   },
   mounted () {},
   computed: {
+    // 参考 HForm 的 wrapperClassObject 规则，支持通过组件属性动态控制样式
+    wrapperClassObject () {
+      const a = this.$attrs || {}
+      const classes = {}
+      // 多个布尔型样式开关（存在且为真则生效）
+      const booleanStyleKeys = [
+        ''
+      ]
+      booleanStyleKeys.forEach(key => {
+        const val = a[key]
+        const truthy = val === true || val === '' || val === 'true'
+        if (truthy) classes[`x-list-${key}`] = true
+      })
+      return classes
+    },
+    // 选择控制：受控优先
+    currentSelectedIndex () {
+      return typeof this.selectedIndex === 'number' ? this.selectedIndex : this.localSelectedIndex
+    },
+    enableSelectRow () {
+      const a = this.$attrs || {}
+      const val = a.enableSelection
+      return val === true || val === '' || val === 'true'
+    },
     forwardAllEvents () {
       return {
         // 监听所有事件并转发给父组件
@@ -239,14 +276,62 @@ export default {
     },
     // 点击列表项
     handleClick (index) {
+      if (this.enableSelectRow && this.selectOnClick) this.setSelectedIndex(index)
       this.$emit('listClick', this.data[index])
     },
+    // 卡片模式点击卡片
+    handleCardClick (index) {
+      if (this.enableSelectRow && this.selectOnClick) this.setSelectedIndex(index)
+      this.$emit('listClick', this.localData[index])
+    },
+    // 外部可调用：设置选中索引
+    setSelectedIndex (index) {
+      const next = typeof index === 'number' ? index : -1
+      if (typeof this.selectedIndex === 'number') {
+        // 受控：仅派发事件
+        this.$emit('update:selectedIndex', next)
+      } else {
+        // 非受控：更新内部并派发事件
+        this.localSelectedIndex = next
+        this.$emit('update:selectedIndex', next)
+      }
+    },
+    // 外部可调用：清空选中
+    clearSelected () { this.setSelectedIndex(-1) },
     refreshList (param) {
       this.getData(this.queryParamsName, param)
     },
     click (index, buttonIndex) {
       this.$emit('click', { data: this.data[index], name: this.buttonNames[buttonIndex] })
     },
+    // 根据对象字段匹配选中（默认按 id 字段）
+    setSelectedById (id, field = 'id') {
+      const list = this.listMode ? this.localData : this.data
+      if (!Array.isArray(list)) return
+      const index = list.findIndex(item => {
+        if (Array.isArray(item)) {
+          const f = item.find(d => d && d.label === field)
+          return f && f.value === id
+        }
+        return item && item[field] === id
+      })
+      if (index >= 0) this.setSelectedIndex(index)
+    },
+    // 根据 label/value（卡片数组数据场景）匹配选中
+    setSelectedByLabelValue (label, value) {
+      const list = this.listMode ? this.localData : this.data
+      if (!Array.isArray(list)) return
+      const index = list.findIndex(item => Array.isArray(item) && item.some(d => d && d.label === label && d.value === value))
+      if (index >= 0) this.setSelectedIndex(index)
+    },
+    // 通用：传入谓词函数决定选中项
+    setSelectedBy (predicate) {
+      if (typeof predicate !== 'function') return
+      const list = this.listMode ? this.localData : this.data
+      if (!Array.isArray(list)) return
+      const index = list.findIndex(predicate)
+      if (index >= 0) this.setSelectedIndex(index)
+    },
     getIconStyle (item) {
       return item.picture
         ? { backgroundImage: `url(${item.picture})` }
@@ -301,6 +386,13 @@ export default {
     }
   },
   watch: {
+    // 同步受控值变化
+    selectedIndex (val) {
+      if (typeof val === 'number') {
+        // 允许受控值影响内部显示
+        this.localSelectedIndex = val
+      }
+    },
     fixedQueryForm: {
       deep: true,
       handler (val) {
@@ -400,6 +492,26 @@ export default {
   border: 1px solid black;
 }
 
+/* 选中态样式（通过 selectRow 开启） */
+.selected-active { color: white; }
+.list-item.selected-active {
+  background-color: #0057FE !important;
+  color: white;
+  border: none !important;
+}
+.list-item.selected-active .confirm-btn,
+.list-item.selected-active .confirm-btn span,
+.list-item.selected-active .ant-btn,
+.list-item.selected-active .ant-btn > span { color: #ffffff !important; }
+.card-a-col.selected-active {
+  background-color: #0057FE !important;
+  color: white;
+  border: none !important;
+}
+.card-a-col.selected-active .button-a-col,
+.card-a-col.selected-active .button-a-col .ant-btn,
+.card-a-col.selected-active .button-a-col .ant-btn > span { color: #ffffff !important; }
+
 .hover-options {
   position: absolute;
   left: 0;

package/src/router/async/router.map.js

@@ -60,12 +60,15 @@ path: 'example',
   // component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
-  component: () => import('@vue2-client/base-client/components/common/HIS/demo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/HIS/demo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XDatePicker/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XRate/demo.vue'),
+  component: () => import('@vue2-client/base-client/components/common/XReport/XReportHospitalizationDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XForm/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/his/XTimeSelect/XTimeSelectDemo.vue'),
+  // component: () => import('@vue2-client/base-client/components/his/XCharge/XChargeDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/his/XImportExcelButton/XFrontImportExcelDemo.vue'),
   // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
   // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),

package/src/services/api/common.js

@@ -83,6 +83,7 @@ export function getConfig (content, configName, serviceName = process.env.VUE_AP
     apiPre = '/devApi/'
   }
   const getConfigUrl = apiPre + serviceName + '/' + commonApi.getConfig
+  console.log('getConfigUrl', getConfigUrl)
   indexedDB.getByWeb(configName, getConfigUrl, { configName: configName }, callback)
 }