diff options
Diffstat (limited to 'lib/mail/templates')
| -rw-r--r-- | lib/mail/templates/audit-result-notice.hbs | 164 | ||||
| -rw-r--r-- | lib/mail/templates/non-inspection-pq.hbs | 200 | ||||
| -rw-r--r-- | lib/mail/templates/pq.hbs | 198 | ||||
| -rw-r--r-- | lib/mail/templates/site-visit-request.hbs | 260 |
4 files changed, 738 insertions, 84 deletions
diff --git a/lib/mail/templates/audit-result-notice.hbs b/lib/mail/templates/audit-result-notice.hbs new file mode 100644 index 00000000..1e5f7c65 --- /dev/null +++ b/lib/mail/templates/audit-result-notice.hbs @@ -0,0 +1,164 @@ +<!DOCTYPE html>
+<html lang="ko">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>{{subject}}</title>
+ <style>
+ body {
+ font-family: 'Malgun Gothic', Arial, sans-serif;
+ line-height: 1.6;
+ color: #333;
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 20px;
+ }
+ .header {
+ background-color: #f8f9fa;
+ padding: 20px;
+ border-radius: 8px;
+ margin-bottom: 30px;
+ text-align: center;
+ }
+ .content {
+ background-color: #ffffff;
+ padding: 30px;
+ border-radius: 8px;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+ }
+ .audit-info {
+ background-color: #f8f9fa;
+ padding: 20px;
+ border-radius: 8px;
+ margin-bottom: 30px;
+ }
+ .audit-info table {
+ width: 100%;
+ border-collapse: collapse;
+ }
+ .audit-info td {
+ padding: 8px 12px;
+ border-bottom: 1px solid #e9ecef;
+ }
+ .audit-info td:first-child {
+ font-weight: bold;
+ width: 120px;
+ background-color: #e9ecef;
+ }
+ .result-pass {
+ color: #28a745;
+ font-weight: bold;
+ }
+ .result-fail {
+ color: #dc3545;
+ font-weight: bold;
+ }
+ .footer {
+ margin-top: 30px;
+ padding-top: 20px;
+ border-top: 1px solid #e9ecef;
+ font-size: 14px;
+ color: #666;
+ }
+ .signature {
+ margin-top: 20px;
+ padding-top: 20px;
+ border-top: 1px solid #e9ecef;
+ }
+ .company-info {
+ margin-top: 10px;
+ font-size: 12px;
+ color: #888;
+ }
+ </style>
+</head>
+<body>
+ <div class="header">
+ <h2>{{subject}}</h2>
+ </div>
+
+ <div class="content">
+ <div class="audit-info">
+ <table>
+ <tr>
+ <td>PQ No.</td>
+ <td>{{pqNumber}}</td>
+ </tr>
+ <tr>
+ <td>Vendor</td>
+ <td>{{vendorCode}} | {{vendorName}}</td>
+ </tr>
+ <tr>
+ <td>수신자</td>
+ <td>{{recipientName}} / {{recipientEmail}}</td>
+ </tr>
+ <tr>
+ <td>실사품목</td>
+ <td>{{auditItem}}</td>
+ </tr>
+ <tr>
+ <td>실사공장주소</td>
+ <td>{{auditFactoryAddress}}</td>
+ </tr>
+ <tr>
+ <td>실사방법</td>
+ <td>{{auditMethod}}</td>
+ </tr>
+ <tr>
+ <td>실사결과</td>
+ <td class="{{#if (eq auditResult 'Pass(승인)')}}result-pass{{else if (eq auditResult 'Pass(조건부승인)')}}result-pass{{else}}result-fail{{/if}}">
+ {{auditResult}}
+ </td>
+ </tr>
+ {{#if additionalNotes}}
+ <tr>
+ <td>추가 Comment</td>
+ <td>{{additionalNotes}}</td>
+ </tr>
+ {{/if}}
+ </table>
+ </div>
+
+ <div class="email-body">
+ <p>수신 : {{vendorName}} {{recipientName}} 귀하</p>
+ <p>발신 : 삼성중공업 {{senderName}} 프로 ({{senderEmail}})</p>
+
+ <p>귀사 일익 번창하심을 기원합니다.</p>
+
+ <p>당사에선 귀사와의 정기적 거래를 위하여 PQ 검토 및 실사를 진행하였으며,<br>
+ 아래와 같이 최종 실사 결과가 확정되어 공유하여 드립니다.</p>
+
+ <h3>- 아 래 -</h3>
+
+ <ol>
+ <li><strong>실사업체</strong> : {{vendorName}}, {{vendorCode}}</li>
+ <li><strong>실사품목</strong> : {{auditItem}}</li>
+ <li><strong>실사공장주소</strong> : {{auditFactoryAddress}}</li>
+ <li><strong>실사결과</strong> : {{auditResult}}</li>
+ {{#if additionalNotes}}
+ <li><strong>추가 안내사항</strong> : {{additionalNotes}}</li>
+ {{/if}}
+ </ol>
+
+ {{#if (or (eq auditResult 'Pass(승인)') (eq auditResult 'Pass(조건부승인)'))}}
+ <p>이번 기회를 통하여 귀사와의 협업으로 다가올 미래 조선/해양산업 시장에서 함께 성장해 나갈 수 있기를 기대합니다.</p>
+ {{else}}
+ <p>아쉽게도 이번 실사를 통과하지 못한 점 매우 아쉽게 생각하며<br>
+ 향후에 더 좋은 기회로 귀사와 협업할 수 있기를 기대합니다.</p>
+ {{/if}}
+ </div>
+
+ <div class="signature">
+ <p>{{senderName}} / Procurement Manager / {{senderEmail}}</p>
+ <div class="company-info">
+ SAMSUNG HEAVY INDUSTRIES CO., LTD.<br>
+ 80, Jangpyeong 3-ro, Geoje-si, Gyeongsangnam-do, Republic of Korea, 53261
+ </div>
+ </div>
+ </div>
+
+ <div class="footer">
+ <p>※ 본 메일은 자동 발송된 메일입니다. 문의사항이 있으시면 발신자에게 연락해 주시기 바랍니다.</p>
+ </div>
+</body>
+</html>
\ No newline at end of file diff --git a/lib/mail/templates/non-inspection-pq.hbs b/lib/mail/templates/non-inspection-pq.hbs new file mode 100644 index 00000000..add5396b --- /dev/null +++ b/lib/mail/templates/non-inspection-pq.hbs @@ -0,0 +1,200 @@ +<!DOCTYPE html>
+<html lang="ko">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>미실사 PQ 요청</title>
+ <style>
+ body {
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ line-height: 1.6;
+ color: #333;
+ max-width: 600px;
+ margin: 0 auto;
+ padding: 20px;
+ background-color: #f9f9f9;
+ }
+ .container {
+ background-color: white;
+ padding: 30px;
+ border-radius: 8px;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+ }
+ .header {
+ text-align: center;
+ border-bottom: 3px solid #2563eb;
+ padding-bottom: 20px;
+ margin-bottom: 30px;
+ }
+ .logo {
+ font-size: 24px;
+ font-weight: bold;
+ color: #2563eb;
+ margin-bottom: 10px;
+ }
+ .title {
+ font-size: 20px;
+ font-weight: bold;
+ color: #1f2937;
+ margin-bottom: 5px;
+ }
+ .subtitle {
+ color: #6b7280;
+ font-size: 14px;
+ }
+ .content {
+ margin-bottom: 30px;
+ }
+ .section {
+ margin-bottom: 25px;
+ }
+ .section-title {
+ font-weight: bold;
+ color: #1f2937;
+ margin-bottom: 10px;
+ font-size: 16px;
+ }
+ .info-box {
+ background-color: #f3f4f6;
+ padding: 15px;
+ border-radius: 6px;
+ margin-bottom: 20px;
+ }
+ .info-item {
+ margin-bottom: 8px;
+ }
+ .info-label {
+ font-weight: bold;
+ color: #374151;
+ }
+ .info-value {
+ color: #1f2937;
+ }
+ .highlight {
+ background-color: #fef3c7;
+ padding: 15px;
+ border-radius: 6px;
+ border-left: 4px solid #f59e0b;
+ margin: 20px 0;
+ }
+ .button {
+ display: inline-block;
+ background-color: #2563eb;
+ color: white;
+ padding: 12px 24px;
+ text-decoration: none;
+ border-radius: 6px;
+ font-weight: bold;
+ margin: 20px 0;
+ }
+ .button:hover {
+ background-color: #1d4ed8;
+ }
+ .footer {
+ text-align: center;
+ margin-top: 30px;
+ padding-top: 20px;
+ border-top: 1px solid #e5e7eb;
+ color: #6b7280;
+ font-size: 12px;
+ }
+ .contracts {
+ background-color: #f0f9ff;
+ padding: 15px;
+ border-radius: 6px;
+ margin: 15px 0;
+ }
+ .contract-item {
+ margin-bottom: 5px;
+ color: #1e40af;
+ }
+ </style>
+</head>
+<body>
+ <div class="container">
+ <div class="header">
+ <div class="logo">eVCP</div>
+ <div class="title">미실사 PQ 요청</div>
+ <div class="subtitle">Non-Inspection Pre-Qualification Request</div>
+ </div>
+
+ <div class="content">
+ <p>안녕하세요, <strong>{{vendorName}}</strong>님</p>
+
+ <p>SHI에서 미실사 PQ(Pre-Qualification) 요청을 보냅니다.</p>
+
+ <div class="info-box">
+ <div class="info-item">
+ <span class="info-label">PQ 번호:</span>
+ <span class="info-value">{{pqNumber}}</span>
+ </div>
+ <div class="info-item">
+ <span class="info-label">요청자:</span>
+ <span class="info-value">{{senderName}}</span>
+ </div>
+ {{#if dueDate}}
+ <div class="info-item">
+ <span class="info-label">제출 마감일:</span>
+ <span class="info-value">{{dueDate}}</span>
+ </div>
+ {{/if}}
+ </div>
+
+ <div class="section">
+ <div class="section-title">📋 미실사 PQ란?</div>
+ <p>미실사 PQ는 현장 방문 없이 서류 검토만으로 진행되는 사전 자격 검증입니다.
+ 일반 PQ와 동일한 기준으로 평가되지만, 현장 실사 과정이 생략됩니다.</p>
+ </div>
+
+ {{#if pqItems}}
+ <div class="section">
+ <div class="section-title">🎯 PQ 대상 품목</div>
+ <div class="highlight">
+ {{pqItems}}
+ </div>
+ </div>
+ {{/if}}
+
+ {{#if contracts.length}}
+ <div class="section">
+ <div class="section-title">📄 포함된 계약 항목</div>
+ <div class="contracts">
+ {{#each contracts}}
+ <div class="contract-item">• {{this}}</div>
+ {{/each}}
+ </div>
+ </div>
+ {{/if}}
+
+ {{#if extraNote}}
+ <div class="section">
+ <div class="section-title">📝 추가 안내사항</div>
+ <div class="highlight">
+ {{extraNote}}
+ </div>
+ </div>
+ {{/if}}
+
+ <div class="section">
+ <div class="section-title">🚀 PQ 제출하기</div>
+ <p>아래 버튼을 클릭하여 미실사 PQ를 제출하세요:</p>
+ <a href="{{loginUrl}}" class="button">PQ 제출하기</a>
+ </div>
+
+ <div class="section">
+ <div class="section-title">⚠️ 중요 안내</div>
+ <ul>
+ <li>미실사 PQ는 서류 검토만으로 진행되므로, 모든 서류를 정확히 작성해주세요.</li>
+ <li>제출 후에는 수정이 제한될 수 있으니 신중하게 작성해주세요.</li>
+ <li>문의사항이 있으시면 언제든 연락주세요.</li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="footer">
+ <p>© {{currentYear}} eVCP. All rights reserved.</p>
+ <p>본 메일은 자동으로 발송되었습니다. 문의사항은 {{senderEmail}}로 연락주세요.</p>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file diff --git a/lib/mail/templates/pq.hbs b/lib/mail/templates/pq.hbs index a8876eeb..0f54adb1 100644 --- a/lib/mail/templates/pq.hbs +++ b/lib/mail/templates/pq.hbs @@ -1,90 +1,120 @@ <!DOCTYPE html>
-<html>
+<html lang="ko">
<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);
- }
- </style>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>eVCP PQ 초대</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: 700px;
+ margin: 0 auto;
+ background-color: #ffffff;
+ padding: 24px;
+ border-radius: 8px;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+ color: #111827;
+ }
+ .section-title {
+ font-weight: bold;
+ margin-top: 24px;
+ }
+ .contract-list {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding-left: 1em;
+ }
+ </style>
</head>
<body>
- <div class="email-container">
-<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>
-
-<h1 style="font-size:28px; margin-bottom:16px;">
- eVCP PQ 초대
-</h1>
-
-<p style="font-size:16px; line-height:32px; margin-bottom:16px;">
- {{vendorName}} 귀하,
-</p>
-
-<p style="font-size:16px; line-height:32px; margin-bottom:16px;">
- 귀사를 저희 업체 데이터베이스에 사전적격심사(PQ) 정보를 제출하도록 초대합니다. 이 과정을 완료하면 향후 프로젝트 및 조달 기회에 귀사가 고려될 수 있습니다.
-</p>
-
-<p style="font-size:16px; line-height:32px; margin-bottom:16px;">
- PQ 정보 제출 방법:
-</p>
-
-<ol style="font-size:16px; line-height:32px; margin-bottom:16px;">
- <li>아래 버튼을 클릭하여 저희 업체 포털에 접속하세요</li>
- <li>계정에 로그인하세요 (아직 계정이 없으면 등록하세요)</li>
- <li>대시보드에서 PQ 섹션으로 이동하세요</li>
- <li>귀사, 역량 및 경험에 관한 모든 필수 정보를 작성하세요</li>
-</ol>
-
-<p style="text-align: center;">
- <a href="{{loginUrl}}" target="_blank" style="display: inline-block; width: 250px; padding: 12px 20px; background-color: #163CC4; color: #ffffff !important; text-decoration: none; border-radius: 8px; text-align: center; line-height: 28px; margin-top: 16px;">
- 업체 포털 접속
- </a>
-</p>
-
-<p style="font-size:16px; line-height:32px; margin-top:16px;">
- 시스템에 최신 PQ 정보를 유지하는 것은 향후 기회에 귀사가 고려되기 위해 필수적입니다.
-</p>
-
-<p style="font-size:16px; line-height:32px; margin-top:16px;">
- 문의사항이 있거나 도움이 필요하시면 저희 업체 관리팀에 문의해 주세요.
-</p>
-
-<p style="font-size:16px; line-height:32px; margin-top:16px;">
- 귀사에 대해 더 알아보고 향후 프로젝트에서 함께 일할 수 있기를 기대합니다.
-</p>
-
-<p style="font-size:16px; line-height:32px; margin-top:16px;">
- 감사합니다,<br>
- eVCP 팀
-</p>
-
-<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:16px; color:#6b7280; margin:4px 0;">© {{currentYear}} EVCP. {{t "email.vendor.invitation.copyright"}}</p>
- <p style="font-size:16px; color:#6b7280; margin:4px 0;">{{t "email.vendor.invitation.no_reply"}}</p>
- </td>
- </tr>
-</table>
+ <div class="email-container">
+ <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>
+
+ <h1 style="font-size:28px; margin-bottom:16px;">
+ [SHI PQ] Pre-Qualification Invitation _ {{vendorName}} _ PQ No. {{pqNumber}}
+ </h1>
+
+ <p style="font-size:16px; line-height:32px;">SHI PQ No. : {{pqNumber}}</p>
+ <p style="font-size:16px; line-height:32px;">수신 : {{vendorName}} {{vendorContact}} 귀하</p>
+ <p style="font-size:16px; line-height:32px;">발신 : {{senderName}} 프로 ({{senderEmail}})</p>
+
+ <p style="font-size:16px; line-height:32px; margin-top:16px;">
+ 귀사 일익 번창하심을 기원합니다.
+ </p>
+
+ <p style="font-size:16px; line-height:32px;">
+ 당사에선 귀사와의 정기적 거래를 위하여 PQ(Pre-Qualification)을 진행하고자 합니다.
+ </p>
+
+ <p style="font-size:16px; line-height:32px;">
+ 아래의 해당 링크를 통해 당사 eVCP시스템에 접속하시어 요청드린 PQ 항목 및 자료에 대한 제출 요청드립니다.
+ </p>
+
+ <p style="font-size:16px; line-height:32px;">
+ 별도의 견적을 제출하시어 당사에서 적극 검토할 수 있도록 협조 바랍니다.
+ </p>
+
+ <p style="font-size:16px; line-height:32px;">
+ 귀사의 제출 자료 및 정보는 아래의 제출 마감일 이전에 당사로 제출 되어야 하며,
+ 마감일 전 별도의 지연 통보 없이 미 제출될 경우에는 추후 계약대상자 등재에 어려움이 있을 수 있습니다.
+ </p>
+
+ <p class="section-title">- 아 래 -</p>
+
+ <p style="font-size:16px; line-height:32px;">1) PQ 제출 마감일 : {{dueDate}}</p>
+
+ <p style="font-size:16px; line-height:32px;">2) PQ 제출 방법</p>
+ <ul style="font-size:16px; line-height:32px; padding-left:1.2em; margin-top:4px;">
+ <li>아래 eVCP 접속 링크 클릭</li>
+ <li>eVCP 로그인 (계정이 없을 경우 계정 생성 필요)</li>
+ <li>PQ 필수 입력사항 및 제출자료 입력 후 제출 버튼 클릭</li>
+ </ul>
+
+ <p style="font-size:16px; line-height:32px;">3) PQ 대상품목 : {{pqItems}}</p>
+
+ <p style="font-size:16px; line-height:32px;">4) 기본계약서 승인(서명) 및 자료 제출 요청</p>
+ <div class="contract-list">
+ {{#each contracts}}
+ <div>■ {{this}}</div>
+ {{/each}}
</div>
+
+ {{#if extraNote}}
+ <p style="font-size:16px; line-height:32px;">5) 추가 안내사항</p>
+ <div style="white-space: pre-line; font-size:16px; line-height:32px;">
+ {{extraNote}}
+ </div>
+ {{/if}}
+
+ <p style="font-size:16px; line-height:32px; margin-top:24px;">
+ 이번 기회를 통하여 귀사와의 협업으로 다가올 미래 조선/해양산업 시장에서 함께 성장해 나갈 수 있기를 기대합니다.
+ </p>
+
+ <p style="font-size:16px; line-height:32px; margin-top:24px;">
+ {{senderName}} / Procurement Manager / {{senderEmail}}<br>
+ SAMSUNG HEAVY INDUSTRIES CO., LTD.<br>
+ 80, Jangpyeong 3-ro, Geoje-si, Gyeongsangnam-do, Republic of Korea, 53261
+ </p>
+
+ <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. All rights reserved.</p>
+ <p style="font-size:14px; color:#6b7280; margin:4px 0;">본 메일은 발신전용입니다. 회신하지 마십시오.</p>
+ </td>
+ </tr>
+ </table>
+ </div>
</body>
-</html>
\ No newline at end of file +</html>
diff --git a/lib/mail/templates/site-visit-request.hbs b/lib/mail/templates/site-visit-request.hbs new file mode 100644 index 00000000..6b2c3a2a --- /dev/null +++ b/lib/mail/templates/site-visit-request.hbs @@ -0,0 +1,260 @@ +<!DOCTYPE html>
+<html lang="ko">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>방문실사 요청</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;
+ line-height: 1.6;
+ }
+ .email-container {
+ max-width: 600px;
+ margin: 0 auto;
+ background-color: #ffffff;
+ padding: 30px;
+ border-radius: 8px;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+ }
+ .header {
+ border-bottom: 2px solid #163CC4;
+ padding-bottom: 20px;
+ margin-bottom: 30px;
+ }
+ .company-info {
+ background-color: #f8f9fa;
+ padding: 20px;
+ border-radius: 6px;
+ margin: 20px 0;
+ border-left: 4px solid #163CC4;
+ }
+ .section {
+ margin: 20px 0;
+ }
+ .section-title {
+ font-weight: bold;
+ color: #163CC4;
+ margin-bottom: 10px;
+ font-size: 16px;
+ }
+ .info-item {
+ margin: 8px 0;
+ padding-left: 20px;
+ }
+ .info-label {
+ font-weight: bold;
+ color: #374151;
+ }
+ .info-value {
+ color: #1f2937;
+ }
+ .attendees-list {
+ list-style: none;
+ padding-left: 20px;
+ }
+ .attendees-list li {
+ margin: 5px 0;
+ padding-left: 15px;
+ position: relative;
+ }
+ .attendees-list li:before {
+ content: "•";
+ color: #163CC4;
+ font-weight: bold;
+ position: absolute;
+ left: 0;
+ }
+ .request-items {
+ list-style: none;
+ padding-left: 20px;
+ }
+ .request-items li {
+ margin: 8px 0;
+ padding-left: 15px;
+ position: relative;
+ }
+ .request-items li:before {
+ content: "○";
+ color: #163CC4;
+ font-weight: bold;
+ position: absolute;
+ left: 0;
+ }
+ .footer {
+ margin-top: 40px;
+ padding-top: 20px;
+ border-top: 1px solid #e5e7eb;
+ text-align: center;
+ color: #6b7280;
+ font-size: 14px;
+ }
+ .deadline {
+ background-color: #fef3c7;
+ border: 1px solid #f59e0b;
+ padding: 15px;
+ border-radius: 6px;
+ margin: 20px 0;
+ }
+ .deadline strong {
+ color: #d97706;
+ }
+ </style>
+</head>
+<body>
+ <div class="email-container">
+ <!-- 헤더 -->
+ <div class="header">
+ <table width="100%" cellpadding="0" cellspacing="0">
+ <tr>
+ <td align="center">
+ <span style="display: block; text-align: left; color: #163CC4; font-weight: bold; font-size: 32px;">eVCP</span>
+ </td>
+ </tr>
+ </table>
+ </div>
+
+ <!-- 수신/발신 정보 -->
+ <div class="company-info">
+ <div style="margin-bottom: 15px;">
+ <span class="info-label">수신:</span>
+ <span class="info-value">{{vendorName}} {{vendorContactName}} 귀하</span>
+ </div>
+ <div>
+ <span class="info-label">발신:</span>
+ <span class="info-value">{{requesterName}} {{requesterTitle}} ({{requesterEmail}})</span>
+ </div>
+ </div>
+
+ <!-- 인사말 -->
+ <p style="font-size: 16px; margin-bottom: 20px;">
+ 귀사 일익 번창하심을 기원합니다.
+ </p>
+
+ <!-- 본문 -->
+ <p style="font-size: 16px; margin-bottom: 20px;">
+ 당사에선 귀사와의 정기적 거래를 위하여 귀사가 당사의 기준에 적합한 협력업체인지를 검토하기 위하여<br>
+ 귀사의 실 제작 공장을 직접 방문하여 점검하는 방문실사를 진행하고자 합니다.
+ </p>
+
+ <p style="font-size: 16px; margin-bottom: 20px;">
+ 방문실사를 위하여 다음과 같이 관련정보 및 요청정보/자료를 전달드리오니<br>
+ 메일 발신일 기준 C/D +7일 이내에 정보 입력 및 자료를 제출하시어<br>
+ 당사에서 귀사의 실 제작 공장 방문을 미리 준비할 수 있도록 적극적인 협조 부탁드립니다.
+ </p>
+
+ <!-- 마감일 안내 -->
+ <div class="deadline">
+ <strong>📅 제출 마감일: {{deadlineDate}}</strong>
+ </div>
+
+ <!-- 구분선 -->
+ <div style="text-align: center; margin: 30px 0;">
+ <span style="font-weight: bold; font-size: 18px; color: #163CC4;">- 다 음 -</span>
+ </div>
+
+ <!-- 실사 정보 -->
+ <div class="section">
+ <div class="section-title">1. 실사방법</div>
+ <div class="info-item">
+ <span class="info-value">{{evaluationType}}</span>
+ {{#if evaluationTypeDescription}}
+ <div style="font-size: 14px; color: #6b7280; margin-top: 5px;">
+ (안내: {{evaluationTypeDescription}})
+ </div>
+ {{/if}}
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="section-title">2. 실사요청일 및 기간</div>
+ <div class="info-item">
+ <span class="info-value">{{requestedStartDate}} ~ {{requestedEndDate}} (W/D 기준 {{inspectionDuration}}일)</span>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="section-title">3. 삼성중공업 실사 참석 예정 부문</div>
+ {{#if shiAttendees}}
+ <ul class="attendees-list">
+ {{#each shiAttendees}}
+ <li>{{this}}</li>
+ {{/each}}
+ </ul>
+ {{else}}
+ <div class="info-item">
+ <span class="info-value">참석 예정 부문이 없습니다.</span>
+ </div>
+ {{/if}}
+ {{#if shiAttendeeDetails}}
+ <div style="margin-top: 10px; padding-left: 20px; font-size: 14px; color: #6b7280;">
+ <strong>참석자 상세정보:</strong><br>
+ {{shiAttendeeDetails}}
+ </div>
+ {{/if}}
+ </div>
+
+ <div class="section">
+ <div class="section-title">4. 협력업체 요청정보 및 자료</div>
+ <ul class="request-items">
+ {{#each vendorRequests}}
+ <li>{{this}}</li>
+ {{/each}}
+ </ul>
+ {{#if otherVendorRequests}}
+ <div style="margin-top: 10px; padding-left: 20px; font-size: 14px; color: #6b7280;">
+ {{otherVendorRequests}}
+ </div>
+ {{/if}}
+ </div>
+
+ {{#if additionalRequests}}
+ <div class="section">
+ <div class="section-title">5. 추가 요청사항</div>
+ <div class="info-item">
+ <span class="info-value">{{additionalRequests}}</span>
+ </div>
+ </div>
+ {{/if}}
+
+ <!-- 문의사항 -->
+ <div style="margin: 30px 0; padding: 20px; background-color: #f8f9fa; border-radius: 6px;">
+ <p style="font-size: 16px; margin: 0;">
+ 상기 내역에 대해 문의사항이 있을 경우 구매 담당자에게 연락 바랍니다.
+ </p>
+ </div>
+
+ <!-- 마무리 -->
+ <p style="font-size: 16px; margin-bottom: 20px;">감사합니다.</p>
+
+ <!-- 발신자 정보 -->
+ <div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #e5e7eb;">
+ <p style="font-size: 14px; margin: 5px 0; color: #374151;">
+ {{requesterName}} / {{requesterTitle}} / {{requesterEmail}}
+ </p>
+ <p style="font-size: 14px; margin: 5px 0; color: #374151;">
+ SAMSUNG HEAVY INDUSTRIES CO., LTD.
+ </p>
+ <p style="font-size: 14px; margin: 5px 0; color: #374151;">
+ 80, Jangpyeong 3-ro, Geoje-si, Gyeongsangnam-do, Republic of Korea, 53261
+ </p>
+ </div>
+
+ <!-- 포털 링크 -->
+ <div style="text-align: center; margin: 30px 0;">
+ <a href="{{portalUrl}}" target="_blank" style="display:inline-block; background-color:#163CC4; color:#ffffff; padding:12px 24px; text-decoration:none; border-radius:6px; font-weight:bold;">
+ 협력업체 정보 입력하기
+ </a>
+ </div>
+
+ <!-- 푸터 -->
+ <div class="footer">
+ <p style="margin: 4px 0;">© {{currentYear}} EVCP. All rights reserved.</p>
+ <p style="margin: 4px 0;">이 메일은 자동으로 발송되었습니다. 회신하지 마세요.</p>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file |