diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue index 6643cbb..dea5bba 100644 --- a/src/views/business/components/business-crud-page.vue +++ b/src/views/business/components/business-crud-page.vue @@ -2114,103 +2114,99 @@ - -
-
-
客户
-
- {{ dispatchRow.customerName || '-' }} +
+ +
+
+
客户
+
+ {{ dispatchRow.customerName || '-' }} +
+
+
+
项目
+
+ {{ dispatchRow.projectName || '-' }} +
+
+
+
合同编号
+
+ {{ dispatchRow.contractName || dispatchRow.contractNo || '-' }} +
+
+
+
货物信息
+
+ {{ dispatchPlanCargoInfo || '-' }} +
+
+
+
计划执行时间
+
+ {{ + [dispatchRow.planStartDate, dispatchRow.planEndDate] + .filter(Boolean) + .join(' ~ ') || '-' + }} +
+
+
+
附件
+
+ + {{ dispatchAttachmentLabel(item) }} + + - +
-
-
项目
-
- {{ dispatchRow.projectName || '-' }} -
-
-
-
合同编号
-
- {{ dispatchRow.contractName || dispatchRow.contractNo || '-' }} -
-
-
-
计划执行时间
-
- {{ - [dispatchRow.planStartDate, dispatchRow.planEndDate] - .filter(Boolean) - .join(' ~ ') || '-' - }} -
-
-
-
货物信息
-
- {{ dispatchPlanCargoInfo || '-' }} -
-
-
-
附件
-
- - {{ dispatchAttachmentLabel(item) }} - - - -
-
-
- + - -
-
-
+ +
+
-
- {{ parseDispatchRoutePoint(dispatchRow, 'start').name || '-' }} +
+
+ {{ parseDispatchRoutePoint(dispatchRow, 'start').name || '-' }} +
+
+ {{ parseDispatchRoutePoint(dispatchRow, 'start').address || '-' }} +
+
+ {{ parseDispatchRoutePoint(dispatchRow, 'start').contact || '-' }} +
-
+
-
- {{ parseDispatchRoutePoint(dispatchRow, 'end').name || '-' }} +
+
+ {{ parseDispatchRoutePoint(dispatchRow, 'end').name || '-' }} +
+
+ {{ parseDispatchRoutePoint(dispatchRow, 'end').address || '-' }} +
+
+ {{ parseDispatchRoutePoint(dispatchRow, 'end').contact || '-' }} +
-
-
-
发货地址
-
- {{ parseDispatchRoutePoint(dispatchRow, 'start').address || '-' }} -
-
- {{ parseDispatchRoutePoint(dispatchRow, 'start').contact || '-' }} -
-
-
-
收货地址
-
- {{ parseDispatchRoutePoint(dispatchRow, 'end').address || '-' }} -
-
- {{ parseDispatchRoutePoint(dispatchRow, 'end').contact || '-' }} -
-
-
-
- + +
@@ -9359,13 +9355,27 @@ export default { } &__dispatch-summary { + display: grid; + grid-template-columns: minmax(0, 1.25fr) minmax(420px, 1fr); + gap: 16px; + align-items: stretch; margin-bottom: 12px; } + &__dispatch-summary-card, + &__dispatch-route-card { + display: flex; + flex-direction: column; + + :deep(.section-card__body) { + flex: 1; + } + } + &__dispatch-summary-grid { display: grid; - grid-template-columns: repeat(4, minmax(0, 1fr)); - gap: 12px 24px; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 12px 16px; } &__dispatch-summary-item { @@ -9386,7 +9396,7 @@ export default { &__dispatch-summary-value { min-height: 20px; font-size: 14px; - line-height: 1.4; + line-height: 1.45; color: #303133; word-break: break-word; } @@ -9403,23 +9413,19 @@ export default { } &__dispatch-route { - display: flex; - flex-direction: column; - gap: 16px; + display: grid; + grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr); + gap: 12px; + align-items: center; + justify-items: center; + height: 100%; } - &__dispatch-route-main { + &__dispatch-route-item { display: flex; - align-items: center; - justify-content: center; - gap: 16px; - } - - &__dispatch-route-node { - display: flex; - align-items: center; + align-items: flex-start; gap: 10px; - min-width: 0; + max-width: 100%; } &__dispatch-route-badge { @@ -9443,21 +9449,36 @@ export default { } } + &__dispatch-route-body { + min-width: 0; + text-align: left; + } + &__dispatch-route-title { font-size: 16px; line-height: 1.3; color: #303133; font-weight: 600; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + word-break: break-word; + } + + &__dispatch-route-address { + margin-top: 6px; + font-size: 13px; + line-height: 1.45; + color: #606266; + } + + &__dispatch-route-contact { + margin-top: 4px; + font-size: 13px; + color: #606266; } &__dispatch-route-line { position: relative; - flex: 0 0 80px; + width: 56px; height: 2px; - max-width: 120px; background-image: linear-gradient( to right, var(--el-color-primary) 0, @@ -9476,35 +9497,6 @@ export default { } } - &__dispatch-route-detail { - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 12px 24px; - } - - &__dispatch-route-detail-item { - min-width: 0; - } - - &__dispatch-route-detail-label { - margin-bottom: 4px; - font-size: 12px; - color: #909399; - } - - &__dispatch-route-detail-value { - font-size: 14px; - line-height: 1.4; - color: #303133; - word-break: break-word; - } - - &__dispatch-route-detail-contact { - margin-top: 4px; - font-size: 13px; - color: #606266; - } - &__dispatch-list-head { display: flex; align-items: center;