@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/billing/billet/CreateBillet.vue

@@ -0,0 +1,83 @@
+<template>
+    <div>
+        <div v-if="loading">
+            <br>
+            <span>Aguarde, estamos gerando os boletos, isso pode levar alguns segundos...</span>
+            <Loading type="line" :center="false" />
+        </div>
+        <div v-else>
+            <div class="div-select" v-if="listBillet.length != 0">
+                <b-row>
+                    <b-col sm="12">
+                        <Select title="Selecione a Conta Boleto" field="bankAccount" :required="true"
+                            :showNewRegister="false" url="api/v1/billing/billet-config/select-all" v-model="bankAccount" />
+                    </b-col>
+                </b-row>
+            </div>
+            <Molded>
+                <CheckBillet action="create" :selected="selected" v-model="listBillet" />
+            </Molded>
+            <div class="btn-generate text-center" v-if="listBillet.length != 0">
+                <Button _key="btnGenerateBillet" type="primary" title="Emitir Boleto" size="medium"
+                    :disabled="!bankAccount.id" :clicked="generateBillet" />
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import CheckBillet from './CheckBillet.vue'
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+
+    name: "CreateBillet",
+    props: {
+        selected: Array
+    },
+    components: { Molded, Button, CheckBillet, Select, Loading },
+    data() {
+        return {
+            urlCheck: "/api/v1/billing/billet/generate-billet",
+            bankAccount: {},
+            listBillet: [],
+            loading: false
+        }
+    },
+    methods: {
+        ...mapMutations("generic", ["addEvent", "removeLoading"]),
+        ...mapActions("generic", ["postApi"]),
+        generateBillet() {
+            this.loading = true;
+            let obj = {
+                bankAccount: this.bankAccount,
+                listBillet: this.listBillet
+            };
+            let params = { url: this.urlCheck, obj: obj, notNotifyToast: true };
+            this.postApi(params).then((response) => {
+                if (response.success) {
+                    this.addEvent({ name: "generatedBillet" });
+                }
+                this.loading = false;
+                this.removeLoading(["btnGenerateBillet"]);
+            });
+        },
+    }
+
+}
+</script>
+<style scoped>
+.btn-generate {
+    margin-top: 10px;
+}
+
+.div-select{
+    margin-bottom: 12px;
+}
+
+</style>

package/src/components/modules/billing/billet/PDFBillet.vue

