@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/components/modules/tax-document/nfse/Nfse.js

@@ -0,0 +1,150 @@
+export default class Nfse {
+    constructor() {
+        this.id = "";
+        this.idIntegracao = "";
+        this.number = "";
+
+        this.customer = { id: "", content: "" };
+        this.taxation = { id: "", content: "" };
+
+        this.tributacao = {
+            retido: false,
+            codigoCidadeIncidencia: "",
+            descricaoCidadeIncidencia: { id: "", content: "" },
+            tipoTributacao: { id: "", content: "" },
+            exigibilidade: { id: "", content: "" },
+            aliquota: 0,
+            iss: 0,
+            cofins: 0,
+            csll: 0,
+            inss: 0,
+            ir: 0,
+            pis: 0,
+            deducoes: 0,
+            retidoIssNacional: 1,
+            retidoPisCofinsNacional: 2,
+            percentualTotalTributosFederais: 11.25,
+            percentualTotalTributosEstaduais: 0,
+            percentualTotalTributosMunicipais: 2
+        };
+
+        this.messageRejection = "";
+        this.urlPdf = "";
+        this.urlXml = "";
+        this.description = "";
+        this.emails = [];
+        this.value = 0;
+        this.valueFinal = 0;
+        this.valueTax = 0;
+        this.status = "";
+        this.rentId = "";
+        this.rent = "";
+        this.json = "";
+        this.nacional = false;
+
+        this.localEvento = {
+            codigoEvento: "",
+            nomeEvento: "",
+            dataInicioEvento: "",
+            dataFimEvento: "",
+            cepEvento: "",
+            logradouroEvento: "",
+            numeroEvento: "",
+            complementoEvento: "",
+            bairroEvento: "",
+        };
+    }
+
+    update(data) {
+        this.id = data.id;
+        this.idIntegracao = data.idIntegracao;
+        this.number = data.number;
+
+        this.customer = { id: data.customerSupplier.id, content: data.customerSupplier.person.companyName };
+        this.taxation = { id: data.taxation.id, content: data.taxation.identificacao };
+
+        this.description = data.description;
+        this.messageRejection = data.messageRejection;
+        this.status = data.status;
+        this.emails = data.emails;
+        this.urlPdf = data.urlPdf;
+        this.urlXml = data.urlXml;
+
+        this.tributacao = {
+            retido: data.retido,
+            codigoCidadeIncidencia: data.codigoCidadeIncidencia,
+            descricaoCidadeIncidencia: { id: data.codigoCidadeIncidencia, content: data.descricaoCidadeIncidencia },
+            tipoTributacao: { id: data.tipoTributacao.toString(), content: this.mapTipoTributacao(data.tipoTributacao, data.nacional) },
+            exigibilidade: { id: data.exigibilidade.toString(), content: this.mapExigibilidade(data.exigibilidade) },
+            aliquota: data.aliquota,
+            iss: data.iss,
+            cofins: data.cofins,
+            csll: data.csll,
+            inss: data.inss,
+            ir: data.ir,
+            pis: data.pis,
+            deducoes: data.deducoes,
+            retidoIssNacional: data.retidoIssNacional,
+            retidoPisCofinsNacional: data.retidoPisCofinsNacional,
+            percentualTotalTributosFederais: data.percentualTotalTributosFederais,
+            percentualTotalTributosEstaduais: data.percentualTotalTributosEstaduais,
+            percentualTotalTributosMunicipais: data.percentualTotalTributosMunicipais,
+        };
+
+        this.localEvento = {
+            codigoEvento: data.codigoEvento,
+            nomeEvento: data.nomeEvento,
+            dataInicioEvento: data.dataInicioEvento,
+            dataFimEvento: data.dataFimEvento,
+            cepEvento: data.cepEvento,
+            logradouroEvento: data.logradouroEvento,
+            numeroEvento: data.numeroEvento,
+            complementoEvento: data.complementoEvento,
+            bairroEvento: data.bairroEvento,
+        };
+
+        this.value = data.value;
+        this.valueTax = data.valueTax;
+        this.valueFinal = data.valueFinal;
+        this.nacional = data.nacional;
+        this.json = data.json;
+
+        if (data.rent != null) {
+            const customer = `Nº ${data.rent.number} - ${data.rent.identification} - ${data.rent.customerSupplier.person.companyName}`;
+            this.rent = { id: data.rent.id, content: customer };
+        }
+    }
+
+    mapTipoTributacao(id, nacional) {
+        console.log(id);
+        const listaMunicipal = [
+            { id: '1', content: 'Tributação no Município' },
+            { id: '2', content: 'Tributação fora do Município' },
+            { id: '3', content: 'Isenção' },
+            { id: '4', content: 'Imune' },
+            { id: '5', content: 'Exigibilidade Suspensa por Decisão Judicial' },
+            { id: '6', content: 'Exigibilidade Suspensa por Procedimento Administrativo' },
+        ];
+        const listaNacional = [
+            { content: 'Operação tributável', id: '1' },
+            { content: 'Imunidade', id: '2' },
+            { content: 'Exportação de serviço', id: '3' },
+            { content: 'Não Incidência', id: '4' },
+        ];
+        const item = nacional ? listaNacional.find(x => x.id === id.toString()) : listaMunicipal.find(x => x.id === id.toString());
+        return item ? item.content : "";
+    }
+
+    mapExigibilidade(id) {
+        const lista = [
+            { id: '1', content: 'Exigível' },
+            { id: '2', content: 'Não incidência' },
+            { id: '3', content: 'Isenção' },
+            { id: '4', content: 'Imunidade' },
+            { id: '5', content: 'Suspensa por decisão judicial' },
+            { id: '6', content: 'Suspensa por procedimento administrativo' },
+        ];
+        const item = lista.find(x => x.id === id.toString());
+        return item ? item.content : "";
+    }
+}

