1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
"use client"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
/**
* 하드코딩된 티어 셀렉터
*
* 벤더의 티어
*
* 코드, 의미
* Tier 1, "당사 협조도 우수, 필수 견적 의뢰 업체"
* Tier 2, "해당 품목 주요 제작사, Tier 1 후보군"
* 등급 외 "(Tier 1, 2 미해당 업체)"
*/
interface VendorTierSelectorProps {
value?: string
onValueChange?: (value: string) => void
placeholder?: string
disabled?: boolean
className?: string
}
export function VendorTierSelector({
value = "",
onValueChange,
placeholder = "티어 선택",
disabled = false,
className
}: VendorTierSelectorProps) {
// 선택된 값에 따른 툴팁 텍스트
const getTooltipText = (value: string) => {
switch (value) {
case "Tier 1":
return "당사 협조도 우수, 필수 견적 의뢰 업체"
case "Tier 2":
return "해당 품목 주요 제작사, Tier 1 후보군"
case "none":
return "Tier 1, 2 미해당 업체"
default:
return ""
}
}
return (
<Select value={value} onValueChange={onValueChange} disabled={disabled}>
<SelectTrigger className={className} title={value ? getTooltipText(value) : ""}>
<SelectValue placeholder={placeholder} />
</SelectTrigger>
<SelectContent>
<SelectItem value="Tier 1" title="당사 협조도 우수, 필수 견적 의뢰 업체">
Tier 1
</SelectItem>
<SelectItem value="Tier 2" title="해당 품목 주요 제작사, Tier 1 후보군">
Tier 2
</SelectItem>
<SelectItem value="none" title="Tier 1, 2 미해당 업체">
등급 외
</SelectItem>
</SelectContent>
</Select>
)
}
|
