{
  "id": "app",
  "widgettype": "VBox",
  "options": {
    "width": "100%",
    "height": "100%",
    "padding": "0"
  },
  "subwidgets": [
    {
      "widgettype": "HBox",
      "options": {
        "width": "100%",
        "cheight": 2,
        "bgcolor": "#1e293b",
        "padding": "0 16px",
        "alignItems": "center",
        "gap": "12px"
      },
      "subwidgets": [
        {
          "widgettype": "Button",
          "id": "btn_toggle_sidebar",
          "options": {
            "label": "☰",
            "css": "text",
            "color": "#fff",
            "cfontsize": 1.4
          },
          "binds": [
            {
              "wid": "self",
              "event": "click",
              "actiontype": "method",
              "target": "app.sidebar_menu",
              "method": "toggle_collapse"
            }
          ]
        },
        {
          "widgettype": "Title4",
          "options": {
            "text": "产线平台",
            "color": "#fff"
          }
        },
        {
          "widgettype": "Filler"
        }
      ]
    },
    {
      "widgettype": "HBox",
      "options": {
        "css": "filler",
        "padding": "0",
        "gap": "0"
      },
      "subwidgets": [
        {
          "widgettype": "VBox",
          "options": {
            "width": "220px",
            "minWidth": "200px",
            "height": "100%",
            "bgcolor": "#f8fafc"
          },
          "subwidgets": [
            {
              "widgettype": "Menu",
              "id": "sidebar_menu",
              "options": {
                "width": "100%",
                "height": "100%",
                "target": "app.main_content",
                "items": [
                  {
                    "name": "pipeline_core",
                    "label": "产线管理",
                    "icon": "{{entire_url('/imgs/cubes.svg')}}",
                    "url": "{{entire_url('/pipeline_core/')}}"
                  },
                  {
                    "name": "pipeline_sdlc",
                    "label": "开发产线",
                    "icon": "{{entire_url('/imgs/workflow.svg')}}",
                    "url": "{{entire_url('/pipeline-sdlc/')}}"
                  },
                  {
                    "name": "pipeline_ops",
                    "label": "运营管理",
                    "icon": "{{entire_url('/imgs/dashboard.svg')}}",
                    "url": "{{entire_url('/pipeline_ops/')}}"
                  },
                  {
                    "name": "pipeline_dist",
                    "label": "分销管理",
                    "icon": "{{entire_url('/imgs/truck.svg')}}",
                    "url": "{{entire_url('/pipeline_dist/')}}"
                  },
                  {
                    "name": "pipeline_task",
                    "label": "任务中心",
                    "icon": "{{entire_url('/imgs/rocket.svg')}}",
                    "url": "{{entire_url('/pipeline_task/')}}"
                  },
                  {
                    "name": "pipeline_ktv",
                    "label": "KTV产线",
                    "icon": "{{entire_url('/imgs/mic.svg')}}",
                    "url": "{{entire_url('/pipeline_task/task_submit.ui')}}"
                  },
                  {
                    "name": "showcase",
                    "label": "展示平台",
                    "icon": "{{entire_url('/imgs/user-circle.svg')}}",
                    "url": "{{entire_url('/showcase/')}}"
                  },
                  {
                    "name": "tenant",
                    "label": "租户管理",
                    "icon": "{{entire_url('/imgs/globe.svg')}}",
                    "url": "{{entire_url('/tenant/')}}"
                  }
                ]
              }
            }
          ]
        },
        {
          "widgettype": "VScrollPanel",
          "id": "main_content",
          "options": {
            "css": "filler",
            "width": "100%",
            "height": "100%"
          },
          "subwidgets": [
            {
              "widgettype": "VBox",
              "options": {
                "width": "100%",
                "padding": "32px",
                "spacing": "24px"
              },
              "subwidgets": [
                {
                  "widgettype": "Title2",
                  "options": {
                    "text": "产线平台"
                  }
                },
                {
                  "widgettype": "Text",
                  "options": {
                    "text": "管理产线定义、运营配置、分销渠道与任务执行",
                    "cfontsize": 1.2
                  }
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}