diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue index fc4b033..401f1ad 100644 --- a/src/components/assistant/AssistantResponseCard.vue +++ b/src/components/assistant/AssistantResponseCard.vue @@ -403,14 +403,6 @@ function generateReport() { > 查看标准详情 - + 搜索中… + 未找到匹配供应商 + + {{ tierLabel }} @@ -418,6 +510,8 @@ watch( font-weight: 650; } .supplier-select { + width: 180px; + min-height: 34px; padding: 7px 14px; border: 1px solid #e4e4e2; border-radius: 5px; @@ -428,6 +522,47 @@ watch( font-size: 13px; cursor: pointer; } +.supplier-combobox { + position: relative; + z-index: 5; +} +.supplier-combobox .supplier-select { + cursor: text; +} +.supplier-options { + position: absolute; + top: calc(100% + 4px); + right: 0; + left: 0; + max-height: 260px; + overflow-y: auto; + border: 1px solid var(--color-border-strong); + border-radius: 5px; + padding: 4px 0; + background: #fff; + box-shadow: var(--shadow-lg); +} +.supplier-option { + display: block; + width: 100%; + border: 0; + padding: 8px 12px; + background: #fff; + color: var(--color-text-secondary); + font-size: 12px; + text-align: left; +} +.supplier-option:hover, +.supplier-option.active { + background: var(--color-accent-subtle); + color: var(--color-accent); +} +.supplier-option-state { + display: block; + padding: 9px 12px; + color: var(--color-text-faint); + font-size: 11px; +} .version-note { color: #999; font-size: 11px; @@ -700,6 +835,13 @@ watch( order: 3; width: 100%; } + .supplier-combobox { + order: 3; + width: 100%; + } + .supplier-combobox .supplier-select { + width: 100%; + } .version-note { width: 100%; }