@@ -0,0 +1,116 @@
+<template>
+    <div>
+        <div v-if="loading">
+            <span>Aguarde, estamos gerando o PDF, isso pode levar alguns segundos...</span>
+            <Loading type="line" :center="false" />
+        </div>
+        <div v-else>
+            <div v-show="!sendEmail && !link">
+                <Molded>
+                    <CheckBillet action="pdf" :selected="selected" v-model="listBillet" />
+                </Molded>
+
+                <div class="btn-generate text-center" v-if="listBillet.length != 0">
+
+                    <Button _key="btnPdfBillet" type="info" title="Baixar PDF" classIcon="fa-solid fa-download" size="small"
+                        :clicked="gerPdf" />
+
+                    <Button _key="btnSendMail" v-if="showButtonEmail" type="info" title="Enviar por E-mail"
+                        classIcon="fa-solid fa-envelope" size="small" :clicked="executeSendMail" />
+
+                    <Button _key="btnLink" v-if="showButtonLink" type="info" title="Gerar Link" classIcon="fa-solid fa-link"
+                        size="small" :clicked="executeLink" />
+
+                </div>
+            </div>
+            <Link v-if="link" :listBillet="listBillet" :showButtonBack="false" />
+            <SendMail v-if="sendEmail" :listBillet="listBillet" :showButtonBack="false" />
+        </div>
+
+    </div>
+</template>
+<script>
+
+
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import CheckBillet from './CheckBillet.vue'
+import SendMail from '../../adm/document/SendMail.vue'
+import Link from '../../adm/document/Link.vue'
+
+import { mapActions, mapMutations, mapGetters } from "vuex";
+
+export default {
+    name: "PDFBillet",
+    props: {
+        selected: Array,
+        showButtonEmail: {
+            type: Boolean,
+            default: true
+        },
+        showButtonLink: {
+            type: Boolean,
+            default: true
+        }
+    },
+    components: { Alert, Molded, Button, Loading, CheckBillet, SendMail, Link },
+    data() {
+        return {
+            urlCheck: "/api/v1/billing/billet/pdf-billet",
+            listBillet: [],
+            loading: false,
+            sendEmail: false,
+            link: false,
+        }
+    },
+    computed: {
+        ...mapGetters("generic", ["event"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["addEvent", "removeLoading"]),
+        ...mapActions("generic", ["getFileApiWithParameterBody"]),
+        gerPdf() {
+            this.loading = true;
+            let obj = {
+                listBillet: this.listBillet,
+                fileName: `boleto`,
+                fileType: "pdf"
+            };
+            let params = { url: this.urlCheck, obj: obj, notNotifyToast: true };
+            this.getFileApiWithParameterBody(params).then((response) => {
+                this.addEvent({ name: "generatedPdfBillet" });
+                this.loading = false;
+                this.removeLoading(["btnPdfBillet"]);
+            });
+        },
+        executeSendMail() {
+            this.sendEmail = true;
+            this.removeLoading(["btnSendMail"]);
+        },
+        executeLink() {
+            this.link = true;
+            this.removeLoading(["btnLink"]);
+        }
+    },
+    watch: {
+        event: {
+            handler(event) {
+                if (event.name == "back" || event.name == "emailSent") {
+                    this.sendEmail = false;
+                    this.link = false;
+                }
+            },
+            deep: true,
+        },
+    }
+
+}
+</script>
+<style scoped>
+.btn-generate {
+    margin-top: 10px;
+}
+</style>

package/src/components/modules/billing/billet/UpdateBillet.vue

@@ -0,0 +1,78 @@
+<template>
+    <div>
+        <div v-if="loading">
+            <br>
+            <span>Aguarde, estamos atualizando os boletos, isso pode levar alguns segundos...</span>
+            <Loading type="line" :center="false" />
+        </div>
+        <div v-else>
+            <b-row v-if="listBillet.length != 0">
+                <b-col sm="3">
+                    <DateTime title="Vencimento" field="dueDate" format="DD/MM/YYYY" type="date" placeholder
+                        :required="true" v-model="dueDate" />
+                </b-col>
+            </b-row>
+            <Molded>
+                <CheckBillet action="update" :selected="selected" v-model="listBillet" />
+            </Molded>
+            <div class="btn-generate text-center" v-if="listBillet.length != 0">
+                <Button _key="btnUpdateBillet" type="success" title="Alterar Boleto" size="medium" :disabled="!dueDate"
+                    :clicked="updateBillet" />
+            </div>
+        </div>
+
+    </div>
+</template>
+<script>
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import CheckBillet from './CheckBillet.vue'
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+
+    name: "UpdateBillet",
+    props: {
+        selected: Array
+    },
+    components: { Molded, Button, CheckBillet, DateTime, Alert, Loading },
+    data() {
+        return {
+            urlCheck: "/api/v1/billing/billet/update-billet",
+            dueDate: "",
+            listBillet: [],
+            loading: false
+        }
+    },
+    methods: {
+        ...mapMutations("generic", ["addEvent", "removeLoading"]),
+        ...mapActions("generic", ["postApi"]),
+        updateBillet() {
+            this.loading = true;
+            let obj = {
+                dueDate: this.dueDate,
+                listBillet: this.listBillet
+            };
+            let params = { url: this.urlCheck, obj: obj, notNotifyToast: true };
+            this.postApi(params).then((response) => {
+                if (response.success) {
+                    this.addEvent({ name: "updatedBillet" });
+                }
+                this.loading = false;
+                this.removeLoading(["btnUpdateBillet"]);
+            });
+        },
+    }
+
+}
+</script>
+<style scoped>
+.btn-generate {
+    margin-top: 10px;
+}
+</style>

package/src/components/modules/billing/billet-config/BilletConfig.js

@@ -0,0 +1,12 @@
+export default class BilletConfig {
+    constructor() {
+        this.id = "";
+        this.bankAccount = { id: "", content: "" };
+        this.tokenAccount = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.bankAccount = { id: data.bankAccount.id, content: data.bankAccount.name };
+        this.tokenAccount = data.tokenAccount;
+    }
+}

package/src/components/modules/billing/billet-config/BilletConfigCreateUpdate.vue

