master
lynn 5 months ago
parent 948d0dd928
commit 4af4a3bdb6

@ -182,7 +182,7 @@ export default {
previewContent: '', // previewContent: '', //
showEditDrawer: false, showEditDrawer: false,
showPreviewModal: false, // showPreviewModal: false, //
currentTemplateIndex: 2, currentTemplateIndex: 6,
editForm: { editForm: {
field: '', // Renamed from name to field field: '', // Renamed from name to field
name: '', // Renamed from label to name (Chinese name) name: '', // Renamed from label to name (Chinese name)
@ -1026,16 +1026,16 @@ export default {
<td style="border: 1px solid #000; padding: 8px 12px; font-size: 16px; line-height: 1.5; height: 40px; width: 120px; background-color: #fff; text-align: center; font-weight: normal;">总费用</td> <td style="border: 1px solid #000; padding: 8px 12px; font-size: 16px; line-height: 1.5; height: 40px; width: 120px; background-color: #fff; text-align: center; font-weight: normal;">总费用</td>
<td style="border: 1px solid #000; padding: 8px 12px; font-size: 16px; line-height: 1.5; height: 40px; text-align: left; min-height: 24px;"> <td style="border: 1px solid #000; padding: 8px 12px; font-size: 16px; line-height: 1.5; height: 40px; text-align: left; min-height: 24px;">
<div style="display: block;"> <div style="display: block;">
<input type="text" data-field="totalAmount" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px; line-height: 1.5; box-shadow: 0 0 4px rgba(220, 223, 230, 0.2);"> <input type="text" data-field="total" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px; line-height: 1.5; box-shadow: 0 0 4px rgba(220, 223, 230, 0.2);">
</div> </div>
<div style="display: none;">\${totalAmount}</div> <div style="display: none;">\${total}</div>
</td> </td>
<td style="border: 1px solid #000; padding: 8px 12px; font-size: 16px; line-height: 1.5; height: 40px; width: 120px; background-color: #fff; text-align: center; font-weight: normal;">大写</td> <td style="border: 1px solid #000; padding: 8px 12px; font-size: 16px; line-height: 1.5; height: 40px; width: 120px; background-color: #fff; text-align: center; font-weight: normal;">大写</td>
<td style="border: 1px solid #000; padding: 8px 12px; font-size: 16px; line-height: 1.5; height: 40px; text-align: left; min-height: 24px;"> <td style="border: 1px solid #000; padding: 8px 12px; font-size: 16px; line-height: 1.5; height: 40px; text-align: left; min-height: 24px;">
<div style="display: block;"> <div style="display: block;">
<input type="text" data-field="amountInWords" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px; line-height: 1.5; box-shadow: 0 0 4px rgba(220, 223, 230, 0.2);"> <input type="text" data-field="upperCaseAmount" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px; line-height: 1.5; box-shadow: 0 0 4px rgba(220, 223, 230, 0.2);">
</div> </div>
<div style="display: none;">\${amountInWords}</div> <div style="display: none;">\${upperCaseAmount}</div>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -1351,69 +1351,69 @@ export default {
<table style="width: 100%; border-collapse: collapse; font-size: 14px; background: white;"> <table style="width: 100%; border-collapse: collapse; font-size: 14px; background: white;">
<tbody> <tbody>
<tr> <tr>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">职工姓名</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">职工姓名</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="name" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${name}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="name" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${name}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">退休/在职</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">退休/在职</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="status" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${status}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="status" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${status}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">家属姓名</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">家属姓名</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="familyName" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${familyName}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="familyName" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${familyName}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">与本人关系</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">与本人关系</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="relation" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${relation}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="relation" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${relation}</div></td>
</tr> </tr>
<tr> <tr>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">内容</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">内容</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">发票金额</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">发票金额</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">报销比例</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">报销比例</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">报销金额</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">报销金额</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;" rowspan="2">报销领取人</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;" rowspan="2">报销领取人</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3" rowspan="2"><div style="display: block;"><input type="text" data-field="departmentHead" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${departmentHead}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3" rowspan="2"><div style="display: block;"><input type="text" data-field="departmentHead" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${departmentHead}</div></td>
<tr> <tr>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">门诊医药费</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">门诊医药费</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="medicalInvoiceValue" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${medicalInvoiceValue}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="medicalInvoiceValue" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${medicalInvoiceValue}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="medicalReimbursementRatio" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${medicalReimbursementRatio}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="medicalReimbursementRatio" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${medicalReimbursementRatio}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="medicalActualAmount" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${medicalActualAmount}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="amountMedicalActual" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${amountMedicalActual}</div></td>
</tr> </tr>
<tr> <tr>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">住院医药费</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">住院医药费</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="hospitalInvoiceValue" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${hospitalInvoiceValue}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="hospitalInvoiceValue" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${hospitalInvoiceValue}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="hospitalReimbursementRatio" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${hospitalReimbursementRatio}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="hospitalReimbursementRatio" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${hospitalReimbursementRatio}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="hospitalActualAmount" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${hospitalActualAmount}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="amountHospitalActual" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${amountHospitalActual}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">科室负责人</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">科室负责人</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display: block;"><input type="text" data-field="departmentHead" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${departmentHead}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display: block;"><input type="text" data-field="departmentHead" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${departmentHead}</div></td>
</tr> </tr>
<tr> <tr>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">儿童医药费</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">儿童医药费</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="childMedicalInvoiceValue" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${childMedicalInvoiceValue}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="childMedicalInvoiceValue" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${childMedicalInvoiceValue}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="childMedicalReimbursementRatio" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${childMedicalReimbursementRatio}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="childMedicalReimbursementRatio" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${childMedicalReimbursementRatio}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="childMedicalActualAmount" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${childMedicalActualAmount}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="amountChildMedicalActual" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${amountChildMedicalActual}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">财审科审核</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">财审科审核</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display: block;"><input type="text" data-field="financialAudit" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${financialAudit}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display: block;"><input type="text" data-field="financialAudit" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${financialAudit}</div></td>
</tr> </tr>
<tr> <tr>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">幼托费用</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">幼托费用</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="childcareInvoiceValue" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${childcareInvoiceValue}</div> </td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="childcareInvoiceValue" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${childcareInvoiceValue}</div> </td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="childcareActualAmount" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${childcareActualAmount}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="amountChildcareActual" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${amountChildcareActual}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">分管领导审核</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">分管领导审核</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display: block;"><input type="text" data-field="leaderAudit" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${leaderAudit}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display: block;"><input type="text" data-field="leaderAudit" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${leaderAudit}</div></td>
</tr> </tr>
<tr> <tr>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">子女保险费</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">子女保险费</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="childInsuranceInvoiceValue" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${childInsuranceInvoiceValue}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display: block;"><input type="text" data-field="childInsuranceInvoiceValue" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${childInsuranceInvoiceValue}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display:block;"><input type="text" data-field="childInsuranceActualAmount" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${childInsuranceActualAmount}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;"><div style="display:block;"><input type="text" data-field="amountChildInsuranceActual" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${amountChildInsuranceActual}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">财务分管领导审核</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">财务分管领导审核</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display:block;"><input type="text" data-field="financialLeaderAudit" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${financialLeaderAudit}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display:block;"><input type="text" data-field="financialLeaderAudit" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${financialLeaderAudit}</div></td>
</tr> </tr>
<tr> <tr>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">合计</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">合计</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display: block;"><input type="text" data-field="totalAmount" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${totalAmount}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display: block;"><input type="text" data-field="total" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${total}</div></td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;" rowspan="2">单位负责人审批</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;" rowspan="2">单位负责人审批</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3" rowspan="2"><div style="display: block;"><input type="text" data-field="unitLeaderAudit" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${unitLeaderAudit}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3" rowspan="2"><div style="display: block;"><input type="text" data-field="unitLeaderAudit" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${unitLeaderAudit}</div></td>
</tr> </tr>
<tr> <tr>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: #e9ecef; font-weight: bold; text-align: center; width: 120px;">报销金额(大写)</td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; background-color: white; font-weight: bold; text-align: center; width: 120px;">报销金额(大写)</td>
<td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display: block;"><input type="text" data-field="upperCaseAmount" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${upperCaseAmount}</div></td> <td style="border: 1px solid #000; padding: 8px; height: 32px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: white;" colspan="3"><div style="display: block;"><input type="text" data-field="upperCaseAmount" style="width: 100%; height: 32px; padding: 4px 8px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff; color: #333; font-size: 14px;" /></div><div style="display: none;">\${upperCaseAmount}</div></td>
</tr> </tr>
</tbody> </tbody>

@ -1032,7 +1032,9 @@ export default {
// //
const totalInput = dom.querySelector('input[data-field="total"]') const totalInput = dom.querySelector('input[data-field="total"]')
if (totalInput) { if (totalInput) {
totalInput.value = total.toFixed(2) if (total !== 0) {
totalInput.value = total.toFixed(2)
}
console.log('更新总金额输入框:', totalInput.value) console.log('更新总金额输入框:', totalInput.value)
// total // total
@ -1048,7 +1050,9 @@ export default {
// //
const upperCaseInput = dom.querySelector('input[data-field="upperCaseAmount"]') const upperCaseInput = dom.querySelector('input[data-field="upperCaseAmount"]')
if (upperCaseInput) { if (upperCaseInput) {
upperCaseInput.value = numberToChinese(total) if (total !== 0) {
upperCaseInput.value = numberToChinese(total)
}
console.log('更新大写金额:', upperCaseInput.value) console.log('更新大写金额:', upperCaseInput.value)
} }
}, },

@ -252,17 +252,13 @@ export default {
replaceControls(element) { replaceControls(element) {
const inputs = element.getElementsByTagName('input') const inputs = element.getElementsByTagName('input')
Array.from(inputs).forEach(input => { Array.from(inputs).forEach(input => {
if (input.type === 'checkbox' || input.type === 'radio') {
// checkboxradio
return
}
const span = document.createElement('span') const span = document.createElement('span')
let displayText = input.value || '' let displayText = input.value || ''
if (input.type === 'checkbox' || input.type === 'radio') { if (input.type === 'date') {
const checkedInput = element.querySelector(`input[name="${input.name}"]:checked`)
if (checkedInput) {
const label = element.querySelector(`label[for="${checkedInput.id}"]`)
displayText = label ? label.textContent : checkedInput.value || ''
} else {
displayText = ''
}
} else if (input.type === 'date') {
displayText = input.value ? new Date(input.value).toLocaleDateString() : '' displayText = input.value ? new Date(input.value).toLocaleDateString() : ''
} }
span.textContent = displayText span.textContent = displayText
@ -420,7 +416,7 @@ export default {
<head> <head>
<title>打印</title> <title>打印</title>
<style> <style>
@page { size: A4; margin: 10mm; } @page { size: A4; margin: 2mm 10mm 10mm 10mm; }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -430,7 +426,7 @@ export default {
margin: 0 auto; margin: 0 auto;
margin-left: -30px; margin-left: -30px;
background: #fff; background: #fff;
padding: 20px; padding: 0px;
box-sizing: border-box; box-sizing: border-box;
} }
.form-container { .form-container {

@ -2641,8 +2641,8 @@ export default {
// //
this.currentStep++ this.currentStep++
} catch (error) { } catch (error) {
console.error('获取模版配置失败:', error) console.log('获取模版配置失败1:', error)
this.$message.error('获取模版配置失败') this.$message.error('获取模版配置失败1')
} }
}, },
@ -2694,13 +2694,14 @@ export default {
// value // value
if (controlType === 'checkbox' || controlType === 'radio') { if (controlType === 'checkbox' || controlType === 'radio') {
// options // options
const options = field.options ? JSON.parse(field.options) : [] const options = field.options ? field.options.split(',') : []
options.forEach(opt => { options.forEach(opt => {
const optionRegex = new RegExp(`<input[^>]*value="${opt.value}"[^>]*>`, 'g') const value = typeof opt === 'object' ? opt.value : opt
const optionRegex = new RegExp(`<input[^>]*value="${value}"[^>]*>`, 'g')
const optionMatches = newControl.match(optionRegex) const optionMatches = newControl.match(optionRegex)
if (optionMatches) { if (optionMatches) {
optionMatches.forEach(optionMatch => { optionMatches.forEach(optionMatch => {
const checked = field.value === opt.value ? 'checked' : '' const checked = field.value === value ? 'checked' : ''
newControl = newControl.replace(optionMatch, optionMatch.replace('>', ` ${checked}>`)) newControl = newControl.replace(optionMatch, optionMatch.replace('>', ` ${checked}>`))
}) })
} }
@ -2758,13 +2759,14 @@ export default {
// value // value
if (controlType === 'checkbox' || controlType === 'radio') { if (controlType === 'checkbox' || controlType === 'radio') {
// options // options
const options = field.options ? JSON.parse(field.options) : [] const options = field.options ? field.options.split(',') : []
options.forEach(opt => { options.forEach(opt => {
const optionRegex = new RegExp(`<input[^>]*value="${opt.value}"[^>]*>`, 'g') const value = typeof opt === 'object' ? opt.value : opt
const optionRegex = new RegExp(`<input[^>]*value="${value}"[^>]*>`, 'g')
const optionMatches = newControl.match(optionRegex) const optionMatches = newControl.match(optionRegex)
if (optionMatches) { if (optionMatches) {
optionMatches.forEach(optionMatch => { optionMatches.forEach(optionMatch => {
const checked = field.value === opt.value ? 'checked' : '' const checked = field.value === value ? 'checked' : ''
newControl = newControl.replace(optionMatch, optionMatch.replace('>', ` ${checked}>`)) newControl = newControl.replace(optionMatch, optionMatch.replace('>', ` ${checked}>`))
}) })
} }

Loading…
Cancel
Save