3.0 KiB
3.0 KiB
上传数据页征信导入入口跳转设计
背景
项目详情页“上传数据”当前提供“征信导入”按钮，点击后会在当前页打开征信上传弹窗。
现状已经存在独立的“信息维护-征信维护”页面，且该页面承载了征信 HTML 批量上传、列表查询、详情查看与删除能力。继续在“上传数据”页保留单独上传弹窗，会形成两个征信导入入口，导致入口分散。
目标
- 将项目详情页“上传数据”的“征信导入”按钮改为直接跳转到“信息维护-征信维护”页面
- 保持现有“征信维护”页面能力不变
- 不传递项目参数，仅完成页面跳转
非目标
- 不改造征信维护页面的查询、上传、详情、删除逻辑
- 不新增项目与征信维护页面之间的参数联动
- 不调整后端接口与数据库
方案对比
方案一：按钮直接路由跳转到征信维护页面
- 优点：改动最小，入口单一，符合“点击后跳转到页面”的需求
- 缺点：从项目详情进入征信维护页后，不保留当前项目上下文
方案二：保留当前弹窗，并在弹窗中增加“前往征信维护”入口
- 优点：兼容原有弹窗使用路径
- 缺点：与需求不符，仍然保留双入口，交互多一步
方案三：跳转到征信维护页面并附带项目参数
- 优点：后续可以扩展项目联动
- 缺点：当前需求并不需要，会引入额外耦合
最终方案
采用方案一。
将项目详情页 UploadData.vue 中“征信导入”按钮的点击行为，从“打开征信上传弹窗”调整为直接执行前端路由跳转，目标页面为“信息维护-征信维护”对应的 "/maintain/creditInfo"。
原按钮专属的本地弹窗入口不再作为用户操作路径保留。本次只处理入口行为，不调整征信维护页 index.vue 的既有交互与接口调用。
影响范围
- 前端组件：
ruoyi-ui/src/views/ccdiProject/components/detail/UploadData.vue - 前端页面：
ruoyi-ui/src/views/ccdiCreditInfo/index.vue（仅作为跳转目标，无代码改动） - 后端：无改动
数据流与交互
- 用户在项目详情页进入“上传数据”
- 点击“征信导入”按钮
- 前端执行
this.$router.push('/maintain/creditInfo') - 系统进入“信息维护-征信维护”页面
异常处理
- 若项目处于银行流水打标中，保持当前按钮禁用状态，不放开跳转
- 若路由跳转失败，沿用 Vue Router 现有容错行为，不新增额外兜底逻辑
验收标准
- 在项目详情页“上传数据”点击“征信导入”后，直接打开征信维护页面
- 原征信上传弹窗不再作为该按钮点击结果出现
- 征信维护页面现有上传、查询、详情、删除功能无回归