package/src/components/modules/tax-document/nfse/NfseCreateUpdate.vue

@@ -0,0 +1,312 @@
+<template>
+  <div class="margin">
+    <br />
+    <b-tabs>
+      <b-tab title="Dados">
+        <!-- <Button v-if="id" _key="btnNfseCreate" title="Nfse" classIcon="fas fa-plus-circle" type="primary" size="small"
+      eventName="rentCreate" :clicked="newInvoice" /> -->
+        <DropdownOptionsNfs v-if="nfse.status == 1 || nfse.status == 3 || nfse.status == 7" type="nfse" :nf="nfse" />
+        <div v-if="id">
+          <br />
+          <b-row>
+            <b-col sm="5">
+              <Badge v-if="nfse.number" :title="'Nº' + nfse.number.toString()" type="primary" size="medium" />
+              <Badge :title="titleStatus()" :type="typeStatus()" size="small" />
+              <Button v-if="titleStatus() == 'Em processamento'" _key="btnRefresh" classIcon="fa-solid fa-arrows-rotate"
+                size="small" type="info" :clicked="getById" />
+            </b-col>
+          </b-row>
+          <br>
+          <div class="div-message-rejection" v-if="nfse.status == 3 || nfse.status == 7">
+            <Alert type="danger">
+              <span>
+                A emissão da NFS-e falhou. <span class="link-error" @click="openMessageRejection()"><b>CLIQUE
+                    AQUI</b></span> para verificar os
+                detalhes.
+              </span>
+            </Alert>
+          </div>
+          <DisplayTotalization title="Nota" :value="nfse.value" />
+          <DisplayTotalization title="Retenção ISS" _style="color: red" :value="nfse.valueTax" />
+          <DisplayTotalization title="VALOR FINAL" :value="nfse.valueFinal" />
+
+          <div v-if="nfse.status == 5">
+            <Alert type="warning">
+              <span>
+                A nota está sendo <b>processada</b>, o retorno do município pode demorar <b>poucos segundos a vários
+                  minutos</b>
+                dependendo da estabilidade de seus provedores, mas fique tranquilo(a), assim que autorizada
+                enviaremos um <i class="fa-regular fa-envelope"></i> <b>e-mail
+                  notificando!</b>
+              </span>
+            </Alert>
+          </div>
+        </div>
+        <Molded>
+          <b-row>
+            <b-col xs="12" sm="12" md="12" lg="12" xl="4">
+              <CustomerWithCreate :formName="formName" :disabled="disabled" v-model="nfse.customer" />
+            </b-col>
+            <b-col xs="12" sm="12" md="12" lg="12" xl="4">
+              <Select title="Serviço" field="type" :formName="formName" :required="true" :disabled="disabled"
+                url="/api/v1/tax-document/taxation/select-all" v-model="nfse.taxation" :showNewRegister="false"
+                :heightNewRegister="250">
+              </Select>
+            </b-col>
+            <b-col xs="12" sm="12" md="12" lg="12" xl="4">
+              <Select title="Locação Vinculada" field="type" :formName="formName" :required="false"
+                url="api/v1/rental/rent/select-all" v-model="nfse.rent" :showNewRegister="false"
+                :heightNewRegister="250">
+              </Select>
+            </b-col>
+          </b-row>
+          <b-row>
+            <b-col sm="12">
+              <TextArea title="Descrição" field="description" :disabled="disabled" :required="true"
+                v-model="nfse.description" />
+            </b-col>
+          </b-row>
+          <InputTagEmail v-model="nfse.emails" :customerId="nfse.customer.id" :change="saveInputTag" />
+          <br>
+          <b-tabs v-if="nacional">
+            <b-tab v-if="nacional" title="Local do Evento">
+              <LocalEvento :nfse="nfse" :rentId="nfse.rent.id" v-model="nfse.localEvento" />
+            </b-tab>
+          </b-tabs>
+          <br>
+          <b-tabs>
+            <b-tab title="Tributação">
+              <Tributacao :formName="formName" :disabled="disabled" :nacional="nacional" :nfse="nfse"
+                v-model="nfse.tributacao" />
+            </b-tab>
+
+          </b-tabs>
+          <b-row>
+            <b-col sm="2">
+              <div class="div-value">
+                <InputDecimal title="Valor" :disabled="disabled" field="unitInsurance" :formName="formName"
+                  :required="false" :markFormDirty="true" :maxLength="5" type="float" v-model="nfse.value" />
+              </div>
+            </b-col>
+          </b-row>
+        </Molded>
+        <br />
+      </b-tab>
+      <b-tab v-if="userLogged.user.userName == 'UserTemp'" title="Json">
+        <JsonInterpreter :jsonData="nfse.json" :nf="nfse" source="nfse" />
+      </b-tab>
+    </b-tabs>
+    <Modal title="Erro" :width="650" :height="750" v-if="showModal('error')">
+      <Alert type="danger">
+        <span>
+          {{ nfse.messageRejection }}
+        </span>
+      </Alert>
+    </Modal>
+  </div>
+</template>
+
+<script>
+
+
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Badge from "@nixweb/nixloc-ui/src/component/layout/Badge.vue";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
+import DropdownOptionsNfs from '../shared/DropdownOptionsNfs.vue'
+import TextArea from "@nixweb/nixloc-ui/src/component/forms/TextArea";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import InputTagEmail from '../notification/InputTagEmail.vue'
+import DisplayTotalization from "@nixweb/nixloc-ui/src/component/rental/DisplayTotalization";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import JsonInterpreter from '../json/JsonInterpreter.vue';
+
+import CustomerWithCreate from "../../rental/shared/CustomerWithCreate.vue";
+
+import Tributacao from './Tributacao.vue'
+import LocalEvento from './LocalEvento.vue'
+import Nfse from "@/components/modules/tax-document/nfse/Nfse.js";
+
+import { mapGetters, mapActions, mapMutations, mapState } from "vuex";
+
+export default {
+  name: "NfseCreateUpdate",
+  components: {
+    Molded,
+    Button,
+    Badge,
+    Select,
+    Modal,
+    Alert,
+    RadioGroup,
+    CustomerWithCreate,
+    InputDecimal,
+    DropdownOptionsNfs,
+    TextArea,
+    DisplayTotalization,
+    SelectStatic,
+    InputNumber,
+    Tributacao, InputTagEmail, LocalEvento, JsonInterpreter
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      formName: "nfseCreateUpdate",
+      nfse: new Nfse(),
+      urlCreate: "/api/v1/tax-document/nfse/create",
+      urlUpdate: "/api/v1/tax-document/nfse/update",
+      urlGetById: "/api/v1/tax-document/nfse/get-by-id",
+      urlGetConfigCompanyById: "/api/v1/tax-document/config-company/get-by-id",
+      tabIndex: 0,
+      configCompany: {},
+    };
+  },
+  mounted() {
+    if (this.id) this.getById();
+    this.getConfigCompany();
+  },
+  computed: {
+    ...mapState("user", ["userLogged"]),
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event", "showModal", "isLoading"]),
+    disabled() {
+      if (this.nfse.status == 1) return true;
+      if (this.nfse.status == 2) return true;
+      if (this.nfse.status == 3) return false
+      if (this.nfse.status == 4) return true;
+      if (this.nfse.status == 5) return true;
+      if (this.nfse.status == 6) return true;
+      if (this.nfse.status == 7) return false;
+    },
+    nacional() {
+      return this.id ? this.nfse.nacional : this.configCompany.nacional;
+    }
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
+    ...mapMutations("generic", ["addEvent", "openModal", "removeLoading", "hideVodal"]),
+    ...mapMutations("validation", ["resetValidation", "removeFormDirty"]),
+    titleStatus() {
+      if (this.nfse.status == 1) return "Autorizada";
+      if (this.nfse.status == 2) return "Concluída";
+      if (this.nfse.status == 3) return "Rejeitada";
+      if (this.nfse.status == 4) return "Cancelada";
+      if (this.nfse.status == 5) return "Em processamento";
+      if (this.nfse.status == 6) return "Pendente";
+      if (this.nfse.status == 7) return "Falha";
+    },
+    typeStatus() {
+      if (this.nfse.status == 1) return "blue";
+      if (this.nfse.status == 2) return "success";
+      if (this.nfse.status == 3) return "danger";
+      if (this.nfse.status == 4) return "danger";
+      if (this.nfse.status == 5) return "info";
+      if (this.nfse.status == 6) return "warning";
+      if (this.nfse.status == 7) return "danger";
+    },
+    saveInputTag() {
+      if (this.id) this.update();
+    },
+    create() {
+      this.nfse.rentId = this.nfse.rent.id;
+      let params = { url: this.urlCreate, obj: this.nfse };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.$router.replace({
+            name: "nfseUpdate",
+            params: { id: response.content.id },
+          });
+        }
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    update() {
+      this.nfse.rentId = this.nfse.rent.id;
+      let params = { url: this.urlUpdate, obj: this.nfse };
+      this.putApi(params).then((response) => {
+        let self = this;
+        setTimeout(function () {
+          self.getById();
+        }, 200);
+        setTimeout(function () {
+          self.removeLoading(["saveSaveCancel"]);
+        }, 500);
+      });
+    },
+    getById() {
+      let params = { url: this.urlGetById, obj: { id: this.id } };
+      this.getApi(params).then((response) => {
+        this.nfse.update(response.content);
+        let self = this;
+        setTimeout(function () {
+          self.removeLoading(["panel", "btnRefresh"]);
+          self.removeFormDirty();
+        }, 100);
+      });
+    },
+    getConfigCompany() {
+      this.loading = true;
+      let params = { url: this.urlGetConfigCompanyById, obj: {} };
+      this.getApi(params).then((response) => {
+        if (response.success) {
+          this.configCompany = response.content;
+        }
+      });
+    },
+    openMessageRejection() {
+      this.openModal("error");
+    }
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "saveSaveCancel") {
+          if (!this.id) this.create();
+          if (this.id) this.update();
+        }
+
+        if (event.name == "customerOnRent") {
+          if (!this.id) this.create();
+          if (this.id) this.update();
+        }
+
+        if (event.name == "updateNf") {
+          this.getById();
+        }
+      },
+      deep: true,
+    },
+    'nfse.taxation': {
+      handler(taxation) {
+        if (this.nfse.description == "") {
+          this.addEvent({ name: "taxation", data: taxation });
+          this.nfse.description = taxation.description;
+        }
+      },
+      deep: true,
+    }
+  },
+};
+</script>
+
+<style scoped>
+.margin {
+  margin-right: 10px;
+}
+
+.link-error {
+  cursor: pointer;
+}
+
+.div-message-rejection {
+  margin-bottom: 30px;
+}
+
+.div-value {
+  margin-top: 20px;
+}
+</style>

