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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>eVCP 메일</title>
<style>
body {
margin: 0 !important;
padding: 20px !important;
background-color: #f4f4f4;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.success-badge {
display: inline-block;
background-color: #10b981;
color: white;
padding: 4px 12px;
border-radius: 16px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 16px;
}
</style>
</head>
<body>
<div class="email-container">
<!-- Header -->
<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:24px; border-bottom:1px solid #163CC4; padding-bottom:16px;">
<tr>
<td align="center">
<span style="display: block; text-align: left; color: #163CC4; font-weight: bold; font-size: 32px;">eVCP</span>
</td>
</tr>
</table>
<!-- Success Badge -->
<div class="success-badge">
승인 완료
</div>
<!-- Title -->
<h1 style="font-size:28px; margin-bottom:16px; color:#111827;">
{{#if isProjectPQ}}
프로젝트 PQ가 승인되었습니다!
{{else}}
일반 PQ가 승인되었습니다!
{{/if}}
</h1>
<!-- Greeting -->
<p style="font-size:16px; line-height:32px; margin-bottom:16px;">
안녕하세요, <strong>{{vendorName}}</strong> 담당자님.
</p>
<!-- Main Content -->
<p style="font-size:16px; line-height:32px; margin-bottom:16px;">
{{#if isProjectPQ}}
축하합니다! 귀사의 <strong>{{projectName}}</strong> 프로젝트 PQ가 승인되었습니다.
{{else}}
축하합니다! 귀사의 일반 PQ가 승인되었습니다.
{{/if}}
</p>
<!-- PQ Details -->
<div style="background-color:#f0f9ff; border-left: 4px solid #163CC4; padding:16px; margin:16px 0; border-radius: 0 8px 8px 0;">
<h3 style="margin-top:0; margin-bottom:12px; color:#163CC4;">PQ 정보</h3>
<p style="font-size:14px; margin:4px 0; color:#374151;">
<strong>업체명:</strong> {{vendorName}}
</p>
{{#if isProjectPQ}}
<p style="font-size:14px; margin:4px 0; color:#374151;">
<strong>프로젝트명:</strong> {{projectName}}
</p>
{{/if}}
<p style="font-size:14px; margin:4px 0; color:#374151;">
<strong>승인일:</strong> {{approvedDate}}
</p>
</div>
<!-- Next Steps -->
<div style="background-color:#f9fafb; padding:16px; border-radius:8px; margin:16px 0;">
<h3 style="margin-top:0; margin-bottom:12px; color:#374151;">다음 단계</h3>
<p style="font-size:14px; margin:4px 0; color:#6b7280;">
PQ 승인으로 인해 {{#if isProjectPQ}}프로젝트 참여 자격이{{else}}업체 등록이{{/if}} 완료되었습니다.
이제 관련 프로젝트 및 입찰 기회에 참여하실 수 있습니다.
</p>
</div>
<!-- Action Button -->
<p style="margin: 24px 0; text-align: center;">
<a class="btn" href="{{portalUrl}}" target="_blank" rel="noopener"
style="display: inline-block; background: #163CC4; color: #fff !important; text-decoration: none; padding: 12px 20px; border-radius: 8px; font-weight: 600; width: 250px; text-align: center; line-height: 28px;">
협력업체 포털로 이동
</a>
</p>
<!-- Support Message -->
<p style="font-size:16px; line-height:24px; margin-top:24px; color:#6b7280;">
궁금한 사항이 있으시면 언제든지 문의해주세요.
</p>
<!-- Footer -->
<table width="100%" cellpadding="0" cellspacing="0" style="margin-top:32px; border-top:1px solid #e5e7eb; padding-top:16px;">
<tr>
<td align="center">
<p style="font-size:14px; color:#6b7280; margin:4px 0;">
© {{currentYear}} EVCP. 모든 권리 보유.
</p>
<p style="font-size:14px; color:#6b7280; margin:4px 0;">
본 이메일은 발신 전용입니다. 회신하지 마세요.
</p>
</td>
</tr>
</table>
</div>
</body>
</html>
|
