vue2-client 1.19.72 → 1.19.73

package/package.json

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

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

@@ -29,7 +29,7 @@
               <template v-if="panel.title2 && panel.title2.length">
                 <span
                   v-for="(item, headerIndex) in panel.title2"
-                  :key="headerIndex"
+                  :key="`panel-${panelIndex}-title2-${headerIndex}`"
                   class="info-item"
                   :style="config.title2Style">
                   <!-- 根据showTitle是否显示键名 -->
@@ -41,7 +41,7 @@
               <template v-if="panel.title3 && Array.isArray(panel.title3) && panel.title3.length">
                 <span
                   v-for="(item, t3Index) in panel.title3"
-                  :key="t3Index"
+                  :key="`panel-${panelIndex}-title3-${t3Index}`"
                   :class="['time-item', { 'time-first': t3Index === 0 }]"
                   :style="config.title3Style">
                   <span v-if="item.showTitle">{{ item.key }}:</span>
@@ -171,7 +171,7 @@ export default {
     },
     // json名
     queryParamsName: {
-      type: Object,
+      type: [String, Object],
       default: null
     },
     parameter: {

package/src/base-client/components/common/XDescriptions/XDescriptionsGroup.vue

@@ -20,7 +20,6 @@
           <template v-if="!loadError">
             <!-- 插槽分组：由父组件通过具名插槽传入内容 -->
             <template v-if="realDataItem.slot">
-              <div class="ant-descriptions-title" v-if="realDataItem.title">{{ realDataItem.title }}</div>
               <slot :name="realDataItem.slotName" :data="data"></slot>
             </template>
             <!-- 带有子的详情 -->
@@ -57,11 +56,12 @@
                 <span :style="getFieldStyle(item, data)">
                   <!-- 超链接样式兼容 -->
                   <template v-if="item.isLink">
-                    <span role="link"
-                          tabindex="0"
-                          class="link-text"
-                          @click="handleLinkClick(item, data, $event)"
-                          @keyup.enter="handleLinkClick(item, data, $event)">
+                    <span
+                      role="link"
+                      tabindex="0"
+                      class="link-text"
+                      @click="handleLinkClick(item, data, $event)"
+                      @keyup.enter="handleLinkClick(item, data, $event)">
                       {{ formatFieldValue(item.value, item, data) || '--' }}
                     </span>
                   </template>
@@ -75,7 +75,7 @@
                     @click="handleEditField(item)"
                     style="padding: 0 4px"
                   >
-                    <a-icon type="edit" />
+                    <a-icon type="edit"/>
                   </a-button>
                 </span>
               </a-descriptions-item>
@@ -95,7 +95,6 @@
               <template v-if="!loadError && realData[activeTab]">
                 <!-- 插槽分组：由父组件通过具名插槽传入内容 -->
                 <template v-if="realData[activeTab].slot">
-                  <div class="ant-descriptions-title" v-if="realData[activeTab].title">{{ realData[activeTab].title }}</div>
                   <slot :name="realData[activeTab].slotName" :data="data"></slot>
                 </template>
                 <!-- 带有子的详情 -->
@@ -135,11 +134,12 @@
                     <span :style="getFieldStyle(fieldItem, fieldItem.value, data)">
                       <!-- 超链接样式兼容 - 修复变量引用错误 -->
                       <template v-if="fieldItem.isLink">
-                        <span role="link"
-                              tabindex="0"
-                              class="link-text"
-                              @click="handleLinkClick(fieldItem, data, $event)"
-                              @keyup.enter="handleLinkClick(fieldItem, data, $event)"
+                        <span
+                          role="link"
+                          tabindex="0"
+                          class="link-text"
+                          @click="handleLinkClick(fieldItem, data, $event)"
+                          @keyup.enter="handleLinkClick(fieldItem, data, $event)"
                         >
                           {{ formatFieldValue(fieldItem.value, fieldItem, data) || '--' }}
                         </span>
@@ -154,7 +154,7 @@
                         @click="handleEditField(fieldItem)"
                         style="padding: 0 4px"
                       >
-                        <a-icon type="edit" />
+                        <a-icon type="edit"/>
                       </a-button>
                     </span>
                   </a-descriptions-item>
@@ -174,7 +174,6 @@
           <template v-if="!loadError">
             <!-- 插槽分组：由父组件通过具名插槽传入内容 -->
             <template v-if="realDataItem.slot">
-              <div class="ant-descriptions-title" v-if="realDataItem.title">{{ realDataItem.title }}</div>
               <slot :name="realDataItem.slotName" :data="data"></slot>
             </template>
             <!-- 带有子的详情 -->
@@ -209,11 +208,12 @@
                 </template>
                 <span :style="getFieldStyle(item, item.value, data)">
                   <template v-if="item.isLink">
-                    <span role="link"
-                          tabindex="0"
-                          class="link-text"
-                          @click="handleLinkClick(item, data, $event)"
-                          @keyup.enter="handleLinkClick(item, data, $event)"
+                    <span
+                      role="link"
+                      tabindex="0"
+                      class="link-text"
+                      @click="handleLinkClick(item, data, $event)"
+                      @keyup.enter="handleLinkClick(item, data, $event)"
                     >
                       {{ formatFieldValue(item.value, item, data) || '--' }}
                     </span>
@@ -228,7 +228,7 @@
                     @click="handleEditField(item)"
                     style="padding: 0 4px"
                   >
-                    <a-icon type="edit" />
+                    <a-icon type="edit"/>
                   </a-button>
                 </span>
               </a-descriptions-item>
@@ -240,10 +240,10 @@
   </a-row>
 </template>
 <script>
-import { mapState } from 'vuex'
-import { getRealKeyData } from '@vue2-client/utils/formatter'
-import { getConfigByName } from '@vue2-client/services/api/common'
-import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
+import {mapState} from 'vuex'
+import {getRealKeyData} from '@vue2-client/utils/formatter'
+import {getConfigByName} from '@vue2-client/services/api/common'
+import {executeStrFunctionByContext} from '@vue2-client/utils/runEvalFunction'
 import XAddNativeForm from '@vue2-client/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'
 
 export default {
@@ -269,7 +269,8 @@ export default {
       default: process.env.VUE_APP_SYSTEM_NAME
     }
   },
-  mounted() {},
+  mounted() {
+  },
   beforeDestroy() {
     const formGroupContext = this.$refs.formGroupContext?.$el
     if (formGroupContext && formGroupContext.removeEventListener) {
@@ -295,7 +296,7 @@ export default {
     }
   },
   computed: {
-    ...mapState('setting', { isMobile: 'isMobile' })
+    ...mapState('setting', {isMobile: 'isMobile'})
   },
   methods: {
     initConfig() {
@@ -319,7 +320,7 @@ export default {
     scrollToGroup(index) {
       const groupElement = this.$refs[`descriptions-item-${index}`][0]
       if (groupElement) {
-        groupElement.scrollIntoView({ behavior: 'smooth' })
+        groupElement.scrollIntoView({behavior: 'smooth'})
       }
     },
     getConfig() {
@@ -335,7 +336,7 @@ export default {
           this.groups = groups
           this.realData = groups
             .map(group => {
-              const dataItem = { title: group.name }
+              const dataItem = {title: group.name}
 
               if (group.type === 'slot') {
                 // 插槽分组：由父组件通过具名插槽传入内容

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

@@ -144,6 +144,11 @@ export default {
       type: Array,
       default: undefined,
     },
+    // TAB 页签时由 XTab 传入，仅接收不参与逻辑（注册由 XTab onComponentMounted 完成）
+    slotRef: {
+      type: String,
+      default: undefined,
+    },
     // 是否小插件模式，小插件模式不会有各种边境
     isWidget: {
       type: Boolean,
@@ -413,6 +418,26 @@ export default {
     setGlobalData (obj) {
       this.globalData = obj
     },
+    /**
+     * 对外数据设置：仅当配置中存在 dataProcessScript 时执行该脚本，传入 data；不修改组件自身任何数据。
+     * 无脚本时直接返回，不做任何操作。脚本内 this 为当前 XReport 实例。
+     * @param {*} data 外部传入的数据，供脚本使用
+     * @returns {Promise<void>}
+     */
+    async setData (data) {
+      const script = this.config?.dataProcessScript
+      if (!script || typeof script !== 'string') {
+        return
+      }
+      try {
+        const result = executeStrFunctionByContext(this, script, [data])
+        if (result instanceof Promise) {
+          await result
+        }
+      } catch (e) {
+        console.error('[XReport setData] dataProcessScript 执行异常:', e)
+      }
+    },
     /**
      * @param configName 栅格配置名称
      * @param selectedId 选中得id
@@ -1040,6 +1065,7 @@ export default {
     if (this.registerMap !== undefined) {
       this.registerMap.push(this)
     }
+    // TAB 页签的 slotRef 由 XTab 在 onComponentMounted 中统一注册（与 Cover 普通子组件一致），此处不再自我注册
     // 将原始数据备份保存
     if (this.configData) {
       this.dataCache = JSON.parse(JSON.stringify(this.configData))

package/src/base-client/components/common/XReportGrid/index.md

@@ -31,6 +31,19 @@ export default {
 | localConfig | 本地配置 | Object | undefined |
 | dontFormat | 禁止已经格式化后的配置格式化| Boolean | false|
 | configData | 配置中的Data | Object | undefined |
+
+**对外方法（通过 ref 或 registerMap 获取实例后调用）**
+
+| 方法 | 说明 |
+|------|------|
+| setData(data) | 仅当配置中存在 `dataProcessScript` 时执行该脚本并传入 data；**不修改组件自身任何数据**。无脚本时什么都不做。返回 Promise。 |
+
+**配置项（在 REPORT_GRID 的 JSON 配置中）**
+
+| 字段 | 说明 |
+|------|------|
+| dataProcessScript | 可选。可执行函数字符串，签名为 `function(data) { ... }`。setData(data) 被调用时执行，传入 data；脚本内可自行处理数据（如写接口、改全局状态等）。`this` 为 XReport 实例。不写则 setData 调用无效。 |
+
 ## 例子1
 ----
 ```vue

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

@@ -28,6 +28,7 @@
           v-on="getEventHandlers(tab,index)"
           @hook:mounted="(h)=>onComponentMounted(h,tab,index)"
           :config-name="tab.slotConfig"
+          :slot-ref="tab.slotRef"
           :env="env"
           v-bind="compProp"
           :extra-data="extraData"
@@ -59,6 +60,7 @@ export default {
     setGlobalData: { default: false },
     getGlobalData: { default: false },
     generalFunction: { default: false },
+    registerComponent: { default: false },
   },
   provide () {
     return {
@@ -387,6 +389,14 @@ export default {
       return handlers
     },
     onComponentMounted (h, tab, index) {
+      // 与 Cover 普通子组件一致：带 slotRef 的 pane 由父级（XTab）注册到当前 Cover
+      if (tab.slotRef && this.registerComponent) {
+        const paneRef = this.$refs[`tab_com_${tab.slotType}_${index}`]
+        const component = Array.isArray(paneRef) ? paneRef[0] : paneRef
+        if (component) {
+          this.registerComponent(tab.slotRef, component)
+        }
+      }
       if (tab.slotType === 'x-add-native-form') {
         // 建议表单需要主动调用初始化方法
         getConfigByName(tab.slotConfig, tab.serviceName, async (res) => {

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

@@ -1,7 +1,12 @@
 <template>
   <div class="x-checkbox-container" :class="wrapperClassObject()">
     <a-checkbox-group v-model="innerValue" @change="onChange" class="x-checkbox-group">
-      <div v-for="item in data" :key="item.value" class="x-checkbox-item-container">
+      <div
+        v-for="(item, idx) in data"
+        :key="'xcb-' + idx"
+        class="x-checkbox-item-container"
+        :class="{ 'x-checkbox-item-selected': isOptionSelected(item) }"
+      >
         <a-checkbox :value="item.value" class="x-checkbox-item">
           {{ item.label }}
         </a-checkbox>
@@ -25,6 +30,11 @@ export default {
       type: Object,
       default: null
     },
+    /** 选项列表（每项 { label, value }）；传入时优先使用，不走 queryParamsName 配置 */
+    options: {
+      type: Array,
+      default: null
+    },
     value: {
       type: Array,
       default: () => []
@@ -38,26 +48,49 @@ export default {
     }
   },
   created () {
-    this.getData(this.queryParamsName)
+    if (this.options != null && Array.isArray(this.options)) {
+      this.useOptionsProp()
+    } else {
+      this.getData(this.queryParamsName)
+    }
   },
   watch: {
     value: {
       handler (val) {
-        this.innerValue = val
+        this.innerValue = Array.isArray(val) ? this.resolveValuesToOptions(val) : (val || [])
+      },
+      deep: true
+    },
+    options: {
+      handler (val) {
+        if (val != null && Array.isArray(val)) {
+          this.data = val
+          this.innerValue = this.resolveValuesToOptions(this.value)
+        }
       },
       deep: true
     }
   },
   emits: ['change', 'init'],
   methods: {
+    /** 使用 options 参数作为数据源（不请求配置） */
+    useOptionsProp () {
+      this.data = this.options || []
+      this.innerValue = Array.isArray(this.value) && this.value.length > 0
+        ? this.resolveValuesToOptions(this.value)
+        : []
+      this.$emit('init', { config: null, options: this.data, value: this.innerValue })
+    },
     async getData (data) {
       getConfigByName(data, 'af-his', res => {
         // 1. 加载选项
         if (res.checkbox && Array.isArray(res.checkbox)) {
           this.data = res.checkbox
-          // 2. 初始化默认值（优先级： 配置defaultValue > 空数组）
-          if (res.defaultValue !== undefined && Array.isArray(res.defaultValue)) {
-            this.innerValue = res.defaultValue
+          // 2. 初始化默认值（对象时匹配到选项引用，保证 v-model 与选项一致）
+          if (this.value !== undefined && Array.isArray(this.value) && this.value.length > 0) {
+            this.innerValue = this.resolveValuesToOptions(this.value)
+          } else if (res.defaultValue !== undefined && Array.isArray(res.defaultValue)) {
+            this.innerValue = this.resolveValuesToOptions(res.defaultValue)
           }
           // 3. 触发初始化事件
           this.$emit('init', {
@@ -70,6 +103,31 @@ export default {
         }
       })
     },
+    /** 将外部 value/defaultValue 数组解析为选项引用（对象项用 deepEqual 匹配） */
+    resolveValuesToOptions (arr) {
+      if (!Array.isArray(arr) || this.data.length === 0) return arr
+      return arr.map(v => {
+        const opt = this.data.find(item => this.deepEqual(item.value, v))
+        return opt ? opt.value : v
+      })
+    },
+    /** 判断当前选项是否被选中（支持对象 value） */
+    isOptionSelected (item) {
+      if (this.innerValue.some(v => v === item.value)) return true
+      if (typeof item.value === 'object' && item.value !== null) {
+        return this.innerValue.some(v => typeof v === 'object' && v !== null && this.deepEqual(v, item.value))
+      }
+      return false
+    },
+    /** 深度相等（用于对象 value 比较与匹配） */
+    deepEqual (a, b) {
+      if (a === b) return true
+      if (a == null || b == null || typeof a !== 'object' || typeof b !== 'object') return false
+      const keysA = Object.keys(a)
+      const keysB = Object.keys(b)
+      if (keysA.length !== keysB.length) return false
+      return keysA.every(key => keysB.includes(key) && this.deepEqual(a[key], b[key]))
+    },
     wrapperClassObject () {
       const attrs = this.$attrs || {}
       const classes = {}

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

@@ -1,7 +1,7 @@
 <template>
-  <!-- 列表卡片模式 listMode: card -->
-  <div class="x-list-wrapper" :class="wrapperClassObject" v-if="listMode" ref="listRef" @scroll="handleInfiniteOnLoad">
-    <a-list :grid="{ gutter: 16, xs: 1, sm: 2, md: 2, lg: 3, xl: 3, xxl: 4 }" :data-source="localData">
+  <!-- 列表卡片模式 listMode: card，高度由 CSS 变量 --x-list-card-height 控制，默认来自配置 cardHeight -->
+  <div class="x-list-wrapper" :class="wrapperClassObject" :style="cardModeWrapperStyle" v-if="listMode" ref="listRef" @scroll="handleInfiniteOnLoad">
+    <a-list :grid="listGrid" :data-source="localData">
       <a-list-item slot="renderItem" slot-scope="item, index">
         <div
           class="card-a-col"
@@ -10,7 +10,7 @@
           @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">
+            <a-col v-if="showIdColumn" class="id-a-col" :span="4" v-for="(detail, idx) in item.filter(d => d.label == label)" :key="idx">
               {{ detail.value }}
               <div class="gender-icon" v-if="getHasPatient(item) && getGender(item)">
                 <img
@@ -20,7 +20,7 @@
                 />
               </div>
             </a-col>
-            <a-col :span="20" class="id-a-col-2">
+            <a-col :span="showIdColumn ? 20 : 24" class="id-a-col-2">
               <template v-for="(detail, idx) in item">
                 <div :key="`title_${idx}`" class="title-row" v-if="detail.type == 'title'">
                   <a-tooltip :title="detail.value" placement="topLeft">
@@ -71,6 +71,19 @@
                   </a-tooltip>
                   <a-date-picker @change="onChange" />
                 </span>
+                <!-- Option 区块：直接传数据对象；字段名由外部配置 JS 在每条数据上设置（questionLabelField/optionsField/multipleField/selectedField），选择后写入该对象的 selectedField 字段 -->
+                <XQuestionOptions
+                  :key="`options_${index}_${idx}`"
+                  v-else-if="detail.type == 'options'"
+                  :question-data="detail"
+                  :question-label-field="detail.questionLabelField"
+                  :options-field="detail.optionsField"
+                  :multiple-field="detail.multipleField"
+                  :selected-field="detail.selectedField"
+                  :name="'opt_'+index+'_'+idx"
+                  :value="getDetailSelected(detail)"
+                  @change="payload => $emit('optionChange', payload)"
+                />
                 <a-tooltip
                   :key="`${idx}-tooltip`"
                   :title="`${detail.label}：${detail.value}`"
@@ -113,17 +126,17 @@
         slot-scope="item, index"
         class="list-item"
         @click="handleClick(index)"
-        @mouseenter="enableHoverOptions && handleMouseEnter(index)"
+        @mouseenter="effectiveEnableHoverOptions && handleMouseEnter(index)"
         @mouseleave="handleMouseLeave"
         :class="{
-          'hover-active': enableHoverOptions && hoveredIndex === index,
+          'hover-active': effectiveEnableHoverOptions && hoveredIndex === index,
           'selected-active': enableSelectRow && currentSelectedIndex === index
         }"
       >
         <i v-if="icon" class="icon-menu" :style="getIconStyle(item)"></i>
         <span
           class="item-text"
-          :class="{ 'text-truncated': enableHoverOptions && hoveredIndex === index }"
+          :class="{ 'text-truncated': effectiveEnableHoverOptions && hoveredIndex === index }"
           :style="getTextStyle(index)"
         >
           {{ item.number }} {{ item.name }}
@@ -137,13 +150,13 @@
             :class="['confirm-btn', buttonMode ? 'hover-btn' : '']"
             @click.stop="click(index, idx)"
           >
-            <span :class="{ 'hover-active': enableHoverOptions && hoveredIndex === index }">{{ name }}</span>
+            <span :class="{ 'hover-active': effectiveEnableHoverOptions && hoveredIndex === index }">{{ name }}</span>
           </a-button>
         </div>
 
         <!-- 悬浮选项框 -->
         <div
-          v-show="enableHoverOptions && hoveredIndex === index"
+          v-show="effectiveEnableHoverOptions && hoveredIndex === index"
           class="hover-options"
           @mouseenter="handleOptionsEnter"
           @mouseleave="handleOptionsLeave"
@@ -177,11 +190,13 @@ export default {
     XTimeSelect: () => import('@vue2-client/base-client/components/his/XTimeSelect/XTimeSelect.vue'),
     XCheckbox: () => import('@vue2-client/base-client/components/his/XCheckbox/XCheckbox.vue'),
     XTitle: () => import('@vue2-client/base-client/components/his/XTitle/XTitle.vue'),
-    XSelect: () => import('@vue2-client/base-client/components/his/XSelect/XSelect.vue')
+    XSelect: () => import('@vue2-client/base-client/components/his/XSelect/XSelect.vue'),
+    XQuestionOptions: () => import('@vue2-client/base-client/components/his/XQuestionOptions/XQuestionOptions.vue')
   },
   props: {
+    // 配置名（字符串）或配置对象；与 XTable 等一致，常为字符串如 "aiConsultationSuggestionListConfig"
     queryParamsName: {
-      type: Object,
+      type: [String, Object],
       default: null
     },
     fixedQueryForm: {
@@ -233,6 +248,12 @@ export default {
       icon: false,
       buttonNames: [],
       listMode: undefined, // 列表模式
+      // 卡片栅格：默认每行多列；可通过配置 grid 覆盖，如 { xs:1, sm:1, md:1, lg:1, xl:1, xxl:1 } 每行 1 个
+      listGrid: { gutter: 16, xs: 1, sm: 2, md: 2, lg: 3, xl: 3, xxl: 4 },
+      // 卡片高度，由配置 cardHeight 指定，供 CSS 变量 --x-list-card-height 使用，默认 297px
+      listCardHeight: '297px',
+      // 是否显示左侧序号列（label 匹配的列）；配置 showIdColumn: false 可隐藏
+      showIdColumn: true,
       buttonMode: true,
       hoveredIndex: -1, // 当前悬浮的索引
       isOptionsHovered: false, // 悬浮选项框是否悬浮
@@ -252,8 +273,10 @@ export default {
       // 下拉配置
       internalTitleOptions: [],
       titleValueByIndex: {},
+      // 配置加载后的悬浮选项开关（不直接改 prop）
+      internalEnableHoverOptions: undefined,
       // 选择请求的轻量防抖
-      selectDebounceTimer: null
+      selectDebounceTimer: null,
     }
   },
   inject: ['getComponentByName'],
@@ -308,6 +331,12 @@ export default {
     currentSelectedIndex() {
       return typeof this.selectedIndex === 'number' ? this.selectedIndex : this.localSelectedIndex
     },
+    // 悬浮选项：优先使用配置加载结果，否则用 prop
+    effectiveEnableHoverOptions() {
+      return this.internalEnableHoverOptions !== undefined && this.internalEnableHoverOptions !== null
+        ? this.internalEnableHoverOptions
+        : this.enableHoverOptions
+    },
     enableSelectRow() {
       const a = this.$attrs || {}
       const val = a.enableSelection
@@ -320,6 +349,11 @@ export default {
           this.$emit(eventName, ...payload)
         }
       }
+    },
+    // 卡片模式下挂载 CSS 变量 --x-list-card-height，供 .card-a-col 使用
+    cardModeWrapperStyle() {
+      if (!this.listMode) return undefined
+      return { '--x-list-card-height': this.listCardHeight }
     }
   },
   methods: {
@@ -359,6 +393,32 @@ export default {
     },
     async getData(config, param) {
       const that = this
+      const applyResult = result => {
+        const list = Array.isArray(result) ? result : []
+        that.data = list
+        if (that.nowPage === 0) {
+          that.localData = list
+        }
+        if (Array.isArray(that.localData)) {
+          that.localData.forEach((row, idx) => {
+            if (that.titleValueByIndex[idx] !== undefined) return
+            if (Array.isArray(row)) {
+              const title = row.find(d => d && d.type === 'title')
+              if (title && title.titleRightValue !== undefined) {
+                that.$set(that.titleValueByIndex, idx, title.titleRightValue)
+                return
+              }
+            }
+            const def =
+              that.internalTitleOptions && that.internalTitleOptions.length
+                ? that.internalTitleOptions[0].value !== undefined
+                  ? that.internalTitleOptions[0].value
+                  : that.internalTitleOptions[0]
+                : undefined
+            if (def !== undefined) that.$set(that.titleValueByIndex, idx, def)
+          })
+        }
+      }
       getConfigByName(config, 'af-his', async res => {
         that.listMode = (await res.listMode) == 'card'
         that.logicName = await res.data
@@ -368,47 +428,32 @@ export default {
         that.buttonNames = (await res.buttonNames) || [] // 按钮文本
         that.buttonMode = (await res.buttonMode) || false // 按钮模式
         that.cardButtonsVisible = (await res.cardButtonsVisible) || false // 卡片按钮
-        // 标题下拉：从配置拿 options: [{label,value,color}]
+        const grid = await res.grid
+        if (grid && typeof grid === 'object') {
+          that.listGrid = { gutter: 16, ...grid }
+        }
+        const cardH = await res.cardHeight
+        if (cardH != null) {
+          that.listCardHeight = typeof cardH === 'number' ? cardH + 'px' : String(cardH)
+        }
+        if (res.showIdColumn === false) that.showIdColumn = false
         if (Array.isArray(res.titleOptions)) {
           this.internalTitleOptions = res.titleOptions
           if (res.titleDefaultValue !== undefined && Array.isArray(this.localData)) {
-            // 初始化每个卡片的默认值
             this.titleValueByIndex = {}
           }
         }
-        this.enableHoverOptions = (await res.enableHoverOptions) || false // 悬浮选项框
-        if (this.enableHoverOptions) {
+        const enableHover = (await res.enableHoverOptions) || false // 悬浮选项框
+        this.internalEnableHoverOptions = enableHover
+        if (enableHover) {
           this.select_options = await res.select_options
         }
         if (that.listMode) {
+          param = param || {}
           param.condition = `Limit ${that.nowPage}, ${that.pageSize}`
         }
         runLogic(res.data, param, 'af-his').then(result => {
-          that.data = result
-          if (that.nowPage === 0) {
-            this.localData = result
-          }
-          // 初始化每张卡片的 title 选中值：优先读取模板 titleRightValue，否则使用配置默认或第一项
-          if (Array.isArray(this.localData)) {
-            this.localData.forEach((row, idx) => {
-              if (this.titleValueByIndex[idx] !== undefined) return
-              if (Array.isArray(row)) {
-                const title = row.find(d => d && d.type === 'title')
-                if (title && title.titleRightValue !== undefined) {
-                  this.$set(this.titleValueByIndex, idx, title.titleRightValue)
-                  return
-                }
-              }
-              // fallback：配置默认或第一项
-              const def =
-                this.internalTitleOptions && this.internalTitleOptions.length
-                  ? this.internalTitleOptions[0].value !== undefined
-                    ? this.internalTitleOptions[0].value
-                    : this.internalTitleOptions[0]
-                  : undefined
-              if (def !== undefined) this.$set(this.titleValueByIndex, idx, def)
-            })
-          }
+          applyResult(result)
         })
       })
     },
@@ -429,6 +474,26 @@ export default {
       if (!title || typeof title.hasPatient === 'undefined') return true
       return !!title.hasPatient
     },
+    /** 从某条 options 单元格上按 selectedField 读取当前选中值（供 :value 绑定） */
+    getDetailSelected(detail) {
+      if (!detail || detail.selectedField == null) return undefined
+      return detail[detail.selectedField]
+    },
+    /**
+     * 对外获取所有选项区块（即原始问题对象）；选择结果已写在各自对象的 selectedField 指定字段上。
+     * @returns {Array<Object>} 每个元素为 type==='options' 的 detail 对象
+     */
+    getOptionValues() {
+      const out = []
+      if (!Array.isArray(this.localData)) return out
+      this.localData.forEach(row => {
+        if (!Array.isArray(row)) return
+        row.forEach(detail => {
+          if (detail && detail.type === 'options') out.push(detail)
+        })
+      })
+      return out
+    },
     // 标题右侧下拉选择
     handleTitleSelectChange(val, index) {
       // 重复值拦截：若值未变化则直接返回
@@ -515,6 +580,34 @@ export default {
     refreshList(param) {
       this.getData(this.queryParamsName, param)
     },
+    /**
+     * 外部可调用：直接设置列表数据（不经过 data 配置 / runLogic）。
+     * @param {Array} list - 列表数据，格式与当前 listMode 一致：默认模式 [{ number, name }, ...]，卡片模式二维数组
+     */
+    setData(list) {
+      const arr = Array.isArray(list) ? list : []
+      this.data = arr
+      this.localData = arr
+      if (Array.isArray(this.localData)) {
+        this.localData.forEach((row, idx) => {
+          if (this.titleValueByIndex[idx] !== undefined) return
+          if (Array.isArray(row)) {
+            const title = row.find(d => d && d.type === 'title')
+            if (title && title.titleRightValue !== undefined) {
+              this.$set(this.titleValueByIndex, idx, title.titleRightValue)
+              return
+            }
+          }
+          const def =
+            this.internalTitleOptions && this.internalTitleOptions.length
+              ? this.internalTitleOptions[0].value !== undefined
+                ? this.internalTitleOptions[0].value
+                : this.internalTitleOptions[0]
+              : undefined
+          if (def !== undefined) this.$set(this.titleValueByIndex, idx, def)
+        })
+      }
+    },
     click(index, buttonIndex) {
       this.$emit('click', { data: this.data[index], name: this.buttonNames[buttonIndex] })
     },
@@ -904,7 +997,7 @@ export default {
 }
 .card-a-col {
   background-color: rgba(247, 249, 252);
-  height: 297px;
+  height: var(--x-list-card-height, 297px);
   width: auto;
   border-radius: 6px;
   border: 1px solid #e5e9f0;

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

@@ -0,0 +1,193 @@
+<template>
+  <div class="x-question-options">
+    <x-radio
+      v-if="!effectiveMultiple"
+      :options="mappedOptions"
+      :name="name"
+      :value="innerValue"
+      no-default-first
+      class="x-question-options-inner"
+      @change="onSingleChange"
+    />
+    <x-checkbox
+      v-else
+      :options="mappedOptions"
+      :value="innerValueArray"
+      class="x-question-options-inner"
+      @change="onMultipleChange"
+    />
+  </div>
+</template>
+
+<script>
+import XRadio from '@vue2-client/base-client/components/his/XRadio/XRadio.vue'
+import XCheckbox from '@vue2-client/base-client/components/his/XCheckbox/XCheckbox.vue'
+
+export default {
+  name: 'XQuestionOptions',
+  components: { XRadio, XCheckbox },
+  props: {
+    /** 原始问题的 JSON 数据；传入时与 questionLabelField/optionsField/multipleField 一起使用，组件内部做转换并 emit 完整 { question, selected } */
+    questionData: {
+      type: Object,
+      default: null
+    },
+    /** 从原始问题中取「问题文案」的字段名 */
+    questionLabelField: {
+      type: String,
+      default: 'label'
+    },
+    /** 从原始问题中取「是否多选」的字段名 */
+    multipleField: {
+      type: String,
+      default: 'multiple'
+    },
+    /** 从原始问题中取「选项列表」的字段名 */
+    optionsField: {
+      type: String,
+      default: 'options'
+    },
+    /** 选择结果写入原始问题对象的字段名；传入时选择后直接修改 questionData[selectedField]，后端数据无需转换 */
+    selectedField: {
+      type: String,
+      default: 'selected'
+    },
+    /** 选项列表（与 questionData 二选一，兼容旧用法） */
+    options: {
+      type: Array,
+      default: () => []
+    },
+    /** 是否多选（与 questionData 二选一） */
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    /** 当前选中值（v-model）；单选为单值，多选为值数组 */
+    value: {
+      type: [String, Number, Array, Object],
+      default: undefined
+    },
+    name: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      innerValue: undefined,
+      innerValueArray: []
+    }
+  },
+  computed: {
+    /** 是否使用「原始问题」模式（有 questionData 时从其中解析） */
+    useQuestionData () {
+      return this.questionData != null && typeof this.questionData === 'object'
+    },
+    /** 实际选项列表：questionData 模式取 questionData[optionsField]，否则用 options */
+    effectiveOptions () {
+      if (this.useQuestionData) {
+        const arr = this.questionData[this.optionsField]
+        return Array.isArray(arr) ? arr : []
+      }
+      return this.options || []
+    },
+    /** 实际是否多选 */
+    effectiveMultiple () {
+      if (this.useQuestionData) return !!this.questionData[this.multipleField]
+      return this.multiple
+    },
+    mappedOptions () {
+      return this.effectiveOptions.map(opt => ({
+        label: this.optLabel(opt),
+        value: this.optVal(opt)
+      }))
+    }
+  },
+  watch: {
+    value: {
+      handler (val) {
+        if (this.effectiveMultiple) {
+          this.innerValueArray = Array.isArray(val) ? [...val] : []
+        } else {
+          this.innerValue = val
+        }
+      },
+      immediate: true
+    }
+  },
+  emits: ['input', 'change'],
+  methods: {
+    optVal (opt) {
+      return opt.value !== undefined ? opt.value : opt.label
+    },
+    optLabel (opt) {
+      if (opt.label !== undefined && opt.label !== null) return opt.label
+      if (opt.value != null && typeof opt.value === 'object') {
+        return (opt.value.text || opt.value.label || opt.value.name) || JSON.stringify(opt.value)
+      }
+      return opt.value
+    },
+    /** 发出变更：questionData 模式下写入 questionData[selectedField] 并 emit，否则仅 emit */
+    emitChange (selected) {
+      this.$emit('input', selected)
+      if (this.useQuestionData) {
+        this.$set(this.questionData, this.selectedField, selected)
+        this.$emit('change', { question: this.questionData, selected })
+      } else {
+        this.$emit('change', selected)
+      }
+    },
+    onSingleChange (val) {
+      this.innerValue = val
+      this.emitChange(val)
+    },
+    onMultipleChange (vals) {
+      this.innerValueArray = Array.isArray(vals) ? [...vals] : []
+      this.emitChange(this.innerValueArray)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.x-question-options {
+  width: 100%;
+  margin-top: 8px;
+}
+.x-question-options-inner :deep(.x-radio-group),
+.x-question-options-inner :deep(.x-checkbox-group) {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  width: 100%;
+}
+.x-question-options-inner :deep(.x-radio-item-container),
+.x-question-options-inner :deep(.x-checkbox-item-container) {
+  min-width: 120px;
+  padding: 8px 12px;
+  border: 1px solid #d9d9d9;
+  border-radius: 6px;
+  background: #fafafa;
+  cursor: pointer;
+  transition: border-color 0.2s, background 0.2s;
+}
+.x-question-options-inner :deep(.x-radio-item-container:hover),
+.x-question-options-inner :deep(.x-checkbox-item-container:hover) {
+  border-color: #1890ff;
+  background: #e6f7ff;
+}
+.x-question-options-inner :deep(.x-radio-item-container.x-radio-item-selected),
+.x-question-options-inner :deep(.x-checkbox-item-container.x-checkbox-item-selected) {
+  border-color: #1890ff;
+  background: #e6f7ff;
+}
+.x-question-options-inner :deep(.x-radio-item-container .ant-radio-wrapper),
+.x-question-options-inner :deep(.x-checkbox-item-container .ant-checkbox-wrapper) {
+  margin-right: 0;
+}
+.x-question-options-inner :deep(.ant-radio-wrapper),
+.x-question-options-inner :deep(.ant-checkbox-wrapper) {
+  font-size: 13px;
+  color: #333;
+}
+</style>

package/src/base-client/components/his/XQuestionOptions/index.js

@@ -0,0 +1,2 @@
+import XQuestionOptions from './XQuestionOptions.vue'
+export default XQuestionOptions

package/src/base-client/components/his/XQuestionOptions/index.md

@@ -0,0 +1,66 @@
+# XQuestionOptions
+
+题目选项组件：根据「是否多选」展示单选或复选框，选项以卡片样式排列。支持两种用法：**原始问题模式**（传入 `questionData` + 字段名，组件内部转换并上报完整「问题 + 选中」对象）、**扁平模式**（传入 `options` + `multiple`，兼容旧用法）。
+
+## 何时使用
+
+- 列表/卡片内需要「一道题 + 若干选项」的交互（如 AI 问诊推荐问题）
+- 希望由组件持有「原始问题 JSON」并在变更时上报完整 `{ question, selected }`，父组件（如 XList）只做按问题记录
+
+## 引用方式
+
+```javascript
+import XQuestionOptions from '@vue2-client/base-client/components/his/XQuestionOptions/XQuestionOptions.vue'
+```
+
+## 使用示例
+
+**原始问题模式（推荐，用于 XList）**：传入原始问题 JSON 与字段名，变更时 `@change` 收到 `{ question, selected }`。
+
+```html
+<x-question-options
+  :question-data="serverQuestion"
+  question-label-field="label"
+  options-field="options"
+  multiple-field="multiple"
+  v-model="selected"
+  @change="onAnswer"
+/>
+```
+
+**扁平模式（兼容）**：直接传选项与是否多选。
+
+```html
+<x-question-options
+  :options="[{ label: '有', value: '有发热' }, { label: '无', value: '无发热' }]"
+  :multiple="false"
+  v-model="selectedValue"
+  @change="onChange"
+/>
+```
+
+## API
+
+| 参数                 | 说明                                           | 类型    | 默认值   |
+|----------------------|------------------------------------------------|---------|----------|
+| questionData         | 原始问题的 JSON；与下方字段名一起使用时组件内部转换 | Object  | null     |
+| questionLabelField   | 从问题对象中取「问题文案」的字段名（由外部配置 JS 在每条数据上设置） | String  | -        |
+| multipleField        | 从问题对象中取「是否多选」的字段名（同上）       | String  | -        |
+| optionsField         | 从问题对象中取「选项列表」的字段名（同上）       | String  | -        |
+| selectedField        | 选择结果写入问题对象的字段名（直接改 questionData[selectedField]）；与上列字段名均由外部配置 JS 在每条数据上设置，XList 不设默认、不从后端 List 取 | String  | -          |
+| options              | 选项列表（与 questionData 二选一）              | Array   | []       |
+| multiple             | 是否多选（与 questionData 二选一）              | Boolean | false    |
+| value                | 当前选中值（v-model）                           | Any/Array | -      |
+| name                 | radio-group 的 name                            | String  | ''       |
+
+### 事件
+
+| 事件名  | 说明       | 回调参数 |
+|---------|------------|----------|
+| input   | v-model 用 | 选中值（单选为单值，多选为数组） |
+| change  | 选项变化   | **原始问题模式**：`{ question, selected }`；**扁平模式**：`selected` |
+
+### 数据约定
+
+- **原始问题模式**：`questionData` 上应有 `[optionsField]`（选项数组）、`[multipleField]`（是否多选）、可选 `[questionLabelField]`（问题文案）。选项项可为 `{ label, value }` 或仅 `value` 为对象（展示从 value.text/label/name 取）。
+- **扁平模式**：每项可为 `{ label, value }`；对象 value 时同上，支持深度相等比较。

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

@@ -5,11 +5,12 @@
       v-if="config.buttonMode"
       v-model="innerValue"
       @change="onChange"
+      :name="name"
       :class="['x-radio-group', 'x-radio-group-button', { 'x-radio-group-left': config.alignLeft }]"
       button-style="solid">
       <a-radio-button
-        v-for="item in data"
-        :key="item.value"
+        v-for="(item, idx) in data"
+        :key="'xradio-' + idx"
         :value="item.value"
         class="x-radio-button-item"
       >
@@ -22,14 +23,16 @@
       v-else
       v-model="innerValue"
       @change="onChange"
+      :name="name"
       :class="['x-radio-group', { 'x-radio-group-left': config.alignLeft }]">
       <div
-        v-for="item in data"
-        :key="item.value"
+        v-for="(item, idx) in data"
+        :key="'xradio-' + idx"
         class="x-radio-item-container"
         :class="{
           'x-radio-item-bordered': config.showBorder,
-          'x-radio-item-highlight': config.highlightBorder
+          'x-radio-item-highlight': config.highlightBorder,
+          'x-radio-item-selected': isOptionSelected(item)
         }"
         :style="getHighlightBorderStyle(item)">
         <div class="x-radio-item-wrapper">
@@ -45,7 +48,7 @@
           <div
             v-if="isTabStyle"
             class="x-radio-tab-icon"
-            :class="{ 'x-radio-tab-icon-active': innerValue === item.value }"
+            :class="{ 'x-radio-tab-icon-active': isOptionSelected(item) }"
           ></div>
           <a-radio
             :value="item.value"
@@ -65,7 +68,7 @@
           }"
         ></div>
         <div
-          v-if="isTabStyle && innerValue === item.value"
+          v-if="isTabStyle && isOptionSelected(item)"
           class="x-radio-tab-underline"
         ></div>
       </div>
@@ -81,11 +84,26 @@
     inject: ['getComponentByName'],
     props: {
       queryParamsName: {
-        type: Object,
+        type: [String, Object],
         default: null
       },
+      /** 选项列表（每项 { label, value }）；传入时优先使用，不走 queryParamsName 配置 */
+      options: {
+        type: Array,
+        default: null
+      },
+      /** radio-group 的 name，用于区分同页多组 */
+      name: {
+        type: String,
+        default: ''
+      },
+      /** 为 true 时单选不默认选中第一项，便于区分用户是否真的选过 */
+      noDefaultFirst: {
+        type: Boolean,
+        default: false
+      },
       // eslint-disable-next-line vue/require-default-prop
-      value: [String, Number]
+      value: [String, Number, Object]
     },
     data () {
       return {
@@ -103,11 +121,24 @@
       }
     },
     created () {
-      this.getData(this.queryParamsName)
+      if (this.options != null && Array.isArray(this.options)) {
+        this.useOptionsProp()
+      } else {
+        this.getData(this.queryParamsName)
+      }
     },
     watch: {
       value (val) {
-        this.innerValue = val
+        this.innerValue = this.resolveValueToOption(val)
+      },
+      options: {
+        handler (val) {
+          if (val != null && Array.isArray(val)) {
+            this.data = val
+            this.innerValue = this.resolveValueToOption(this.value)
+          }
+        },
+        deep: true
       }
     },
     computed: {
@@ -118,6 +149,18 @@
     },
     emits: ['change', 'init'],
     methods: {
+      /** 使用 options 参数作为数据源（不请求配置） */
+      useOptionsProp () {
+        this.data = this.options || []
+        if (this.value !== undefined && this.value !== null) {
+          this.innerValue = this.resolveValueToOption(this.value)
+        } else if (this.data.length > 0 && !this.noDefaultFirst) {
+          this.innerValue = this.data[0].value
+        } else {
+          this.innerValue = null
+        }
+        this.$emit('init', this.innerValue)
+      },
       async getData (data) {
         getConfigByName(data, 'af-his', res => {
           // 1. 先加载选项
@@ -148,15 +191,17 @@
             if (res.buttonMode !== undefined) {
               this.config.buttonMode = res.buttonMode
             }
-            // 5. 初始化默认值（优先级： 配置defaultValue > 第一个选项）
+            // 5. 初始化默认值（优先级： 配置defaultValue > 第一个选项；noDefaultFirst 为 true 时不选第一项）
             if (this.value !== undefined && this.value !== null) {
-              this.innerValue = this.value // 优先使用外部传入的 value
+              this.innerValue = this.resolveValueToOption(this.value)
             } else if (res.defaultValue !== undefined && res.defaultValue !== null) {
-              // 使用配置中的defaultValue
-              this.innerValue = res.defaultValue
-            } else if (this.data.length > 0) {
-              // 如果没有默认值但有选项，使用第一个选项
+              // 使用配置中的 defaultValue（对象时匹配到选项引用，保证 v-model 一致）
+              this.innerValue = this.resolveValueToOption(res.defaultValue)
+            } else if (this.data.length > 0 && !this.noDefaultFirst) {
+              // 如果没有默认值但有选项且允许默认第一项，使用第一个选项
               this.innerValue = this.data[0].value
+            } else {
+              this.innerValue = null
             }
             // 6. 触发初始化事件
             this.$emit('init', this.innerValue)
@@ -169,6 +214,30 @@
         this.innerValue = e.target.value
         this.$emit('change', e.target.value)
       },
+      /** 判断当前选项是否被选中（支持基本类型与对象 value） */
+      isOptionSelected (item) {
+        if (this.innerValue === item.value) return true
+        if (typeof this.innerValue === 'object' && this.innerValue !== null && typeof item.value === 'object' && item.value !== null) {
+          return this.deepEqual(this.innerValue, item.value)
+        }
+        return false
+      },
+      /** 将外部 value/defaultValue 解析为选项引用（对象时用 deepEqual 匹配，保证与 options 同引用） */
+      resolveValueToOption (val) {
+        if (val === undefined || val === null) return val
+        if (this.data.length === 0) return val
+        const opt = this.data.find(item => this.deepEqual(item.value, val))
+        return opt ? opt.value : val
+      },
+      /** 深度相等（用于对象 value 比较与匹配） */
+      deepEqual (a, b) {
+        if (a === b) return true
+        if (a == null || b == null || typeof a !== 'object' || typeof b !== 'object') return false
+        const keysA = Object.keys(a)
+        const keysB = Object.keys(b)
+        if (keysA.length !== keysB.length) return false
+        return keysA.every(key => keysB.includes(key) && this.deepEqual(a[key], b[key]))
+      },
       wrapperClassObject () {
         const attrs = this.$attrs || {}
         const classes = {}
@@ -186,14 +255,14 @@
         if (!this.config.highlightBorder) return {}
 
         // 如果当前选项被选中且有边框颜色配置，使用配置的颜色
-        if (this.innerValue === item.value && item.borderColor) {
+        if (this.isOptionSelected(item) && item.borderColor) {
           return {
             borderColor: item.borderColor
           }
         }
 
         // 如果当前选项被选中且有indicatorColor配置，使用indicatorColor作为边框颜色
-        if (this.innerValue === item.value && item.indicatorColor) {
+        if (this.isOptionSelected(item) && item.indicatorColor) {
           return {
             borderColor: item.indicatorColor
           }

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

@@ -24,7 +24,7 @@ export default {
   name: 'XSelect',
   props: {
     queryParamsName: {
-      type: Object,
+      type: [String, Object],
       default: null
     }
   },