{
    "type": "page",
    "toolbar": [
      {
        "type": "form",
        "panelClassName": "mb-0",
        "title": "",
        "body": [
          {
            "type": "select",
            "label": "区域",
            "name": "businessLineId",
            "selectFirst": true,
            "mode": "inline",
            "options": [
              "北京",
              "上海"
            ],
            "checkAll": false
          },
          {
            "label": "时间范围",
            "type": "input-date-range",
            "name": "dateRange",
            "inline": true,
            "value": "-1month,+0month",
            "inputFormat": "YYYY-MM-DD",
            "format": "YYYY-MM-DD",
            "closeOnSelect": true,
            "clearable": false
          }
        ],
        "actions": [],
        "mode": "inline",
        "target": "mainPage",
        "submitOnChange": true,
        "submitOnInit": true
      }
    ],
    "body": [
        {
            "type": "table",
            "title": "表格1",
            "source": "$rows",
            "columns": [
              {
                "name": "engine",
                "label": "Engine"
              },
              {
                "name": "version",
                "label": "Version"
              }
            ]
          },
      {
        "type": "grid",
        "columns": [
          {
            "type": "panel",
            "className": "h-full",
            "body": {
              "type": "tabs",
              "tabs": [
                {
                  "title": "消费趋势",
                  "tab": [
                    {
                      "type": "chart",
                      "config": {
                        "title": {
                          "text": "消费趋势"
                        },
                        "tooltip": {},
                        "xAxis": {
                          "type": "category",
                          "boundaryGap": false,
                          "data": [
                            "一月",
                            "二月",
                            "三月",
                            "四月",
                            "五月",
                            "六月"
                          ]
                        },
                        "yAxis": {},
                        "series": [
                          {
                            "name": "销量",
                            "type": "line",
                            "areaStyle": {
                              "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 0,
                                "y2": 1,
                                "colorStops": [
                                  {
                                    "offset": 0,
                                    "color": "rgba(84, 112, 197, 1)"
                                  },
                                  {
                                    "offset": 1,
                                    "color": "rgba(84, 112, 197, 0)"
                                  }
                                ],
                                "global": false
                              }
                            },
                            "data": [
                              5,
                              20,
                              36,
                              10,
                              10,
                              20
                            ]
                          }
                        ]
                      }
                    }
                  ]
                },
                {
                  "title": "账户余额",
                  "tab": "0"
                }
              ]
            }
          },
          {
            "type": "panel",
            "className": "h-full",
            "body": [
              {
                "type": "chart",
                "config": {
                  "title": {
                    "text": "使用资源占比"
                  },
                  "series": [
                    {
                      "type": "pie",
                      "data": [
                        {
                          "name": "BOS",
                          "value": 70
                        },
                        {
                          "name": "CDN",
                          "value": 68
                        },
                        {
                          "name": "BCC",
                          "value": 48
                        },
                        {
                          "name": "DCC",
                          "value": 40
                        },
                        {
                          "name": "RDS",
                          "value": 32
                        }
                      ]
                    }
                  ]
                }
              }
            ]
          }
        ]
      }
    ]
  }