数据生产系统前端路由
2023-10-10 14:01:14 0 举报AI智能生成
产品生产系统前端路由
作者其他创作
大纲/内容
布局（上下）
header
左侧系统logo和title
中间导航栏
一级导航A
一级导航B
一级导航C
右侧用户栏
其他
用户头像
系统设置
个人中心<br>（重点关注）
个人中心<br>path=/account<br>二级路由
布局
左边菜单栏
右侧内容区
子路由
数据管理<br>path=/account/data<br>默认子路由
布局
左侧数据树
右侧内容
头部操作栏
上传
下载
删除
下半部分内容区
子路由
数据管理<br>path=/account/data/catalog<br>默认子路由
数据地图预览<br>path=account/data/mapview?dataId&dataUrl<br>进入路由需要传入数据对象的id或者数据对象的访问路径
数据文档预览<br>这部分不单独做路由页，直接内嵌kkfile-frame展示<br>（kkfileview可以接s3协议直接展示）
项目管理<br>path=/account/project
布局
主内容区（放子路由）
子路由
项目列表<br>path=/account/project/list<br>默认子路由
新建项目<br>path=/account/project/create<br>
布局
上半部分搜索
下半部门卡片列表+列表分页
子路由
项目模型选择<br>path=/account/project/create/dagSelect<br>默认子路由
项目参数设置<br>path=/account/project/create/paramSetting
左侧是模型列表
右侧是单个模型的输入输出参数表单设置
项目管控<br>path=/account/project/control
子路由
参数<br>path=/account/project/control/param:id<br>默认子路由
执行<br>path=/account/project/control/running
子路由
项目执行概览<br>path=/account/project/control/running/overview:id<br>默认子路由
地图视角<br>path=/account/project/control/running/mapview?projectId&procedureId
模型视角<br>path=/account/project/control/running/modelView?projectId
任务详情<br>path=/account/project/control/running/task?projectId?taskId
任务列表<br>path=/account/project/control/running/task/list?projectId&procedureId
结果<br>path=/account/project/control/output?projectId
布局
左侧是工序列表
右侧是工序输出结果列表
模型管理<br>path=/account/dag<br>模型即包括工具又包扩工艺，总结就是DAG
布局
主内容区（放子路由）
子路由
模型列表（类型分模型和流程）<br>path=/account/dag/list<br>默认子路由
头部操作栏
搜索
新建模型（上传&配置工具）
流程编排（创建流程/工艺）
下半部分内容区
数据表格
分页组件
新建模型<br>path=/account/dag/save?id<br>如果是编辑，需要传入要编辑模型对象的id<br>
基本信息
文件上传（抽组件）
模型输入
模型输出
流程编排<br>path=/account/dag/craftSave?id<br>如果是编辑，需要传入要编辑流程对象的id
流程设计<br>path=/account/dag/craftDesign?id
退出登录
content<br>path=/<br>根路由
内容区
0 条评论
下一页
