1027 lines
41 KiB
Plaintext
1027 lines
41 KiB
Plaintext
@using _0_Framework.Application
|
|
@using System.Security.Cryptography.X509Certificates
|
|
@model CompanyManagment.App.Contracts.ReportClient.CheckoutReportPrintAllViewModel
|
|
|
|
@{
|
|
int i = 1;
|
|
<style>
|
|
#MainModal {
|
|
backdrop-filter: blur(8px);
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content {
|
|
background-color: white;
|
|
//padding: 0px 30px 40px 30px;
|
|
}
|
|
|
|
.modal-header {
|
|
//padding: 0 !important;
|
|
}
|
|
|
|
.printBtns {
|
|
padding: 12px 2px 12px;
|
|
border-top: unset;
|
|
position: fixed;
|
|
top: 10%;
|
|
left: 50%;
|
|
transform: translateX(-800%);
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: white;
|
|
align-items: center;
|
|
border-radius: 9px;
|
|
z-index: 9999999;
|
|
transition: none;
|
|
}
|
|
|
|
@@media (max-width: 1550px) {
|
|
.printBtns {
|
|
transform: translateX(-680%);
|
|
}
|
|
}
|
|
|
|
#printThis .modal-content {
|
|
background-clip: padding-box;
|
|
background: black !important;
|
|
}
|
|
|
|
#printThis h1, h2, h3, h4, h5, h6 {
|
|
color: black;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
.top-title {
|
|
text-align: center;
|
|
}
|
|
|
|
.list-no {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
#printThis span {
|
|
margin: 0 3rem;
|
|
}
|
|
|
|
.table-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0 1rem;
|
|
border: 1px solid black;
|
|
border-top-right-radius: 9px;
|
|
border-top-left-radius: 9px;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.table-title h4 {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
#printThis span {
|
|
margin: 0 1rem;
|
|
}
|
|
|
|
#printThis table {
|
|
direction: ltr;
|
|
width: 100%;
|
|
}
|
|
|
|
#printThis .table-bordered {
|
|
// border: 1px solid #94a3b8;
|
|
border-radius: 9px;
|
|
// border-collapse: separate;
|
|
margin-bottom: 0;
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
}
|
|
|
|
#printThis .table-bordered > thead > tr > th {
|
|
font-size: 1.3rem;
|
|
color: black;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 0;
|
|
// border: 1px solid #c7c7c7 !important;
|
|
background: #ddd;
|
|
}
|
|
|
|
#printThis .table-bordered > tbody > tr > td {
|
|
//padding: 8px 2px;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
// border: 1px solid #c7c7c7 !important;
|
|
// background: transparent;
|
|
}
|
|
|
|
#printThis .table-bordered > tbody > tr.withdraw > td {
|
|
background-color: #b5b5b5 !important;
|
|
}
|
|
|
|
#printThis tr:nth-child(2n) td {
|
|
// background: #f0f0f0 !important;
|
|
}
|
|
|
|
tr td:first-child {
|
|
border-top-right-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
}
|
|
|
|
tr td:last-child {
|
|
border-top-left-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
}
|
|
|
|
tr th:first-child {
|
|
border-top-right-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
}
|
|
|
|
tr th:last-child {
|
|
border-top-left-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
}
|
|
|
|
.printBtns .btn-rounded {
|
|
margin-left: 0.5rem;
|
|
margin-right: 0.5rem;
|
|
padding: 5px 18px;
|
|
}
|
|
|
|
#printThis .table-bordered .total td {
|
|
background: #dfdfdf !important;
|
|
}
|
|
|
|
.bl-hidden {
|
|
border-left: hidden !important;
|
|
}
|
|
|
|
.table-name {
|
|
font-family: 'IranSans' !important;
|
|
text-align: right !important;
|
|
white-space: nowrap !important;
|
|
max-width: 100%;
|
|
width: 80px;
|
|
overflow-x: clip;
|
|
direction: rtl;
|
|
}
|
|
|
|
.table-bordered tr:nth-child(10) {
|
|
page-break-after: always;
|
|
}
|
|
|
|
@@media screen {
|
|
#printSection {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 1550px) {
|
|
.table-title h4 {
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
.top-title h1 {
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
.top-title h4 {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.list-no h4 {
|
|
margin: 0 8rem;
|
|
}
|
|
|
|
#printThis .table-bordered {
|
|
// border: 1px solid #94a3b8 !important;
|
|
border-radius: 9px !important;
|
|
}
|
|
|
|
#printThis .table-bordered > thead > tr > th {
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
#printThis .table-bordered > tbody > tr > td {
|
|
font-size: 10px;
|
|
}
|
|
}
|
|
|
|
// .main-table {
|
|
// display: block;
|
|
// background-color: #fff;
|
|
// background-image: url( '/assetsclient/images/gozareshgir-gr.svg' );
|
|
// background-repeat: no-repeat;
|
|
// background-size: cover;
|
|
// background-position: bottom center, 50%, 50%;
|
|
// }
|
|
|
|
@@media print {
|
|
@@page {
|
|
size: A4 landscape;
|
|
}
|
|
|
|
th, td {
|
|
border: 1px solid black;
|
|
padding: 4px;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
page-break-after: always;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
tr {
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
// @@page:first {
|
|
// margin-top: 40mm;
|
|
// }
|
|
|
|
// @@page {
|
|
// margin-top: 20mm;
|
|
// }
|
|
|
|
header, footer {
|
|
display: none !important;
|
|
}
|
|
|
|
body * {
|
|
visibility: hidden;
|
|
page-break-after: auto;
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
overflow: clip;
|
|
-webkit-print-color-adjust: exact !important;
|
|
print-color-adjust: exact !important;
|
|
background: #fff;
|
|
}
|
|
|
|
// .modal-dialog {
|
|
// max-width: 100%;
|
|
// width: 60cm;
|
|
//
|
|
//}
|
|
|
|
.print {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content {
|
|
//padding: 0;
|
|
background: #fff;
|
|
}
|
|
|
|
#printSection, #printSection * {
|
|
visibility: visible;
|
|
page-break-after: auto;
|
|
}
|
|
|
|
#printSection {
|
|
width: 27.5cm;
|
|
position: absolute;
|
|
right: 0;
|
|
page-break-after: auto;
|
|
top: 0;
|
|
//padding: 2rem 0;
|
|
}
|
|
|
|
#printThis {
|
|
//padding: 2rem 1rem;
|
|
overflow-y: auto !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
|
|
#printThis .table-bordered {
|
|
// border-collapse: separate !important;
|
|
margin-bottom: 0;
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
border: 0 !important;
|
|
}
|
|
|
|
#printThis .table-bordered > thead > tr > th {
|
|
font-size: 1.2rem !important;
|
|
color: black;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 0;
|
|
// border: 1px solid #94a3b8;
|
|
background: #ddd;
|
|
-webkit-print-color-adjust: exact !important;
|
|
print-color-adjust: exact !important;
|
|
}
|
|
|
|
#printThis tr:nth-child(2n) td {
|
|
// background: #f0f0f0 !important;
|
|
}
|
|
|
|
#printThis .table-bordered > tbody > tr > td {
|
|
//padding: 8px 2px;
|
|
text-align: center;
|
|
font-size: 10px !important;
|
|
// border: 1px solid #94a3b8;
|
|
}
|
|
|
|
#printThis .table-bordered > thead > td:first-child {
|
|
border: 9px !important;
|
|
}
|
|
|
|
#printThis .table-bordered > thead > td:last-child {
|
|
border: 9px !important;
|
|
}
|
|
|
|
.table > tbody > tr.withdraw > td {
|
|
background-color: #b5b5b5 !important;
|
|
}
|
|
|
|
.table > :not(caption) > * > * {
|
|
padding: .2rem .3rem;
|
|
}
|
|
|
|
#printThis .table {
|
|
// border: 1px solid transparent !important;
|
|
// border-collapse: separate !important;
|
|
overflow: hidden !important;
|
|
border-spacing: 0 !important;
|
|
border-radius: 10px !important;
|
|
text-align: center !important;
|
|
// border: 1px solid #aaa !important;
|
|
}
|
|
|
|
#printThis .table th, #printThis .table td {
|
|
vertical-align: middle !important;
|
|
border: 1px solid #94a3b8 !important;
|
|
}
|
|
|
|
// #printThis .table th:last-child, #printThis .table td:last-child {
|
|
// border-right: none !important;
|
|
//
|
|
}
|
|
|
|
// #printThis .table tbody tr:last-child th, #printThis .table tbody tr:last-child td {
|
|
// border-bottom: none !important;
|
|
//
|
|
}
|
|
|
|
#printThis .colgp-1 {
|
|
width: 40px;
|
|
}
|
|
|
|
#printThis .colgp-2 {
|
|
width: 40px;
|
|
}
|
|
|
|
#printThis .colgp-3 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-4 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-5 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-6 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-7 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-8 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-9 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-10 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-11 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-12 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-13 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-14 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-15 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-16 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-17 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-18 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-19 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-20 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-21 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-22 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-23 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-24 {
|
|
width: 20px;
|
|
}
|
|
|
|
#printThis .colgp-25 {
|
|
width: 20px;
|
|
}
|
|
|
|
.bl-hidden {
|
|
border-left: hidden !important;
|
|
}
|
|
|
|
.table-name {
|
|
padding: 8px 0;
|
|
}
|
|
|
|
#printThis .table-bordered > thead tr:first-child {
|
|
border: 0 !important;
|
|
}
|
|
|
|
#printThis .titleSection {
|
|
border: 1px solid #94a3b8 !important;
|
|
border-bottom: 0 !important;
|
|
border-radius: 10px 10px 0 0 !important;
|
|
background: #fff !important;
|
|
-webkit-print-color-adjust: exact !important;
|
|
print-color-adjust: exact !important;
|
|
}
|
|
|
|
#printThis .table-bordered > thead {
|
|
display: table-header-group !important;
|
|
page-break-inside: avoid !important;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.cls-1 {
|
|
fill: url(#linear-gradient-2);
|
|
}
|
|
|
|
.cls-2 {
|
|
fill: url(#linear-gradient-3);
|
|
}
|
|
|
|
.cls-3 {
|
|
fill: url(#linear-gradient);
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
|
|
.justify-between {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.justify-end {
|
|
justify-content: end;
|
|
}
|
|
|
|
.items-center {
|
|
align-items: center;
|
|
}
|
|
|
|
.titleSection {
|
|
background: #fff !important;
|
|
-webkit-print-color-adjust: exact !important;
|
|
print-color-adjust: exact !important;
|
|
padding: 5px;
|
|
margin: 0;
|
|
border: 1px solid #94a3b8;
|
|
border-bottom: 0;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.titleH1 {
|
|
font-size: 24px;
|
|
margin: 0 !important;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.lineS {
|
|
margin: 4px 0 !important;
|
|
}
|
|
|
|
.table > tbody > tr.withdraw > td {
|
|
background-color: #b5b5b5 !important;
|
|
}
|
|
|
|
.table {
|
|
// border: 1px solid #94a3b8 !important;
|
|
// border-collapse: separate !important;
|
|
overflow: hidden !important;
|
|
border-spacing: 0 !important;
|
|
border-radius: 10px !important;
|
|
text-align: center !important;
|
|
// border: 1px solid #94a3b8 !important;
|
|
}
|
|
|
|
.table th, .table td {
|
|
vertical-align: middle !important;
|
|
border: 1px solid #94a3b8;
|
|
}
|
|
|
|
// .table th:last-child, .table td:last-child {
|
|
// border-right: none !important;
|
|
//
|
|
// }
|
|
|
|
// .table tbody tr:last-child th, .table tbody tr:last-child td {
|
|
// border-bottom: none !important;
|
|
//
|
|
// }
|
|
|
|
#divTablescrollbar {
|
|
overflow-y: scroll;
|
|
max-height: calc(100vh - 200px);
|
|
position: relative;
|
|
scrollbar-width: thin;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
|
|
|
|
.table-gray-200 {
|
|
--bs-table-color: #000;
|
|
--bs-table-bg: #ffffff;
|
|
--bs-table-border-color: #a7b9b1;
|
|
--bs-table-striped-bg: #c7dbd2;
|
|
--bs-table-striped-color: #000;
|
|
--bs-table-active-bg: #bcd0c7;
|
|
--bs-table-active-color: #000;
|
|
--bs-table-hover-bg: #c1d6cc;
|
|
--bs-table-hover-color: #000;
|
|
color: var(--bs-table-color);
|
|
border-color: var(--bs-table-border-color);
|
|
}
|
|
|
|
.table-gray-400 {
|
|
--bs-table-color: #000;
|
|
--bs-table-bg: #ffffff;
|
|
--bs-table-border-color: #a7b9b1;
|
|
--bs-table-striped-bg: #c7dbd2;
|
|
--bs-table-striped-color: #000;
|
|
--bs-table-active-bg: #bcd0c7;
|
|
--bs-table-active-color: #000;
|
|
--bs-table-hover-bg: #c1d6cc;
|
|
--bs-table-hover-color: #000;
|
|
color: var(--bs-table-color);
|
|
border-color: var(--bs-table-border-color);
|
|
}
|
|
|
|
.table-gray-600 {
|
|
--bs-table-color: #000;
|
|
--bs-table-bg: #d7d7d7;
|
|
--bs-table-border-color: #a7b9b1;
|
|
--bs-table-striped-bg: #c7dbd2;
|
|
--bs-table-striped-color: #000;
|
|
--bs-table-active-bg: #bcd0c7;
|
|
--bs-table-active-color: #000;
|
|
--bs-table-hover-bg: #c1d6cc;
|
|
--bs-table-hover-color: #000;
|
|
color: var(--bs-table-color);
|
|
border-color: var(--bs-table-border-color);
|
|
}
|
|
|
|
|
|
.table-gray-400-2n {
|
|
--bs-table-color: #000;
|
|
--bs-table-bg: #ffffff;
|
|
--bs-table-border-color: #a7b9b1;
|
|
--bs-table-striped-bg: #c7dbd2;
|
|
--bs-table-striped-color: #000;
|
|
--bs-table-active-bg: #bcd0c7;
|
|
--bs-table-active-color: #000;
|
|
--bs-table-hover-bg: #c1d6cc;
|
|
--bs-table-hover-color: #000;
|
|
color: var(--bs-table-color);
|
|
border-color: var(--bs-table-border-color);
|
|
}
|
|
|
|
.table-gray-600-2n {
|
|
--bs-table-color: #000;
|
|
--bs-table-bg: #ededed;
|
|
--bs-table-border-color: #a7b9b1;
|
|
--bs-table-striped-bg: #c7dbd2;
|
|
--bs-table-striped-color: #000;
|
|
--bs-table-active-bg: #bcd0c7;
|
|
--bs-table-active-color: #000;
|
|
--bs-table-hover-bg: #c1d6cc;
|
|
--bs-table-hover-color: #000;
|
|
color: var(--bs-table-color);
|
|
border-color: var(--bs-table-border-color);
|
|
}
|
|
|
|
.table-gray-800 {
|
|
--bs-table-color: #000;
|
|
--bs-table-bg: #d7d7d7;
|
|
--bs-table-border-color: #a7b9b1;
|
|
--bs-table-striped-bg: #c7dbd2;
|
|
--bs-table-striped-color: #000;
|
|
--bs-table-active-bg: #bcd0c7;
|
|
--bs-table-active-color: #000;
|
|
--bs-table-hover-bg: #c1d6cc;
|
|
--bs-table-hover-color: #000;
|
|
color: var(--bs-table-color);
|
|
border-color: var(--bs-table-border-color);
|
|
}
|
|
|
|
.border_tbody {
|
|
border-style: solid;
|
|
border-width: 3px;
|
|
border-color: #798699;
|
|
}
|
|
</style>
|
|
}
|
|
|
|
|
|
<div class="modal-content" style="padding: 0 0 15px 0;">
|
|
<form asp-page="./Index" asp-page-handler="Details"
|
|
method="post"
|
|
data-ajax="true"
|
|
data-callback=""
|
|
data-action="Refresh">
|
|
|
|
<div class="modal-header d-block text-center position-relative">
|
|
<button type="button" class="btn-close position-absolute text-start" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
<div class="">پرینت گزارش تجمیع حقوق پرسنل</div>
|
|
</div>
|
|
|
|
<div class="modal-body" id="divTablescrollbar">
|
|
<div class="row main-table">
|
|
|
|
<div class="table-container tbl-body print" id="printThis" style="">
|
|
<table class="table table-bordered" style="border-radius: 0 0 9px 9px;direction: rtl;padding: 0;">
|
|
<colgroup>
|
|
<col class="colgp-1">
|
|
<col class="colgp-2">
|
|
<col class="colgp-3">
|
|
<col class="colgp-4">
|
|
<col class="colgp-5">
|
|
<col class="colgp-6">
|
|
<col class="colgp-7">
|
|
<col class="colgp-8">
|
|
<col class="colgp-9">
|
|
<col class="colgp-10">
|
|
<col class="colgp-11">
|
|
<col class="colgp-12">
|
|
<col class="colgp-13">
|
|
<col class="colgp-14">
|
|
<col class="colgp-15">
|
|
<col class="colgp-16">
|
|
<col class="colgp-17">
|
|
<col class="colgp-18">
|
|
<col class="colgp-19">
|
|
<col class="colgp-20">
|
|
<col class="colgp-21">
|
|
<col class="colgp-22">
|
|
<col class="colgp-23">
|
|
<col class="colgp-24">
|
|
<col class="colgp-25">
|
|
<col class="colgp-25">
|
|
<col class="colgp-25">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th colspan="27" class="col-md-12" style="border-radius: 10px 10px 0 0;">
|
|
<div class="row titleSection">
|
|
<div class="col-2 text-start">
|
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 621.6 721.91" width="55px">
|
|
<defs>
|
|
<linearGradient id="linear-gradient" x1="0" y1="481.82" x2="621.6" y2="481.82" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0" stop-color="#30c1c1" />
|
|
<stop offset="1" stop-color="#087474" />
|
|
</linearGradient>
|
|
<linearGradient id="linear-gradient-2" x1="217.07" y1="187.47" x2="523.83" y2="187.47" xlink:href="#linear-gradient" />
|
|
<linearGradient id="linear-gradient-3" x1="1.3" y1="146.6" x2="395.56" y2="146.6" xlink:href="#linear-gradient" />
|
|
</defs>
|
|
<polygon class="cls-3" points="0 328.82 129.91 244.95 129.91 453.87 310.8 562.4 488.4 453.87 488.4 355.2 310.8 355.2 488.4 241.73 621.6 241.73 621.6 541.02 310.8 721.91 0 541.02 0 328.82" />
|
|
<polygon class="cls-1" points="217.07 309.16 217.07 192.4 426.8 65.78 523.83 123.33 217.07 309.16" />
|
|
<polyline class="cls-2" points="308.61 0 395.56 47.69 1.3 293.19 1.3 184.66 308.61 0" />
|
|
</svg>
|
|
</div>
|
|
<div class="col-8 text-center">
|
|
<div style="display: inline-block;">
|
|
<div style="position: relative;text-align: center;bottom: 10px;">
|
|
<span class="titleH1">موسسه نور دادمهر گستر کاسپین</span>
|
|
<div style="position: absolute;left: 0;font-size: 14px;">شماره ثبت: 1727</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-2 text-end">
|
|
<p style="letter-spacing: 1.4px;font-size: 13px;margin: 0 0 2px 0;">www.gozareshgir.ir</p>
|
|
<p class="m-0" style="font-size: 13px;">سامانه هوشمند گزارشگیر</p>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
@foreach (var item in Model.CheckoutReportViewModels)
|
|
{
|
|
<tbody class="border_tbody">
|
|
@{
|
|
int isOdd = i % 2;
|
|
}
|
|
<tr class='@(isOdd == 0 ? "table-gray-800" : "table-gray-200")'>
|
|
<th rowspan="4" style="font-size: 12px !important; text-align: center; border-right: 4px solid #798699;">
|
|
@i
|
|
</th>
|
|
|
|
<th colspan="2" rowspan="4" style="font-size: 10px !important; text-align: center; border: 2px solid #94a3b8;">
|
|
<div>@item.EmployeeFullName</div>
|
|
<div>@item.NationalCode</div>
|
|
</th>
|
|
|
|
<th colspan="2" rowspan="4" style="font-size: 10px !important; text-align: center; border: 2px solid #94a3b8;">
|
|
<div>@item.Year</div>
|
|
<div>@item.Month</div>
|
|
</th>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>روز کارکرد</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>حقوق و مزد</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>پایه سنوات</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>کمک هزینه اقلام مصرفی خانوار</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>کمک هزینه مسکن</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>فوق العاده اضافه کاری</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>فوق العاده شب کاری</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>فوق العاده جمعه کاری</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>فوق العاده ماموریت</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>فوق العاده نوبت کاری</div>
|
|
</td>
|
|
|
|
<th colspan="2" rowspan="4" style="font-size: 12px !important; text-align: center; border: 2px solid #94a3b8;">
|
|
@* <div>مبلغ قابل پرداخت</div> *@
|
|
<div>@item.TotalPayment</div>
|
|
</th>
|
|
</tr>
|
|
|
|
<tr class='@(isOdd == 0 ? "table-gray-800" : "table-gray-200")'>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8;">
|
|
<div>@item.SumOfWorkingDays</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8;">
|
|
<div>@item.MonthlySalary</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8;">
|
|
<div>@item.BaseYearsPay</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8;">
|
|
<div>@item.ConsumableItems</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8;">
|
|
<div>@item.HousingAllowance</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8;">
|
|
<div>@item.OvertimePay</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8;">
|
|
<div>@item.NightworkPay</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8;">
|
|
<div>@item.FridayPay</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8;">
|
|
<div>@item.MissionPay</div>
|
|
</td>
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8;">
|
|
<div>@item.ShiftPay</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr class='@(isOdd == 0 ? "table-gray-800" : "table-gray-200")'>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>کمک هزینه عائله مندی</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>حق تاهل</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>پاداش</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>عیدی و پاداش</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>سنوات</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>مزد مرخصی</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>حق بیمه سهم کارگر</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>مالیات بر حقوق</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
<div>غیبت</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-600" : "table-gray-600-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8; border-bottom: 1px dotted #94a3b8;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr class='@(isOdd == 0 ? "table-gray-800" : "table-gray-200")'>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8;">
|
|
<div>@item.FamilyAllowance</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8;">
|
|
<div>@item.MarriedAllowance</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8;">
|
|
<div>@item.RewardPay</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8;">
|
|
<div>@item.BonusesPay</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8;">
|
|
<div>@item.YearsPay</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8;">
|
|
<div>@item.LeavePay</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8;">
|
|
<div>@item.InsuranceDeduction</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8;">
|
|
<div>@item.TaxDeducation</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8;">
|
|
<div>@item.AbsenceDeduction</div>
|
|
</td>
|
|
|
|
<td class='@(isOdd == 0 ? "table-gray-400" : "table-gray-400-2n")' colspan="2" rowspan="1" style="font-size: 10px !important; text-align: center; border-left: 2px solid #94a3b8;">
|
|
</td>
|
|
</tr>
|
|
@{
|
|
i += 1;
|
|
}
|
|
</tbody>
|
|
}
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12 text-center">
|
|
<div class="d-flex justify-content-start">
|
|
<button type="button" class="btn btn-rounded waves-effect waves-light text-white me-2" data-bs-dismiss="modal" aria-label="Close" style="background-color: #454D5C;">بستن فرم</button>
|
|
<button id="btnPrint" type="button" class="btn btn-success btn-rounded waves-effect waves-light px-4">پرینت</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.loading').hide();
|
|
});
|
|
|
|
if (window.matchMedia('(max-width: 767px)').matches) {
|
|
$(document).ready(function() {
|
|
window.onbeforeprint = (event) => {
|
|
$("#MainModal").modal("hide");
|
|
}
|
|
document.getElementById("MainModal").style.visibility = "hidden";
|
|
setTimeout(function () {
|
|
printElement(document.getElementById("printThis"));
|
|
},500);
|
|
});
|
|
} else {
|
|
document.getElementById("btnPrint").onclick = function () {
|
|
printElement(document.getElementById("printThis"));
|
|
}
|
|
}
|
|
|
|
function printElement(elem) {
|
|
var domClone = elem.cloneNode(true);
|
|
|
|
var $printSection = document.getElementById("printSection");
|
|
|
|
if (!$printSection) {
|
|
$printSection = document.createElement("div");
|
|
$printSection.id = "printSection";
|
|
document.body.appendChild($printSection);
|
|
}
|
|
|
|
$printSection.innerHTML = "";
|
|
$printSection.appendChild(domClone);
|
|
window.print();
|
|
}
|
|
</script> |