mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-01-16 11:54:27 +00:00
661 lines
20 KiB
JSON
661 lines
20 KiB
JSON
{
|
||
"componentName": "Page",
|
||
"id": "node_dockcviv8fo1",
|
||
"props": {
|
||
"ref": "outterView",
|
||
"autoLoading": true,
|
||
"style": {
|
||
"padding": "0 5px 0 5px"
|
||
}
|
||
},
|
||
"fileName": "test",
|
||
"dataSource": {
|
||
"list": [
|
||
{
|
||
"type": "http",
|
||
"id": "请求商家数据，是一个 HTTP 请求，是一个 HTTP 请求，是一个 HTTP 请求",
|
||
"isInit": true,
|
||
"options": {
|
||
"uri": "https://www.taobao.com",
|
||
"params": {
|
||
"a": 1,
|
||
"b": true,
|
||
"c": "3"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "http",
|
||
"id": "请求商家数据2，是一个 HTTP 请求，是一个 HTTP 请求，是一个 HTTP 请求",
|
||
"isInit": true,
|
||
"options": {
|
||
"uri": "https://www.taobao.com",
|
||
"params": {
|
||
"a": 1,
|
||
"b": true,
|
||
"c": "3"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "http",
|
||
"id": "请求商家数据3，是一个 HTTP 请求，是一个 HTTP 请求，是一个 HTTP 请求",
|
||
"isInit": true,
|
||
"options": {
|
||
"uri": "https://www.taobao.com",
|
||
"params": {
|
||
"a": 1,
|
||
"b": true,
|
||
"c": "3"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "http",
|
||
"id": "请求商家数据4，是一个 HTTP 请求，是一个 HTTP 请求，是一个 HTTP 请求",
|
||
"isInit": true,
|
||
"options": {
|
||
"uri": "https://www.taobao.com",
|
||
"params": {
|
||
"a": 1,
|
||
"b": true,
|
||
"c": "3"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "http",
|
||
"id": "请求商家数据5，是一个 HTTP 请求，是一个 HTTP 请求，是一个 HTTP 请求",
|
||
"isInit": false,
|
||
"options": {
|
||
"uri": "https://www.taobao.com",
|
||
"params": {
|
||
"a": 1,
|
||
"b": true,
|
||
"c": "3"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "http",
|
||
"id": "请求商家数据6，是一个 HTTP 请求，是一个 HTTP 请求，是一个 HTTP 请求",
|
||
"isInit": true,
|
||
"options": {
|
||
"uri": "https://www.taobao.com",
|
||
"params": {
|
||
"a": 1,
|
||
"b": true,
|
||
"c": "3"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"state": {
|
||
"text": "outter",
|
||
"isShowDialog": false
|
||
},
|
||
"css": "body {font-size: 12px;} .botton{width:100px;color:#ff00ff}",
|
||
"lifeCycles": {
|
||
"componentDidMount": {
|
||
"type": "JSFunction",
|
||
"value": "function() {\n console.log('did mount');\n }"
|
||
},
|
||
"componentWillUnmount": {
|
||
"type": "JSFunction",
|
||
"value": "function() {\n console.log('will umount');\n }"
|
||
}
|
||
},
|
||
"methods": {
|
||
"testFunc": {
|
||
"type": "JSFunction",
|
||
"value": "function() {\n console.log('test func');\n }"
|
||
},
|
||
"onClick": {
|
||
"type": "JSFunction",
|
||
"value": "function() {\n this.setState({\n isShowDialog: true\n })\n }"
|
||
},
|
||
"closeDialog": {
|
||
"type": "JSFunction",
|
||
"value": "function() {\n this.setState({\n isShowDialog: false\n })\n }"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockcy8n9xed",
|
||
"props": {
|
||
"style": {
|
||
"backgroundColor": "rgba(31,56,88,0.1)",
|
||
"padding": "12px 12px 12px 12px"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockcy8n9xee",
|
||
"props": {
|
||
"style": {
|
||
"padding": "12px 12px 12px 12px",
|
||
"backgroundColor": "#ffffff"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Breadcrumb",
|
||
"id": "node_dockcy8n9xef",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"maxNode": 100,
|
||
"component": "nav"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"id": "node_dockcy8n9xeg",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"children": "首页"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"id": "node_dockcy8n9xei",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"children": "品质中台"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"id": "node_dockcy8n9xek",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"children": "商家品质页面管理"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"id": "node_dockcy8n9xem",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"children": "质检知识条配置"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockcy8n9xeo",
|
||
"props": {
|
||
"style": {
|
||
"marginTop": "12px",
|
||
"backgroundColor": "#ffffff"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Form",
|
||
"id": "node_dockcy8n9xep",
|
||
"props": {
|
||
"inline": true,
|
||
"style": {
|
||
"marginTop": "12px",
|
||
"marginRight": "12px",
|
||
"marginLeft": "12px"
|
||
},
|
||
"__events": []
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockcy8n9xeq",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0"
|
||
},
|
||
"label": "类目名："
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Select",
|
||
"id": "node_dockcy8n9xer",
|
||
"props": {
|
||
"mode": "single",
|
||
"hasArrow": true,
|
||
"cacheValue": true,
|
||
"style": {
|
||
"width": "150px"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockcy8n9xes",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0"
|
||
},
|
||
"label": "项目类型："
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Select",
|
||
"id": "node_dockcy8n9xet",
|
||
"props": {
|
||
"mode": "single",
|
||
"hasArrow": true,
|
||
"cacheValue": true,
|
||
"style": {
|
||
"width": "200px"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockcy8n9xeu",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0"
|
||
},
|
||
"label": "项目 ID："
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Input",
|
||
"id": "node_dockcy8n9xev",
|
||
"props": {
|
||
"hasBorder": true,
|
||
"size": "medium",
|
||
"autoComplete": "off",
|
||
"style": {
|
||
"width": "200px"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Button.Group",
|
||
"id": "node_dockcy8n9xew",
|
||
"props": {},
|
||
"children": [
|
||
{
|
||
"componentName": "Button",
|
||
"id": "node_dockcy8n9xex",
|
||
"props": {
|
||
"type": "primary",
|
||
"style": {
|
||
"margin": "0 5px 0 5px"
|
||
},
|
||
"htmlType": "submit",
|
||
"children": "搜索"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Button",
|
||
"id": "node_dockcy8n9xe10",
|
||
"props": {
|
||
"type": "normal",
|
||
"style": {
|
||
"margin": "0 5px 0 5px"
|
||
},
|
||
"htmlType": "reset",
|
||
"children": "清空"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockcy8n9xe1f",
|
||
"props": {
|
||
"style": {
|
||
"backgroundColor": "#ffffff",
|
||
"paddingBottom": "24px",
|
||
"display": "flex",
|
||
"flexDirection": "row",
|
||
"justifyContent": "flex-end"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Button",
|
||
"id": "node_dockd5nrh9p4",
|
||
"props": {
|
||
"type": "primary",
|
||
"size": "medium",
|
||
"htmlType": "button",
|
||
"component": "button",
|
||
"children": "新建配置",
|
||
"style": {},
|
||
"__events": [
|
||
{
|
||
"type": "componentEvent",
|
||
"name": "onClick",
|
||
"relatedEventName": "onClick"
|
||
}
|
||
],
|
||
"onClick": {
|
||
"type": "JSFunction",
|
||
"value": "function(){ this.onClick() }"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockd5nrh9p5",
|
||
"props": {},
|
||
"children": [
|
||
{
|
||
"componentName": "Table",
|
||
"id": "node_dockd5nrh9p6",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"id1": 1,
|
||
"id2": "2016",
|
||
"id3": "2013",
|
||
"id4": "2014",
|
||
"id5": "2015",
|
||
"id6": "2016",
|
||
"id7": "2017",
|
||
"id8": "2018"
|
||
},
|
||
{
|
||
"id1": 1,
|
||
"id2": "2016",
|
||
"id3": "2016",
|
||
"id4": "2016",
|
||
"id5": "2016",
|
||
"id6": "2016",
|
||
"id7": "2016",
|
||
"id8": "2016"
|
||
}
|
||
],
|
||
"size": "medium",
|
||
"prefix": "next-",
|
||
"hasBorder": true,
|
||
"hasHeader": true,
|
||
"isZebra": false,
|
||
"loading": false,
|
||
"expandedIndexSimulate": false,
|
||
"primaryKey": "id",
|
||
"locale": "zhCN.Table",
|
||
"crossline": false,
|
||
"__events": []
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Table.Column",
|
||
"id": "node_dockd5nrh9p7",
|
||
"props": {
|
||
"title": "一级类目",
|
||
"dataIndex": "id1"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Table.Column",
|
||
"id": "node_dockd5nrh9p8",
|
||
"props": {
|
||
"title": "二级类目",
|
||
"dataIndex": "id2"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Table.Column",
|
||
"id": "node_dockd5nrh9p9",
|
||
"props": {
|
||
"title": "叶子类目",
|
||
"dataIndex": "id3"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Table.Column",
|
||
"id": "node_dockd5nrh9pa",
|
||
"props": {
|
||
"title": "项目类型",
|
||
"dataIndex": "id4"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Table.Column",
|
||
"id": "node_dockd5nrh9pb",
|
||
"props": {
|
||
"title": "项目id",
|
||
"dataIndex": "id5"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Table.Column",
|
||
"id": "node_dockd5nrh9pc",
|
||
"props": {
|
||
"title": "知识条标题",
|
||
"dataIndex": "id6"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Table.Column",
|
||
"id": "node_dockd5nrh9pd",
|
||
"props": {
|
||
"title": "知识条链接",
|
||
"dataIndex": "id7"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Table.Column",
|
||
"id": "node_dockd5nrh9pe",
|
||
"props": {
|
||
"title": "操作",
|
||
"dataIndex": "id8"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Box",
|
||
"id": "node_dockd5nrh9pg",
|
||
"props": {
|
||
"style": {
|
||
"display": "flex",
|
||
"flexDirection": "row",
|
||
"justifyContent": "flex-end"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Pagination",
|
||
"id": "node_dockd5nrh9pf",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"type": "normal",
|
||
"shape": "normal",
|
||
"size": "medium",
|
||
"defaultCurrent": 1,
|
||
"total": 100,
|
||
"pageShowCount": 5,
|
||
"pageSize": 10,
|
||
"pageSizePosition": "start",
|
||
"showJump": true,
|
||
"style": {}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Dialog",
|
||
"id": "node_dockcy8n9xe1h",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"footerAlign": "right",
|
||
"footerActions": [
|
||
"ok",
|
||
"cancel"
|
||
],
|
||
"closeable": "esc,close",
|
||
"hasMask": true,
|
||
"align": "cc cc",
|
||
"minMargin": 40,
|
||
"visible": {
|
||
"type": "JSExpression",
|
||
"value": "this.state.isShowDialog"
|
||
},
|
||
"title": "标题",
|
||
"events": [],
|
||
"__events": [
|
||
{
|
||
"type": "componentEvent",
|
||
"name": "onCancel",
|
||
"relatedEventName": "closeDialog"
|
||
},
|
||
{
|
||
"type": "componentEvent",
|
||
"name": "onClose",
|
||
"relatedEventName": "closeDialog"
|
||
},
|
||
{
|
||
"type": "componentEvent",
|
||
"name": "onOk",
|
||
"relatedEventName": "testFunc"
|
||
}
|
||
],
|
||
"onCancel": {
|
||
"type": "JSFunction",
|
||
"value": "function(){ this.closeDialog() }"
|
||
},
|
||
"onClose": {
|
||
"type": "JSFunction",
|
||
"value": "function(){ this.closeDialog() }"
|
||
},
|
||
"onOk": {
|
||
"type": "JSFunction",
|
||
"value": "function(){ this.testFunc() }"
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Form",
|
||
"id": "node_dockd5nrh9pi",
|
||
"props": {
|
||
"inline": false,
|
||
"labelAlign": "top",
|
||
"labelTextAlign": "right",
|
||
"size": "medium"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockd5nrh9pj",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0",
|
||
"minWidth": "200px",
|
||
"minHeight": "28px"
|
||
},
|
||
"label": "商品类目"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Select",
|
||
"id": "node_dockd5nrh9pk",
|
||
"props": {
|
||
"mode": "single",
|
||
"hasArrow": true,
|
||
"cacheValue": true
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockd5nrh9pl",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0",
|
||
"minWidth": "200px",
|
||
"minHeight": "28px"
|
||
},
|
||
"label": "商品类目"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Select",
|
||
"id": "node_dockd5nrh9pm",
|
||
"props": {
|
||
"mode": "single",
|
||
"hasArrow": true,
|
||
"cacheValue": true
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockd5nrh9pn",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0",
|
||
"minWidth": "200px",
|
||
"minHeight": "28px"
|
||
},
|
||
"label": "商品类目",
|
||
"asterisk": true
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Select",
|
||
"id": "node_dockd5nrh9po",
|
||
"props": {
|
||
"mode": "single",
|
||
"hasArrow": true,
|
||
"cacheValue": true
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"id": "node_dockd5nrh9pp",
|
||
"props": {
|
||
"style": {
|
||
"marginBottom": "0",
|
||
"minWidth": "200px",
|
||
"minHeight": "28px"
|
||
},
|
||
"label": "商品类目"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Input",
|
||
"id": "node_dockd5nrh9pr",
|
||
"props": {
|
||
"hasBorder": true,
|
||
"size": "medium",
|
||
"autoComplete": "off"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|