품질인정제도 추가

This commit is contained in:
2026-01-01 22:14:22 +09:00
parent ae2831d1ae
commit 3474d88d1e
5 changed files with 1194 additions and 599 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CodeBridge-X SAM - 영업관리 </title>
<title>영업 관리 시스템</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap" rel="stylesheet">
@@ -478,6 +478,15 @@
pdf: 'pdf/sales13.pdf',
script: "기존 ERP가 직원용 '도구'였다면, **SAM은 대표님의 의사결정을 위한 '무기'입니다. 로그인 10초 만에 AI가 요약한 5대 핵심 지표를 파악하고, '돈 들어오는 소리'와 함께 실시간으로 회사를 통제하십시오. 보고서 대기 없는 'AI 경영 비서' SAM으로, 이제 복잡한 데이터가 아닌 오직 '경영'에만 집중할 때입니다",
tags: ['Comparison', 'AI', 'Efficiency'],
},
{
id: '14',
title: '품질인정제도 가이드 (영업 전략)',
image: 'img/sales14.jpg',
description: '2021년 강화된 자동방화셔터 품질인정제도에 따른 영업 대응 전략입니다. 법적 기준 변화를 기회로 만드는 핵심 인사이트를 제공합니다.',
url: 'etc/shutter.php',
script: "대표님, 최근 방화셔터 법규가 바뀐 것 알고 계시나요? 이제 단순히 셔터만 설치하는 게 아니라 '품질인정제도'를 통과한 제품만 시공이 가능합니다. 이 변화가 왜 대표님께 기회인지, 어떻게 리스크를 피할 수 있는지 이 가이드에서 핵심만 정리해 드립니다.",
tags: ['Strategy', 'Compliance', 'Sales Pitch'],
}
];
@@ -495,6 +504,7 @@
// Initial Render
function init() {
renderFilters();
renderGrid();
if (typeof lucide !== 'undefined') {
@@ -524,7 +534,7 @@
function getFilteredAssets() {
if (activeFilter === '전체') return ASSETS;
return ASSETS.filter(asset => {
if (activeFilter === 'CEO 설득') return asset.tags.some(tag => ['Pitch', 'Opener', 'Pain Points', 'Solution', 'Closing', 'Risk', 'Needs', 'Differentiation', 'Investment', 'Cost', 'Value'].includes(tag));
if (activeFilter === 'CEO 설득') return asset.tags.some(tag => ['Pitch', 'Opener', 'Pain Points', 'Solution', 'Closing', 'Risk', 'Needs', 'Differentiation', 'Investment', 'Cost', 'Value', 'Strategy'].includes(tag));
if (activeFilter === '데모') return asset.tags.some(tag => ['Demo', 'Dashboard', 'Video', 'Mobile', 'UX', 'Infra', 'Feature', 'Automation', 'Management'].includes(tag));
return true;
});
@@ -737,16 +747,24 @@
<div class="p-4 border-t border-slate-100 bg-slate-50 rounded-b-2xl flex justify-end gap-3">
<button onclick="closeModal()" class="px-3 sm:px-4 py-2 rounded-lg bg-white border border-slate-200 text-slate-700 font-medium hover:bg-slate-50 transition-colors whitespace-nowrap text-sm sm:text-base">닫기</button>
${asset.url ? `
<a href="${asset.url}" class="px-3 sm:px-4 py-2 rounded-lg bg-brand-600 text-white font-medium hover:bg-brand-700 shadow-md transition-colors flex items-center gap-2 whitespace-nowrap text-sm sm:text-base">
<i data-lucide="external-link" class="w-4 h-4 flex-shrink-0"></i>
<span>품질인정제도 소개 →</span>
</a>
` : ''}
${asset.pdf ? `
<button onclick="openPdfViewer('${asset.id}')" class="px-3 sm:px-4 py-2 rounded-lg bg-brand-600 text-white font-medium hover:bg-brand-700 shadow-md transition-colors flex items-center gap-2 whitespace-nowrap text-sm sm:text-base">
<i data-lucide="file-text" class="w-4 h-4 flex-shrink-0"></i>
<span>상세자료 보기</span>
</button>
` : `
${!asset.url ? `
<button onclick="showDownloadToast(); closeModal()" class="px-3 sm:px-4 py-2 rounded-lg bg-brand-600 text-white font-medium hover:bg-brand-700 shadow-md transition-colors flex items-center gap-2 whitespace-nowrap text-sm sm:text-base">
<i data-lucide="download" class="w-4 h-4 flex-shrink-0"></i>
<span>자료 사용하기</span>
</button>
` : ''}
`}
</div>
</div>

View File

@@ -574,24 +574,44 @@
</div>
</section>
<!-- Section 6: FAQs -->
<!-- Section 7: External Sales Assets -->
<section class="section">
<div class="section-header">
<span class="section-tag">Appendix</span>
<h2>주요 Q&A</h2>
<span class="section-tag">Sales Support Assets</span>
<h2>제품별 영업 가이드</h2>
<p>현장 영업에 즉시 활용 가능한 고도화된 제품 가이드라인입니다.</p>
</div>
<div class="glass-card animate-up">
<div style="margin-bottom: 1.5rem;">
<h4 style="color: var(--secondary);">Q. 하위 파트너가 없는 경우는 어떻게 되나요?</h4>
<p>본인의 직접 판매에 대한 20% 수당만 지급됩니다. 관리자 및 교육자 수당은 하위 계층이 형성되었을 때만 발생합니다.</p>
<div class="glass-card animate-up" style="border: 1px solid rgba(255, 95, 0, 0.2); background: linear-gradient(135deg, rgba(255, 95, 0, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap;">
<div style="flex: 1; min-width: 300px;">
<h3 style="color: #ff5f00; font-family: 'Outfit', sans-serif; font-size: 1.75rem; margin-bottom: 1rem;">🔥 자동방화셔터 품질인정제도 가이드</h3>
<p style="color: var(--text-muted); margin-bottom: 1.5rem;">
2021년 강화된 국토교통부 고시를 완벽 분석한 영업 자료입니다.
<span style="color: #ff5f00; font-weight: 600;">유리/철재/스크린 셔터</span>의 성능 기준과 현장 점검 필수 체크리스트를 포함하고 있습니다.
</p>
<a href="../etc/shutter.php" class="glass-card" style="display: inline-block; padding: 0.8rem 2rem; background: #ff5f00; color: white; text-decoration: none; border: none; font-weight: 800; border-radius: 12px; transition: var(--transition);">
가이드 상세 보기 →
</a>
</div>
<div class="policy-grid" style="flex: 1; min-width: 300px; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
<div style="background: rgba(0,0,0,0.2); padding: 1rem; border-radius: 16px; text-align: center;">
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">📐</div>
<div style="font-size: 0.8rem; font-weight: 600;">설치 기준</div>
</div>
<div style="background: rgba(0,0,0,0.2); padding: 1rem; border-radius: 16px; text-align: center;">
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">📋</div>
<div style="font-size: 0.8rem; font-weight: 600;">체크리스트</div>
</div>
<div style="background: rgba(0,0,0,0.2); padding: 1rem; border-radius: 16px; text-align: center;">
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">🔬</div>
<div style="font-size: 0.8rem; font-weight: 600;">인정 절차</div>
</div>
<div style="background: rgba(0,0,0,0.2); padding: 1rem; border-radius: 16px; text-align: center;">
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">🛠️</div>
<div style="font-size: 0.8rem; font-weight: 600;">시공 안내</div>
</div>
<div style="margin-bottom: 1.5rem;">
<h4 style="color: var(--secondary);">Q. 계약이 취소되면 수당을 반환해야 하나요?</h4>
<p>이미 지급된 가입비 수당은 회수하지 않는 것을 원칙으로 하나, 부정 계약 등의 특수 상황 발생 시 별도 심의가 있을 수 있습니다.</p>
</div>
<div>
<h4 style="color: var(--secondary);">Q. 월 구독료에 대한 수당은 없나요?</h4>
<p>현재 SAM 수당 정책은 신규 파트너십 구축 및 인프라 기여도에 대한 가치를 높게 평가하여 <strong>가입비</strong>에만 수당을 집중하고 있습니다. 구독료는 서비스의 안정적 유지 및 고도화 비용으로 활용됩니다.</p>
</div>
</div>
</section>

View File

@@ -120,6 +120,123 @@ $roleData = [
]
]
],
'운영자' => [
'sales_records' => [
[
"id" => "sale_001",
"customer_name" => "대박 식당",
"program_id" => "prog_pro",
"contract_date" => "2024-10-15",
"duration_months" => 84,
"join_fee" => 2000000,
"subscription_fee" => 100000,
"total_amount" => 2000000,
"status" => "Active",
"dates" => [
"contract" => "2024-10-15",
"join_fee" => "2024-10-16",
"service_start" => "2024-11-01",
"subscription_fee" => "2024-11-25",
"product_modified" => "2024-10-15"
],
"history" => [
[
"date" => "2024-10-15",
"type" => "New Contract",
"program_id" => "prog_pro",
"description" => "Initial contract signed (Pro Plan)"
]
]
]
],
'current_user' => [
"id" => "user_admin",
"name" => "운영자",
"role" => "운영자",
"sub_managers" => []
]
],
'영업관리' => [
'sales_records' => [
[
"id" => "sale_201",
"customer_name" => "서초 IT센터",
"program_id" => "prog_pro",
"contract_date" => "2024-09-10",
"duration_months" => 84,
"join_fee" => 2000000,
"subscription_fee" => 100000,
"total_amount" => 2000000,
"status" => "Active",
"dates" => [
"contract" => "2024-09-10",
"join_fee" => "2024-09-11",
"service_start" => "2024-10-01",
"subscription_fee" => "2024-10-25",
"product_modified" => "2024-09-10"
],
"history" => [
[
"date" => "2024-09-10",
"type" => "New Contract",
"program_id" => "prog_pro",
"description" => "Initial contract signed (Pro Plan)"
]
]
]
],
'current_user' => [
"id" => "user_sales_admin",
"name" => "영업관리자",
"role" => "영업관리",
"sub_managers" => [
[
"id" => "user_2B",
"name" => "한성실 대리",
"role" => "Sub-Manager",
"total_sales" => 35000000,
"active_contracts" => 4,
"performance_grade" => "A"
]
]
]
],
'매니저' => [
'sales_records' => [
[
"id" => "sale_301",
"customer_name" => "잠실 마트",
"program_id" => "prog_basic",
"contract_date" => "2024-08-15",
"duration_months" => 84,
"join_fee" => 1000000,
"subscription_fee" => 50000,
"total_amount" => 1000000,
"status" => "Active",
"dates" => [
"contract" => "2024-08-15",
"join_fee" => "2024-08-16",
"service_start" => "2024-09-01",
"subscription_fee" => "2024-09-25",
"product_modified" => "2024-08-15"
],
"history" => [
[
"date" => "2024-08-15",
"type" => "New Contract",
"program_id" => "prog_basic",
"description" => "Initial contract signed (Basic Plan)"
]
]
]
],
'current_user' => [
"id" => "user_manager",
"name" => "매니저",
"role" => "매니저",
"sub_managers" => []
]
],
'2차영업담당' => [
'sales_records' => [
[

View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>영업 관리 시스템 - codebridge-x</title>
<title>영업 관리 시스템</title>
<!-- Fonts: Pretendard -->
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css" />