404 lines
16 KiB
JSON
404 lines
16 KiB
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
|
|
} |