@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/views/modules/billing/InvoiceList.vue

@@ -0,0 +1,209 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :actions="actions" :buttonRemove="hasRemove"
+      :filters="filters">
+      <div slot="content-buttons">
+        <Button _key="btnInvoiceCreate" title="Fatura" classIcon="fas fa-plus-circle" type="primary" size="small"
+          eventName="invoiceCreate" :clicked="create" />
+      </div>
+      <div slot="content-buttons-table-header">
+        <Button _key="btnGenerateInvoice" :title="'Gerar ' + selected.length" type="primary" size="small"
+          :clicked="confirmGenerate" />
+      </div>
+    </ViewTemplateWithTable>
+    <CancelInvoice />
+    <Modal title="Tem certeza que deseja gerar?" :width="500" v-show="showModal('generateInvoice')">
+      <Alert type="warning">
+        <span>
+          Atenção, certifique-se que está gerando a Fatura correta, após gerada
+          não será permitido alterações
+        </span>
+      </Alert>
+      <Confirmation :isModal="false" title="Você tem certeza?" type="primary" :confirmed="generate" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable.vue";
+import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
+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 CancelInvoice from "./CancelInvoice.vue";
+
+import { mapGetters, mapMutations, mapActions, mapState } from "vuex";
+
+export default {
+  name: "InvoiceListView",
+  components: {
+    ViewTemplateWithTable,
+    Confirmation,
+    Alert,
+    Modal,
+    Button,
+    CancelInvoice,
+  },
+  data() {
+    return {
+      id: "",
+      panel: {
+        module: "Faturamento",
+        title: "Fatura",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/billing/invoice/get-all",
+        urlGenerateAllApi: "/api/v1/billing/invoice/generate",
+        urlDeleteAllApi: "/api/v1/billing/invoice/delete",
+        showChecks: true,
+        headerTable: [
+          {
+            title: "Número",
+            field: "number",
+            type: "text",
+            iconSearch: false,
+          },
+          {
+            title: "Emissão",
+            field: "registeredDate",
+            type: "date",
+            iconSearch: false,
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "fullName",
+            title: "Cliente",
+            type: "link",
+            routeName: "invoiceUpdate",
+            iconSearch: true,
+          },
+          {
+            field: "statusName",
+            title: "Status",
+            type: "class",
+            fieldComparison: "statusName",
+            classCssTitle: "text-center",
+            classCssBody: [
+              {
+                classCss: "text-center badge badge-warning",
+                fieldComparison: "Pendente",
+              },
+              {
+                classCss: "text-center badge badge-primary",
+                fieldComparison: "Gerada",
+              },
+              {
+                classCss: "text-center badge badge-danger",
+                fieldComparison: "Cancelada",
+              },
+            ],
+          },
+          {
+            title: "Valor",
+            field: "value",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            type: "currency",
+          },
+          {
+            type: "button",
+            field: "statusName",
+            ifFieldEqual: "Gerada",
+            typeButton: "default",
+            button: {
+              classIcon: "fa-regular fa-ban",
+              type: "danger",
+              size: "small",
+              eventName: "cancelInvoice",
+            },
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+        ],
+      },
+      actions: [
+        { type: "delete", title: "Remover", description: "Remover", url: "/api/v1/billing/invoice/delete", method: "delete", },
+      ],
+      filters: [
+        {
+          type: "date",
+          title: "Emissão",
+          field: "RegisteredDate",
+          value: "",
+        },
+        {
+          type: "options",
+          title: "Status",
+          field: "StatusName",
+          options: [
+            { text: "Cancelada", value: "Cancelada" },
+            { text: "Gerada", value: "Gerada" },
+            { text: "Pendente", value: "Pendente" },
+          ],
+          value: [],
+        },
+        {
+          type: "decimal",
+          title: "Valor",
+          field: "Value",
+          valueStart: 0,
+          valueEnd: 0,
+        },
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+    ...mapState("generic", ["selected"]),
+    ...mapState("user", ["userLogged"]),
+    hasRemove() {
+      if (this.userLogged.user.userName == 'UserTemp') return true;
+      return false;
+    }
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
+    ...mapActions("generic", ["putAllApi", "deleteAllApi"]),
+    create() {
+      this.$router.push({
+        name: "invoiceCreate",
+      });
+      this.removeLoading(["btnInvoiceCreate"]);
+    },
+    confirmGenerate() {
+      this.removeLoading(["btnGenerateInvoice"]);
+      this.openModal("generateInvoice");
+    },
+    generate() {
+      let params = {
+        url: this.templateList.urlGenerateAllApi,
+        selected: this.selected,
+      };
+      this.putAllApi(params).then((response) => {
+        if (response.success) {
+          this.hideModal("generateInvoice");
+        }
+        this.removeLoading(["confirm"]);
+      });
+    },
+  },
+};
+</script>
+<style>
+.invoice-pending {
+  color: #F1BC31;
+}
+
+.invoice-canceled {
+  color: red;
+}
+
+.invoice-generated {
+  color: #017AFF;
+}
+</style>

package/src/views/modules/billing/ReportBillet.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <ViewTemplateReportList :panel="panel" :reports="reports" />
+  </div>
+</template>
+
+<script>
+import ViewTemplateReportList from "@nixweb/nixloc-ui/src/component/template/ViewTemplateReportList";
+
+export default {
+  name: "ReportBilletView",
+  components: { ViewTemplateReportList },
+  data() {
+    return {
+      panel: {
+        module: "Boleto Bancário",
+        title: "Relatório",
+        showFilter: false,
+        showSearch: true,
+        showButtons: false,
+      },
+      reports: {
+        default: [
+          {
+            name: "Boleto",
+            description: "",
+            routeName: "_reportBillet",
+          },
+        ],
+        saved: [],
+      },
+    };
+  },
+};
+</script>

package/src/views/modules/billing/ReportBilling.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <ViewTemplateReportList :panel="panel" :reports="reports" />
+  </div>
+</template>
+
+<script>
+import ViewTemplateReportList from "@nixweb/nixloc-ui/src/component/template/ViewTemplateReportList";
+
+export default {
+  name: "ReportBillingView",
+  components: { ViewTemplateReportList },
+  data() {
+    return {
+      panel: {
+        module: "Faturamento",
+        title: "Relatório",
+        showFilter: false,
+        showSearch: true,
+        showButtons: false,
+      },
+      reports: {
+        default: [
+          {
+            name: "Fatura",
+            description: "",
+            routeName: "reportInvoice",
+          },
+        ],
+        saved: [],
+      },
+    };
+  },
+};
+</script>

package/src/views/modules/billing/ReportInvoice.vue

@@ -0,0 +1,129 @@
+<template>
+  <div>
+    <Report module="Faturamento" name="Fatura" urlGet="/api/v1/billing/report/invoice" :header="header"
+      :filters="filters" />
+  </div>
+</template>
+
+<script>
+
+import Report from "@nixweb/nixloc-ui/src/component/report/Report";
+
+export default {
+  name: "ReportInvoice",
+  components: {
+    Report
+  },
+  data() {
+    return {
+      header: [
+        {
+          title: "Nº Fatura",
+          field: "number",
+          fieldOrderBy: "Number",
+          show: true,
+          styleHeader: "width:80px;",
+          styleBody: "max-width: 50px;",
+        },
+        {
+          title: "Nº Loc",
+          field: "numberRent",
+          fieldOrderBy: "NumberRent",
+          show: false,
+          styleHeader: "width:80px;",
+          styleBody: "max-width: 50px;",
+        },
+        {
+          title: "Dt Emissão",
+          field: "dateAcceptedStr",
+          fieldOrderBy: "DateAccepted",
+          show: true,
+          styleHeader: "width:80px;",
+          styleBody: "max-width: 50px;",
+          initialOrderBy: true,
+        },
+        {
+          title: "Destinatário",
+          field: "recipientName",
+          fieldOrderBy: "RecipientName",
+          show: true,
+          styleHeader: "width:550px;",
+          styleBody: "max-width: 540px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;",
+        },
+        {
+          title: "CNPJ/CPF",
+          field: "document",
+          fieldOrderBy: "Document",
+          show: true,
+          styleHeader: "width:180px;",
+          styleBody: "max-width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;",
+        },
+        {
+          title: "Status",
+          field: "statusInvoiceName",
+          fieldOrderBy: "StatusInvoiceName",
+          show: true,
+          styleHeader: "width:80px;",
+          styleBody: "max-width: 80px;",
+        },
+        {
+          title: "R$ Valor",
+          field: "totalStr",
+          fieldOrderBy: "Total",
+          show: true,
+          styleHeader: "width:120px;",
+          styleBody: "max-width: 120px;",
+        },
+      ],
+      filters: [
+        {
+          type: "text",
+          title: "Nº Fatura",
+          field: "Number",
+          value: "",
+        },
+        {
+          type: "text",
+          title: "Nº Loc",
+          field: "NumberRent",
+          value: "",
+        },
+        {
+          type: "date",
+          title: "Dt Emissão",
+          field: "DateAccepted",
+          value: "",
+          required: true,
+        },
+        {
+          type: "multiOptions",
+          title: "Destinatário",
+          field: "RecipientName",
+          url: "/api/v1/finance/payable-receivable/select-all-recipient",
+          propsParams: {},
+          value: "",
+        },
+        {
+          type: "text",
+          title: "CNPJ/CPF",
+          field: "Document",
+          value: "",
+        },
+        {
+          type: "options",
+          title: "Status",
+          field: "StatusInvoiceName",
+          options: [
+            { text: "Gerada", value: "Gerada" },
+            { text: "Cancelada", value: "Cancelada" },
+            { text: "Pendente", value: "Pendente" },
+          ],
+          value: [],
+        },
+      ],
+    }
+  }
+}
+
+
+</script>

package/src/views/modules/billing/ReturnShipment.vue

@@ -0,0 +1,250 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList">
+      <div slot="content-buttons">
+        <div v-if="loading">
+          <span>Aguarde, estamos processando o retorno, isso pode levar alguns segundos...</span>
+          <Loading type="line" :center="false" />
+        </div>
+        <div v-else>
+          <Alert type="info">
+            <span>
+              Selecione o arquivo de retorno
+            </span>
+            <br />
+          </Alert>
+          <FileUpload title="Carregar .ret ou .txt" classIcon="fa-solid fa-file-export"
+            container="nixloc-shipment-return" accepted=".ret" allowed=".ret" :disabled="true"
+            urlPost="/api/v1/adm/file-upload/upload" urlRemove="/api/v1/adm/file-upload/delete" :nameDataBase="file"
+            v-model="file" :onLoad="processReturn" />
+        </div>
+      </div>
+    </ViewTemplateConfiguration>
+    <Modal title="Total Processado" :width="900" :height="750" v-if="showModal('billet')">
+      <div class="div-btn-json">
+        <Button title="Baixar JSON" classIcon="fa-solid fa-download" type="primary" size="small"
+          :clicked="downloadJsonProcessed" />
+      </div>
+      <ScrollBar :minHeight="330" :maxHeight="330">
+        <div v-for="billet in jsonProcessed">
+          <div class="div-molded">
+            <Molded>
+              <b-row>
+                <b-col sm="1">
+                  <div class="div-icon">
+                    <i class="fa-solid fa-barcode"></i>
+                  </div>
+                </b-col>
+                <b-col sm="10">
+                  <div v-if="billet.Pagador">
+                    <span class="title"> Cliente: {{ billet.Pagador.Nome }}</span>
+                  </div>
+                  <div v-else>
+                    <span class="title"> Cliente: Não Identificado</span>
+                  </div>
+                  <div v-for="ocorrencia in billet.Ocorrencias">
+                    <hr class="hr">
+                    <div class="badge badge-dark-primary" v-if="ocorrencia.Situacao == 'REGISTRO_CONFIRMADO'">
+                      Registrado
+                    </div>
+                    <div class="badge badge-success" v-if="ocorrencia.Situacao == 'LIQUIDACAO'">
+                      Liquidado
+                    </div>
+                    <div class="badge badge-danger" v-if="ocorrencia.Situacao == 'REGISTRO_REJEITADO'">
+                      Rejeitado
+                    </div>
+                    <div class="badge badge-warning" v-if="ocorrencia.Situacao == 'BAIXA'">
+                      Baixa
+                    </div>
+                    <div class="badge badge-danger" v-if="ocorrencia.Situacao == 'PROTESTO'">
+                      Protestado
+                    </div>
+                    <div class="badge badge-danger" v-if="ocorrencia.Situacao == 'CANCELAMENTO_PROTESTO'">
+                      Protesto Cancelado
+                    </div>
+                    <div class="badge badge-danger" v-if="ocorrencia.Situacao == 'CANCELAMENTO_ABATIMENTO'">
+                      Cancelado
+                    </div>
+                    <div class="title">Descrição: <span class="title-description">{{ ocorrencia.Descricao }}</span>
+                    </div>
+                    <div v-if="ocorrencia.Info">
+                      <span class="title">Emitido: {{ ocorrencia.Info.ValorPago | currency }}</span>
+                      <span class="title"> - Juros: {{ ocorrencia.Info.JurosMora | currency }}</span>
+                      <span class="title"> - Total: {{ ocorrencia.Info.ValorPago + ocorrencia.Info.JurosMora | currency
+                      }}</span>
+                      <span class="title"> - Vencimento: {{ ocorrencia.Info.DataDePagamento }}</span>
+
+                    </div>
+                    <div v-else>
+                      <span class="title">{{ billet.Valor | currency }}</span>
+                    </div>
+
+                  </div>
+                </b-col>
+              </b-row>
+            </Molded>
+          </div>
+        </div>
+      </ScrollBar>
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import FileUpload from "@nixweb/nixloc-ui/src/component/forms/FileUpload";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ReturnShipmentView",
+  components: {
+    ViewTemplateConfiguration,
+    Button,
+    Alert,
+    FileUpload,
+    Loading,
+    Modal,
+    Molded,
+    ScrollBar
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/billing/shipment-return/get-all-return-shipment",
+        showChecks: false,
+        headerTable: [
+          {
+            field: "urlLogo",
+            container: "nixloc-bank-logo",
+            type: "image",
+            classCssBody: "img-bank",
+          },
+          {
+            field: "registeredDate",
+            title: "Emissão",
+            type: "dateTime",
+          },
+          {
+            field: "fileName",
+            title: "Arquivo",
+            type: "text",
+            iconSearch: true,
+          },
+          {
+            field: "totalProcessed",
+            title: "Total Processado",
+            type: "link",
+            eventName: "viewBilletProcessed",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            type: "button",
+            typeButton: "default",
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+            button: {
+              title: "Baixar",
+              classIcon: "fa-solid fa-download",
+              type: "primary",
+              size: "small",
+              eventName: "downloadFileReturn",
+            },
+          }
+        ],
+      },
+      file: "",
+      loading: false,
+      urlProcessReturn: "/api/v1/billing/shipment-return/process-return",
+      jsonProcessed: [],
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event", "showModal"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi"]),
+    ...mapMutations("generic", ["openModal"]),
+    processReturn() {
+      this.loading = true;
+      let self = this;
+      setTimeout(function () {
+        let obj = { any: self.file };
+        let params = { url: self.urlProcessReturn, obj: obj, notNotifyToast: true };
+        self.postApi(params).then((response) => {
+          if (response.success) {
+            self.file = "";
+          } else {
+            self.file = "";
+          }
+          self.loading = false;
+        });
+      }, 300);
+    },
+    download(fileName) {
+      const downloadLink = document.createElement("a");
+      downloadLink.href = `https://espaco.blob.core.windows.net/nixloc-shipment-return/${fileName}`;
+      downloadLink.target = "_blank";
+      downloadLink.click();
+    },
+    downloadJsonProcessed() {
+      const dataStr = JSON.stringify(this.jsonProcessed, null, 2);
+      const blob = new Blob([dataStr], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = "total_processado.json";
+      link.click();
+
+      URL.revokeObjectURL(url);
+    }
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "downloadFileReturn") {
+          this.download(event.data.fileNameOriginal);
+        }
+        if (event.name == "viewBilletProcessed") {
+          this.openModal("billet");
+          let parsed = JSON.parse(event.data.jsonProcessed);
+
+          this.jsonProcessed = parsed.sort((a, b) => {
+            const nomeA = a.Pagador?.Nome?.toLowerCase() || "";
+            const nomeB = b.Pagador?.Nome?.toLowerCase() || "";
+            return nomeA.localeCompare(nomeB, "pt-BR");
+          });
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-molded {
+  margin-bottom: 10px;
+  margin-right: 10px;
+}
+
+.div-icon {
+  margin-top: 10px;
+}
+
+.title-description {
+  font-style: italic;
+  font-size: 12px;
+}
+
+.div-btn-json {
+  margin-bottom: 20px;
+}
+</style>