Блог

Я настроил функциональность jsreport на своем компьютере с Windows(10). Что бы я ни применял, стиль и html-шаблоны работают нормально, как и ожидалось, на моей локальной машине, которая является windows10. Но не работает на CentOS(серверной машине) с тем же шаблоном, теми же стилями и той же версией jsreport, приведенной ниже. Пожалуйста, направьте меня, чтобы исправить это. Как он отлично работает на компьютере с Windows и не работает на CentOS.

 "jsreport-assets": "^1.7.0", "jsreport-core": "^2.10.1", "jsreport-handlebars": "^2.1.0", "jsreport-html-to-xlsx": "2.6.0", "jsreport-phantom-pdf": "^2.6.1",  "phantomjs":"^2.1.1"  

HTML шаблон:

 lt;htmlgt;  lt;headgt;  lt;meta content="text/html; charset=utf-8" http-equiv=Content-Typegt;  lt;stylegt;${Styles}lt;/stylegt;  lt;/headgt;  lt;body class=listgt;  lt;img style= display:none src={{tenantdata.logo}} @encoding=dataURI/gt;  lt;table cellpadding=5 style="text-align:center;width:100%;border-collapse:collapse;{{tablestyle}}"gt;  {{#if type}}{{else}}lt;trgt;  lt;td colspan={{columns.length}} style="font-weight: bold;"gt;{{tenantdata.tenant.tenantname}}  lt;/tdgt;  lt;/trgt;lt;trgt;  lt;td colspan={{columns.length}}gt;  {{tenantdata.reportname}}  {{#if tenantdata.fromdate}}  FROM: {{tenantdata.fromdate}} To: {{tenantdata.todate}}  {{/if}}  {{#if tenantdata.ledgerdate}}  {{tenantdata.title}} : {{tenantdata.ledgerdate}}  {{/if}}  lt;/tdgt;  lt;/trgt; lt;trgt;  lt;td colspan={{columns.length}}gt;  amp;nbsp;  lt;/tdgt;  lt;/trgt; {{/if}}  lt;theadgt;  {{#each columns}}  lt;th style=text-align:{{style}};padding-left:3px;width:{{width}}; class="border"gt;{{header}}{{#if currency}}({{../currencyformat}}){{/if}}lt;/thgt;  {{/each}}  lt;/theadgt;  {{#each data}} {{#if ../multibranch}}  lt;trgt;  lt;td colspan={{../columns.length}} class="branch border text-left total" style="font-weight: bold;padding:5px;"gt; {{this.branchname}} lt;/tdgt;  lt;/trgt;  {{/if}} {{#each data}}  lt;trgt;  {{#each this}}  lt;td style=text-align:{{style}} class=bordergt;{{#if this.currency}}{{amountwithsymbol this.result}}{{else}}{{this.result}}{{/if}}lt;/tdgt;  {{/each}}  lt;/trgt;  {{/each}}  {{#if rowTotal}}  lt;tr style="font-weight: bold;"gt;  {{#each ../columns as | col |}} {{#if_eq @index 0}}  lt;td class="border text-left"gt;Totallt;/tdgt;  {{else}}  lt;td class="border text-right" style="text-align:right;"gt;{{findObjValue col.field ../rowTotal}}lt;/tdgt;  {{/if_eq}} {{/each}}  lt;/trgt;  {{/if}}  {{#if ../multibranch}}  lt;trgt;  lt;td colspan={{../columns.length}} class="branch border text-left total"gt;amp;nbsp; lt;/tdgt;  lt;/trgt;  {{/if}} {{/each}} {{#if currentTotal}}  lt;trgt;  {{#each columns}} {{#if_eq @index 0}}  lt;td class="border total text-left"gt; {{../currentTotal.title}} lt;/tdgt;  {{else}}{{#if currency}}  lt;td style="text-align:{{style}}" class="border total"gt; {{totalValue field ../currentTotal}}lt;/tdgt;  {{else}}  lt;td class="border total"gt;lt;/tdgt;  {{/if}} {{/if_eq}} {{/each}}  lt;/trgt;  {{/if}} {{#if calculateloss}}  lt;trgt;  lt;td class="border total text-left"gt;{{calculateloss}}lt;/tdgt;  lt;td class="border total text-right"gt;{{netLoss 'debit' currentTotal}}lt;/tdgt;  lt;td class="border total text-right"gt;{{netLoss 'credit' currentTotal}}lt;/tdgt;  lt;/trgt;  lt;trgt;  lt;td class="border total text-left"gt;Totallt;/tdgt;  lt;td class="border total text-right"gt;{{netLoss 'debit' currentTotal true}}lt;/tdgt;  lt;td class="border total text-right"gt;{{netLoss 'credit' currentTotal true}}lt;/tdgt;  lt;/trgt;  {{/if}}  {{#if gstreport}}  lt;tfootgt;  lt;trgt;  lt;td colspan={{columns.length}} class="branch border text-left total"gt;  {{gstreport}} lt;/tdgt;  lt;/trgt;  lt;/tfootgt;  {{/if}}  lt;/tablegt;  lt;/bodygt; lt;/htmlgt;  

Стили:

 html {  zoom: 0.68; } .list {  font-family: Helvetica, Arial, sans-serif;  letter-spacing: 1px;  padding: 5px;  margin-top:0% !important;  font-size: 70%;  }  .list table {  border-top: 1px solid #f0f0f0; }  td{  word-break: break-all; }  .list .branch {  text-align: left;  border-top: 1px solid #f0f0f0;  border-bottom: 1px solid #f0f0f0;  font-weight: bold;  font-size: 90%;  padding-top: 8px;  padding-bottom: 8px; }  .list .border {  border: 1px solid #f0f0f0; }  .list .total {  padding-top: 5px;  padding-bottom: 5px;  font-weight: bold;  font-size: 95% }  .bold {  font-weight: bold; }  .p-t-3 {  padding-top: 3%; }  .p-b-3 {  padding-bottom: 3%; }  .p-t-10 {  padding-top: 10%; }  .normal-tbl {  width: 100%;  border-collapse: collapse;  font-size: 140%; }  .border-table {  text-align: left;  border-collapse: collapse;  border: 0.5px solid #f2f2f2;  width: 100%;  font-size: 80%;  border-top: 0.5px solid #f0f0f0; } .text-right{text-align:right !important}  .text-left{text-align:left !important}  .text-center{text-align:center !important}  .border-table tr {  border: 0.5px solid #f2f2f2; }  .border-table td {  border: 0.5px solid #f2f2f2; }  .border-table th {  border: 0.5px solid #f2f2f2; }  .profile {  text-align: left;  font-size: 150% !important; }  .profile .head {  width: 16%;  font-weight: bold;  font-size: 75%; }  .profile .address {  font-size: 95% !important;  line-height: 2; }  .profile .body {  font-size: 80%; }  .profile .header {  font-size: 110%;  font-weight: bold;  padding-top: 20px; }  .profile .nodata {  font-weight: bold;  text-align: center;  padding-top: 10px; }  .text-right {  text-align: right !important; }  .text-left {  text-align: left; }  .text-center {  text-align: center !important; }  .border-table {  text-align: left;  border-collapse: collapse;  border: 1px solid #f2f2f2;  width: 100%;  font-size: 80%;  border-top: 1px solid #f0f0f0; }  .detail-ledger {  text-align: center;  width: 100%;  border-collapse: collapse;  border-top: 1px solid #f0f0f0; }  .detail-ledger td {  border-top: 1px solid #f0f0f0;  border-bottom: 1px solid #f0f0f0; }  .detail-ledger .parent {  font-weight: bold;  font-size: 85%; }  .detail-ledger .child2 {  padding-left: 6%!important;  font-size: 75%; }  .detail-ledger .child1 {  padding-left: 3%!important;  font-size: 80%; }  .detail-ledger .child1_data {  font-size: 80%; }  .detail-ledger .child2_data {  font-size: 75%; }  .detail-ledger .title {  color: red;  padding: 10px;  font-size: 14px; }  .expense_tbl {  float: left;  width: 50%; }  .income_tbl {  padding-left: 14px;  float: left;  width: 47%; }  .empty-row {  height: 15px; }  

JsreportConfig:

 engine:Handlebars  receipe:PhantomJs  

Пожалуйста, помогите мне разобраться с этим и на CentOS.