@nixweb/nixloc-ui 0.0.271 → 0.0.273

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

@@ -0,0 +1,239 @@
+<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.status == 1 || nfse.status == 3" 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="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 />
+      <Tributacao :formName="formName" :disabled="disabled" :nfse="nfse" v-model="nfse.tributacao" />
+      <br />
+      <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>
+    </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 InputTagEmail from '../notification/InputTagEmail.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, InputTagEmail
+  },
+  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";
+    },
+    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(() => {
+        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;
+}
+</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>

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

@@ -0,0 +1,209 @@
+<template>
+    <div>
+        <b-row>
+            <b-col sm="2">
+                <RadioGroup title="Reter ISS" :formName="formName" :disabled="disabled" field="group" :options="[
+                    { text: 'Sim', value: true },
+                    { text: 'Não', value: false },
+                ]" v-model="tributacao.retido" />
+            </b-col>
+            <b-col sm="2" v-show="tributacao.retido">
+                <SelectStatic title="Estado" :disabled="disabled" :initialValue="selectedUF" :data="ufs"
+                    v-model="selectedUF" />
+            </b-col>
+            <b-col sm="8" v-show="tributacao.retido">
+                <SelectStatic title="Município de Incidência do ISS" :disabled="disabled"
+                    :initialValue="{ id: tributacao.codigoCidadeIncidencia, content: tributacao.descricaoCidadeIncidencia }"
+                    :data="municipios" v-model="selectedMunicipio" />
+            </b-col>
+        </b-row>
+        <b-row>
+            <b-col sm="10">
+                <SelectStatic title="Tipo de Tributação ISS" :formName="formName" :required="true" :disabled="disabled"
+                    :initialValue="tributacao.tipoTributacao" :data="optionsTipoTributacao"
+                    v-model="tributacao.tipoTributacao" />
+            </b-col>
+            <b-col sm="2">
+                <InputNumber title="Alíquota ISS" field="aliquota" type="float" :formName="formName"
+                    :disabled="disabled" :required="true" :maxLength="9" v-model="tributacao.aliquota" />
+            </b-col>
+        </b-row>
+        <div>
+            <b-row>
+                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+                    <InputDecimal title="Valor PIS" field="pis" :formName="formName" :disabled="disabled"
+                        :required="false" :maxLength="9" v-model="tributacao.pis" />
+                </b-col>
+                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+                    <InputDecimal title="Valor COFINS" field="cofins" :formName="formName" :disabled="disabled"
+                        :required="false" :maxLength="9" v-model="tributacao.cofins" />
+                </b-col>
+                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+                    <InputDecimal title="Valor CSLL" field="csll" :formName="formName" :disabled="disabled"
+                        :required="false" :maxLength="9" v-model="tributacao.csll" />
+                </b-col>
+                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+                    <InputDecimal title="Valor INSS" field="inss" :formName="formName" :disabled="disabled"
+                        :required="false" :maxLength="9" v-model="tributacao.inss" />
+                </b-col>
+                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+                    <InputDecimal title="Valor IR" field="ir" :formName="formName" :disabled="disabled"
+                        :required="false" :maxLength="9" v-model="tributacao.ir" />
+                </b-col>
+                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+                    <InputDecimal title="Deduções" field="deducoes" type="float" :formName="formName"
+                        :disabled="disabled" :required="false" :maxLength="9" v-model="tributacao.deducoes" />
+                </b-col>
+            </b-row>
+        </div>
+    </div>
+</template>
+
+<script>
+
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+
+import axios from 'axios';
+
+import { mapGetters } from "vuex";
+
+export default {
+    name: "Tributacao",
+    props: ["formName", "disabled", "nfse", "value"],
+    components: {
+        Molded,
+        RadioGroup,
+        SelectStatic,
+        InputNumber,
+        InputDecimal
+    },
+    data() {
+        return {
+            tributacao: {
+                retido: false,
+                aliquota: 0,
+                codigoCidadeIncidencia: "",
+                descricaoCidadeIncidencia: "",
+                tipoTributacao: { id: "", content: "" },
+                cofins: 0,
+                csll: 0,
+                inss: 0,
+                ir: 0,
+                pis: 0,
+                deducoes: 0,
+            },
+            optionsTipoTributacao: [
+                { content: 'Tributação no Município', id: '1' },
+                { content: 'Tributação fora do Município', id: '2' },
+                { content: 'Isenção', id: '3' },
+                { content: 'Imune', id: '4' },
+                { content: 'Exigibilidade Suspensa por Decisão Judicial', id: '5' },
+                { content: 'Exigibilidade Suspensa por Procedimento Administrativo', id: '6' },
+            ],
+            ufs: [
+                { id: 'AC', content: 'AC' },
+                { id: 'AL', content: 'AL' },
+                { id: 'AM', content: 'AM' },
+                { id: 'AP', content: 'AP' },
+                { id: 'BA', content: 'BA' },
+                { id: 'CE', content: 'CE' },
+                { id: 'DF', content: 'DF' },
+                { id: 'ES', content: 'ES' },
+                { id: 'GO', content: 'GO' },
+                { id: 'MA', content: 'MA' },
+                { id: 'MG', content: 'MG' },
+                { id: 'MS', content: 'MS' },
+                { id: 'MT', content: 'MT' },
+                { id: 'PA', content: 'PA' },
+                { id: 'PB', content: 'PB' },
+                { id: 'PE', content: 'PE' },
+                { id: 'PI', content: 'PI' },
+                { id: 'PR', content: 'PR' },
+                { id: 'RJ', content: 'RJ' },
+                { id: 'RN', content: 'RN' },
+                { id: 'RO', content: 'RO' },
+                { id: 'RR', content: 'RR' },
+                { id: 'RS', content: 'RS' },
+                { id: 'SC', content: 'SC' },
+                { id: 'SE', content: 'SE' },
+                { id: 'SP', content: 'SP' },
+                { id: 'TO', content: 'TO' }
+            ],
+            municipios: [],
+            selectedUF: { id: "", content: "" },
+            selectedMunicipio: { id: "", content: "" }
+        };
+    },
+    computed: {
+        ...mapGetters("validation", ["isFormValid"]),
+        ...mapGetters("generic", ["event", "isLoading"]),
+    },
+    methods: {
+        async getMunicipios() {
+            if (!this.selectedUF) return;
+            const response = await axios.get(`https://servicodados.ibge.gov.br/api/v1/localidades/estados/${this.selectedUF.id}/municipios`);
+            this.municipios = response.data.map(municipio => ({
+                id: municipio.id,
+                content: municipio.nome
+            }));
+        }
+    },
+    watch: {
+        nfse: {
+            handler(nfseLocal) {
+                this.tributacao.retido = nfseLocal.tributacao.retido;
+                this.tributacao.codigoCidadeIncidencia = nfseLocal.tributacao.codigoCidadeIncidencia;
+                this.tributacao.descricaoCidadeIncidencia = nfseLocal.tributacao.descricaoCidadeIncidencia;
+                this.selectedMunicipio = { id: this.tributacao.codigoCidadeIncidencia, content: this.tributacao.descricaoCidadeIncidencia };
+
+                if (nfseLocal.tributacao.tipoTributacao.id)
+                    this.tributacao.tipoTributacao = this.optionsTipoTributacao.find(x => x.id == nfseLocal.tributacao.tipoTributacao.id);
+
+                this.tributacao.aliquota = nfseLocal.tributacao.aliquota;
+                this.tributacao.cofins = nfseLocal.tributacao.cofins;
+                this.tributacao.pis = nfseLocal.tributacao.pis;
+                this.tributacao.csll = nfseLocal.tributacao.csll;
+                this.tributacao.inss = nfseLocal.tributacao.inss;
+                this.tributacao.ir = nfseLocal.tributacao.ir;
+                this.tributacao.deducoes = nfseLocal.tributacao.deducoes;
+
+                this.$emit("input", this.tributacao);
+            },
+            deep: true,
+        },
+        event: {
+            handler(event) {
+                if (event.name == "taxation") {
+                    this.tributacao.tipoTributacao = this.optionsTipoTributacao.find(x => x.id == event.data.tipoTributacao);
+                    this.tributacao.aliquota = event.data.aliquota;
+                }
+            },
+            deep: true,
+        },
+        tributacao: {
+            handler() {
+                this.$emit("input", this.tributacao);
+            },
+            deep: true,
+        },
+        selectedUF: {
+            handler() {
+                this.getMunicipios();
+            },
+            deep: true,
+        },
+        selectedMunicipio: {
+            handler(municipio) {
+                this.tributacao.codigoCidadeIncidencia = municipio.id.toString();
+                this.tributacao.descricaoCidadeIncidencia = municipio.content;
+            },
+            deep: true,
+        },
+    }
+
+};
+</script>