diff options
Diffstat (limited to 'lib/mail/templates/non-inspection-pq.hbs')
| -rw-r--r-- | lib/mail/templates/non-inspection-pq.hbs | 200 |
1 files changed, 200 insertions, 0 deletions
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 |