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