数据生产系统前端路由
2023-10-10 14:01:14 0 举报
AI智能生成
产品生产系统前端路由
作者其他创作
大纲/内容
LabelEarthGDMES
左侧系统logo和title
一级导航A
一级导航B
一级导航C
中间导航栏
其他
系统设置
左边菜单栏
右侧内容区
布局
左侧数据树
上传
下载
删除
头部操作栏
弹窗填表单/文件上传断点续传?分片上传?
下半部分内容区
右侧内容
放子路由
这部分要抽离成一个组件,后面项目设置参数时还会用到
数据管理path=/account/data/catalog默认子路由
数据地图预览path=account/data/mapview?dataId&dataUrl进入路由需要传入数据对象的id或者数据对象的访问路径
数据文档预览这部分不单独做路由页,直接内嵌kkfile-frame展示(kkfileview可以接s3协议直接展示)
子路由
内容与左侧的数据数进行联动,资源管理器
可以抽组件
数据管理path=/account/data默认子路由
主内容区(放子路由)
项目列表path=/account/project/list默认子路由
上半部分搜索
下半部门卡片列表+列表分页
项目模型选择path=/account/project/create/dagSelect默认子路由
左侧是模型列表
右侧是单个模型的输入输出参数表单设置
项目参数设置path=/account/project/create/paramSetting
新建项目path=/account/project/create
参数path=/account/project/control/param:id默认子路由
项目执行概览path=/account/project/control/running/overview:id默认子路由
地图视角path=/account/project/control/running/mapview?projectId&procedureId
模型视角path=/account/project/control/running/modelView?projectId
任务详情path=/account/project/control/running/task?projectId?taskId
任务列表path=/account/project/control/running/task/list?projectId&procedureId
点某个工序把数据展示到地图,然后点击框显示任务列表,点击任务跳转到任务详情
进来后显示的是项目的流程图,点击图上的某个工序跳转到工序对应的任务列表
点击单个任务查询看,跳转到任务详情列表
执行path=/account/project/control/running
左侧是工序列表
右侧是工序输出结果列表
点击某个结果进行预览,基于类型去匹配文档还是地图预览
点击工序显示对应的输出结果列表
结果path=/account/project/control/output?projectId
项目管控path=/account/project/control
项目管理path=/account/project
搜索
新建模型(上传&配置工具)
流程编排(创建流程/工艺)
点击跳转到模型管理/新建模型路由
点击跳转到模型管理/流程编排路由
数据表格
分页组件
模型列表(类型分模型和流程)path=/account/dag/list默认子路由
基本信息
文件上传(抽组件)
模型输入
模型输出
新建模型path=/account/dag/save?id如果是编辑,需要传入要编辑模型对象的id
抽成一个组件DagParamConfig
流程编排path=/account/dag/craftSave?id如果是编辑,需要传入要编辑流程对象的id
流程设计path=/account/dag/craftDesign?id
新建和编辑都走这个,基于按钮传值判断是新建还是编辑
模型管理path=/account/dag模型即包括工具又包扩工艺,总结就是DAG
个人中心path=/account二级路由
个人中心(重点关注)
退出登录
用户头像
右侧用户栏
header
暂不管,这个属于大集成的时候考虑的,可能是其他团队整的
暂随便设置个
内容区
contentpath=/根路由
布局(上下)
0 条评论
回复 删除
下一页