其他场景与问题说明

配置步骤

1. 需拖出一个两列的行布局，将列的比例设为3：9，或用边栏布局；

2. 在左侧列拖入清单表、右侧列拖入明细表；

3. 最后在明细表的数据源业务主键配置表达式取点击行的数据，表达式写法为：$components.table_code.clickedRow.mainkey，其中table_code为点击的表格控件编码，mainkey为业务主键编码;

配置步骤

1. 拖入步骤条和表单控件；

2. 在表单的禁用中配置表达式，当步骤的值等于2时禁用$components.step_SbV2.value==2，如图所示

另外，也可以配置不同步骤填写的内容不同，如下图所示：

• 在“创建账户”步骤填写账号、密码、手机号信息：

• 点击下一步，在“填写身份信息”步骤填写姓名、身份证、出生日期信息：

配置步骤：

• 在表单中拖入所有要填写的控件；

• 在账号、密码、手机号控件配置表达式：当步骤条的值不等于1的时候隐藏；

• 在姓名、身份证、出生日期控件配置表达式：当步骤条不等于2的时候隐藏；

• 在下一步按钮配置修改步骤条控件值的事件动作；

配置步骤

1. 拖出一个多标签页控件，配置所需的标签页，并开启面包屑模式；

2. 配置切换标签页的事件与动作。例如在第一页的图表点击时配置控件值修改事件。目标控件选择多标签页，赋值为配置所需切换的标签页的控件编码（多标签页的value即为其当前页签，与步骤条类似）

业务场景

根据订单号或订单状态查询火车订单相关信息。点击清单表行数据可跳转至对应详情页面。

配置步骤

1、从控件栏财务分类中将清单表V1.2控件拖拽到画布上，选择清单表即可。

2、拖拽文本框/选择框/日期等输入控件至画布中，清单表V1.2属性中联动参数配置如下：

({
    "oder_id": $components.input_X0fE.value,
    "status": $components.status_select_AC90.value,
    "start_time": $components.date_picker_q3RK.value,
    "arrive_time": $components.date_range_picker_tVO0.value
})

** 联动参数说明：**

• 格式为”key”:value，其中key为清单表1.2筛选字段（POV）的别名，value为ux输入控件的值；

• 不用配查询按钮，默认就是页面加载+参数变化自动执行

以"oder_id": $components.input_X0fE.value为例：

order_id为清单表1.2pov订单号的别名

$components.input_X0fE.value 为ux界面订单号文本框控件的值，其中input_X0fE为文本框控件编码

3、使用视图切换筛选器，清单表V1.2根据筛选器条件自动过滤查询对应数据，此时可把清单表pov对应字段隐藏。

4、点击行：清单表中添加“点击行”事件，跳转内部页面，目标页面为火车订单详情页，跳转参数为表达式$components.deep_element_list_table_vCrJ.clickedRow.oder_id，其中deep_element_list_table_vCrJ为清单表V1.2控件的编码，order_id为原清单表V1.2展示列字段别名

注意，详情页中需配置页面变量order_id,数据源业务主键取UX变量order_id

配置完成后使用视图，点击UX中清单表行数据，即可跳转至详情页面。

业务场景

UX已经提供了预置的指标卡控件，但可能仍需要更自定义的指标卡配置形式。因此在此补充一个通过UX底层功能配置指标卡片的示例，可通过选择不同的月份、罐身类型、销售实体等条件，以指标卡的形式显示对应的销售收入。

配置思路

上图指标卡的结构是： 配置指标卡大部分是对样式的配置和微调，但其中的核心逻辑是指标值的取数逻辑，且需要根据选择的条件指标值动态变化。在第一个场景我们知道了如何根据选择的条件进行查数，那么对于指标来说本身是用一个文本来显示，而文本的内容需要获取查到数据。 例如：我们可以通过年份：2022，月份：一月，罐身类型：A330_，销售实体：宝翼制罐从财务模型获取到唯一确定的数据data，对于指标值来说则需要获取这个data。

配置步骤

1、首先同第一个场景一样，需配置年份、月份、罐身类型、销售实体作为财务模型数据源的查询条件，配置过程不再赘述。

2、选中作为指标值的文本控件，内容切换为表达式，并输入表达式：$dataSources.data_yushifenxi_fNOS.data[0].data，如需单位可在表达式中拼接上单位的字符串。

$dataSources.data_yushifenxi_fNOS.data[0].data 用于获取从财务模型数据源查到的数据data的值，更详细说明可参考此文档。DeepUX操作手册