sun-biz 0.0.4-beta.43 → 0.0.4-beta.44

package/dist/components/biz-select/hospital-charge-select/api.d.ts

@@ -0,0 +1,53 @@
+export type HospitalChargeQueryParams = {
+    keyWord?: string;
+    hospitalId: string;
+    encounterTypeCode?: string;
+    priceAt: string;
+    hospitalCommodityIds?: string[];
+};
+export type HospitalChargeItem = {
+    hospitalCommodityId: string;
+    commodityCategoryId: string;
+    commodityCategoryName: string;
+    outCommodityCategoryId?: string;
+    outCommodityCategoryName?: string;
+    inCommodityCategoryId?: string;
+    inCommodityCategoryName?: string;
+    accCommodityCategoryId?: string;
+    accCommodityCategoryName?: string;
+    fncCommodityCategoryId?: string;
+    fncCommodityCategoryName?: string;
+    mrCommodityCategoryId?: string;
+    mrCommodityCategoryName?: string;
+    commodityId: string;
+    commodityNo?: string;
+    commodityName: string;
+    commodity2ndName?: string;
+    commodityExtName?: string;
+    commodityNameDisplay: string;
+    commoditySpec?: string;
+    unitId?: string;
+    unitName: string;
+    spellNo: string;
+    wbNo?: string;
+    memo?: string;
+    producedByOrgId?: string;
+    producedByOrgName?: string;
+    chargeItemConnotation?: string;
+    enabledFlag: number;
+    commodityPriceId: string;
+    price: number;
+    startAt: string;
+    endAt?: string;
+};
+export type HospitalChargeSelection = Partial<HospitalChargeItem> & {
+    label?: string;
+    value?: string;
+};
+/**
+ * [1-10147-1] 根据条件查询医院的收费项目列表(业务态)
+ * 是否分页	Y
+ * @param params
+ * @returns
+ */
+export declare const queryHospitalChargeItemListByExample: (params: HospitalChargeQueryParams) => Promise<[import("@sun-toolkit/request").SunApiResultData<null> | undefined, import("@sun-toolkit/request").SunApiResultData<HospitalChargeItem[]> | undefined]>;

package/dist/components/biz-select/index.d.ts

@@ -6,4 +6,6 @@ export { default as UserSelect } from './user-select/index.vue';
 export { default as BizUnitSelect } from './biz-unit-select/index.vue';
 export { default as DepartmentSelect } from './department-select/index.vue';
 export { default as WardSelect } from './ward-select/index.vue';
+export { default as HospitalChargeSelect } from './hospital-charge-select/index.vue';
 export type { TagGroupInfo } from './tag-select/api.ts';
+export type { HospitalChargeItem, HospitalChargeQueryParams, HospitalChargeSelection } from './hospital-charge-select/api.ts';

package/dist/components/index.js

@@ -4369,7 +4369,8 @@ const patient_accessvue_type_script_setup_true_lang_ts_hoisted_1 = {
                 searchValue: inputValue.value,
                 indexTypeCode: cardInfo?.indexTypeCode ? cardInfo?.indexTypeCode : data.indexTypeCode,
                 indexNo: data.indexTypeCode && !cardInfo?.indexNo ? inputValue.value : cardInfo?.indexNo,
-                pageNumber: pageNumber.value
+                pageNumber: pageNumber.value,
+                menuId: __props.menuId
             });
             searchLoading.value = false;
             if (res?.data) {
@@ -7339,11 +7340,13 @@ const user_select_exports_ = user_selectvue_type_script_setup_true_lang_ts_name_
  * @param params
  * @returns
  */ const queryBizUnitList = (params)=>(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_request__.dictRequest)('/organization/queryBizUnitListByExample', params);
-/*
+// 全局事件：用于关闭其他实例的 popover
+const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
   96-10014-1 业务单元选择组件
   1、调用“1-10516-1 根据条件查询业务单元列表”传入“启用标志=1、关键字、医院标识=入参：医院标识、科室类型代码集合、就诊类型代码”查询业务单元列表
   2、展示列包括“组织类型、编码、名称”
-*/ /* ESM default export */ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
+*/ 
+/* ESM default export */ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
     __name: 'index',
     props: {
         keyWord: {},
@@ -7371,6 +7374,8 @@ const user_select_exports_ = user_selectvue_type_script_setup_true_lang_ts_name_
         });
         const selectProps = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(props.selectProps || {});
         const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
+        const instance = (0, __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance)();
+        const componentId = instance?.uid || Math.random(); // 唯一标识当前组件实例
         const tableRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
         const selectRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
         const popoverRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
@@ -7584,6 +7589,12 @@ const user_select_exports_ = user_selectvue_type_script_setup_true_lang_ts_name_
         const handleFocus = ()=>{
             setTimeout(()=>{
                 if (clearing.value) return;
+                 // 通知其他实例关闭 popover
+                window.dispatchEvent(new CustomEvent(CLOSE_OTHER_POPOVERS_EVENT, {
+                    detail: {
+                        componentId
+                    }
+                }));
                 popoverVisible.value = true;
             }, 100);
         };
