refactor(business): 优化派车信息展示和样式布局
- 将基本信息部分整体包裹在section-card内并调整布局顺序 - 调整收发货路线结构,合并地址和联系人信息至路线节点内 - 使用CSS grid替代部分flex布局,优化网格间距和对齐 - 更新文字换行和溢出处理,增强可读性 - 删除冗余的收发货路线详细信息区域,精简代码结构 - 统一section-card的样式和内部内容伸缩布局 - 调整附件显示方式,保证链接样式一致性
This commit is contained in:
@@ -2135,12 +2135,6 @@
|
|||||||
{{ dispatchRow.contractName || dispatchRow.contractNo || '-' }}
|
{{ dispatchRow.contractName || dispatchRow.contractNo || '-' }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="business-crud-page__dispatch-summary-item is-wide">
|
|
||||||
<div class="business-crud-page__dispatch-summary-label">货物信息</div>
|
|
||||||
<div class="business-crud-page__dispatch-summary-value">
|
|
||||||
{{ dispatchPlanCargoInfo || '-' }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="business-crud-page__dispatch-summary-item">
|
<div class="business-crud-page__dispatch-summary-item">
|
||||||
<div class="business-crud-page__dispatch-summary-label">计划执行时间</div>
|
<div class="business-crud-page__dispatch-summary-label">计划执行时间</div>
|
||||||
<div class="business-crud-page__dispatch-summary-value">
|
<div class="business-crud-page__dispatch-summary-value">
|
||||||
@@ -2151,6 +2145,12 @@
|
|||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="business-crud-page__dispatch-summary-item is-wide">
|
||||||
|
<div class="business-crud-page__dispatch-summary-label">货物信息</div>
|
||||||
|
<div class="business-crud-page__dispatch-summary-value">
|
||||||
|
{{ dispatchPlanCargoInfo || '-' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div
|
<div
|
||||||
class="business-crud-page__dispatch-summary-item business-crud-page__dispatch-summary-item--attachments"
|
class="business-crud-page__dispatch-summary-item business-crud-page__dispatch-summary-item--attachments"
|
||||||
>
|
>
|
||||||
@@ -9374,7 +9374,7 @@ export default {
|
|||||||
|
|
||||||
&__dispatch-summary-grid {
|
&__dispatch-summary-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
gap: 12px 16px;
|
gap: 12px 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user