{ "componentsTree": [ { "componentName": "Page", "id": "schema_code", "props": { "_mode": "Flowing", "style": { "minHeight": "100%", "backgroundColor": "#f3f6fb", "padding": "24px" } }, "fileName": "business_cockpit", "state": {}, "dataSource": { "list": [] }, "css": "body {\n font-size: 14px;\n}\n", "lifeCycles": { "mounted": { "type": "JSFunction", "value": "/**action_model:visual*/function mounted() {\n \n}" } }, "methods": {}, "originCode": "", "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "", "isComponent": false, "fileTitle": "经营驾驶舱", "children": [ { "componentName": "NCard", "id": "tpl_business_hero", "props": { "bordered": false, "style": { "borderRadius": "18px", "padding": "10px", "marginBottom": "18px", "background": "linear-gradient(135deg, #173bff 0%, #2dd4bf 100%)", "boxShadow": "0 18px 42px rgba(49,100,246,0.20)", "color": "#ffffff" } }, "children": [ { "componentName": "NSpace", "id": "tpl_business_hero_space", "props": { "justify": "space-between", "align": "center", "style": { "width": "100%" } }, "children": [ { "componentName": "NSpace", "id": "tpl_business_hero_title_space", "props": { "vertical": true, "size": 8 }, "children": [ { "componentName": "NText", "id": "tpl_business_hero_title", "props": { "tag": "div", "children": "经营驾驶舱", "style": { "fontSize": "30px", "fontWeight": 800, "lineHeight": "38px", "color": "#ffffff" } } }, { "componentName": "NText", "id": "tpl_business_hero_desc", "props": { "tag": "div", "children": "实时掌握经营健康度、收入结构、履约效率和风险待办。", "style": { "fontSize": "14px", "lineHeight": "22px", "color": "rgba(255,255,255,0.82)" } } } ] }, { "componentName": "NSpace", "id": "tpl_business_hero_actions", "props": { "size": 10 }, "children": [ { "componentName": "NButton", "id": "tpl_business_refresh", "props": { "type": "default", "ghost": true, "children": "刷新数据" } }, { "componentName": "NButton", "id": "tpl_business_export", "props": { "type": "primary", "children": "导出报告" } } ] } ] } ] }, { "componentName": "NGrid", "id": "tpl_business_metrics_grid", "props": { "cols": "1 560:2 900:4", "x-gap": 16, "y-gap": 16, "responsive": "screen", "collapsed": false, "collapsed-rows": 1, "_unsafe_MixedSetter_cols_select": "StringSetter", "style": { "marginBottom": "18px" } }, "children": [ { "componentName": "NGridItem", "id": "tpl_business_metric_1", "children": [ { "componentName": "NCard", "id": "tpl_business_metric_card_1", "props": { "bordered": false, "style": { "borderRadius": "16px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "NText", "id": "tpl_business_metric_label_1", "props": { "tag": "div", "children": "今日营收", "style": { "color": "#6b778c" } } }, { "componentName": "NText", "id": "tpl_business_metric_value_1", "props": { "tag": "div", "children": "¥ 1,284,300", "style": { "marginTop": "8px", "fontSize": "28px", "fontWeight": 800, "color": "#3164f6" } } }, { "componentName": "NTag", "id": "tpl_business_metric_tag_1", "props": { "type": "success", "bordered": false, "children": "较昨日 +12.8%", "style": { "marginTop": "10px" } } } ] } ] }, { "componentName": "NGridItem", "id": "tpl_business_metric_2", "children": [ { "componentName": "NCard", "id": "tpl_business_metric_card_2", "props": { "bordered": false, "style": { "borderRadius": "16px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "NText", "id": "tpl_business_metric_label_2", "props": { "tag": "div", "children": "支付转化率", "style": { "color": "#6b778c" } } }, { "componentName": "NText", "id": "tpl_business_metric_value_2", "props": { "tag": "div", "children": "18.6%", "style": { "marginTop": "8px", "fontSize": "28px", "fontWeight": 800, "color": "#10a37f" } } }, { "componentName": "NTag", "id": "tpl_business_metric_tag_2", "props": { "type": "info", "bordered": false, "children": "目标完成 92%", "style": { "marginTop": "10px" } } } ] } ] }, { "componentName": "NGridItem", "id": "tpl_business_metric_3", "children": [ { "componentName": "NCard", "id": "tpl_business_metric_card_3", "props": { "bordered": false, "style": { "borderRadius": "16px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "NText", "id": "tpl_business_metric_label_3", "props": { "tag": "div", "children": "待处理工单", "style": { "color": "#6b778c" } } }, { "componentName": "NText", "id": "tpl_business_metric_value_3", "props": { "tag": "div", "children": "42", "style": { "marginTop": "8px", "fontSize": "28px", "fontWeight": 800, "color": "#ff7d00" } } }, { "componentName": "NTag", "id": "tpl_business_metric_tag_3", "props": { "type": "warning", "bordered": false, "children": "8 条即将超时", "style": { "marginTop": "10px" } } } ] } ] }, { "componentName": "NGridItem", "id": "tpl_business_metric_4", "children": [ { "componentName": "NCard", "id": "tpl_business_metric_card_4", "props": { "bordered": false, "style": { "borderRadius": "16px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "NText", "id": "tpl_business_metric_label_4", "props": { "tag": "div", "children": "客户满意度", "style": { "color": "#6b778c" } } }, { "componentName": "NText", "id": "tpl_business_metric_value_4", "props": { "tag": "div", "children": "96.8", "style": { "marginTop": "8px", "fontSize": "28px", "fontWeight": 800, "color": "#12a6cb" } } }, { "componentName": "NTag", "id": "tpl_business_metric_tag_4", "props": { "type": "success", "bordered": false, "children": "近 7 日均值", "style": { "marginTop": "10px" } } } ] } ] } ] }, { "componentName": "NGrid", "id": "tpl_business_main_grid", "props": { "cols": "1 960:12", "x-gap": 18, "y-gap": 18, "responsive": "screen", "collapsed": false, "collapsed-rows": 1, "_unsafe_MixedSetter_cols_select": "StringSetter" }, "children": [ { "componentName": "NGridItem", "id": "tpl_business_line_item", "props": { "span": 7 }, "children": [ { "componentName": "NCard", "id": "tpl_business_line_card", "props": { "title": "营收趋势", "bordered": false, "style": { "height": "100%", "borderRadius": "18px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "ILineChart", "id": "tpl_business_line_chart", "props": { "labels": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"], "datasets": [ { "label": "营收", "data": [62, 76, 71, 96, 112, 128, 142], "borderColor": "#3164f6", "backgroundColor": "rgba(49,100,246,0.16)", "fill": true }, { "label": "目标", "data": [70, 78, 86, 94, 102, 110, 118], "borderColor": "#10a37f", "backgroundColor": "rgba(16,163,127,0.12)", "fill": false } ], "options": { "maintainAspectRatio": false, "plugins": { "legend": { "display": true, "position": "bottom" } } }, "style": { "height": "320px" } } } ] } ] }, { "componentName": "NGridItem", "id": "tpl_business_pie_item", "props": { "span": 5 }, "children": [ { "componentName": "NCard", "id": "tpl_business_pie_card", "props": { "title": "收入结构", "bordered": false, "style": { "height": "100%", "borderRadius": "18px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "IPieChart", "id": "tpl_business_pie_chart", "props": { "chartType": "doughnut", "labels": ["产品订阅", "增值服务", "实施交付", "渠道收入"], "datasets": [ { "label": "收入结构", "data": [46, 24, 18, 12], "backgroundColor": ["#3164f6", "#20c9c9", "#ffb020", "#8b5cf6"], "borderWidth": 0, "hoverOffset": 8 } ], "options": { "cutout": "62%", "plugins": { "legend": { "display": true, "position": "bottom" } } }, "style": { "height": "320px" } } } ] } ] } ] } ] } ], "i18n": {} }