技能介绍

解决什么问题

医疗信息系统往往运行在遗留技术栈上：jQuery、easyui，以及大量围绕后台方法搭建的表单、表格和树形界面。直接用 $.ajax 手写请求和渲染，会让 CRUD 页面迅速变得难以维护。HISUI 在 easyui 1.5+ 上做了二次封装，目标是让开发者用一致的声明式写法初始化组件，并通过统一的数据访问层调用后台方法或 Query，而不是为每个页面重复拼接底层调用。

技能如何工作

这个技能按“框架约定 + 组件参考”的方式组织。它会先说明 HISUI 的依赖结构：页面需要引入 jQuery 1.11.3+、jquery.hisui.min.js、hisui.min.css 和 hisui-lang-zh_CN.js，再依次加载 websys.jquery.js 才能使用 $cm 和 $m 数据访问。组件初始化支持两种风格：推荐的 HTML 声明式写法使用 hisui-* class 和 data-options；JavaScript 编程式写法则沿用 easyui 方法，例如 $('#id').datagrid({...}) 与 $HUI.datagrid('#id', {...}) 等价。

数据访问部分把返回结果分成两类：$cm 返回自动解析后的 JSON 对象，适合后台返回结构化数据；$m 返回纯文本字符串，适合非 JSON 文本响应。参数如 ClassName、QueryName、ResultSetType、totalFields、type 等在 references/基础-数据访问.md 中说明。技能还会索引常用组件的参考文件，覆盖基础方法、图标、布局、表单控件、datagrid/tree/treegrid、窗口和 messager，以及 lookup 放大镜等组件。编写具体 UI 时，可以按索引进入对应文档查看属性表、事件、方法和代码示例。

适用边界与注意点

这套技能适用于医疗信息系统、管理系统和数据录入系统，尤其适合已经使用 jQuery 1.11.3 和 easyui 的项目。使用前要确认页面资源加载顺序正确，并注意 HISUI 基于旧版 jQuery，版本兼容性会影响运行结果。表格大数据量场景应配合 pagination:true，不要依赖一次性渲染；必填项用 required:true 加 validType 校验；耗时操作可用 $.messager.progress 反馈，操作完成后再用 $.messager.alert 或 $.messager.show 提示。组件命名遵循固定规则：组件 class 使用 hisui- 前缀，图标 class 使用 icon-w- 前缀；按钮色系也按语义区分，如 .green 表示通过、.red 表示拒绝或删除。lookup 虽然是下拉表格，但它继承自 comboq 与 datagrid，不是 combogrid，输入即搜索还需要配置 isCombo:true 和 minQueryLen。references 目录下的文档来自原始官方说明，代码示例中偶尔出现测试用 console.log 属于正常现象。