diff --git a/index.html b/index.html index 7549ec4..975e3b5 100644 --- a/index.html +++ b/index.html @@ -10,87 +10,162 @@

📄 Справка о задолженности сотрудника

-

Внутренний документ компании

+

Для предоставления в юридический отдел

-

Данные сотрудника

-
-
- - -
+

Данные для справки

+ + +
+ + +
+
+
+ + +
+
+ + +
+
+ +
+ + +

Сотрудник

+ +
+ + +
+ +
-
+
+
- -
-
- - -
- -
- - -
+
+ +
+
+
+
+ + +
+
+ + +
+
+ +
+ + +

Задолженность

+ +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
-
- - +
+ + +
+ +
+ + +
+ +
+ +
+
+ + +

Реквизиты справки

+ +
- - + +
- -
-
- - -
- -
- - -
-
-
- + + +
+
+ +
+ + +
+ +
+
+
- -
- - +
+ +
- +
+ +
+ + +
@@ -102,24 +177,39 @@
+ +
+
ТОО «Ваша Компания»
+
+ БИН ____________________ + Адрес: ____________________ +
+
+
-
ООО «Ваша Компания»
СПРАВКА
о наличии задолженности сотрудника
+
+ № ____ + «___» ________ 20__ г. +
+
+ +
-

- Дата выдачи: «___» ________ 20__ г. - № ____ -

-

Выдана в том, что ___________________________

-

- работает(ет) в компании ___________________________ +

+

+ работает(ет) в ___________________________

в должности ___________________________ @@ -131,11 +221,11 @@ табельный номер: ______

-
-

Имеет задолженность:

+
+

Имеет задолженность:

___________ - (______________________) + ______________________

за период: ___________________________ @@ -148,26 +238,38 @@

+ +

- Справка выдана для внутреннего использования в компании. + Справка выдана для предоставления в юридический отдел.

