CTL/res/cfg.json

{
  "type": "page",
  "title": "Hello world",
  "regions": [
    "body"
  ],
  "body": [
    {
      "type": "tpl",
      "id": "u:f439a8330e02",
      "tpl": "初始页面",
      "wrapperComponent": "",
      "inline": false
    },
    {
      "type": "grid",
      "columns": [
        {
          "body": [],
          "id": "u:39c97acec8cc"
        },
        {
          "body": [
            {
              "type": "collapse-group",
              "activeKey": [
                "1"
              ],
              "body": [
                {
                  "type": "collapse",
                  "key": "1",
                  "active": true,
                  "header": "通用",
                  "body": [
                    {
                      "type": "button-toolbar",
                      "label": "按钮工具栏",
                      "data": {
                        "x": "yy"
                      },
                      "buttons": [
                        {
                          "type": "button",
                          "label": "按钮1",
                          "onEvent": {
                            "click": {
                              "actions": [
                                {
                                  "ignoreError": false,
                                  "script": "const buttonText = context.props.label;\ndoAction({\n  actionType: 'ajax',\n  args: {\n    api: {\n      url: '/sendData',\n      method: 'post',\n      data: {\n        buttonLabel: buttonText\n      }\n    }\n  }\n});\n",
                                  "actionType": "custom"
                                }
                              ]
                            }
                          },
                          "id": "u:sendButtonText"
                        },
                        {
                          "type": "button",
                          "label": "按钮2",
                          "onEvent": {
                            "click": {
                              "actions": [
                                {
                                  "ignoreError": false,
                                  "actionType": "custom",
                                  "script": "const buttonText = context.props.label;\ndoAction({\n  actionType: 'ajax',\n  args: {\n    api: {\n      url: '/sendData',\n      method: 'post',\n      data: {\n        buttonLabel: buttonText\n      },\n      successMessage: '请求成功',\n      errorMessage: '请求失败'\n    }\n  }\n});\n"
                                }
                              ]
                            }
                          },
                          "id": "u:8eae2c306cc5"
                        }
                      ],
                      "id": "u:b6649c1b1585"
                    },
                    {
                      "type": "input-number",
                      "label": "数字输入",
                      "name": "freq",
                      "keyboard": true,
                      "id": "numberInput",
                      "step": 12,
                      "displayMode": "base",
                      "size": "full",
                      "mode": "inline",
                      "required": true,
                      "min": 225000,
                      "max": 500000,
                      "value": 225000,
                      "kilobitSeparator": true,
                      "unitOptions": [
                        {
                          "label": "kHz"
                        }
                      ],
                      "placeholder": "225,000到500,000之间"
                    },
                    {
                      "type": "button",
                      "label": "提交",
                      "id": "submitButton",
                      "size": "md",
                      "block": false,
                      "disabledOn": "freq === undefined || freq === ''",
                      "onEvent": {
                        "click": {
                          "actions": [
                            {
                              "ignoreError": false,
                              "actionType": "ajax",
                              "outputVar": "responseResult",
                              "api": {
                                "url": "/sendData",
                                "method": "post",
                                "data": {
                                  "frequency": "${freq}"
                                }
                              },
                              "messages": {
                                "success": "数据已成功发送",
                                "failed": "发送数据失败，请重试"
                              }
                            }
                          ]
                        }
                      }
                    },
                    {
                      "type": "button-group-select",
                      "name": "buttonGroupSelect",
                      "label": "单选",
                      "inline": false,
                      "options": [
                        {
                          "label": "选项1",
                          "value": "a"
                        },
                        {
                          "label": "选项2",
                          "value": "b"
                        }
                      ],
                      "id": "u:5112d83e3943",
                      "multiple": false,
                      "value": "a"
                    },
                    {
                      "type": "switch",
                      "label": "天通",
                      "option": "说明",
                      "name": "switch",
                      "falseValue": false,
                      "trueValue": true,
                      "id": "u:bd2f8c0b2176",
                      "onEvent": {
                        "change": {
                          "weight": 0,
                          "actions": [
                                    {
                                  "ignoreError": false,
                                  "actionType": "custom",
                                  "script": "const buttonText = context.props.label + (!context.props.value?'开':'关');\ndoAction({\n  actionType: 'ajax',\n  args: {\n    api: {\n      url: '/sendData',\n      method: 'post',\n      data: {\n        buttonLabel: buttonText\n      },\n      successMessage: '请求成功',\n      errorMessage: '请求失败'\n    }\n  }\n});\n"
                                }
                          ]
                        }
                      }
                    }
                  ],
                  "id": "u:53511e674086"
                },
                {
                  "type": "collapse",
                  "header": "调试",
                  "body": [
                    {
      "type": "service",
      "interval": 1500, // 每1.5秒刷新一次
      silentPolling: true
      "api": "/api/getStatus", // API接口
      "data": {
      "maxBarCnt":"60",
        "items": [
          {"color": "#808080"},
          {"color": "#808080"},
          {"color": "#808080"},
          {"color": "#808080"},
        ]
      },
      "body": [
        {
          "type": "each",
          "name": "items",
          "items": {
            "type": "tpl",
            "tpl": "<div style='width: 3px; height: 50px; border-radius: 2px; background-color: ${color}; box-shadow: 0 0 5px ${color}, 0 0 10px ${color} inset' title='${state}'></div><br><div style='width: 3px; height: 50px; border-radius: 2px; background-color: ${color}; box-shadow: 0 0 5px ${color}, 0 0 10px ${color} inset' title='${state}'></div>",
            "style": {
              "display": "inline-block",
              "marginRight": "5px",
              "marginBottom": "5px"
            }
          }
        }
      ],
      "onEvent": {
        "fetchInited": {
          "actions": [
            {
              "actionType": "custom",
              "script": "const colorMap={'Success':'#00ff00','Fault':'#ff0000','PowerDown':'#808080'};\n const ncolor = colorMap[event.data.responseData.state];\n console.log(event.data.responseData.state,ncolor);\ncontext.props.data.items.push({'color':ncolor})\nif (context.props.data.items.length > context.props.data.maxBarCnt) {\n  context.props.data.items.shift(); // Remove the oldest value\n};"
            }
          ]
        }
      }
    }
                  ],
                  "key": "6",
                  "id": "u:4ad528b09137"
                }
              ],
              "id": "u:8035637b2ce6"
            }
          ],
          "id": "u:63b382ec7d2f"
        }
      ],
      "id": "u:a9f37a6134a4"
    }
  ],
  "id": "u:ddf6e6d384e7",
  "pullRefresh": {
    "disabled": true
  },
  "data": {
    "x": "xx"
  },
  "asideResizor": false
}