diff --git a/application/admin/view/shopro/split/order/index.html b/application/admin/view/shopro/split/order/index.html index 9e7f6f5..50e1df5 100644 --- a/application/admin/view/shopro/split/order/index.html +++ b/application/admin/view/shopro/split/order/index.html @@ -9,7 +9,13 @@ #splitOrderIndex .el-table .cell { overflow: hidden; line-height: 1.5; - vertical-align: top; + vertical-align: middle; + word-break: keep-all; + } + #splitOrderIndex .el-table .col-money .cell, + #splitOrderIndex .el-table .col-source .cell { + overflow: visible; + white-space: nowrap; } .page-card { background: #fff; @@ -74,32 +80,41 @@ .status-tag.s2 { background: #f0f9eb; color: #67c23a; } .status-tag.s3 { background: #fdf6ec; color: #e6a23c; } .status-tag.s4 { background: #fef0f0; color: #f56c6c; } - .amount-block { + .money-num { + display: block; text-align: right; - line-height: 1.65; font-size: 13px; + font-variant-numeric: tabular-nums; + font-feature-settings: "tnum"; + white-space: nowrap; color: #303133; } - .amount-block .sub { font-size: 12px; color: #909399; } - .source-line { - margin-top: 6px; - text-align: right; + .money-num.highlight { color: #e1212b; font-weight: 600; } + .source-cell { + display: inline-flex; + align-items: center; + flex-wrap: nowrap; + gap: 4px; white-space: nowrap; + max-width: 100%; } .source-tag { + flex-shrink: 0; display: inline-block; padding: 0 6px; border-radius: 3px; font-size: 11px; - line-height: 18px; + line-height: 20px; + white-space: nowrap; } .source-tag.commission { background: #ecf5ff; color: #409eff; } .source-tag.rule { background: #fdf6ec; color: #e6a23c; } .source-detail-btn { + flex-shrink: 0; font-size: 11px; color: #909399; - margin-left: 4px; cursor: pointer; + white-space: nowrap; } .source-detail-btn:hover { color: #7438D5; } .recv-block { @@ -212,13 +227,19 @@ - + + + + + + +