@nixweb/nixloc-ui 0.0.138 → 0.0.140

package/package.json

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

package/src/component/shared/Report.vue

@@ -16,7 +16,11 @@
           <thead>
             <tr>
               <th v-for="(obj, ind) in header" :key="ind">
-                <div class="title-margem" :class="obj.classCssTitle">
+                <div
+                  class="title-margem"
+                  :class="obj.classCssTitle"
+                  :style="obj.styleHeader"
+                >
                   <i class="fas fa-search" v-if="obj.iconSearch"></i>
                   <span class="title-header"> {{ obj.title }}</span>
                 </div>
@@ -27,25 +31,37 @@
             <tr v-for="(row, index) in data" :key="index" :style="row.rowCss">
               <td v-for="(obj, ind) in header" :key="ind">
                 <div
-                  :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
+                  :style="obj.styleBody"
+                  :class="
+                    convertClass(row[obj.fieldComparison], obj.classCssBody)
+                  "
                   v-if="obj.type === 'text'"
                 >
                   {{ row[obj.field] }}
                 </div>
                 <div
-                  :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
+                  :style="obj.styleBody"
+                  :class="
+                    convertClass(row[obj.fieldComparison], obj.classCssBody)
+                  "
                   v-if="obj.type === 'date'"
                 >
                   {{ row[obj.field] | moment("DD/MM/YYYY") }}
                 </div>
                 <div
-                  :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
+                  :style="obj.styleBody"
+                  :class="
+                    convertClass(row[obj.fieldComparison], obj.classCssBody)
+                  "
                   v-if="obj.type === 'dateTime'"
                 >
                   {{ row[obj.field] | moment("DD/MM/YYYY HH:mm") }}
                 </div>
                 <div
-                  :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
+                  :style="obj.styleBody"
+                  :class="
+                    convertClass(row[obj.fieldComparison], obj.classCssBody)
+                  "
                   v-if="obj.type === 'currency'"
                 >
                   {{ row[obj.field] | currency }}
@@ -62,7 +78,10 @@
           </tbody>
         </table>
         <div>
-          <TotalizationReport :totalization="totalization" :totalRecords="data.length" />
+          <TotalizationReport
+            :totalization="totalization"
+            :totalRecords="data.length"
+          />
         </div>
       </div>
     </ScrollBar>
@@ -122,17 +141,18 @@ table tbody tr td {
   padding-right: 5px !important;
   border-bottom: 0px !important;
   border-top: 0px !important;
+  font-size: 13px !important;
 }
 
 .title-header {
-  font-size: 13px;
+  font-size: 12px;
   color: #757d8c;
   font-weight: 400;
   text-transform: uppercase;
 }
 
 .table-number {
-  font-size: 14px;
+  font-size: 12px;
   font-weight: bold;
 }
 
@@ -142,7 +162,7 @@ table tbody tr td {
 }
 
 .table-currency {
-  font-size: 14px;
+  font-size: 12px;
   min-width: 100px;
 }
 
