style(business): 调整多处组件样式优化详情页视觉效果

- 修改 loading-manage.vue 中流程线条高度和颜色为6px浅灰色
- 在 master-order.vue 添加节点名称悬浮提示,调整进度条宽度和高度,居中标题字号
- 更新 master-order-detail.vue 路由线条样式加粗为6px浅灰色
- 优化 master-order-dispatch.vue 路由线条宽度改为6px浅灰色
- voucher-manage.vue 表单结构新增 section-card 容器组件,上传区和关联运输批次按钮布局优化
- voucher-manage.vue 引入 SectionCard 组件用于包裹上传表单区域
This commit is contained in:
2026-08-14 08:18:45 +08:00
parent 3bb0fddcca
commit 9e5fbfd2d4
5 changed files with 44 additions and 38 deletions
@@ -627,7 +627,7 @@ export default {
.route-overview { display: flex; align-items: flex-start; justify-content: flex-end; padding-top: 8px; overflow-x: auto; }
.route-overview__node { display: grid; flex: 0 0 130px; justify-items: center; gap: 6px; text-align: center; strong { font-size: 16px; white-space: nowrap; } small { color: #606266; white-space: nowrap; } }
.route-badge { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 4px; background: #67c23a; color: #fff; font-weight: 600; &.start { background: #409eff; } &.end { background: #e6a23c; } }
.route-overview__line { flex: 1 0 56px; min-width: 56px; height: 32px; margin-top: 0; border-bottom: 2px solid #606266; }
.route-overview__line { flex: 1 0 56px; min-width: 56px; height: 32px; margin-top: 0; border-bottom: 6px solid #e4e7ed; }
.segment-header { min-height: 46px; padding: 0 20px; border-bottom: 1px solid #eff1f7; font-weight: 600; em { color: #409eff; font-style: normal; } }
.segment-content { padding: 16px 24px; }
.dispatch-form { :deep(.el-form-item) { margin-bottom: 16px; } :deep(.el-input), :deep(.el-select), :deep(.el-date-editor), :deep(.el-input-number) { width: 100%; } }