Skip to content

属性

javascript
// 统计模块配置
statistic: {
    // 是否为容器组件
    isContainer: false,
    // 模块显示名称
    displayName: "统计",
    // 是否为表单组件
    isForm: false,
    // 组件列表,用于定义模块内包含的子组件
    widgetList: [],
    // 是否可以添加数据表查询
    canAddDataTableQuery: false,
    // 是否可以添加数据表格列表
    canAddDataTableList: false,
    // 是否可以添加到仪表板
    addToPanel: true,
    // 是否完成配置
    complete: true,
    // 模块属性配置
    props: {
        // 备注信息
        remark: "",
        // 是否显示详情
        isDetail: false,
        // 是否隐藏模块
        hide: false,
        // 模块宽度,单位为格
        width: 8,
        // 模块标题
        title: '统计标题',
        // 统计数值
        value: 100,
        // 数值单位
        unit: '%',
        // 字体颜色
        color: 'rgba(123, 104, 238, 1)',
        // 标题颜色
        fontColor: '#ffffff',
        // 数值分割数量,用于显示多个数值
        split: 3,
        // 数据列表,包含具体的统计信息
        data: [{
            title: '同比',
            value: 100,
            key: "a",
            unit: '%',
        }, {
            title: '环比',
            value: 100,
            key: "b",
            unit: '元',
        }, {
            title: '周同比',
            value: 100,
            key: "c",
            unit: '美元',
        }],
        // 组件创建时的回调函数
        onCreated: null,
        // 组件挂载后的回调函数
        onMounted: null,
    }
},

方法

名称描述示例
app.getPropsById获取当前组件参数值app.getPropsById({id})
app.setVisible设置可见app.setVisible({id}, false)