@@ -184,4 +204,21 @@ table tbody tr td {
 .icon-excel {
   color: green;
 }
+
+.danger {
+  color: #f0134d;
+}
+
+.progress-rent {
+  color: #4bb4e2;
+}
+
+.accepted {
+  color: #38a169;
+}
+
+.rejected {
+  color: #f0134d;
+}
+
 </style>

package/src/component/shared/TotalizationReport.vue

@@ -56,4 +56,8 @@ export default {
   background: black !important;
   height: 0px !important;
 }
+
+.receipt {
+  color: darkblue;
+}
 </style>

package/src/component/shared/query-builder/AddRule.vue

@@ -53,7 +53,7 @@ export default {
   data() {
     return {
       selectedRule: this.rules[0],
-      andOr: "or",
+      andOr: "and",
       duplicate: [],
     };
   },

package/src/component/shared/query-builder/DynamicComponent.vue

@@ -7,6 +7,7 @@
       </label>
       <div style="margin-right: 20px">
         <RadioGroup
+          v-if="index > 0"
           :options="[
             { text: 'e', value: 'and' },
             { text: 'ou', value: 'or' },
@@ -36,13 +37,36 @@
         :initialValue="rule.value"
         v-model="rule.value"
       />
-      <DateTime
-        v-if="rule.typeField == 'dateTime'"
-        :format="rule.props.format"
-        :type="rule.props.type"
-        :range="rule.props.range"
-        v-model="rule.value"
-      />
+      <div v-if="rule.typeField == 'dateTime'">
+        <div class="side-by-side">
+          <DateTime
+            :format="rule.props.format"
+            :type="rule.props.type"
+            :range="rule.props.range"
+            v-model="rule.value"
+          />
+        </div>
+        <div class="side-by-side margin">ou</div>
+        <div class="side-by-side margin">
+          <select
+            @change="verifyCalculate"
+            v-model="rule.value[2]"
+            class="form-control mr-2"
+          >
+            <option v-for="period in optionsPeriodCustom" :key="period">
+              {{ period }}
+            </option>
+          </select>
+        </div>
+        <div v-if="rule.props.filterByField">
+          <RadioGroup
+            v-if="rule.props.filterByField"
+            :options="rule.props.filterByField"
+            v-model="rule.name"
+          />
+        </div>
+      </div>
+
       <Select
         v-if="rule.typeField == 'select'"
         :url="rule.props.url"
@@ -61,7 +85,7 @@ import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
 import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
 import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
 
-import { mapMutations } from "vuex";
+import { mapMutations, mapActions } from "vuex";
 
 export default {
   name: "DynamicComponent",
@@ -71,10 +95,38 @@ export default {
     CheckboxGroup,
     RadioGroup,
   },
-  props: ["rule"],
+  props: ["rule", "index"],
+  created() {
+    if (this.rule.typeField == "dateTime") {
+      if (this.rule.value == null) {
+        this.rule.value = ["", "", ""];
+      } else {
+        if (this.rule.value.length == 3) {
+          this.verifyCalculate();
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      urlCalculate: "/api/v1/rental/period-rent/calculate-period-query-builder",
+      optionsPeriodCustom: [
+        "hoje",
+        "próximos 7 dias",
+        "próximos 15 dias",
+        "próximos 30 dias",
+        "próximos 45 dias",
+        "últimos 7 dias",
+        "últimos 15 dias",
+        "últimos 30 dias",
+        "últimos 45 dias",
+      ],
+    };
+  },
   methods: {
     ...mapMutations("generic", ["addEvent"]),
     ...mapMutations("report", ["removeSelectedRule"]),
+    ...mapActions("generic", ["postApi"]),
     removeRule() {
       this.removeSelectedRule(this.rule.id);
       this.addEvent({
@@ -82,6 +134,31 @@ export default {
         data: { id: this.rule.id },
       });
     },
+    verifyCalculate() {
+      let title = this.rule.value[2];
+      if (title == "hoje") this.calculate(0, title);
+      if (title == "próximos 7 dias") this.calculate(7, title);
+      if (title == "próximos 15 dias") this.calculate(15, title);
+      if (title == "próximos 30 dias") this.calculate(30, title);
+      if (title == "próximos 45 dias") this.calculate(45, title);
+      if (title == "últimos 7 dias") this.calculate(-7, title);
+      if (title == "últimos 15 dias") this.calculate(-15, title);
+      if (title == "últimos 30 dias") this.calculate(-30, title);
+      if (title == "últimos 45 dias") this.calculate(-45, title);
+    },
+    calculate(days, title) {
+      let params = {
+        url: this.urlCalculate,
+        obj: { days: days },
+        notNotifyToast: true,
+      };
+      this.postApi(params).then((response) => {
+        this.rule.value = [];
+        this.rule.value[0] = response.content.start;
+        this.rule.value[1] = response.content.end;
+        this.rule.value[2] = title;
+      });
+    },
   },
   computed: {
     options() {
@@ -109,4 +186,9 @@ export default {
 .div-select {
   width: 330px;
 }
+
+.margin {
+  margin-left: 30px;
+  padding: 10px;
+}
 </style>

package/src/component/shared/query-builder/DynamicComponentList.vue

@@ -10,11 +10,14 @@
           v-for="(rule, index) in selectedRules"
           :key="index"
           :rule="rule"
+          :index="index"
         />
       </draggable>
       <br />
       <div v-if="selectedRules.length == 0">
-        <Alert type="info"> Selecione o filtro desejado e clique em +Adicionar</Alert>
+        <Alert type="info">
+          Selecione o filtro desejado e clique em +Adicionar</Alert
+        >
       </div>
     </div>
   </div>
@@ -41,7 +44,8 @@ export default {
     ...mapState("report", ["selectedRules"]),
   },
   mounted() {
-    this.dynamicComponent = this.$parent.$options.components["DynamicComponent"];
+    this.dynamicComponent =
+      this.$parent.$options.components["DynamicComponent"];
   },
   methods: {
     ...mapMutations("report", ["mountFinalQueryFormatOData"]),
@@ -62,8 +66,8 @@ export default {
 
 <style scoped>
 .component {
-  min-height: 380px;
-  max-height: 380px;
+  min-height: 450px;
+  max-height: 450px;
   overflow-y: visible;
   overflow-x: hidden;
   padding-left: 10px;

package/src/component/template/ViewTemplateReportPreview.vue

@@ -9,7 +9,10 @@
     >
       <div slot="content-main">
         <br />
-        <div class="div-progress" v-if="liveTotalRecords != baseParams.totalRecords">
+        <div
+          class="div-progress"
+          v-if="liveTotalRecords != baseParams.totalRecords"
+        >
           <ProgressBar
             :text="`Carregando ${liveTotalRecords} registro(s) de ${baseParams.totalRecords}`"
             :value="liveTotalRecords"
@@ -96,7 +99,10 @@
       :width="modalOptions.width"
       v-show="showModal('templateReport')"
     >
-      <ReportCreateUpdate :module="panel.module" v-show="modalOptions.name == 'save'" />
+      <ReportCreateUpdate
+        :module="panel.module"
+        v-show="modalOptions.name == 'save'"
+      />
       <Fields v-if="modalOptions.name == 'fields'" />
       <Rules v-show="modalOptions.name == 'rules'" />
       <div
@@ -201,7 +207,12 @@ export default {
       "addInitialReportCustom",
       "removeInitialReportCustom",
     ]),
-    ...mapMutations("generic", ["addEvent", "openModal", "hideModal", "removeLoading"]),
+    ...mapMutations("generic", [
+      "addEvent",
+      "openModal",
+      "hideModal",
+      "removeLoading",
+    ]),
     getById() {
       let params = { url: this.urlGetById, obj: { id: this.id } };
       this.getApi(params).then((response) => {
@@ -238,7 +249,8 @@ export default {
           totalRecords / this.baseParams.totalPerPage
         );
 
-        if (this.baseParams.totalPage <= 1) this.loadingOnlyIfOnePage(response.value);
+        if (this.baseParams.totalPage <= 1)
+          this.loadingOnlyIfOnePage(response.value);
         if (this.baseParams.totalPage > 1) this.loadingOnlyIfManyPages();
 
         this.content.headerTable = this.headerTable;

package/src/store/modules/generic.js

@@ -105,7 +105,7 @@ export default {
                         let isGrouped = th.innerText.includes("t.produtoAgrupado");
                         let isMoviment = th.innerText.includes("t.produtoMovimentacao");
                         let isCustumerAddress = th.innerText.includes("t.enderecoCliente");
-                        let isAddressRent = th.innerText.includes("t.enderecoLocacao");
+                        let isAddressRent = th.innerText.includes("t.saidaRetornoLocacao");
 
 
                         if (isProduct) {
@@ -162,7 +162,7 @@ export default {
 
                 var retParse = ret.replaceAll("\"", "'");
                 retParse = eval(`retParse${replace}`);
-         
+
                 var classImportant = retParse
                     .replaceAll("t.pagamentoLocacao", "")
                     .replaceAll("t.periodoLocacao", "")
@@ -170,7 +170,7 @@ export default {
                     .replaceAll("t.produtoAgrupado", "")
                     .replaceAll("t.produtoMovimentacao", "")
                     .replaceAll("t.enderecoCliente", "")
-                    .replaceAll("t.enderecoLocacao", "")
+                    .replaceAll("t.saidaRetornoLocacao", "")
                     .replaceAll("<p>&nbsp!important;</p>", "<p>&nbsp</p>");
             }
 
@@ -540,7 +540,6 @@ export default {
                 })
         },
         getDocumentApi: async function (context, params) {
-            console.log(params.obj);
             context.commit('cleanMethodExecutedApi');
             return axios.get(params.url, {
                 params: params.obj,
@@ -551,10 +550,8 @@ export default {
             })
                 .then((response) => {
                     if (response.data.success) {
-
                         return response.data;
                     } else {
-
                         return response.data;
                     }
                 }, (err) => {
@@ -562,5 +559,19 @@ export default {
                     return false;
                 })
         },
+        getPdfApi: async function (context, params) {
+            context.commit('cleanMethodExecutedApi');
+            return axios.get(params.url, {
+                params: params.obj,
+                responseType: "arraybuffer",
+            })
+                .then((response) => {
+                    let blob = new Blob([response.data], { type: "application/pdf" }),
+                        url = window.URL.createObjectURL(blob);
+                    window.open(url);
+                }, (err) => {
+                    return false;
+                })
+        },
     }
 }

package/src/component/template/ViewTemplateReportPreviewCOPIASEGURANCA.vue

@@ -1,497 +0,0 @@
-<template>
-  <div>
-    <Panel
-      :module="panel.module"
-      :title="panel.title"
-      :showVerticalFilter="panel.showVerticalFilter"
-      :showSearch="panel.showSearch"
-      :showButtons="panel.showButtons"
-    >
-      <div slot="content-main">
-        <br />
-        <!-- <div class="div-progress" v-if="loading && liveTotalRecords > 0">
-          <ProgressBar
-            :text="`Carregando ${liveTotalRecords} registro(s) de ${content.totalRecords}`"
-            :value="liveTotalRecords"
-            :max="content.totalRecords"
-            size="medium"
-          />
-        </div>
-        <Modal title="Salvar" :width="550" v-show="showModal('saveReport')">
-          <ReportCreateUpdate :module="panel.module" />
-        </Modal>
-        <Molded>
-          <div>
-            <div slot="content-filter-horizontal">
-              <b-row>
-                <b-col sm="6">
-                  <div class="side-by-side">
-                    <Button
-                      _key="searchReport"
-                      type="primary"
-                      title="Buscar"
-                      classIcon="fas fa-file-search"
-                      size="medium"
-                      :disabled="invalid || btnDisabled"
-                      :clicked="getAll"
-                    />
-                  </div>
-                  <div class="side-by-side">
-                    <Button
-                      v-if="!invalid"
-                      _key="btnSaveReport"
-                      type="success"
-                      title="Salvar Modelo"
-                      classIcon="fas fa-save"
-                      :disabled="loading || invalid"
-                      size="small"
-                      :clicked="openSaveReport"
-                    />
-                  </div>
-                </b-col>
-                <b-col class="text-right" sm="6">
-                  <div class="side-by-side">
-                    <Button
-                      _key="btnOpenFields"
-                      type="info"
-                      title="Campos"
-                      classIcon="fas fa-database"
-                      size="small"
-                      :disabled="loading"
-                      :clicked="openFields"
-                    />
-                  </div>
-                  <div class="side-by-side">
-                    <Button
-                      _key="btnOpenFilters"
-                      type="info"
-                      title="Filtros"
-                      classIcon="fas fa-filter"
-                      size="small"
-                      :disabled="loading"
-                      :clicked="openFilters"
-                    />
-                  </div>
-                </b-col>
-              </b-row>
-              <Modal title="Campos" :width="600" v-if="showModal('fields')">
-                <Fields />
-                <b-row>
-                  <b-col class="text-right" sm="12">
-                    <div class="side-by-side">
-                      <Button
-                        _key="btnApplyFilters"
-                        type="primary"
-                        title="Aplicar"
-                        classIcon="fas fa-filter"
-                        size="small"
-                        :disabled="fields.selected.length == 0"
-                        :clicked="applyFilters"
-                      />
-                    </div>
-                  </b-col>
-                </b-row>
-              </Modal>
-              <Modal title="Filtros" :width="900" v-show="showModal('filters')">
-                  <Rules :rules="rules" />
-                <br />
-                <b-row>
-                  <b-col class="text-right" sm="12">
-                    <div class="side-by-side">
-                      <Button
-                        _key="btnApplyFilters"
-                        type="primary"
-                        title="Aplicar"
-                        classIcon="fas fa-filter"
-                        size="small"
-                        :clicked="applyFilters"
-                      />
-                    </div>
-                  </b-col>
-                </b-row>
-              </Modal>
-            </div>
-          </div>
-        </Molded>
-        <div class="div-required" v-show="invalid">
-          <Alert type="info" v-for="item in requiredRules" :key="item.id">
-            É necessário informar o filtro
-            <span class="filter-required">{{ item.title }}</span
-            >, clique no botão "Filtros" para adicionar.
-          </Alert>
-        </div>
-        <div class="div-tags">
-          <Tags eventName="tagReport" />
-        </div>
-        <div class="g-div-molded div-table" v-if="!loading && liveTotalRecords > 0">
-          <b-row>
-            <b-col sm="6">
-              <div class="div-button">
-                <div class="side-by-side">
-                  <ExportExcel
-                    :button="{ type: 'edit', title: 'Excel', size: 'small' }"
-                    fileName="Auditoria"
-                    :cabecalho="content.headerTable"
-                    :data="content.data"
-                  />
-                </div>
-                <div class="side-by-side">
-                  <div>
-                    <Button
-                      v-print="'#printMe'"
-                      _key="btnApplyFilters"
-                      type="edit"
-                      title="Imprimir"
-                      classIcon="fas fa-print"
-                      size="small"
-                      :clicked="applyFilters"
-                    />
-                  </div>
-                </div>
-              </div>
-            </b-col>
-            <b-col sm="6">
-              <TableTotalRecords :totalRecords="content.totalRecords" />
-            </b-col>
-          </b-row>
-          <ScrollBar :minHeight="400" :maxHeight="600">
-            <div id="printMe">
-              <HeaderPrint />
-              {{ content.headerTable }}
-              <Table
-                :headerTable="content.headerTable"
-                :data="content.data"
-                :showChecks="templateList.showChecks"
-              />
-            </div>
-          </ScrollBar>
-        </div>
-        <div class="div-sem-data" v-if="noDataReturned">
-          <Alert type="info">
-            <span> Nenhum registro foi encontrato!</span>
-          </Alert>
-        </div>
-        <div class="div-Totalization" v-if="content.totalization.length > 0">
-          <Totalization :data="content.totalization" />
-        </div>
-      </div> -->
-      </div>
-    </Panel>
-  </div>
-</template>
-
-<script>
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import ExportExcel from "@nixweb/nixloc-ui/src/component/shared/ExportExcel";
-import Table from "../shared/Table.vue";
-import HeaderPrint from "../shared/HeaderPrint.vue";
-import TableTotalRecords from "../shared/TableTotalRecords.vue";
-import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel.vue";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import ProgressBar from "@nixweb/nixloc-ui/src/component/shared/ProgressBar";
-import Totalization from "@nixweb/nixloc-ui/src/component/shared/query-builder/Totalization.vue";
-import Tags from "@nixweb/nixloc-ui/src/component/shared/query-builder/Tags.vue";
-import ReportCreateUpdate from "@nixweb/nixloc-ui/src/component/template/ReportCreateUpdate.vue";
-import Fields from "@nixweb/nixloc-ui/src/component/shared/query-builder/Fields.vue";
-import Rules from "@nixweb/nixloc-ui/src/component/shared/query-builder/Rules.vue";
-import print from "vue-print-nb";
-
-import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "TemplateReportView",
-  directives: {
-    print,
-  },
-  props: {
-    panel: Object,
-    templateList: Object,
-    templateReport: Object,
-  },
-  components: {
-    Alert,
-    Modal,
-    Button,
-    TableTotalRecords,
-    Table,
-    Panel,
-    ScrollBar,
-    Molded,
-    Totalization,
-    ProgressBar,
-    Tags,
-    ReportCreateUpdate,
-    ExportExcel,
-    HeaderPrint,
-    Fields,
-    Rules,
-  },
-  data() {
-    return {
-      content: {
-        headerTable: [],
-        data: [],
-        totalization: [],
-        pagination: 0,
-        currentPage: 1,
-        totalPerPage: 100,
-        totalRecords: 0,
-      },
-      btnDisabled: true,
-      loading: false,
-      noDataReturned: false,
-    };
-  },
-  mounted() {
-    this.addReport(this.templateReport);
-    this.removeLoading(["panel"]);
-  },
-  beforeDestroy() {
-    /* this.updateOptionsInitValue({});
-    this.atualizaCampoOrdenado({});
-    this.atualizaFiltroSelecionado({ children: [] });*/
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal", "event"]),
-    ...mapGetters("report", [
-      "headerTable",
-      "selectedRules",
-      "requiredRules",
-      "requiredRulesAlreadyAdded",
-      "hasSelectedFields",
-      "oDataSelect",
-      "oDataFilter",
-      "oDataOrderBy",
-    ]),
-    ...mapState("report", ["report", "fields", "totalization"]),
-    urlQuery() {
-      let baseUrl = `${this.templateList.urlGetApi}?${this.oDataSelect}&${this.oDataOrderBy}&${this.oDataFilter.query}&$skip=${this.skip}&$top=${this.content.totalPerPage}&$count=true`;
-      return baseUrl.replace("&&", "&");
-    },
-    urlTotalization() {
-      let query = this.oDataFilter.totalization
-        ? `$apply=filter(${this.oDataFilter.query.replace("$filter=", "")})/`
-        : "$apply=";
-      let baseUrl = `${this.templateList.urlGetApi}?${query}aggregate(${this.oDataFilter.totalization})`;
-      return baseUrl;
-    },
-    skip() {
-      return (this.content.currentPage - 1) * this.content.totalPerPage;
-    },
-    invalid() {
-      let ret = true;
-      this.requiredRules.forEach((rule) => {
-        ret = this.requiredRulesAlreadyAdded(rule);
-      });
-
-      if (this.requiredRules.length == 0) ret = false;
-
-      return ret;
-    },
-    liveTotalRecords() {
-      return this.content.data.length;
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["getApiOdata"]),
-    ...mapMutations("generic", ["addEvent", "openModal", "hideModal", "removeLoading"]),
-    ...mapMutations("report", [
-      "addReport",
-      "atualizaFiltroSelecionado",
-      "atualizaCampoOrdenado",
-      "updateOptionsInitValue",
-      "atualizaCabecalhoTabela",
-    ]),
-    getAll() {
-      this.content.data = [];
-      this.content.totalization = [];
-      this.btnDisabled = true;
-
-      if (!this.invalid) {
-        this.showHideFields();
-        this.pagination();
-        this.removeLoading(["searchReport"]);
-
-        if (this.oDataFilter.totalization) this.totalizationOData();
-        if (!this.oDataFilter.totalization) this.content.totalization = [];
-      }
-    },
-    pagination() {
-      let paramsQuery = { url: this.urlQuery };
-      this.resetData();
-
-      this.getApiOdata(paramsQuery).then((response) => {
-        let totalRecords = response["@odata.count"];
-        if (totalRecords == 0) this.noDataReturned = true;
-        this.content.totalRecords = totalRecords;
-        this.content.pagination = Math.round(totalRecords / this.content.totalPerPage);
-
-        if (totalRecords <= this.content.totalPerPage) {
-          this.queryOData();
-          this.content.headerTable = this.headerTable;
-        }
-        if (this.content.pagination == 0) this.loading = false;
-      });
-    },
-    resetData() {
-      this.loading = true;
-      this.content.data = [];
-      this.content.currentPage = 1;
-      this.noDataReturned = false;
-    },
-    queryOData() {
-      let paramsQuery = { url: this.urlQuery };
-      this.getApiOdata(paramsQuery).then((response) => {
-        let self = this;
-        response.value.forEach(function (obj) {
-          self.content.data.push(obj);
-        });
-        this.content.currentPage++;
-      });
-      this.content.headerTable = this.headerTable;
-    },
-    totalizationOData() {
-      let paramsResumo = { url: this.urlTotalization };
-      this.getApiOdata(paramsResumo).then((response) => {
-        this.content.totalization = [];
-        const result = Object.entries(response[0]);
-        let self = this;
-        result.forEach(function (value) {
-          self.totalization.forEach(function (totalization) {
-            let obj = {
-              title: "",
-              value: value[1],
-              classCss: totalization.classCss,
-              type: totalization.type,
-            };
-            if (totalization.value == value[0]) {
-              obj.title = totalization.title;
-              self.content.totalization.push(obj);
-            }
-          });
-        });
-      });
-    },
-    openSaveReport() {
-      this.addEvent({ nome: "changeReport" });
-      this.openModal("saveReport");
-      this.removeLoading(["btnSaveReport"]);
-    },
-    openFields() {
-      this.openModal("fields");
-      this.removeLoading(["btnOpenFields"]);
-    },
-    openFilters() {
-      this.openModal("filters");
-      this.removeLoading(["btnOpenFilters"]);
-    },
-    applyFilters() {
-      this.hideModal();
-      this.removeLoading(["btnApplyFilters"]);
-    },
-    showHideFields() {
-      let self = this;
-      this.report.fields.forEach(function (field) {
-        /*  if (self.hasSelectedFields(field.field, self.selectedFields)) {
-          field.show = true;
-        } else {
-          field.show = false;
-        }*/
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.nome == "tagReport") this.openModal("filters");
-      },
-      deep: true,
-    },
-    selectedFields: {
-      handler() {
-        this.showHideFields();
-      },
-      deep: true,
-    },
-    "content.currentPage": {
-      handler(currentPage) {
-        if (currentPage <= this.content.pagination - 1) {
-          let self = this;
-          setTimeout(function () {
-            self.queryOData();
-          }, 200);
-        }
-        if (currentPage == this.content.pagination && currentPage != 0)
-          this.loading = false;
-      },
-      deep: true,
-    },
-    "content.pagination": {
-      handler() {
-        this.queryOData();
-      },
-      deep: true,
-    },
-    "oDataFilter.query": {
-      handler() {
-        this.btnDisabled = false;
-      },
-      deep: true,
-    },
-    oDataSelect: {
-      handler() {
-        this.btnDisabled = false;
-      },
-      deep: true,
-    },
-    oDataOrderBy: {
-      handler() {
-        this.btnDisabled = false;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.div-button {
-  padding-bottom: 15px;
-}
-
-.div-progress {
-  margin-bottom: 10px;
-}
-
-.div-sem-data {
-  margin-top: 20px;
-}
-
-.div-table {
-  margin-top: 20px;
-}
-
-.div-separacao {
-  margin-left: 10px;
-  margin-right: 5px;
-}
-
-.div-Totalization {
-  margin-top: 20px;
-}
-
-.div-tags {
-  margin-top: 15px;
-}
-
-.div-required {
-  margin-top: 20px;
-}
-
-.filter-required {
-  font-weight: 500;
-}
-</style>