@@ -7634,15 +7645,27 @@ const user_select_exports_ = user_selectvue_type_script_setup_true_lang_ts_name_
             selectedValue.value = items.map((row)=>row.label || row.orgNameDisplay);
             handleChange();
         };
-        const handlePopoverShow = ()=>{};
+        const handlePopoverShow = ()=>{
+            window.dispatchEvent(new CustomEvent(CLOSE_OTHER_POPOVERS_EVENT, {
+                detail: {
+                    componentId
+                }
+            }));
+        }; // 监听其他实例的关闭事件
+        const handleCloseOtherPopovers = (event)=>{
+            const customEvent = event;
+            if (customEvent.detail?.componentId !== componentId) popoverVisible.value = false;
+        };
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
             document.removeEventListener('keydown', handleKeydown, true);
             if (props.multiSelectFlag) document.removeEventListener('click', handleClickOutside);
+            window.removeEventListener(CLOSE_OTHER_POPOVERS_EVENT, handleCloseOtherPopovers);
         });
         const fetchData = async (data)=>{
             await getBizUnitList(data);
         };
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.onMounted)(()=>{
+            window.addEventListener(CLOSE_OTHER_POPOVERS_EVENT, handleCloseOtherPopovers);
             (0, __WEBPACK_EXTERNAL_MODULE_vue__.nextTick)(async ()=>{
                 if (attrs.modelValue && Array.isArray(props.defaultValue) && props.defaultValue?.length) {
                     if (props.multiSelectFlag) selectedValue.value = props.defaultValue.map((item)=>item.label || item.orgNameDisplay);
@@ -8638,6 +8661,42 @@ const department_select_exports_ = department_selectvue_type_script_setup_true_l
 });
 const ward_select_exports_ = ward_selectvue_type_script_setup_true_lang_tsx_name_WardSelect;
 /* ESM default export */ const ward_select = ward_select_exports_;
+/**
+ * [1-10147-1] 根据条件查询医院的收费项目列表(业务态)
+ * 是否分页	Y
+ * @param params
+ * @returns
+ */ const queryHospitalChargeItemListByExample = (params)=>(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_request__.dictRequest)('/chargeItem/queryHospitalChargeItemListByExample', params);
+const hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_hoisted_1 = {
+    class: "hospital-charge-select"
+};
+const hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_hoisted_2 = {
+    class: "popover-content"
+};
+// 全局事件：用于关闭其他实例的 popover
+const hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_CLOSE_OTHER_POPOVERS_EVENT = 'hospital-charge-select:close-others';
+/* ESM default export */ ({
+    hospitalId: {},
+    encounterTypeCode: {},
+    priceAt: {},
+    size: {
+        default: 'default'
+    },
+    immediate: {
+        type: Boolean,
+        default: false
+    },
+    popoverWidth: {
+        default: 1000
+    }
+}), ({
+    modelValue: {},
+    modelModifiers: {}
+}), [
+    "change"
+], [
+    "update:modelValue"
+];
 // 获取五笔简码
 const wubiLib = [
     'A鞴鞲鞣鞫鞯鞔鞒鞑鞅靼銎跫綦翳蛩颟鹳鹋鸫鸢慝觐觋贳瓯戡檠迓甙忒弋撖摁廾蘼蘖蘩蘅蘧藿藜藁藓薰薷薹薅薜薮蕹薏薇薨薤蕻蕲蕃瞢蕺蕞蕤蕨蕈蕙蓼蓿蔻蕖蔺蔟蔹蓰蔸甍蔌蓣蓥蒗蒴蒹蒡蓠蒺蒿蓊蓓蒽蓦蓐蓍蓁葭萱蒎蒌葶葩葆萼葸蒉葺蒈蒇葳葙葚葑葜菡菰萦菀菅菪菹菸萃萏菟菔萆萑萸萜菖菽菝萋萘堇菘菥萁菁莼莺莨莞莘荻莸荽莩莶荼莅莜莓莪莠莴莳荸莰荮荭荪荬荩茛荨荥荦茳茺茭荠茗荀荟荃荇荏茯荞莛茱茴茼莒茈荜荛荑茜苕苠茕茔茆茚茑苓苻茌苘苒苴苜茇茏苤苷茉苡芤苎苄芟芪芡芴芩苁苌苋芮芷芘苣苊苈芰芾芸芫芙芗芑芎芄芨芊芏艿艽艹鄞郾邛劐蒯赜匾匮匦叵匚廿茁著芝蒸斟蔗蘸藻葬匝蕴苑芋荧营萤莹英荫茵艺颐医药尧燕雅牙芽鸦薛靴蓄芯薪邪鞋萧巷项匣熙昔芜巫卧蔚萎苇藤萄苔蓑蒜苏斯薯蔬世式甚芍苫莎散萨若蕊茹荣蓉茸戎惹鹊颧区擎芹勤莲荔莉蕾勒劳蓝莱葵匡苦恐苛勘菌巨菊鞠敬警茎荆靳芥藉戒节蕉匠蒋荐茧荚蓟基惑或获荤茄切翘鞘巧蔷其七欺期蒲菩葡莆萍苹匹蓬藕殴鸥欧孽蔫匿慕募幕暮墓某莫蘑摹蔑藐苗蒙萌茂茅莽茫芒蔓落萝芦菱黄荒划花葫菏荷邯菇苟共贡汞巩恭功攻工葛革戈甘芬匪菲芳范藩贰董东蒂荡葱茨臣茶茬草藏苍蔡菜菠鞭蔽蓖苯薄苞靶芭鞍艾蔼',

package/dist/components/static/css/index.css

@@ -41,6 +41,40 @@
 
 
 
+.hospital-charge-select[data-v-ffb2d000] {
+  width: 100%;
+}
+.hospital-charge-select .input[data-v-ffb2d000] .el-input__inner {
+  cursor: pointer !important;
+}
+[data-v-ffb2d000] .hospital-charge-select-popover {
+  max-height: var(--5aebc6cb);
+  padding: 0;
+  z-index: 9999 !important;
+}
+[data-v-ffb2d000] .hospital-charge-select-popover .popover-content {
+  width: 100%;
+  height: 100%;
+  max-height: var(--5aebc6cb);
+}
+[data-v-ffb2d000] .hospital-charge-select-popover .el-table__row.cursor-not-allowed {
+  color: #c0c4cc;
+  cursor: not-allowed !important;
+  background-color: #f5f7fa !important;
+}
+[data-v-ffb2d000] .hospital-charge-select-popover .el-table__row.cursor-not-allowed td {
+  background-color: #f5f7fa !important;
+}
+[data-v-ffb2d000] .hospital-charge-select-popover .el-table__row.cursor-not-allowed:hover > td {
+  background-color: #f5f7fa !important;
+}
+.hospital-charge-select-popover {
+  margin-bottom: 8px !important;
+}
+.hospital-charge-select-popover {
+  margin-top: 8px !important;
+}
+
 
 
 

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export * from './components/print/index.ts';
 export * from './components/invoice/index.ts';
 export * from './components/table-select';
 export { Title } from './components/title';
-export { DictSelect, FlagSelect, HospitalSelect, TagSelect, UserSelect, BizUnitSelect, DepartmentSelect, WardSelect, } from './components/biz-select';
+export { DictSelect, FlagSelect, HospitalSelect, TagSelect, UserSelect, BizUnitSelect, DepartmentSelect, WardSelect, HospitalChargeSelect, } from './components/biz-select';
 export type { TagGroupInfo } from './components/biz-select';
 export { CopyTextWithTooltip } from './components/copy-text-with-tooltip';
 export { FormDesignRender } from './components/form-design-render';

package/dist/index.js

@@ -4869,7 +4869,8 @@ const patient_accessvue_type_script_setup_true_lang_ts_hoisted_1 = {
                 searchValue: inputValue.value,
                 indexTypeCode: cardInfo?.indexTypeCode ? cardInfo?.indexTypeCode : data.indexTypeCode,
                 indexNo: data.indexTypeCode && !cardInfo?.indexNo ? inputValue.value : cardInfo?.indexNo,
-                pageNumber: pageNumber.value
+                pageNumber: pageNumber.value,
+                menuId: __props.menuId
             });
             searchLoading.value = false;
             if (res?.data) {
@@ -8015,11 +8016,13 @@ const user_select_exports_ = user_selectvue_type_script_setup_true_lang_ts_name_
  * @param params
  * @returns
  */ const queryBizUnitList = (params)=>(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_request__.dictRequest)('/organization/queryBizUnitListByExample', params);
-/*
+// 全局事件：用于关闭其他实例的 popover
+const CLOSE_OTHER_POPOVERS_EVENT = 'biz-unit-select:close-others'; /*
   96-10014-1 业务单元选择组件
   1、调用“1-10516-1 根据条件查询业务单元列表”传入“启用标志=1、关键字、医院标识=入参：医院标识、科室类型代码集合、就诊类型代码”查询业务单元列表
   2、展示列包括“组织类型、编码、名称”
-*/ /* ESM default export */ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
+*/ 
+/* ESM default export */ const biz_unit_selectvue_type_script_lang_tsx_name_BizUnitSelect_setup_true = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
     __name: 'index',
     props: {
         keyWord: {},
@@ -8047,6 +8050,8 @@ const user_select_exports_ = user_selectvue_type_script_setup_true_lang_ts_name_
         });
         const selectProps = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(props.selectProps || {});
         const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
+        const instance = (0, __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance)();
+        const componentId = instance?.uid || Math.random(); // 唯一标识当前组件实例
         const tableRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
         const selectRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
         const popoverRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
@@ -8260,6 +8265,12 @@ const user_select_exports_ = user_selectvue_type_script_setup_true_lang_ts_name_
         const handleFocus = ()=>{
             setTimeout(()=>{
                 if (clearing.value) return;
+                 // 通知其他实例关闭 popover
+                window.dispatchEvent(new CustomEvent(CLOSE_OTHER_POPOVERS_EVENT, {
+                    detail: {
+                        componentId
+                    }
+                }));
                 popoverVisible.value = true;
             }, 100);
         };
@@ -8310,15 +8321,27 @@ const user_select_exports_ = user_selectvue_type_script_setup_true_lang_ts_name_
             selectedValue.value = items.map((row)=>row.label || row.orgNameDisplay);
             handleChange();
         };
-        const handlePopoverShow = ()=>{};
+        const handlePopoverShow = ()=>{
+            window.dispatchEvent(new CustomEvent(CLOSE_OTHER_POPOVERS_EVENT, {
+                detail: {
+                    componentId
+                }
+            }));
+        }; // 监听其他实例的关闭事件
+        const handleCloseOtherPopovers = (event)=>{
+            const customEvent = event;
+            if (customEvent.detail?.componentId !== componentId) popoverVisible.value = false;
+        };
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
             document.removeEventListener('keydown', handleKeydown, true);
             if (props.multiSelectFlag) document.removeEventListener('click', handleClickOutside);
+            window.removeEventListener(CLOSE_OTHER_POPOVERS_EVENT, handleCloseOtherPopovers);
         });
         const fetchData = async (data)=>{
             await getBizUnitList(data);
         };
         (0, __WEBPACK_EXTERNAL_MODULE_vue__.onMounted)(()=>{
+            window.addEventListener(CLOSE_OTHER_POPOVERS_EVENT, handleCloseOtherPopovers);
             (0, __WEBPACK_EXTERNAL_MODULE_vue__.nextTick)(async ()=>{
                 if (attrs.modelValue && Array.isArray(props.defaultValue) && props.defaultValue?.length) {
                     if (props.multiSelectFlag) selectedValue.value = props.defaultValue.map((item)=>item.label || item.orgNameDisplay);
@@ -9314,6 +9337,423 @@ const department_select_exports_ = department_selectvue_type_script_setup_true_l
 });
 const ward_select_exports_ = ward_selectvue_type_script_setup_true_lang_tsx_name_WardSelect;
 /* ESM default export */ const ward_select = ward_select_exports_;
+/**
+ * [1-10147-1] 根据条件查询医院的收费项目列表(业务态)
+ * 是否分页	Y
+ * @param params
+ * @returns
+ */ const queryHospitalChargeItemListByExample = (params)=>(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_request__.dictRequest)('/chargeItem/queryHospitalChargeItemListByExample', params);
+const hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_hoisted_1 = {
+    class: "hospital-charge-select"
+};
+const hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_hoisted_2 = {
+    class: "popover-content"
+};
+// 全局事件：用于关闭其他实例的 popover
+const hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_CLOSE_OTHER_POPOVERS_EVENT = 'hospital-charge-select:close-others';
+/* ESM default export */ const hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect = /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent)({
+    __name: 'index',
+    props: /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeModels)({
+        hospitalId: {},
+        encounterTypeCode: {},
+        priceAt: {},
+        size: {
+            default: 'default'
+        },
+        immediate: {
+            type: Boolean,
+            default: false
+        },
+        popoverWidth: {
+            default: 1000
+        }
+    }, {
+        modelValue: {},
+        modelModifiers: {}
+    }),
+    emits: /*@__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_vue__.mergeModels)([
+        "change"
+    ], [
+        "update:modelValue"
+    ]),
+    setup (__props, { expose: __expose, emit: __emit }) {
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.useCssVars)((_ctx)=>({
+                "2f25a0af": dynamicMaxHeight.value + "px"
+            }));
+        const model = (0, __WEBPACK_EXTERNAL_MODULE_vue__.useModel)(__props, "modelValue");
+        const props = __props;
+        const emit = __emit;
+        const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
+        const instance = (0, __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance)();
+        const componentId = instance?.uid || Math.random(); // 唯一标识当前组件实例
+        const popoverRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
+        const inputSearchRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
+        const tableRef = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
+        const popoverVisible = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(false);
+        const inputValue = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)('');
+        const loading = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(false);
+        const tableData = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)([]);
+        const currentRow = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)();
+        const currentRowIndex = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(0);
+        const dynamicMaxHeight = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(300); // 表格列配置
+        const columns = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>[
+                {
+                    type: 'index',
+                    label: '序号',
+                    width: 60,
+                    align: 'center'
+                },
+                {
+                    prop: 'commodityNo',
+                    label: '编码',
+                    width: 120,
+                    showOverflowTooltip: true
+                },
+                {
+                    prop: 'commodityNameDisplay',
+                    label: '名称',
+                    minWidth: 350,
+                    showOverflowTooltip: true,
+                    render: (row)=>{
+                        const hasPrice = null !== row.price && void 0 !== row.price;
+                        if (!hasPrice) return (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("div", null, [
+                            (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("span", null, [
+                                row.commodityNameDisplay
+                            ]),
+                            (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-text"), {
+                                type: "danger",
+                                style: "margin-left: 8px;"
+                            }, {
+                                default: ()=>[
+                                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent)("el-icon"), null, {
+                                            default: ()=>[
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)(__WEBPACK_EXTERNAL_MODULE__element_sun_icons_vue__.InfoFilled, null, null)
+                                                ]
+                                        }),
+                                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode)("\u5F53\u524D\u6536\u8D39\u9879\u76EE\u7684\u4EF7\u683C\u6709\u8BEF\uFF0C\u65E0\u6CD5\u9009\u62E9\uFF01")
+                                    ],
+                                _: 1
+                            })
+                        ]);
+                        return (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("span", null, [
+                            row.commodityNameDisplay
+                        ]);
+                    }
+                },
+                {
+                    prop: 'commoditySpec',
+                    label: '规格',
+                    width: 100,
+                    showOverflowTooltip: true,
+                    render: (row)=>(0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("span", null, [
+                            row.commoditySpec || '--'
+                        ])
+                },
+                {
+                    prop: 'price',
+                    label: '价格',
+                    minWidth: 80,
+                    render: (row)=>{
+                        const hasPrice = null !== row.price && void 0 !== row.price;
+                        if (hasPrice) return (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("span", null, [
+                            row.price.toFixed(2)
+                        ]);
+                        return (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)("span", null, [
+                            (0, __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode)("--")
+                        ]);
+                    }
+                },
+                {
+                    prop: 'unitName',
+                    label: '单位',
+                    width: 60,
+                    align: 'center'
+                }
+            ]); // 判断行是否可选择（价格有效才能选择）
+        const isRowSelectable = (row)=>null !== row.price && void 0 !== row.price; // 获取行的class名称（用于置灰不可选择的行）
+        const getRowClassName = ({ row })=>{
+            if (!isRowSelectable(row)) return 'cursor-not-allowed !bg-gray-100 text-gray-300';
+            return 'cursor-pointer';
+        }; // 查询收费项目列表
+        const fetchChargeItems = async (keyword)=>{
+            if (!props.hospitalId || !props.priceAt) {
+                console.warn('hospitalId and priceAt are required');
+                return;
+            }
+            loading.value = true;
+            try {
+                const params = {
+                    hospitalId: props.hospitalId,
+                    priceAt: props.priceAt,
+                    keyWord: keyword || void 0,
+                    encounterTypeCode: props.encounterTypeCode
+                };
+                const [error, result] = await queryHospitalChargeItemListByExample(params);
+                if (!error && result) {
+                    tableData.value = result.data || [];
+                    currentRowIndex.value = -1;
+                    tableRef.value?.proTableRef?.setCurrentRow?.(void 0);
+                } else tableData.value = [];
+            } catch (error) {
+                console.error('Failed to fetch hospital charge items:', error);
+                tableData.value = [];
+            } finally{
+                loading.value = false;
+            }
+        }; // 处理输入框输入
+        const handleInput = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.debounce)(async function(v) {
+            await fetchChargeItems(v);
+            popoverVisible.value = true;
+        }, 500); // 处理行点击
+        const handleRowClick = (row)=>{
+            if (!isRowSelectable(row)) {
+                __WEBPACK_EXTERNAL_MODULE_element_sun__.ElMessage.warning('当前收费项目价格有误，无法选择！');
+                return;
+            } // 如果点击的是当前已选中的行，则取消选择
+            if (currentRow.value && row.hospitalCommodityId === currentRow.value.hospitalCommodityId) {
+                currentRow.value = void 0;
+                model.value = void 0;
+                tableRef.value?.proTableRef?.setCurrentRow(void 0); // 清空时，先 emit 事件再关闭 popover
+                emit('change', void 0);
+            } else {
+                currentRow.value = row;
+                model.value = row; // 选择时，先 emit 事件再关闭 popover
+                emit('change', row);
+            } // 单选模式下选择后关闭popover
+            popoverVisible.value = false;
+        }; // 计算动态最大高度
+        const calculateDynamicMaxHeight = ()=>{
+            const input = inputSearchRef.value?.$el;
+            if (!input) return 300;
+            const inputRect = input.getBoundingClientRect();
+            const viewportHeight = window.innerHeight;
+            const padding = 32; // 上下padding总和
+            // 计算下方和上方的可用空间
+            const spaceBelow = viewportHeight - inputRect.bottom - padding;
+            const spaceAbove = inputRect.top - padding; // 取两者中较大的一个，但不超过400px，不小于200px
+            const availableSpace = Math.max(spaceBelow, spaceAbove);
+            const maxHeight = Math.min(Math.max(availableSpace, 200), 400);
+            dynamicMaxHeight.value = Math.floor(maxHeight);
+        }; // 切换popover显示
+        const toggleVisible = ()=>{
+            window.dispatchEvent(new CustomEvent(hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_CLOSE_OTHER_POPOVERS_EVENT, {
+                detail: {
+                    componentId
+                }
+            })); // 计算动态高度
+            calculateDynamicMaxHeight();
+            popoverVisible.value = true;
+            if (popoverVisible.value) fetchChargeItems(inputValue.value);
+        }; // 点击外部关闭popover
+        const handleClickOutside = (e)=>{
+            if (e.target === inputSearchRef.value?.$el) return;
+            popoverVisible.value = false;
+        }; // 重置
+        const reset = ()=>{
+            inputValue.value = '';
+            model.value = void 0;
+            currentRow.value = void 0;
+            tableData.value = [];
+        }; // 清空输入
+        const handleClear = ()=>{
+            reset();
+            emit('change', void 0);
+        }; // 滚动到当前选中行
+        const scrollToCurrentRow = ()=>{
+            setTimeout(()=>{
+                if (currentRowIndex.value < 0) return;
+                try {
+                    const tableElement = tableRef.value?.proTableRef?.$el;
+                    if (!tableElement) return; // 查找当前高亮的行
+                    const currentRowElement = tableElement.querySelector('.el-table__body tr.current-row');
+                    if (!currentRowElement) return; // 使用 scrollIntoView 方法滚动到当前行
+                    currentRowElement.scrollIntoView({
+                        block: 'nearest',
+                        behavior: 'smooth'
+                    });
+                } catch (error) {
+                    console.error('Error scrolling to current row:', error);
+                }
+            }, 100);
+        }; // 键盘事件
+        const handleKeydown = (e)=>{
+            if (!tableData.value.length || !popoverVisible.value) return;
+            if ('ArrowDown' === e.key) {
+                e.preventDefault(); // 向下查找下一个可选择的行
+                let nextIndex = currentRowIndex.value + 1;
+                while(nextIndex < tableData.value.length){
+                    if (isRowSelectable(tableData.value[nextIndex])) {
+                        currentRowIndex.value = nextIndex;
+                        tableRef.value?.proTableRef?.setCurrentRow(tableData.value[nextIndex]);
+                        scrollToCurrentRow();
+                        break;
+                    }
+                    nextIndex++;
+                }
+            } else if ('ArrowUp' === e.key) {
+                e.preventDefault(); // 向上查找上一个可选择的行
+                let prevIndex = currentRowIndex.value - 1;
+                while(prevIndex >= 0){
+                    if (isRowSelectable(tableData.value[prevIndex])) {
+                        currentRowIndex.value = prevIndex;
+                        tableRef.value?.proTableRef?.setCurrentRow(tableData.value[prevIndex]);
+                        scrollToCurrentRow();
+                        break;
+                    }
+                    prevIndex--;
+                }
+            } else if ('Enter' === e.key && currentRowIndex.value >= 0) {
+                e.preventDefault();
+                const row = tableData.value[currentRowIndex.value];
+                handleRowClick(row);
+            }
+        }; // 监听popover显示状态，管理键盘事件监听器
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(()=>popoverVisible.value, (val)=>{
+            if (val) document.addEventListener('keydown', handleKeydown, true);
+            else document.removeEventListener('keydown', handleKeydown, true);
+        }); // 监听其他实例的关闭事件
+        const handleCloseOtherPopovers = (event)=>{
+            const customEvent = event;
+            if (customEvent.detail?.componentId !== componentId) popoverVisible.value = false;
+        }; // 根据ID获取收费项目详情（用于回显）
+        const fetchItemById = async (hospitalCommodityId)=>{
+            if (!props.hospitalId || !props.priceAt) {
+                console.warn('hospitalId and priceAt are required for fetching item details');
+                return;
+            }
+            try {
+                const params = {
+                    hospitalId: props.hospitalId,
+                    priceAt: props.priceAt,
+                    hospitalCommodityIds: [
+                        hospitalCommodityId
+                    ],
+                    encounterTypeCode: props.encounterTypeCode
+                };
+                const [error, result] = await queryHospitalChargeItemListByExample(params);
+                if (!error && result?.data && result.data.length > 0) {
+                    const item = result.data[0]; // 更新model为完整数据
+                    model.value = item;
+                    currentRow.value = item;
+                    inputValue.value = item.commodityNameDisplay || '';
+                }
+            } catch (error) {
+                console.error('Failed to fetch hospital charge item by id:', error);
+            }
+        }; // 监听model变化，更新输入框显示
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(()=>model.value, (newValue)=>{
+            if (newValue) {
+                if (newValue.commodityNameDisplay) {
+                    inputValue.value = newValue.commodityNameDisplay;
+                    currentRow.value = newValue;
+                } else if (newValue.hospitalCommodityId) fetchItemById(newValue.hospitalCommodityId);
+            } else {
+                inputValue.value = '';
+                currentRow.value = void 0;
+            }
+        }, {
+            immediate: true
+        }); // 监听窗口大小变化和滚动事件，重新计算动态高度
+        const handleResize = ()=>{
+            if (popoverVisible.value) calculateDynamicMaxHeight();
+        }; // 组件挂载时如果immediate为true则立即查询
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.onMounted)(()=>{
+            window.addEventListener(hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_CLOSE_OTHER_POPOVERS_EVENT, handleCloseOtherPopovers); // 监听窗口大小变化和滚动
+            window.addEventListener('resize', handleResize);
+            window.addEventListener('scroll', handleResize, true);
+            if (props.immediate) fetchChargeItems();
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
+            document.removeEventListener('keydown', handleKeydown, true);
+            window.removeEventListener(hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_CLOSE_OTHER_POPOVERS_EVENT, handleCloseOtherPopovers);
+            window.removeEventListener('resize', handleResize);
+            window.removeEventListener('scroll', handleResize, true);
+        });
+        __expose({
+            reset,
+            fetchChargeItems,
+            tableRef,
+            popoverRef
+        });
+        return (_ctx, _cache)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)("div", hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_hoisted_1, [
+                (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElInput), {
+                    ref_key: "inputSearchRef",
+                    ref: inputSearchRef,
+                    modelValue: inputValue.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>inputValue.value = $event),
+                    class: "input",
+                    "prefix-icon": "Search",
+                    size: _ctx.size,
+                    placeholder: "请输入搜索内容",
+                    clearable: "",
+                    onKeydownCapture: _cache[1] || (_cache[1] = (0, __WEBPACK_EXTERNAL_MODULE_vue__.withKeys)((0, __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers)(()=>{}, [
+                        "prevent"
+                    ]), [
+                        "enter"
+                    ])),
+                    onClickCapture: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers)(toggleVisible, [
+                        "prevent"
+                    ]),
+                    onInput: (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(handleInput),
+                    onClear: handleClear
+                }, null, 8, [
+                    "modelValue",
+                    "size",
+                    "onInput"
+                ]),
+                (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ElPopover), {
+                    ref_key: "popoverRef",
+                    ref: popoverRef,
+                    width: _ctx.popoverWidth,
+                    visible: popoverVisible.value,
+                    "virtual-ref": inputSearchRef.value,
+                    "virtual-triggering": "",
+                    teleported: true,
+                    "popper-class": "hospital-charge-select-popover",
+                    placement: "top"
+                }, {
+                    default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
+                            (0, __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives)(((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)("div", hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect_hoisted_2, [
+                                (0, __WEBPACK_EXTERNAL_MODULE_vue__.createVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(pro_table), {
+                                    ref_key: "tableRef",
+                                    ref: tableRef,
+                                    columns: columns.value,
+                                    data: tableData.value,
+                                    loading: loading.value,
+                                    "max-height": dynamicMaxHeight.value,
+                                    "row-key": 'hospitalCommodityId',
+                                    "highlight-current-row": true,
+                                    "row-class-name": getRowClassName,
+                                    onRowClick: handleRowClick
+                                }, null, 8, [
+                                    "columns",
+                                    "data",
+                                    "loading",
+                                    "max-height"
+                                ])
+                            ])), [
+                                [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(__WEBPACK_EXTERNAL_MODULE_element_sun__.ClickOutside),
+                                    handleClickOutside
+                                ]
+                            ])
+                        ]),
+                    _: 1
+                }, 8, [
+                    "width",
+                    "visible",
+                    "virtual-ref"
+                ])
+            ]));
+    }
+});
+const hospital_charge_select_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(hospital_charge_selectvue_type_script_setup_true_lang_tsx_name_HospitalChargeSelect, [
+    [
+        '__scopeId',
+        "data-v-ffb2d000"
+    ]
+]);
+/* ESM default export */ const hospital_charge_select = hospital_charge_select_exports_;
 const FormUnitvue_type_script_setup_true_lang_ts_name_formUnit_hoisted_1 = {
     key: 1,
     class: "overflow-hidden"
@@ -12523,4 +12963,4 @@ const form_design_render_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(f
 ]);
 /* ESM default export */ const form_design_render = form_design_render_exports_;
 /** components **/ /** hooks ** */ var __webpack_exports__COMPONENT_CODE = __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.COMPONENT_CODE;
-export { utils_AVATAR_TYPE_CODE as AVATAR_TYPE_CODE, access_info as AccessInfo, BANNER_COMPONENT_CONFIG, BannerInfo, biz_unit_select as BizUnitSelect, copy_text_with_tooltip as CopyTextWithTooltip, constant_DATA_SOURCE_CONTENT_TYPE_CODE as DATA_SOURCE_CONTENT_TYPE_CODE, dbgrid_component_setting as DbgridComponentSetting, department_select as DepartmentSelect, dict_select as DictSelect, dml_button as DmlButton, flag_select as FlagSelect, form_design_render as FormDesignRender, FormUnit, hospital_select as HospitalSelect, keyboard_value as KeyboardValue, use_app_config_MAIN_APP_CONFIG as MAIN_APP_CONFIG, patient_access as PatientAccess, PatientInfo, printReceiptBtn as PrintReceiptBtn, pro_avatar as ProAvatar, pro_dialog as ProDialog, pro_form as ProForm, invoice as ProInvoice, pro_table as ProTable, pro_table_v2 as ProTableV2, table_select as TableSelect, types_TableSelectMode as TableSelectMode, tag_select as TagSelect, Title, user_select as UserSelect, ward_select as WardSelect, convertToSpellNo, convertToWbNo, createShortcutDirective, debounce, decimalCount, findKeyCommandConfig, formatDecimalNumber, getSystemTime, isNumber, print, queryDataSetByCodeSystemCodes, queryParamListByNos, use_app_config as useAppConfigData, useColumnConfig, useDataChangeDetector, useDirectionKey, use_direction_select as useDirectionSelect, useEditableTable, use_fetch_dataset as useFetchDataset, useFetchParams, useFetchSystemTime, useFormConfig, usePrintReceipt, use_request as useRequest, __webpack_exports__COMPONENT_CODE as COMPONENT_CODE };
+export { utils_AVATAR_TYPE_CODE as AVATAR_TYPE_CODE, access_info as AccessInfo, BANNER_COMPONENT_CONFIG, BannerInfo, biz_unit_select as BizUnitSelect, copy_text_with_tooltip as CopyTextWithTooltip, constant_DATA_SOURCE_CONTENT_TYPE_CODE as DATA_SOURCE_CONTENT_TYPE_CODE, dbgrid_component_setting as DbgridComponentSetting, department_select as DepartmentSelect, dict_select as DictSelect, dml_button as DmlButton, flag_select as FlagSelect, form_design_render as FormDesignRender, FormUnit, hospital_charge_select as HospitalChargeSelect, hospital_select as HospitalSelect, keyboard_value as KeyboardValue, use_app_config_MAIN_APP_CONFIG as MAIN_APP_CONFIG, patient_access as PatientAccess, PatientInfo, printReceiptBtn as PrintReceiptBtn, pro_avatar as ProAvatar, pro_dialog as ProDialog, pro_form as ProForm, invoice as ProInvoice, pro_table as ProTable, pro_table_v2 as ProTableV2, table_select as TableSelect, types_TableSelectMode as TableSelectMode, tag_select as TagSelect, Title, user_select as UserSelect, ward_select as WardSelect, convertToSpellNo, convertToWbNo, createShortcutDirective, debounce, decimalCount, findKeyCommandConfig, formatDecimalNumber, getSystemTime, isNumber, print, queryDataSetByCodeSystemCodes, queryParamListByNos, use_app_config as useAppConfigData, useColumnConfig, useDataChangeDetector, useDirectionKey, use_direction_select as useDirectionSelect, useEditableTable, use_fetch_dataset as useFetchDataset, useFetchParams, useFetchSystemTime, useFormConfig, usePrintReceipt, use_request as useRequest, __webpack_exports__COMPONENT_CODE as COMPONENT_CODE };

package/dist/static/css/index.css

@@ -21,6 +21,40 @@
 
 
 
+.hospital-charge-select[data-v-ffb2d000] {
+  width: 100%;
+}
+.hospital-charge-select .input[data-v-ffb2d000] .el-input__inner {
+  cursor: pointer !important;
+}
+[data-v-ffb2d000] .hospital-charge-select-popover {
+  max-height: var(--5aebc6cb);
+  padding: 0;
+  z-index: 9999 !important;
+}
+[data-v-ffb2d000] .hospital-charge-select-popover .popover-content {
+  width: 100%;
+  height: 100%;
+  max-height: var(--5aebc6cb);
+}
+[data-v-ffb2d000] .hospital-charge-select-popover .el-table__row.cursor-not-allowed {
+  color: #c0c4cc;
+  cursor: not-allowed !important;
+  background-color: #f5f7fa !important;
+}
+[data-v-ffb2d000] .hospital-charge-select-popover .el-table__row.cursor-not-allowed td {
+  background-color: #f5f7fa !important;
+}
+[data-v-ffb2d000] .hospital-charge-select-popover .el-table__row.cursor-not-allowed:hover > td {
+  background-color: #f5f7fa !important;
+}
+.hospital-charge-select-popover {
+  margin-bottom: 8px !important;
+}
+.hospital-charge-select-popover {
+  margin-top: 8px !important;
+}
+
 .input[data-v-9f70929c] .el-input__inner {
   cursor: pointer !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sun-biz",
-  "version": "0.0.4-beta.43",
+  "version": "0.0.4-beta.44",
   "type": "module",
   "workspaces": [
     "src/*",