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": "this.freq === undefined || this.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": "天通",
                      "mode": "inline",
                      "name": "switchTT",
                      "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"
                                }
                          ]
                        }
                      }
                    },
                                        {
                      "type": "switch",
                      "label": "超短波",
                      "mode": "inline",
                      "name": "switchCDB",
                      "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",
      "width":"5px",
      "height":"30px",
      "powerdown":"#808080",
      "alive":"#00ff00",
      "dead":"#ff0000",
        "items": [
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
          {"color": ["${powerdown}","${powerdown}","${powerdown}"]},
        ]
      },
      //"schemaApi": "/loadSchema?schema=bar"
      "body":[
      {
  "type": "table-view",
  "trs": [
    {
      "background": "#F7F7F7",
      "tds": [
        {
          "body": {
            "type": "tpl",
            "wrapperComponent": "",
            "tpl": "模块",
            "id": "u:19f87144bbea"
          },
          "id": "u:fddabc45cb59",
            "align": "center",
  "valign": "middle"
        },
        {
          "body": {
            "type": "tpl",
            "wrapperComponent": "",
            "tpl": "最后一分钟状态",
            "id": "u:420e9a9f9353"
          },
          "id": "u:6ffa039534e7",
            "align": "center",
  "valign": "middle"
        },
        {
          "body": {
            "type": "tpl",
            "wrapperComponent": "",
            "tpl": "最近一次状态",
            "id": "u:2dfafcf526f9"
          },
          "id": "u:fe0dab630536",
            "align": "center",
  "valign": "middle"
        }
      ],
      "id": "u:37a706fd866d"
    },
    {
      "tds": [
        {
          "body": {
            "type": "tpl",
            "wrapperComponent": "",
            "tpl": "TT",
            "id": "u:518882ea6114"
          },
          "id": "u:897aee319eb4",
            "align": "center",
  "valign": "middle"
        },
        {
          "body": {
          "type": "each",
          "name": "items",
          "items": {
            "type": "tpl",
            "tpl": "<div style='width: ${width}; height: ${height}; border-radius: 2px; background-color: ${color[0]}; box-shadow: 0 0 5px ${color[0]}, 0 0 10px ${color[0]} inset'></div>",
            "style": {
              "display": "inline-block",
              "marginRight": "5px",
              "marginBottom": "-5px"
            }
          }
        }
          "id": "u:4804d1216011",
          "width": "80%",
            "align": "center",
  "valign": "middle"
        },
        {
          "body": {
            "type": "tpl",
            "wrapperComponent": "",
            "tpl": "<div style='width: ${height}; height: ${height}; border-radius: 2px; background-color: ${items[59].color[0]}; box-shadow: 0 0 5px ${items[59].color[0]}, 0 0 10px ${items[59].color[0]} inset'></div>",
            "id": "u:20d501a115fc"
          },
          "id": "u:ba272dd0e407",
                      "align": "center",
  "valign": "middle"
        }
      ],
      "id": "u:42c47c152e5f"
    },
    
],
  "id": "u:18e5f253165a"
}
        
      ]
      ,
      "onEvent": {
        "fetchInited": {
          "actions": [
            {
              "actionType": "custom",
              "script": "const colorMap=[context.props.data.powerdown,context.props.data.dead,context.props.data.alive];\n const ncolor = [colorMap[event.data.responseData.state[0]+1],colorMap[event.data.responseData.state[1]+1],colorMap[event.data.responseData.state[2]+1]];\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
}