Appearance
属性
javascript
// 步骤条组件的配置对象
steps: {
// 标识此组件是否为容器类型,false表示不是
isContainer: false,
// 组件的显示名称,用于标识组件功能
displayName: "步骤条",
// 标识此组件是否为表单类型,false表示不是
isForm: false,
// 组件内部可添加的子组件列表,目前为空
widgetList: [],
// 是否允许添加数据表查询功能,false表示不允许
canAddDataTableQuery: false,
// 是否允许添加数据表列表功能,false表示不允许
canAddDataTableList: false,
// 是否可添加到面板上,true表示可以
addToPanel: true,
// 步骤条是否默认完成,true表示默认完成
complete: true,
// 步骤条的属性配置
props: {
// 步骤条的备注信息,目前为空
remark: "",
// 标识是否为详情模式,false表示不是
isDetail: false,
// 标识步骤条是否隐藏,false表示不隐藏
hide: false,
// 步骤条的宽度,单位为格,宽度为24格
width: 24,
// 当前步骤的值,初始值为1
value: 1,
// 步骤条的间距设置,目前为空
space: null,
// 步骤条的方向,可选值有"horizontal"(水平)和"vertical"(垂直),默认为水平
direction: "horizontal",
// 是否将步骤条居中显示,true表示居中
alignCenter: true,
// 是否显示简化版步骤条,false表示不简化
simple: false,
// 步骤条的间距设置,目前为空
space: null,
// 步骤条的数据,包含每个步骤的标题和描述
data: [{
title: '数据填写',
description: "步骤条描述",
}, {
title: '初审',
description: "步骤条描述",
}, {
title: '复审',
description: "步骤条描述",
}, {
title: '终审',
description: "步骤条描述",
}, {
title: '完成',
description: "步骤条描述",
}],
// 步骤创建时的回调函数,目前未定义
onCreated: null,
// 步骤条挂载完成时的回调函数,目前未定义
onMounted: null,
// 步骤点击时的回调函数,目前未定义
onStepClick: null,
}
}
方法
名称 | 描述 | 示例 |
---|---|---|
app.getPropsById | 获取当前组件参数值 | app.getPropsById({id}) |
app.setVisible | 设置可见 | app.setVisible({id}, false) |