@nixweb/nixloc-ui 0.0.273 → 0.0.274

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

@@ -1,83 +0,0 @@
-<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

@@ -1,116 +0,0 @@
-<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

@@ -1,78 +0,0 @@
-<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

@@ -1,12 +0,0 @@
-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

@@ -1,91 +0,0 @@
-<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

@@ -1,252 +0,0 @@
-<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>