refactor(business): 优化派车信息展示和样式布局

- 将基本信息部分整体包裹在section-card内并调整布局顺序
- 调整收发货路线结构,合并地址和联系人信息至路线节点内
- 使用CSS grid替代部分flex布局,优化网格间距和对齐
- 更新文字换行和溢出处理,增强可读性
- 删除冗余的收发货路线详细信息区域,精简代码结构
- 统一section-card的样式和内部内容伸缩布局
- 调整附件显示方式,保证链接样式一致性
This commit is contained in:
2026-08-07 01:21:46 +08:00
parent 17d12d279d
commit 4bef3430e0

View File

@@ -9416,9 +9416,9 @@ export default {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
gap: 12px; gap: 12px;
align-items: center;
justify-items: center; justify-items: center;
height: 100%; height: 100%;
padding-top: 22px;
} }
&__dispatch-route-item { &__dispatch-route-item {
@@ -9433,11 +9433,11 @@ export default {
flex: 0 0 auto; flex: 0 0 auto;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 32px; width: 40px;
height: 32px; height: 40px;
border-radius: 4px; border-radius: 4px;
color: #fff; color: #fff;
font-size: 13px; font-size: 18px;
font-weight: 600; font-weight: 600;
&.is-start { &.is-start {
@@ -9455,7 +9455,7 @@ export default {
} }
&__dispatch-route-title { &__dispatch-route-title {
font-size: 16px; font-size: 20px;
line-height: 1.3; line-height: 1.3;
color: #303133; color: #303133;
font-weight: 600; font-weight: 600;
@@ -9477,6 +9477,7 @@ export default {
&__dispatch-route-line { &__dispatch-route-line {
position: relative; position: relative;
margin-top: 20px;
width: 56px; width: 56px;
height: 2px; height: 2px;
background-image: linear-gradient( background-image: linear-gradient(
@@ -9546,7 +9547,7 @@ export default {
&__dispatch-footer { &__dispatch-footer {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
gap: 12px; gap: 10px;
padding-right: 0; padding-right: 0;
padding-top: 16px; padding-top: 16px;
margin-top: 16px; margin-top: 16px;
@@ -9871,4 +9872,7 @@ export default {
} }
} }
} }
.section-card{
margin-bottom: 0 !important;
}
</style> </style>