package/src/components/modules/tax-document/nfse/NfseCreateUpdate_Plug.vue

@@ -0,0 +1,221 @@
+<template>
+  <div class="margin">
+    <br />
+    <Button v-if="id" _key="btnNfseCreate" title="Nfse" classIcon="fas fa-plus-circle" type="primary" size="small"
+      eventName="rentCreate" :clicked="newInvoice" />
+    <DropdownOptionsNfs v-if="nfse.id" type="nfse" :nf="nfse" />
+    <div v-if="id">
+      <br />
+      <b-row>
+        <b-col sm="5">
+          <Badge v-if="nfse.number" :title="'Nº' + nfse.number.toString()" type="primary" size="medium" />
+          <Badge :title="titleStatus()" :type="typeStatus()" size="small" />
+        </b-col>
+      </b-row>
+      <br>
+      <div class="div-message-rejection" v-if="nfse.status == 3">
+        <Alert type="danger">
+          <span>
+            {{ nfse.messageRejection }}
+          </span>
+        </Alert>
+      </div>
+      <DisplayTotalization title="Valor" :value="nfse.value" />
+      <Alert type="info" v-if="nfse.rent">
+        <span>
+          Nota Fiscal vinculada a Locação <b>Nº {{ nfse.rent.number }}</b>
+        </span>
+      </Alert>
+    </div>
+    <Molded>
+      <b-row>
+        <b-col sm="6">
+          <CustomerWithCreate :formName="formName" :disabled="disabled" v-model="nfse.customer" />
+        </b-col>
+        <b-col sm="6">
+          <Select title="Serviço" field="type" :formName="formName" :required="true" :disabled="disabled"
+            url="/api/v1/tax-document/taxation/select-all" v-model="nfse.taxation" :showNewRegister="false"
+            :heightNewRegister="250">
+          </Select>
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col sm="12">
+          <TextArea title="Descrição" field="description" :disabled="disabled" :required="true"
+            v-model="nfse.description" />
+        </b-col>
+      </b-row>
+      <Tributacao :formName="formName" :disabled="disabled" :nfse="nfse" v-model="nfse.tributacao" />
+      <div class="div-value">
+        <b-row>
+          <b-col sm="2">
+            <InputDecimal title="Valor" :disabled="disabled" field="unitInsurance" :formName="formName"
+              :required="false" :markFormDirty="false" :maxLength="5" type="float" v-model="nfse.value" />
+          </b-col>
+        </b-row>
+      </div>
+    </Molded>
+    <br />
+  </div>
+</template>
+
+<script>
+
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Badge from "@nixweb/nixloc-ui/src/component/layout/Badge.vue";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
+import DropdownOptionsNfs from '../shared/DropdownOptionsNfs.vue'
+import TextArea from "@nixweb/nixloc-ui/src/component/forms/TextArea";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import DisplayTotalization from "@nixweb/nixloc-ui/src/component/rental/DisplayTotalization";
+
+import CustomerWithCreate from "../../rental/shared/CustomerWithCreate.vue";
+
+import Tributacao from './Tributacao.vue'
+import Nfse from "@/components/modules/tax-document/nfse/Nfse.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "NfseCreateUpdate",
+  components: {
+    Molded,
+    Button,
+    Badge,
+    Select,
+    Alert,
+    RadioGroup,
+    CustomerWithCreate,
+    InputDecimal,
+    DropdownOptionsNfs,
+    TextArea,
+    DisplayTotalization,
+    SelectStatic,
+    InputNumber, Tributacao
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      formName: "nfseCreateUpdate",
+      nfse: new Nfse(),
+      urlCreate: "/api/v1/tax-document/nfse/create",
+      urlUpdate: "/api/v1/tax-document/nfse/update",
+      urlGetById: "/api/v1/tax-document/nfse/get-by-id",
+      tabIndex: 0,
+    };
+  },
+  mounted() {
+    if (this.id) this.getById();
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event", "isLoading"]),
+    disabled() {
+      if (this.nfse.status == 1) return true;
+      if (this.nfse.status == 2) return true;
+      if (this.nfse.status == 3) return false
+      if (this.nfse.status == 4) return true;
+      if (this.nfse.status == 5) return true;
+      if (this.nfse.status == 6) return true;
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
+    ...mapMutations("generic", ["addEvent", "removeLoading", "hideVodal"]),
+    ...mapMutations("validation", ["resetValidation", "removeFormDirty"]),
+    titleStatus() {
+      if (this.nfse.status == 1) return "Autorizada";
+      if (this.nfse.status == 2) return "Concluída";
+      if (this.nfse.status == 3) return "Rejeitada";
+      if (this.nfse.status == 4) return "Cancelada";
+      if (this.nfse.status == 5) return "Em processamento";
+      if (this.nfse.status == 6) return "Pendente";
+    },
+    typeStatus() {
+      if (this.nfse.status == 1) return "blue";
+      if (this.nfse.status == 2) return "success";
+      if (this.nfse.status == 3) return "danger";
+      if (this.nfse.status == 4) return "danger";
+      if (this.nfse.status == 5) return "info";
+      if (this.nfse.status == 6) return "warning";
+    },
+    create() {
+      let params = { url: this.urlCreate, obj: this.nfse };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.$router.replace({
+            name: "nfseUpdate",
+            params: { id: response.content.id },
+          });
+        }
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    update() {
+      let params = { url: this.urlUpdate, obj: this.nfse };
+      this.putApi(params).then(() => {
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    getById() {
+      let params = { url: this.urlGetById, obj: { id: this.id } };
+      this.getApi(params).then((response) => {
+        this.nfse.update(response.content);
+        let self = this;
+        setTimeout(function () {
+          self.removeLoading(["panel"]);
+          self.removeFormDirty();
+        }, 100);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "saveSaveCancel") {
+          if (!this.id) this.create();
+          if (this.id) this.update();
+        }
+
+        if (event.name == "customerOnRent") {
+          if (!this.id) this.create();
+          if (this.id) this.update();
+        }
+
+        if (event.name == "updateNf") {
+          this.getById();
+        }
+      },
+      deep: true,
+    },
+    'nfse.taxation': {
+      handler(taxation) {
+        if (this.nfse.description == "") {
+          this.addEvent({ name: "taxation", data: taxation });
+          this.nfse.description = taxation.description;
+        }
+      },
+      deep: true,
+    }
+  },
+};
+</script>
+
+<style scoped>
+.margin {
+  margin-right: 10px;
+}
+
+.div-message-rejection {
+  margin-bottom: 30px;
+}
+
+.div-value {
+  margin-top: 20px;
+}
+</style>