diff --git a/admin-ui/src/views/ai/order/index.vue b/admin-ui/src/views/ai/order/index.vue index 77085bb..e41693b 100644 --- a/admin-ui/src/views/ai/order/index.vue +++ b/admin-ui/src/views/ai/order/index.vue @@ -93,17 +93,17 @@ - + - - - + + + - - + + - + - - - + + + 32 ? "…" : "") : "—"; + }, + /** 已知火山错误码后附中文说明(括号),导出等场景可用 */ + volcFailureCodeWithHint(code) { + const c = String(code || "").trim(); + if (!c) return ""; + const hint = this.volcTaskErrorHintForCode(c); return hint ? `${c}(${hint})` : c; }, /** result 为火山回调失败写入的 VideoTaskError JSON 时解析为 { code, message } */ @@ -557,19 +594,56 @@ export default { height: auto; } -.order-result-error { - text-align: left; - max-width: 280px; - margin: 0 auto; - font-size: 12px; - line-height: 1.45; - color: #c45656; +.order-result-error-wrap { + display: inline-block; } -.order-result-error-line { +.order-result-error-compact { + display: inline-block; + max-width: 200px; + margin: 0 auto; + font-size: 12px; + line-height: 1.35; + color: #c45656; + cursor: help; + text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + vertical-align: middle; +} + +.order-result-error-tooltip-body { + max-width: 420px; + text-align: left; + line-height: 1.5; + font-size: 12px; +} + +.order-result-error-tooltip-row { + margin-bottom: 6px; +} + +.order-result-error-tooltip-row:last-child { + margin-bottom: 0; +} + +.order-result-error-tooltip-row--msg .order-result-error-tooltip-v { + display: block; + margin-top: 2px; + white-space: pre-wrap; word-break: break-word; } +.order-result-error-tooltip-k { + font-weight: 600; + color: #fde2e2; +} + +.order-result-error-tooltip-v { + color: #fff; +} + .text-ellipsis-two-lines { /* 必须设置宽度(继承表格列宽,也可手动指定) */ width: 100%;