feat(contract-manage): 将合同详情由弹窗改为独立页面

- 新增路由 /business/contract-manage/detail,详情页共享合同管理组件
- 列表、表单、详情三分支用 isFormPage 和 isDetailPage 控制
- openDetail 方法改为跳转详情路由,initDetailPage 获取详情数据
- 新增 resetDetailState 和 closeDetailPage 方法,复用关闭逻辑
- 详情页去除弹窗高度限制,样式改为页面自滚动
- 详情页底栏使用固定位置关闭按钮,保持页面布局一致
- watch 和 created 中添加对 isDetailPage 的初始化调用和监听
This commit is contained in:
2026-09-11 12:30:05 +08:00
parent 6e5b15f203
commit 2131e99ec4
10 changed files with 189 additions and 90 deletions
@@ -763,6 +763,7 @@ export default {
align-items: center;
justify-content: flex-end;
margin-bottom: 12px;
margin-top: 12px;
}
&__attachment-upload {
@@ -840,6 +841,13 @@ export default {
.temporary-credit-limit-dialog .business-crud-page__detail-content .el-descriptions__label {
width: 180px !important;
}
// 仅查看(detail)态加宽 label 列:长字段名(如「剩余项目资金使用额度(万元)」)收敛为最多两行,
// 避免撑坏详情表格。新增 / 编辑弹窗的 avue-form 无 .avue--detail 类,不受影响
.temporary-credit-limit-dialog .avue--detail .el-form-item__label {
width: 148px !important;
flex: 0 0 148px !important;
}
.el-form-item--default .el-form-item__label {
height: auto !important;
}