feat: [approvals] 전체 양식 설명 카드 추가
- 업무기안서, 휴가신청, 근태신청, 사유서 등 8개 양식 설명 추가 - 재직/경력/위촉증명서, 사직서 포함 전체 14종 양식 설명 완비 - 양식별 고유 아이콘/색상으로 시각적 구분
This commit is contained in:
@@ -259,52 +259,74 @@ class="p-1 text-gray-400 hover:text-gray-600 transition">
|
||||
let isPurchaseRequestForm = false;
|
||||
|
||||
const formDescriptions = {
|
||||
BUSINESS_DRAFT: {
|
||||
title: '업무기안서', icon: '📄',
|
||||
color: 'border-slate-200 bg-slate-50', titleColor: 'text-slate-800', textColor: 'text-slate-600',
|
||||
text: '업무 추진에 필요한 사항을 기안하여 결재를 받는 기본 문서입니다. 프로젝트 계획, 업무 협조 요청, 내부 제안 등 정형화된 양식이 없는 일반적인 업무 보고·요청에 사용합니다.',
|
||||
},
|
||||
leave: {
|
||||
title: '휴가신청', icon: '🏖️',
|
||||
color: 'border-sky-200 bg-sky-50', titleColor: 'text-sky-800', textColor: 'text-sky-600',
|
||||
text: '연차, 반차, 병가, 경조사 등 휴가를 사전에 신청하는 문서입니다. 휴가 유형, 기간, 사유를 기재하며, 승인 후 근태에 자동 반영됩니다.',
|
||||
},
|
||||
attendance_request: {
|
||||
title: '근태신청', icon: '🕐',
|
||||
color: 'border-indigo-200 bg-indigo-50', titleColor: 'text-indigo-800', textColor: 'text-indigo-600',
|
||||
text: '외근, 출장, 조퇴, 지각 등 정상 근무 외 근태 변경 사항을 신청하는 문서입니다. 근태 유형과 해당 일시를 기재하여 승인을 받습니다.',
|
||||
},
|
||||
reason_report: {
|
||||
title: '사유서', icon: '✏️',
|
||||
color: 'border-rose-200 bg-rose-50', titleColor: 'text-rose-800', textColor: 'text-rose-600',
|
||||
text: '지각, 결근, 조퇴 등 근태 이상 사항에 대한 사유를 소명하는 문서입니다. 사유 발생일과 상세 사유를 기재하여 사후 보고합니다.',
|
||||
},
|
||||
expense: {
|
||||
title: '지출결의서',
|
||||
icon: '💰',
|
||||
color: 'border-amber-200 bg-amber-50',
|
||||
titleColor: 'text-amber-800',
|
||||
textColor: 'text-amber-700',
|
||||
title: '지출결의서', icon: '💰',
|
||||
color: 'border-amber-200 bg-amber-50', titleColor: 'text-amber-800', textColor: 'text-amber-700',
|
||||
text: '이미 발생한 지출에 대해 사후 보고하는 문서입니다. 법인카드 사용 내역, 계좌이체 등 실제 지출이 완료된 건에 대해 증빙자료와 함께 결재를 요청합니다.',
|
||||
},
|
||||
employment_cert: {
|
||||
title: '재직증명서', icon: '🏢',
|
||||
color: 'border-cyan-200 bg-cyan-50', titleColor: 'text-cyan-800', textColor: 'text-cyan-600',
|
||||
text: '현재 재직 중임을 증명하는 공식 문서입니다. 은행 제출, 관공서 제출, 비자 신청 등의 용도로 발급하며, 승인 후 PDF로 출력할 수 있습니다.',
|
||||
},
|
||||
career_cert: {
|
||||
title: '경력증명서', icon: '📊',
|
||||
color: 'border-violet-200 bg-violet-50', titleColor: 'text-violet-800', textColor: 'text-violet-600',
|
||||
text: '재직 또는 퇴직 사원의 경력 사항을 증명하는 문서입니다. 근무 기간, 부서, 직위 등을 포함하며, 승인 후 PDF로 출력할 수 있습니다.',
|
||||
},
|
||||
appointment_cert: {
|
||||
title: '위촉증명서', icon: '🤝',
|
||||
color: 'border-emerald-200 bg-emerald-50', titleColor: 'text-emerald-800', textColor: 'text-emerald-600',
|
||||
text: '위촉직(프리랜서, 자문위원 등)의 위촉 사실을 증명하는 문서입니다. 위촉 기간, 담당 업무 등을 포함하며, 승인 후 PDF로 출력할 수 있습니다.',
|
||||
},
|
||||
resignation: {
|
||||
title: '사직서', icon: '📮',
|
||||
color: 'border-gray-300 bg-gray-50', titleColor: 'text-gray-800', textColor: 'text-gray-600',
|
||||
text: '퇴직 의사를 공식적으로 표명하는 문서입니다. 사직 사유와 희망 퇴직일을 기재하며, 결재 완료 후 퇴직 절차가 진행됩니다.',
|
||||
},
|
||||
pr_expense: {
|
||||
title: '지출품의서',
|
||||
icon: '📋',
|
||||
color: 'border-orange-200 bg-orange-50',
|
||||
titleColor: 'text-orange-800',
|
||||
textColor: 'text-orange-700',
|
||||
title: '지출품의서', icon: '📋',
|
||||
color: 'border-orange-200 bg-orange-50', titleColor: 'text-orange-800', textColor: 'text-orange-700',
|
||||
text: '지출이 발생하기 전 사전 승인을 받는 문서입니다. 예산 범위 내에서 지출 항목과 금액을 기재하여 사전에 승락을 받습니다.',
|
||||
},
|
||||
pr_contract: {
|
||||
title: '계약체결품의서',
|
||||
icon: '📝',
|
||||
color: 'border-purple-200 bg-purple-50',
|
||||
titleColor: 'text-purple-800',
|
||||
textColor: 'text-purple-700',
|
||||
title: '계약체결품의서', icon: '📝',
|
||||
color: 'border-purple-200 bg-purple-50', titleColor: 'text-purple-800', textColor: 'text-purple-700',
|
||||
text: '외부 업체와의 계약 체결 전 승인을 받는 문서입니다. 계약 상대방, 계약 내용, 기간, 금액, 주요 조건 등을 명시하여 계약 진행에 대한 사전 승락을 받습니다.',
|
||||
},
|
||||
pr_purchase: {
|
||||
title: '구매품의서',
|
||||
icon: '🛒',
|
||||
color: 'border-blue-200 bg-blue-50',
|
||||
titleColor: 'text-blue-800',
|
||||
textColor: 'text-blue-700',
|
||||
title: '구매품의서', icon: '🛒',
|
||||
color: 'border-blue-200 bg-blue-50', titleColor: 'text-blue-800', textColor: 'text-blue-700',
|
||||
text: '물품 구매 전 사전 승인을 받는 문서입니다. 구매할 품목, 수량, 단가, 납품업체 등을 기재하여 구매 진행에 대한 사전 승락을 받습니다.',
|
||||
},
|
||||
pr_trip: {
|
||||
title: '출장품의서',
|
||||
icon: '✈️',
|
||||
color: 'border-green-200 bg-green-50',
|
||||
titleColor: 'text-green-800',
|
||||
textColor: 'text-green-700',
|
||||
title: '출장품의서', icon: '✈️',
|
||||
color: 'border-green-200 bg-green-50', titleColor: 'text-green-800', textColor: 'text-green-700',
|
||||
text: '출장 전 계획 승인을 받는 문서입니다. 출장지, 기간, 업무 내용, 예상 경비(교통비·숙박비·식비 등)를 기재하여 출장 진행에 대한 사전 승락을 받습니다.',
|
||||
},
|
||||
pr_settlement: {
|
||||
title: '비용정산품의서',
|
||||
icon: '🧾',
|
||||
color: 'border-teal-200 bg-teal-50',
|
||||
titleColor: 'text-teal-800',
|
||||
textColor: 'text-teal-700',
|
||||
title: '비용정산품의서', icon: '🧾',
|
||||
color: 'border-teal-200 bg-teal-50', titleColor: 'text-teal-800', textColor: 'text-teal-700',
|
||||
text: '업무 수행 중 발생한 비용의 정산 승인을 받는 문서입니다. 사용일자별 항목과 금액을 기재하고, 법인카드 사용 또는 개인 선지출 여부를 명시합니다.',
|
||||
},
|
||||
};
|
||||
|
||||
@@ -284,11 +284,51 @@ class="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-sm fon
|
||||
let isCertForm = false;
|
||||
|
||||
const formDescriptions = {
|
||||
BUSINESS_DRAFT: {
|
||||
title: '업무기안서', icon: '📄',
|
||||
color: 'border-slate-200 bg-slate-50', titleColor: 'text-slate-800', textColor: 'text-slate-600',
|
||||
text: '업무 추진에 필요한 사항을 기안하여 결재를 받는 기본 문서입니다. 프로젝트 계획, 업무 협조 요청, 내부 제안 등 정형화된 양식이 없는 일반적인 업무 보고·요청에 사용합니다.',
|
||||
},
|
||||
leave: {
|
||||
title: '휴가신청', icon: '🏖️',
|
||||
color: 'border-sky-200 bg-sky-50', titleColor: 'text-sky-800', textColor: 'text-sky-600',
|
||||
text: '연차, 반차, 병가, 경조사 등 휴가를 사전에 신청하는 문서입니다. 휴가 유형, 기간, 사유를 기재하며, 승인 후 근태에 자동 반영됩니다.',
|
||||
},
|
||||
attendance_request: {
|
||||
title: '근태신청', icon: '🕐',
|
||||
color: 'border-indigo-200 bg-indigo-50', titleColor: 'text-indigo-800', textColor: 'text-indigo-600',
|
||||
text: '외근, 출장, 조퇴, 지각 등 정상 근무 외 근태 변경 사항을 신청하는 문서입니다. 근태 유형과 해당 일시를 기재하여 승인을 받습니다.',
|
||||
},
|
||||
reason_report: {
|
||||
title: '사유서', icon: '✏️',
|
||||
color: 'border-rose-200 bg-rose-50', titleColor: 'text-rose-800', textColor: 'text-rose-600',
|
||||
text: '지각, 결근, 조퇴 등 근태 이상 사항에 대한 사유를 소명하는 문서입니다. 사유 발생일과 상세 사유를 기재하여 사후 보고합니다.',
|
||||
},
|
||||
expense: {
|
||||
title: '지출결의서', icon: '💰',
|
||||
color: 'border-amber-200 bg-amber-50', titleColor: 'text-amber-800', textColor: 'text-amber-700',
|
||||
text: '이미 발생한 지출에 대해 사후 보고하는 문서입니다. 법인카드 사용 내역, 계좌이체 등 실제 지출이 완료된 건에 대해 증빙자료와 함께 결재를 요청합니다.',
|
||||
},
|
||||
employment_cert: {
|
||||
title: '재직증명서', icon: '🏢',
|
||||
color: 'border-cyan-200 bg-cyan-50', titleColor: 'text-cyan-800', textColor: 'text-cyan-600',
|
||||
text: '현재 재직 중임을 증명하는 공식 문서입니다. 은행 제출, 관공서 제출, 비자 신청 등의 용도로 발급하며, 승인 후 PDF로 출력할 수 있습니다.',
|
||||
},
|
||||
career_cert: {
|
||||
title: '경력증명서', icon: '📊',
|
||||
color: 'border-violet-200 bg-violet-50', titleColor: 'text-violet-800', textColor: 'text-violet-600',
|
||||
text: '재직 또는 퇴직 사원의 경력 사항을 증명하는 문서입니다. 근무 기간, 부서, 직위 등을 포함하며, 승인 후 PDF로 출력할 수 있습니다.',
|
||||
},
|
||||
appointment_cert: {
|
||||
title: '위촉증명서', icon: '🤝',
|
||||
color: 'border-emerald-200 bg-emerald-50', titleColor: 'text-emerald-800', textColor: 'text-emerald-600',
|
||||
text: '위촉직(프리랜서, 자문위원 등)의 위촉 사실을 증명하는 문서입니다. 위촉 기간, 담당 업무 등을 포함하며, 승인 후 PDF로 출력할 수 있습니다.',
|
||||
},
|
||||
resignation: {
|
||||
title: '사직서', icon: '📮',
|
||||
color: 'border-gray-300 bg-gray-50', titleColor: 'text-gray-800', textColor: 'text-gray-600',
|
||||
text: '퇴직 의사를 공식적으로 표명하는 문서입니다. 사직 사유와 희망 퇴직일을 기재하며, 결재 완료 후 퇴직 절차가 진행됩니다.',
|
||||
},
|
||||
pr_expense: {
|
||||
title: '지출품의서', icon: '📋',
|
||||
color: 'border-orange-200 bg-orange-50', titleColor: 'text-orange-800', textColor: 'text-orange-700',
|
||||
|
||||
Reference in New Issue
Block a user