{
"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": "天通",
"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": "
",
"style": {
"display": "inline-block",
"marginRight": "5px",
"marginBottom": "5px"
}
}
}
],
"onEvent": {
"fetchInited": {
"actions": [
{
"actionType": "custom",
"script": "const colorMap=['#808080','#ff0000','#00ff00'];\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
}