Skip to content

属性

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)