-
-
- Руководитель _______________ +
+
+
Руководитель
+
___________________ / _______________
+
«___» ________ 20__ г.
-
- __________________ - «___» ________ 20__ г. + +
+
Главный бухгалтер
+
___________________ / _______________
+
«___» ________ 20__ г.
+ +
+
М.П.
+
-
Внутренний документ
+
Для юридического отдела
diff --git a/script.js b/script.js index fdddedf..6e7b042 100644 --- a/script.js +++ b/script.js @@ -25,30 +25,103 @@ formInputs.forEach(input => { function updateCertificate() { // Получаем данные из формы const data = { + companyName: document.getElementById('companyName').value || 'ТОО «Ваша Компания»', + companyBin: document.getElementById('companyBin').value, + companyAddress: document.getElementById('companyAddress').value, fio: document.getElementById('fio').value || '___________________________', position: document.getElementById('position').value || '___________________________', department: document.getElementById('department').value, employeeId: document.getElementById('employeeId').value, + employmentStatus: document.getElementById('employmentStatus').value, + hireDate: document.getElementById('hireDate').value, + terminationDate: document.getElementById('terminationDate').value, debtAmount: document.getElementById('debtAmount').value, currency: document.getElementById('currency').value, + debtType: document.getElementById('debtType').value, debtPeriod: document.getElementById('debtPeriod').value || '___________________________', reason: document.getElementById('reason').value || '___________________________', document: document.getElementById('document').value, + legalBasis: document.getElementById('legalBasis').value, issueDate: document.getElementById('issueDate').value, issueNumber: document.getElementById('issueNumber').value, - director: document.getElementById('director').value + recipient: document.getElementById('recipient').value, + director: document.getElementById('director').value, + accountant: document.getElementById('accountant').value }; - // Форматируем дату + // Форматируем даты const formattedDate = formatDate(data.issueDate); - const signDate = formattedDate.replace('г.', ''); + const hireDateFormatted = formatDate(data.hireDate); + const terminationDateFormatted = formatDate(data.terminationDate); - // Заполняем шаблон - document.getElementById('certFio').textContent = data.fio; - document.getElementById('certCompanyNameInline').textContent = 'ООО «Ваша Компания»'; - document.getElementById('certPosition').textContent = data.position; + // Реквизиты компании + document.getElementById('certCompanyFullName').textContent = data.companyName; + document.getElementById('certCompanyNameInline').textContent = data.companyName; + document.getElementById('certCompanyNameInline2').textContent = data.companyName; - // Показываем/скрываем опциональные поля + const binEl = document.getElementById('certCompanyBin'); + if (data.companyBin) { + binEl.textContent = `БИН ${data.companyBin}`; + binEl.style.display = 'inline'; + } else { + binEl.style.display = 'none'; + } + + const addressEl = document.getElementById('certCompanyAddress'); + if (data.companyAddress) { + addressEl.textContent = `Адрес: ${data.companyAddress}`; + addressEl.style.display = 'inline'; + } else { + addressEl.style.display = 'none'; + } + + // Дата и номер справки + document.getElementById('certIssueDateDisplay').textContent = formattedDate; + document.getElementById('certIssueNumberDisplay').textContent = data.issueNumber ? `№ ${data.issueNumber}` : ''; + + // Кому предоставляется + const recipientBlock = document.getElementById('certRecipientBlock'); + if (data.recipient) { + recipientBlock.style.display = 'block'; + document.getElementById('certRecipient').textContent = data.recipient; + } else { + recipientBlock.style.display = 'none'; + } + + // Статус сотрудника + document.getElementById('certFio').textContent = data.fio; + document.getElementById('certPosition').textContent = data.position; + + const hireDateBlock = document.getElementById('certHireDateBlock'); + const hireDateEmpty = document.getElementById('certHireDateEmpty'); + if (data.hireDate) { + hireDateBlock.style.display = 'block'; + hireDateEmpty.style.display = 'none'; + document.getElementById('certHireDate').textContent = hireDateFormatted; + } else { + hireDateBlock.style.display = 'none'; + hireDateEmpty.style.display = 'block'; + } + + // Если уволена - показываем дату увольнения + if (data.employmentStatus === 'terminated' && data.terminationDate) { + const termBlock = document.getElementById('certTerminationBlock'); + if (!termBlock) { + // Создаём блок даты увольнения динамически + const termParagraph = document.createElement('p'); + termParagraph.id = 'certTerminationBlock'; + termParagraph.innerHTML = 'по состоянию на дату увольнения: ' + terminationDateFormatted + ''; + document.getElementById('certEmployeeIdBlock').after(termParagraph); + } else { + termBlock.style.display = 'block'; + document.getElementById('certTerminationDate').textContent = terminationDateFormatted; + } + } else { + const termBlock = document.getElementById('certTerminationBlock'); + if (termBlock) termBlock.style.display = 'none'; + } + + // Подразделение и табельный номер const deptBlock = document.getElementById('certDepartmentBlock'); if (data.department) { deptBlock.style.display = 'block'; @@ -65,6 +138,14 @@ function updateCertificate() { empIdBlock.style.display = 'none'; } + // Тип задолженности + const debtLabel = document.getElementById('certDebtLabel'); + if (data.debtType === 'creditor') { + debtLabel.textContent = 'Имеет кредиторская задолженность:'; + } else { + debtLabel.textContent = 'Имеет дебиторская задолженность:'; + } + // Сумма задолженности const amount = parseFloat(data.debtAmount) || 0; const currencySymbol = getCurrencySymbol(data.currency); @@ -83,14 +164,27 @@ function updateCertificate() { docBlock.style.display = 'none'; } - // Дата и номер - document.getElementById('certIssueDate').textContent = formattedDate; - document.getElementById('certIssueNumber').textContent = data.issueNumber ? `№ ${data.issueNumber}` : ''; - document.getElementById('certSignDate').textContent = signDate; + const legalBlock = document.getElementById('certLegalBasisBlock'); + if (data.legalBasis) { + legalBlock.style.display = 'block'; + document.getElementById('certLegalBasis').textContent = data.legalBasis; + } else { + legalBlock.style.display = 'none'; + } - // Руководитель - const directorText = data.director || 'Руководитель _______________'; + // Подписи + const directorText = data.director || '___________________ / _______________'; document.getElementById('certDirector').textContent = directorText; + document.getElementById('certDirectorSignDate').textContent = formattedDate; + + const accountantBlock = document.querySelector('.cert-signature-line:nth-child(2)'); + if (data.accountant) { + accountantBlock.style.display = 'block'; + document.getElementById('certAccountant').textContent = data.accountant; + document.getElementById('certAccountantSignDate').textContent = formattedDate; + } else { + accountantBlock.style.display = 'none'; + } } function formatDate(dateString) { diff --git a/style.css b/style.css index e3307fd..8e9e9b5 100644 --- a/style.css +++ b/style.css @@ -180,22 +180,37 @@ h2 { box-shadow: 0 4px 15px rgba(0,0,0,0.1); } -.cert-header { +.cert-company-header { text-align: center; - margin-bottom: 30px; - border-bottom: 2px solid #2d3748; - padding-bottom: 20px; + margin-bottom: 20px; + padding-bottom: 15px; + border-bottom: 1px solid #2d3748; } -.company-name { - font-size: 1.3rem; +.company-full-name { + font-size: 1.2rem; font-weight: 700; color: #2d3748; - margin-bottom: 15px; + margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1px; } +.company-details { + font-size: 0.9rem; + color: #4a5568; + display: flex; + justify-content: center; + gap: 30px; +} + +.cert-header { + text-align: center; + margin-bottom: 25px; + border-bottom: 2px solid #2d3748; + padding-bottom: 15px; +} + .cert-title { font-size: 2rem; font-weight: 900; @@ -208,6 +223,25 @@ h2 { font-size: 1.1rem; color: #4a5568; font-style: italic; + margin-bottom: 15px; +} + +.cert-number-block { + display: flex; + justify-content: space-between; + margin-top: 15px; + padding: 0 20px; + font-weight: 600; + color: #2d3748; +} + +.cert-recipient { + background: #f7fafc; + border-left: 4px solid #667eea; + padding: 12px 15px; + margin: 20px 0; + font-size: 1rem; + color: #2d3748; } .cert-body { @@ -270,35 +304,61 @@ h2 { text-align: center; } -.cert-signature { +.cert-signatures-block { display: flex; justify-content: space-between; - align-items: flex-end; + gap: 40px; margin-top: 40px; } -.signature-line { +.cert-signature-line { flex: 1; + text-align: center; } -.sig-role { - font-weight: 600; +.sig-title { + font-weight: 700; color: #2d3748; - font-size: 1.1rem; + font-size: 1rem; + text-transform: uppercase; + letter-spacing: 1px; + margin-bottom: 15px; } -.signature-space { - text-align: right; - color: #718096; -} - -.signature-space span { - display: block; +.sig-name { + font-size: 1rem; + color: #1a202c; + min-height: 50px; + display: flex; + align-items: flex-end; + justify-content: center; } .sig-date { - margin-top: 8px; - font-size: 0.95rem; + margin-top: 10px; + font-size: 0.9rem; + color: #718096; +} + +.cert-stamp-space { + margin-top: 30px; + text-align: right; + padding-right: 20px; +} + +.stamp-placeholder { + display: inline-block; + width: 100px; + height: 100px; + border: 2px dashed #cbd5e0; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: #cbd5e0; + font-weight: 700; + font-size: 0.9rem; + margin-left: auto; } .cert-watermark {