amis/examples/components/Form/Formula.jsx

一种MIS页面生成工具

export default {
    "$schema": "https://houtai.baidu.com/v2/schemas/page.json#",
    "title": "公式示例",
    "body": [
        "<p>通过公式，可以动态的设置目标值。</p>",
        {
            "type": "form",
            title: "自动应用",
            "api": "/api/mock2/form/saveForm",
            "controls": [
                {
                    "type": "number",
                    "name": "a",
                    "label": "A"
                },

                {
                    "type": "number",
                    "name": "b",
                    "label": "B"
                },

                {
                    "type": "number",
                    "name": "sum",
                    "label": "和",
                    "disabled": true,
                    description: '自动计算 A + B'
                },

                {
                    "type": "formula",
                    "name": "sum",
                    "value": 0,
                    "formula": "a + b"
                }
            ]
        },

        {
            "type": "form",
            title: "手动应用",
            "api": "/api/mock2/form/saveForm",
            "controls": [
                {
                    "type": "number",
                    "name": "a",
                    "label": "A"
                },

                {
                    "type": "number",
                    "name": "b",
                    "label": "B"
                },

                {
                    type: "group",
                    controls: [
                        {
                            "type": "number",
                            "name": "sum",
                            "label": "和",
                            "disabled": true,
                            "columnClassName": "col-sm-11",
                        },

                        {
                            "type": "button",
                            "label": "计算",
                            "columnClassName": "col-sm-1 v-bottom",
                            "target": "theFormula"
                        }
                    ]
                },

                {
                    "type": "formula",
                    "name": "sum",
                    "id": "theFormula",
                    "value": 0,
                    "formula": "a + b",
                    "initSet": false,
                    "autoSet": false
                }
            ]
        },
        {
            "type": "form",
            title: "条件应用",
            "api": "/api/mock2/form/saveForm",
            "controls": [
                {
                    "type": "radios",
                    "name": "radios",
                    "inline": true,
                    "label": "radios",
                    "options": [
                        {
                            "label": 'a',
                            "value": 'a'
                        },
                        {
                            "label": 'b',
                            "value": 'b'
                        },
                    ],
                    "description": 'radios 变化会自动清空 B'
                },
                {
                    "type": "text",
                    "name": "b",
                    "label": "B"
                },

                {
                    "type": "formula",
                    "name": "b",
                    "value": 'some string',
                    "formula": "''",
                    "condition": '${radios}',
                    "initSet": false,
                }
            ]
        },
    ]
}