{ "componentsTree": [ { "componentName": "Page", "id": "schema_code", "props": { "_mode": "Flowing", "style": { "minHeight": "100%", "backgroundColor": "#f3f6fb", "padding": "24px" } }, "fileName": "project_delivery_overview", "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": "NGrid", "id": "tpl_project_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_project_overview_item", "props": { "span": 4 }, "children": [ { "componentName": "NCard", "id": "tpl_project_overview_card", "props": { "bordered": false, "style": { "height": "100%", "borderRadius": "22px", "background": "linear-gradient(160deg, #ffffff 0%, #eef4ff 100%)", "boxShadow": "0 16px 38px rgba(35,62,103,0.10)" } }, "children": [ { "componentName": "NText", "id": "tpl_project_title", "props": { "tag": "div", "children": "云启千行项目", "style": { "fontSize": "28px", "fontWeight": 800, "color": "#172033" } } }, { "componentName": "NText", "id": "tpl_project_desc", "props": { "tag": "div", "children": "企业级数字化平台建设，当前处于开发联调阶段。", "style": { "marginTop": "10px", "lineHeight": "22px", "color": "#6b778c" } } }, { "componentName": "NProgress", "id": "tpl_project_progress", "props": { "type": "circle", "percentage": 68, "style": { "marginTop": "28px" } } }, { "componentName": "NButton", "id": "tpl_project_report", "props": { "type": "primary", "block": true, "children": "同步项目周报", "style": { "marginTop": "28px" } } } ] } ] }, { "componentName": "NGridItem", "id": "tpl_project_main_item", "props": { "span": 8 }, "children": [ { "componentName": "NCard", "id": "tpl_project_milestone_card", "props": { "title": "里程碑进度", "bordered": false, "style": { "borderRadius": "18px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "NSteps", "id": "tpl_project_steps", "props": { "current": 2, "status": "process", "size": "medium" }, "children": [ { "componentName": "NStep", "id": "tpl_project_step_1", "props": { "name": "requirement", "title": "需求确认", "description": "业务范围与验收口径已确认", "status": "finish" } }, { "componentName": "NStep", "id": "tpl_project_step_2", "props": { "name": "prototype", "title": "原型设计", "description": "核心流程与页面结构已定稿", "status": "finish" } }, { "componentName": "NStep", "id": "tpl_project_step_3", "props": { "name": "develop", "title": "开发联调", "description": "接口联调与组件验收进行中", "status": "process" } }, { "componentName": "NStep", "id": "tpl_project_step_4", "props": { "name": "acceptance", "title": "上线验收", "description": "等待联调完成后启动验收", "status": "wait" } } ] } ] }, { "componentName": "NGrid", "id": "tpl_project_lower_grid", "props": { "cols": "1 700:2", "x-gap": 18, "y-gap": 18, "responsive": "screen", "collapsed": false, "collapsed-rows": 1, "_unsafe_MixedSetter_cols_select": "StringSetter", "style": { "marginTop": "18px" } }, "children": [ { "componentName": "NGridItem", "id": "tpl_project_chart_item", "children": [ { "componentName": "NCard", "id": "tpl_project_chart_card", "props": { "title": "投入趋势", "bordered": false, "style": { "borderRadius": "18px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "ILineChart", "id": "tpl_project_line", "props": { "labels": ["第1周", "第2周", "第3周", "第4周", "第5周"], "datasets": [ { "label": "人天投入", "data": [26, 34, 48, 52, 47], "borderColor": "#3164f6", "backgroundColor": "rgba(49,100,246,0.15)", "fill": true } ], "style": { "height": "260px" } } } ] } ] }, { "componentName": "NGridItem", "id": "tpl_project_risk_item", "children": [ { "componentName": "NCard", "id": "tpl_project_risk_card", "props": { "title": "风险与阻塞", "bordered": false, "style": { "borderRadius": "18px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "NSpace", "id": "tpl_project_risks", "props": { "vertical": true, "style": { "width": "100%" } }, "children": [ { "componentName": "NSpace", "id": "tpl_project_risk_1", "props": { "vertical": true, "size": 8, "style": { "padding": "14px", "borderRadius": "12px", "background": "#fef2f2", "border": "1px solid #fecaca" } }, "children": [ { "componentName": "NTag", "id": "tpl_project_risk_1_tag", "props": { "type": "error", "bordered": false, "children": "接口联调延期" } }, { "componentName": "NText", "id": "tpl_project_risk_1_text", "props": { "tag": "div", "children": "依赖外部系统测试环境。", "style": { "color": "#991b1b", "lineHeight": "22px" } } } ] }, { "componentName": "NSpace", "id": "tpl_project_risk_2", "props": { "vertical": true, "size": 8, "style": { "padding": "14px", "borderRadius": "12px", "background": "#fffbeb", "border": "1px solid #fde68a" } }, "children": [ { "componentName": "NTag", "id": "tpl_project_risk_2_tag", "props": { "type": "warning", "bordered": false, "children": "验收标准待确认" } }, { "componentName": "NText", "id": "tpl_project_risk_2_text", "props": { "tag": "div", "children": "需产品和业务共同确认。", "style": { "color": "#92400e", "lineHeight": "22px" } } } ] } ] } ] } ] } ] } ] } ] } ] } ], "i18n": {} }