{
  "widgettype": "VBox",
  "options": {"width": "100%", "height": "100%", "padding": "20px", "backgroundColor": "#f4f6f9"},
  "subwidgets": [
    {"widgettype": "Text", "options": {"label": "拖拽编程", "fontSize": "24px", "fontWeight": "bold", "color": "#2c3e50"}},
    {"widgettype": "Text", "options": {"label": "W-09 拖拽编程画布模块：拖拽块、连线、编译为可执行脚本", "fontSize": "13px", "color": "#7f8c8d", "marginTop": "4px"}},
    {"widgettype": "ResponsableBox", "options": {"gap": "16px", "minWidth": "240px", "marginTop": "20px"}, "subwidgets": [
      {
        "widgettype": "VBox",
        "options": {"backgroundColor": "#FFFFFF", "padding": "20px", "cursor": "pointer", "borderRadius": "8px", "border": "1px solid #e0e6ed"},
        "binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.drag_content",
                   "options": {"url": "{{entire_url('editor.ui')}}", "method": "GET"}, "mode": "replace"}],
        "subwidgets": [
          {"widgettype": "Text", "options": {"label": "新建画布", "fontSize": "16px", "fontWeight": "bold"}},
          {"widgettype": "Text", "options": {"label": "打开拖拽编辑器，拖块连线、设置参数、编译脚本", "fontSize": "12px", "color": "#7f8c8d", "marginTop": "6px"}}
        ]
      },
      {
        "widgettype": "VBox",
        "options": {"backgroundColor": "#FFFFFF", "padding": "20px", "cursor": "pointer", "borderRadius": "8px", "border": "1px solid #e0e6ed"},
        "binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.drag_content",
                   "options": {"url": "{{entire_url('/drag/drag_graph_list')}}", "method": "GET"}, "mode": "replace"}],
        "subwidgets": [
          {"widgettype": "Text", "options": {"label": "画布管理", "fontSize": "16px", "fontWeight": "bold"}},
          {"widgettype": "Text", "options": {"label": "已保存画布列表：查看/编辑/删除/发布", "fontSize": "12px", "color": "#7f8c8d", "marginTop": "6px"}}
        ]
      },
      {
        "widgettype": "VBox",
        "options": {"backgroundColor": "#FFFFFF", "padding": "20px", "cursor": "pointer", "borderRadius": "8px", "border": "1px solid #e0e6ed"},
        "binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.drag_content",
                   "options": {"url": "{{entire_url('/drag/drag_template_list')}}", "method": "GET"}, "mode": "replace"}],
        "subwidgets": [
          {"widgettype": "Text", "options": {"label": "模板管理", "fontSize": "16px", "fontWeight": "bold"}},
          {"widgettype": "Text", "options": {"label": "常用流程模板：一键应用生成新画布", "fontSize": "12px", "color": "#7f8c8d", "marginTop": "6px"}}
        ]
      }
    ]},
    {"widgettype": "VBox", "id": "app.drag_content", "options": {"width": "100%", "flex": "1", "marginTop": "20px"}}
  ]
}