@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12">
+        <Select title="Conta Bancária" field="bankAccount" :formName="formName" :required="true"
+          v-model="billetConfig.bankAccount" url="api/v1/finance/bank-account/select-all"
+          :showNewRegister="false">
+        </Select>
+      </b-col>
+      <b-col sm="12">
+        <InputText title="Token" field="token" :formName="formName" :required="true" :maxLength="500"
+          v-model="billetConfig.tokenAccount" :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="saveBilletConfig" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="saveBilletConfig" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+
+import BilletConfig from "@/components/modules/billing/billet-config/BilletConfig.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "BilletConfigCreateUpdate",
+  props: {
+    value: Object,
+  },
+  components: { Button, InputText, Select },
+  data() {
+    return {
+      formName: "billetConfigCreateUpdate",
+      billetConfig: new BilletConfig(),
+      urlCreate: "/api/v1/billing/billet-config/create",
+      urlUpdate: "/api/v1/billing/billet-config/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["removeLoading", "hideModal", "hideVodal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveBilletConfig() {
+      if (this.billetConfig.id) {
+        let params = { url: this.urlUpdate, obj: this.billetConfig };
+        this.putApi(params).then((response) => {
+          if (response.success) this.hideModal();
+          this.removeLoading(["saveBilletConfig"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.billetConfig };
+        this.postApi(params).then((response) => {
+          if (response.success) this.hideModal();
+          this.removeLoading(["saveBilletConfig"]);
+        });
+      }
+    },
+    update(data) {
+      this.billetConfig = new BilletConfig();
+      this.billetConfig.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "billetConfigCreate") {
+          this.resetValidation(this.formName);
+          this.billetConfig = new BilletConfig();
+        }
+        if (event.name == "billetConfigUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/billing/generate-billing/GenerateBilling.vue

@@ -0,0 +1,252 @@
+<template>
+  <div class="main">
+    <div v-if="loading">
+      <br />
+      <Loading type="line" :center="true" />
+      <div>Aguarde, estamos gerando o faturamento...</div>
+    </div>
+    <div v-else>
+      <div v-if="!success">
+        <SelectOptionPeriodRent v-show="step == 1" :rentId="rentId" :showPeriodAll="true" />
+        <DisplayTotalization title="TOTAL GERAL" :value="totalSelected" _style="color: #1b3a55;font-size:19px" />
+        <Molded v-show="step == 1">
+          <ItemsRentForInvoice :rentId="rentId" :periodRentId="periodRentId" />
+        </Molded>
+        <div class="div-alert">
+          <Alert type="warning" v-if="totalSelected - sumPayment != 0 && step == 2">
+            <span>
+              Restante
+              {{ difference | currency }}</span>
+          </Alert>
+        </div>
+        <Molded v-if="step == 2">
+          <PaymentCreate module="Rental" :totalValue="totalSelected" />
+          <br />
+          <PaymentsList />
+        </Molded>
+        <InvoiceOrTaxDocument v-show="step == 3" v-model="invoiceOrTaxDocument" />
+        <div v-show="step == 4">
+          <GenerateInvoice v-if="invoiceOrTaxDocument == 1" v-model="generateInvoice" />
+          <GenerateTaxDocument v-if="invoiceOrTaxDocument == 2" :customerId="customerId" v-model="generateNfse" />
+        </div>
+        <br />
+        <div class="text-center">
+          <Button _key="btnClickedBack" v-if="step > 1" type="info" title="Voltar"
+            classIcon="title fa-solid fa-circle-arrow-left" size="small" :clicked="back" />
+          <Button v-if="step != 4" _key="btnClickedNext" type="info" title="Avançar"
+            classIcon="title fas fa-arrow-circle-right" :disabled="disabled" size="medium" :clicked="next" />
+          <Button v-if="step == 4" _key="btnGenerateBilling" type="success" title="Gerar Faturamento" size="large"
+            :clicked="generateBilling" />
+        </div>
+      </div>
+      <div v-else>
+        <SuccessBilling :typeDocument="invoiceOrTaxDocument == 1 ? 'fatura' : 'nota'" :document="document"
+          :rentId="rentId" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import InvoiceOrTaxDocument from "./InvoiceOrTaxDocument.vue";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import DisplayTotalization from "@nixweb/nixloc-ui/src/component/rental/DisplayTotalization";
+import ItemsRentForInvoice from "./ItemsRentForInvoice.vue";
+import SelectOptionPeriodRent from "../../rental/period-rental/SelectOptionPeriodRent.vue";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import GenerateInvoice from "./GenerateInvoice.vue";
+import GenerateTaxDocument from './GenerateTaxDocument.vue';
+import PaymentCreate from "../../shared/payment-items/PaymentCreate.vue";
+import PaymentsList from "../../shared/payment-items/PaymentsList.vue";
+import SuccessBilling from "./SuccessBilling.vue";
+
+import { mapGetters, mapMutations, mapActions, mapState } from "vuex";
+
+export default {
+  name: "GenerateBilling",
+  components: {
+    ItemsRentForInvoice,
+    Molded,
+    Button,
+    Alert,
+    Loading,
+    SelectOptionPeriodRent,
+    DisplayTotalization,
+    PaymentCreate,
+    PaymentsList,
+    InvoiceOrTaxDocument,
+    GenerateInvoice,
+    SuccessBilling, GenerateTaxDocument
+  },
+  data() {
+    return {
+      document: {},
+      rentId: this.$route.params.rentId,
+      customerId: this.$route.params.customerId,
+      periodRentId: "",
+      selected: [],
+      invoiceOrTaxDocument: 0,
+      generateInvoice: {},
+      generateNfse: {},
+      step: 1,
+      urlGenerate: "/api/v1/billing/generate-billing",
+      urlGetAllWithoutLinkedFinance: "/api/v1/rental/payment-rent/get-all-without-linked-finance",
+      success: false,
+      loading: false,
+    };
+  },
+  mounted() {
+    this.getAllWithoutLinkedFinance();
+  },
+  beforeDestroy() {
+    this.resetPayment();
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+    ...mapGetters("paymentShared", ["sumPayment"]),
+    ...mapState("paymentShared", ["paymentsRent"]),
+    difference() {
+      return this.totalSelected.toFixed(2) - this.sumPayment.toFixed(2);
+    },
+    totalSelected() {
+      const sum = this.selected.reduce((accumulator, obj) => {
+        return accumulator + (obj.totalUnitValue + obj.totalUnitInsurance);
+      }, 0);
+      return sum;
+    },
+    disabled() {
+      if (this.step == 1) {
+        if (this.selected.length > 0) return false;
+      }
+
+      if (this.step == 2) {
+        if (this.difference == 0) return false;
+      }
+
+      if (this.step == 3) {
+        if (this.invoiceOrTaxDocument != 0) return false;
+      }
+
+      return true;
+    },
+    idsItemsRent() {
+      let ids = [];
+      this.selected.forEach((item) => {
+        ids.push(item.id);
+      });
+
+      return ids;
+    },
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    ...mapMutations("paymentShared", ["addPayment", "resetPayment"]),
+    ...mapActions("generic", ["getApi", "postApi"]),
+    next() {
+      this.step++;
+      this.removeLoading(["btnClickedNext"]);
+    },
+    back() {
+      this.step--;
+      this.removeLoading(["btnClickedBack"]);
+    },
+    generateBilling() {
+      this.loading = true;
+      let params = {
+        url: this.urlGenerate,
+        obj: this.invoiceOrTaxDocument == 1 ? this.createObjInvoice() : this.createObjNfse(),
+      };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.success = true;
+          this.document = response.content;
+        }
+
+        this.loading = false;
+        this.removeLoading(["btnGenerateBilling"]);
+      });
+    },
+    getAllWithoutLinkedFinance() {
+      let params = {
+        url: this.urlGetAllWithoutLinkedFinance,
+        obj: { any: this.rentId },
+      };
+      this.getApi(params).then((response) => {
+        response.content.forEach(item => {
+          var obj = {
+            id: item.id,
+            typePayment: { id: item.typePaymentId, content: item.typePaymentName },
+            dueDate: item.dueDate,
+            value: item.value,
+          }
+          this.addPayment(obj);
+        });
+      });
+    },
+    createObjInvoice() {
+      var obj = {
+        invoiceOrTaxDocument: this.invoiceOrTaxDocument,
+        rentId: this.rentId,
+        otherCustomer: this.generateInvoice.otherCustomer,
+        customerId: this.generateInvoice.customer.id,
+        isAddProductRent: this.generateInvoice.isAddProductRent,
+        isAddPeriodRent: this.generateInvoice.isAddPeriodRent,
+        isAddPayment: this.generateInvoice.isAddPayment,
+        description: this.generateInvoice.description,
+        observation: this.generateInvoice.observation,
+        paymentsRent: this.paymentsRent,
+        idsItemsRent: this.idsItemsRent,
+        descriptionNfse: this.generateNfse.description,
+        taxation: this.generateNfse.taxation,
+        value: this.totalSelected,
+      };
+      return obj;
+    },
+    createObjNfse() {
+      var obj = {
+        invoiceOrTaxDocument: this.invoiceOrTaxDocument,
+        rentId: this.rentId,
+        otherCustomer: this.generateNfse.otherCustomer,
+        customerId: this.generateNfse.customer.id,
+        paymentsRent: this.paymentsRent,
+        idsItemsRent: this.idsItemsRent,
+        descriptionNfse: this.generateNfse.description,
+        emails: this.generateNfse.emails,
+        taxation: this.generateNfse.taxation,
+        tributacao: this.generateNfse.tributacao,
+        value: this.totalSelected,
+      };
+      return obj;
+    }
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "selectedPeriodRent") {
+          if (event.data.showAll) this.periodRentId = "";
+          if (!event.data.showAll) this.periodRentId = event.data.period.id;
+        }
+
+        if (event.name == "itemsSelectedForInvoice") {
+          this.selected = event.data;
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.main {
+  margin-top: 20px;
+}
+
+.div-alert {
+  margin-bottom: 10px;
+}
+</style>