慧表查询设计

针对查询模板，网页布局使用慧表查询设计功能，通过布局管理、元素组管理和组件的结合设计出多功能且画面内容丰富的查询界面。

布局管理

1，创建布局名称，可设置画布宽高，渲染模式，纵向溢出，间距等；

-画布宽高：查询界面的大小；
-渲染模式：可选择单屏或自适应，自适应可设置最大渲染宽度来限定布局界面的大小，一般用单屏；
-间距：组与组之前的间距大小；
-自定义命令：将一系列复杂的执行公式串或执行命令，封装成一个用户可随意命名、一键触发的快捷指令，其核心作用是将高频、重复或复杂的操作流程自动化、简易化，从而大幅提升工作效率。
-自定义色卡：自定义色卡的本质，是将品牌色彩规范固化为可全局调用的统一资源，确保软件界面从风格到体验都保持高度一致，并大幅提升设计与协作效率。可将自己定义好的色卡导出配置，做为以后设计模板的样例色卡，同时也可导入已经定义好的色卡模板，方便统一风格和使用。

2，布局界面中的方块是元素组构成的行列矩阵，根据你的界面需求调整大小。

-行跨度：可设置跨多行和多列来控制元素组的界面范围；
-列跨度：可设置跨多行和多列来控制元素组的界面范围；
-选择绑定：可选择需要绑定的元素组名称；
-圆角：可设置定义好的组的4外角的弧度，优化视角体验；
-边框大小：可设置元素组的边框大小，配合下面的边框颜色和阴影颜色使用；
-边框颜色：配合上面的边框大小，设置边框颜色；
-阴影颜色：配合上面的边框大小，设置阴影颜色；
-按右键可以调出右键菜单，可合并拆分单元格，添加行列，删除行列，固定行高列宽；

3，元素组管理

-创建元素组：可拖拽左侧组件到布局里，设置布局界面的组边距和相应颜色；
-布局类型：可选择流式布局和网格布局，根据你的设计风格选择；
-纵向溢出：选择裁剪时，当元素组的内容超出布局时，将不显示超出部分；选择自动时，会自己调整布局内容；
-组边距：左上角和元素间的距离；
-行设置：可自定义每个元素的行高，先元素间距，行顶部间距，行底啊间距；
-背景色，渐变色：设置布局的背景色和渐变色；

4，组件：

现在可以向元素组中添加需要的组件，通过组件的选择完成你的设计；
基础字段:
-文本：显示文本内容，可绑定指定的字段，但不能输入和编辑；
-输入框：可绑定指定字段，控制字段禁止编辑，文本类型有文本和密码，输入密码的方式可用此组件；
-图片：可绑定图片字段，也可以用图片链接；
-下拉选择：可绑定指定了下拉方式的字段，功能参考桌面版设计器的下拉方式；
-复选框：可绑定指定了复选框的字段，功能参考桌面版设计器的复选框；
-树形：可绑定指定了树形的字段，功能参考桌面版设计器的树形；
-列表：可绑定指定了列表的字段，功能参考桌面版设计器的列表；
-输入框+树：可绑定指定了树形的字段，功能参考桌面版设计器的树形，选择的结果会显示在输入框中；
-按钮：通过绑定事件可以绑定已经在布局管理中设置好的自定义命令或是系统按钮；
-开关：可绑定指定了单选框的字段，功能参考桌面版设计器的单选框；
-日期选择：可绑定指定了日期默认规范的字段，功能参考桌面版设计器的日期；
-二维码：可绑定指定了二维码的字段，功能参考桌面版设计器的二维码；
-条形码：可绑定指定了二维码的字段，功能参考桌面版设计器的二维码；
-装饰条：可做为标题头名称或是明细表名称使用，或者划分各组件
-进度条：可绑定指定了进度相关的字段，比如完成进度1-100；显示进度条状态。
-占位：只用于占用位置，没有任何其他意义。
-标签列表：带标签的列表形式，可通过绑定明细表的自选框字段选择需要的字段，联动图表组件一起使用。

明细表：
-普通明细：可绑定模板中的明细表，并根据需求绑定指定字段显示在明细表中。
-交叉表：可绑定模板中的交叉表，并根据需求绑定指定字段显示在明细表中。

布局组件：
-标签页：标签页就像一本“书里的活页夹”，让你在一个窗口内同时打开多个“页面”，并可以快速切换。
-卡片：卡片是将一组相关的信息（文字、图片、按钮）打包在一个圆角矩形容器中，作为一个独立、可操作的信息单元，可在网络布局中使用；
-列容器：列容器是一种垂直的布局结构，用于将界面内容按列进行划分和排列，实现信息的并排展示和空间的高效利用。

图表组件：
-柱状&折线图：参考EXCEL的柱状图和折线图基础功能，在数据绑定中选择数据源（模块中的明细表），并在字段绑定中指定字段，选中的字段数据会在柱状&折线图在展示出来：