@nixweb/nixloc-ui 0.0.265 → 0.0.267

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.265",
+  "version": "0.0.267",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/shared/DocumentPreview.vue

@@ -17,6 +17,25 @@ export default {
     d: Object,
   },
   methods: {
+    periodo(grupo, campo) {
+      var item = this.d.itensLocacao.find(item => item.grupo == grupo);
+      const campoMap = {
+        "dataEntrega": item.dataEntrega,
+        "horaEntrega": item.horaEntrega,
+        "dataInicio": item.dataInicio,
+        "horaInicio": item.horaInicio,
+        "dataFim": item.dataFim,
+        "horaFim": item.horaFim,
+        "dataRetirada": item.dataRetirada,
+        "horaRetirada": item.horaRetirada,
+        "ano": item.ano,
+        "mes": item.mes,
+        "dia": item.dia,
+        "hora": item.hora,
+        "minuto": item.minuto
+      };
+      return campoMap[campo];
+    },
     somaGrupo(grupo) {
       let sum = [];
       this.d.itensLocacao.forEach((item) => {
@@ -36,6 +55,7 @@ export default {
       var group = this.groupBy({ array: this.d.itensLocacao, key: "grupo" });
       return group;
     },
+
   },
 };
 </script>

package/src/component/shared/DocumentPublic.vue

@@ -29,6 +29,5 @@ export default {
 .content {
   width: 1024px;
   margin: auto;
-  padding: 10px;
 }
 </style>

package/src/component/shared/HeaderReport.vue

@@ -1,7 +1,15 @@
 <template>
   <div class="div-header">
-    <div class="title-report-header">Relatório {{ $route.params.name }}</span></div>
-    <div class="side-by-side div-tag" v-for="tag in tags" :key="tag.id">
+    <div class="title-report-header">
+      <span v-if="!title">
+        Relatório
+        <span>{{ $route.params.name }}</span>
+      </span>
+      <span v-else>
+        <span>{{ title }}</span>
+      </span>
+    </div>
+    <div v-if="!title" class="side-by-side div-tag" v-for="tag in tags" :key="tag.id">
       <span>{{ tag.title }}</span> <span>{{ tag.value }}</span>
       <span>,</span>
     </div>
@@ -13,6 +21,9 @@ import { mapGetters } from "vuex";
 
 export default {
   name: "HeaderReport",
+  props: {
+    title: String
+  },
   computed: {
     ...mapGetters("report", ["tags"]),
     fileName() {

package/src/component/shared/Report.vue

@@ -10,8 +10,8 @@
     </div>
     <ScrollBar :minHeight="400" :maxHeight="820">
       <br />
-      <div id="printMe" class="a4 footer">
-        <HeaderReport />
+      <div id="printMe" :style="'min-height:' + minHeight + 'px'" class="a4 footer">
+        <HeaderReport :title="titleHeader" />
         <table class="table table-responsive-md">
           <thead>
             <tr>
@@ -26,20 +26,20 @@
           <tbody>
             <tr v-for="(row, index) in data" :key="index" :style="row.rowCss">
               <td v-for="(obj, ind) in header" :key="ind">
-                <div :style="obj.styleBody" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
-                  " v-if="obj.type === 'text'">
+                <div :style="obj.styleBody" @click="sendEvent(obj.eventName, row)" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
+        " v-if="obj.type === 'text'">
                   {{ row[obj.field] }}
                 </div>
-                <div :style="obj.styleBody" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
-                  " v-if="obj.type === 'date'">
+                <div :style="obj.styleBody" @click="sendEvent(obj.eventName, row)" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
+        " v-if="obj.type === 'date'">
                   {{ row[obj.field] | moment("DD/MM/YYYY") }}
                 </div>
-                <div :style="obj.styleBody" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
-                  " v-if="obj.type === 'dateTime'">
+                <div :style="obj.styleBody" @click="sendEvent(obj.eventName, row)" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
+        " v-if="obj.type === 'dateTime'">
                   {{ row[obj.field] | moment("DD/MM/YYYY HH:mm") }}
                 </div>
-                <div :style="obj.styleBody" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
-                  " v-if="obj.type === 'currency'">
+                <div :style="obj.styleBody" @click="sendEvent(obj.eventName, row)" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
+        " v-if="obj.type === 'currency'">
                   {{ row[obj.field] | currency }}
                 </div>
               </td>
@@ -54,7 +54,8 @@
           </tbody>
         </table>
         <div>
-          <TotalizationReport :totalization="totalization" :totalRecords="data.length" />
+          <TotalizationReport :totalization="totalization" :totalizationCustom="totalizationCustom"
+            :totalRecords="data.length" />
         </div>
       </div>
     </ScrollBar>
@@ -68,15 +69,16 @@ import TotalizationReport from "../shared/TotalizationReport.vue";
 import ExportExcel from "@nixweb/nixloc-ui/src/component/shared/ExportExcel";
 import print from "vue-print-nb";
 
-import { mapState, mapMutations, mapActions } from "vuex";
+import { mapMutations } from "vuex";
 
 export default {
   directives: {
     print,
   },
-  props: ["header", "data", "totalization"],
+  props: ["titleHeader", "header", "data", "totalization", "totalizationCustom", "minHeight"],
   components: { ScrollBar, HeaderReport, TotalizationReport, ExportExcel },
   methods: {
+    ...mapMutations("generic", ["addEvent"]),
     convertClass(fieldComparison, classCssBody) {
       if (Array.isArray(classCssBody)) {
         let ret = [];
@@ -91,6 +93,9 @@ export default {
         return classCssBody;
       }
     },
+    sendEvent(eventName, data) {
+      if (eventName) this.addEvent({ name: eventName, data: data });
+    }
   },
 };
 </script>
@@ -162,7 +167,6 @@ table tbody tr td {
 
 .a4 {
   max-width: 1100px;
-  min-height: 700px;
   padding: 20px;
   border-radius: var(--ck-border-radius);
   background: white;

package/src/component/shared/TotalizationReport.vue

@@ -10,6 +10,15 @@
           <span class="title-report-header value-report-header"> {{ totalRecords }} </span>
         </b-col>
       </b-row>
+      <!-- Utilizado para calculo do subReport -->
+      <b-row v-if="totalizationCustom">
+        <b-col sm="10">
+          <span class="title-report-header"> {{ totalizationCustom[0].title }} .................. </span>
+        </b-col>
+        <b-col sm="2">
+          <span class="title-report-header value-report-header"> {{ totalizationCustom[0].value | currency }} </span>
+        </b-col>
+      </b-row>
     </div>
     <div class="text-right" v-for="item in totalization" :key="item.title">
       <b-row>
@@ -29,25 +38,6 @@
           </span>
         </b-col>
       </b-row>
-
-
-      <!-- <span :class="convertName(item[0]).classCss">
-        <span class="title-report-header">
-          {{ convertName(item[0]).title }}
-          <span class="title-report-header value-report-header">
-            <div class="side-by-side div-title">
-              <span v-if="convertName(item[0]).type == 'currency'">
-                {{ item[1] | currency }}
-              </span>
-            </div>
-            <div class="side-by-side div-value">
-              <span v-if="convertName(item[0]).type == 'numeric'">
-                {{ Math.round(item[1]) }}
-              </span>
-            </div>
-          </span>
-        </span>
-      </span> -->
     </div>
   </div>
 </template>
@@ -56,7 +46,7 @@ import { mapState } from "vuex";
 
 export default {
   name: "TotalizationReport",
-  props: ["totalization", "totalRecords"],
+  props: ["totalization", "totalizationCustom", "totalRecords"],
   computed: {
     ...mapState("report", ["finalQueryFormatOData"]),
   },

package/src/component/template/ViewTemplateReportPreview.vue

@@ -50,7 +50,8 @@
             </Alert>
           </div>
           <div class="body-report" v-show="showBodyReport && rulesIsValid">
-            <Report :header="content.headerTable" :data="content.data" :totalization="content.totalization" />
+            <Report :minHeight="700" :header="content.headerTable" :data="content.data"
+              :totalization="content.totalization" />
           </div>
         </div>
         <div v-show="showFilter">