Row 71 · 项目信息查询页面并网资料不应显示上传/提交/批量提交/附件删除按钮 2.1.待开发
问题描述:在项目信息查询页面中,点击进去并网资料页面,不应该显示上传附件、提交、批量提交、附件删除按钮。
旧代码涉及的项目文件名及对应行数
前端 xnybw5f/src/views/projectNew/components/gridInfo/gridInfoDetail.vue:
- 第 151-152 行:
allButtonShow: true, auditShow: false—— 默认值写死,永远为"全部按钮可见、非审核模式" - 第 244-249 行:
created()钩子里根据路由参数派生allButtonShow/auditShow/planId/batchId的逻辑整段被注释掉了,只保留了getProjectData调用 - 第 62-63 行:把这两个恒定值透传给子组件
batchInfo(xnybw5f/src/views/projectNew/components/baseInfo/components/batchInfo.vue)
子组件 batchInfo.vue 里,上传/提交/批量提交/删除等按钮全部用 v-if="allButtonShow && ..." 控制显隐(第 280、397、402、490-502 行),既然 allButtonShow 恒为 true,这些按钮在任何页面(包括"项目信息查询"这种只读查阅场景)都会显示。
修复代码涉及的项目文件名及行数
xnybw5f/src/views/projectNew/components/gridInfo/gridInfoDetail.vue 第 244-249 行
修复方案
恢复/补全 created() 里按路由上下文派生 allButtonShow/auditShow 的逻辑,让"项目信息查询"入口进来时传一个只读标记(比如 query 里带 status=view 或专门加一个 readonly prop),使 allButtonShow 在查询场景下为 false:
// gridInfoDetail.vue created() 修改前(现状,整段注释掉)
created() {
// const query = this.$route.query
// this.allButtonShow = query.status !== 'view_new'
// this.auditShow = query.auditFlag ? true : false
...
}
// 建议修改为
created() {
const query = this.$route.query
this.allButtonShow = query.status !== 'view' && query.status !== 'view_new'
this.auditShow = query.auditFlag ? true : false
...
}
并确认"项目信息查询"列表跳转到本页面时,路由 query 确实带上了 status=view(或与父页面 projectInfoSearchList.vue 的查阅跳转参数保持一致)。此修复同时影响 Row 75 和 Row 78,三者共享同一根因,建议一并修复验证。