@nixweb/nixloc-ui 1.16.0 → 1.17.0

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

@@ -1,20 +0,0 @@
-<template>
-    <div>
-        <TributacaoNacional v-if="nacional" :disabled="disabled" v-model="nfse.tributacao" />
-        <TributacaoMunicipal v-else :disabled="disabled" v-model="nfse.tributacao" />
-    </div>
-</template>
-
-<script>
-import TributacaoMunicipal from './TributacaoMunicipal.vue'
-import TributacaoNacional from './TributacaoNacional.vue'
-
-export default {
-    name: "Tributacao",
-    props: ["formName", "disabled", "nfse", "value", "nacional"],
-    components: {
-        TributacaoNacional,
-        TributacaoMunicipal
-    },
-};
-</script>

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

@@ -1,164 +0,0 @@
-<template>
-    <div>
-        <b-row>
-            <b-col sm="2">
-                <RadioGroup title="Reter ISS" :disabled="disabled" field="group" :options="[
-                    { text: 'Sim', value: true },
-                    { text: 'Não', value: false },
-                ]" v-model="value.retido" />
-            </b-col>
-            <b-col sm="2" v-show="value.retido">
-                <SelectStatic title="Estado" :markFormDirty="true" :disabled="disabled" :initialValue="selectedUF"
-                    :data="ufs" v-model="selectedUF" />
-            </b-col>
-            <b-col sm="8" v-show="value.retido">
-                <SelectStatic :markFormDirty="true" title="Município de Incidência do ISS" :disabled="disabled"
-                    :initialValue="value.descricaoCidadeIncidencia" :data="municipios"
-                    v-model="value.descricaoCidadeIncidencia" />
-            </b-col>
-        </b-row>
-        <b-row>
-            <b-col sm="10">
-                <SelectStatic title="Tipo de Tributação ISS" :markFormDirty="true" :required="false"
-                    :disabled="disabled" :initialValue="value.tipoTributacao" :data="optionsTipoTributacao"
-                    v-model="value.tipoTributacao" />
-            </b-col>
-            <b-col sm="2">
-                <InputNumber title="Alíquota ISS Retido" field="aliquota" type="float" :disabled="disabled"
-                    :required="false" :maxLength="9" v-model="value.aliquota" />
-            </b-col>
-        </b-row>
-        <div>
-            <b-row>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputDecimal title="Valor ISS" field="iss" :disabled="true" :required="false" :maxLength="9"
-                        v-model="value.iss" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputDecimal title="Valor PIS" field="pis" :disabled="true" :required="false" :maxLength="9"
-                        v-model="value.pis" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputDecimal title="Valor COFINS" field="cofins" :disabled="true" :required="false" :maxLength="9"
-                        v-model="value.cofins" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputDecimal title="Valor CSLL" field="csll" :disabled="true" :required="false" :maxLength="9"
-                        v-model="value.csll" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputDecimal title="Valor INSS" field="inss" :disabled="true" :required="false" :maxLength="9"
-                        v-model="value.inss" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputDecimal title="Valor IR" field="ir" :disabled="true" :required="false" :maxLength="9"
-                        v-model="value.ir" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputDecimal title="Deduções" field="deducoes" type="float" :disabled="true" :required="false"
-                        :maxLength="9" v-model="value.deducoes" />
-                </b-col>
-            </b-row>
-        </div>
-    </div>
-</template>
-
-<script>
-
-import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
-import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
-import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
-
-import axios from 'axios';
-
-import { mapGetters } from "vuex";
-
-export default {
-    name: "TributacaoMunicipal",
-    props: ["disabled", "value"],
-    components: {
-        InputDecimal,
-        InputNumber,
-        Molded,
-        RadioGroup,
-        SelectStatic,
-    },
-    data() {
-        return {
-            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("generic", ["event"]),
-    },
-    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.toString(),
-                content: municipio.nome
-            }));
-        }
-    },
-    watch: {
-        event: {
-            handler(event) {
-                if (event.name == "taxation") {
-                    this.value.tipoTributacao = this.optionsTipoTributacao.find(x => x.id == event.data.tipoTributacao);
-                    this.value.aliquota = event.data.aliquota;
-                }
-            },
-            deep: true,
-        },
-        selectedUF: {
-            handler() {
-                this.getMunicipios();
-            },
-            deep: true,
-        },
-    }
-
-};
-</script>

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

@@ -1,86 +0,0 @@
-<template>
-    <div>
-        <b-row>
-            <b-col sm="6">
-                <SelectStatic title="Tipo de Tributação ISS" :markFormDirty="true" :required="false"
-                    :disabled="disabled" :initialValue="{ content: 'Operação tributável', id: '1' }" :data="optionsTipoTributacao"
-                    v-model="value.tipoTributacao" />
-            </b-col>
-        </b-row>
-        <b-row>
-            <b-col sm="4">
-                <RadioGroup title="Reter ISS" :disabled="disabled" field="group" :options="[
-                    { text: 'Não Retido', value: 1 },
-                    { text: 'Retido pelo Tomador', value: 2 },
-                ]" v-model="value.retidoIssNacional" />
-            </b-col>
-            <b-col sm="2">
-                <InputNumber v-if="value.retidoIssNacional == 2" title="Alíquota ISS Retido" field="aliquota"
-                    type="float" :disabled="disabled" :required="false" :maxLength="9" v-model="value.aliquota" />
-            </b-col>
-        </b-row>
-
-        <RadioGroup title="Reter PIS/COFINS" :disabled="disabled" field="group" :options="[
-            { text: 'Não Retido', value: 2 },
-            { text: 'Retido pelo Tomador', value: 1 },
-        ]" v-model="value.retidoPisCofinsNacional" />
-        <div>
-            <b-row>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputDecimal title="Valor ISS" field="iss" :disabled="true" :maxLength="9" v-model="value.iss" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputDecimal title="Valor PIS" field="pis" :disabled="true" :maxLength="9" v-model="value.pis" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputDecimal title="Valor COFINS" field="cofins" :disabled="true" :maxLength="9"
-                        v-model="value.cofins" />
-                </b-col>
-            </b-row>
-        </div>
-        <div>
-            <b-row>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputNumber type="float" title="Tributos Federais %" field="percentualTotalTributosFederais"
-                        :disabled="disabled" :maxLength="9" v-model="value.percentualTotalTributosFederais" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputNumber type="float" title="Tributos Estaduais %" field="percentualTotalTributosEstaduais"
-                        :disabled="disabled" :maxLength="9" v-model="value.percentualTotalTributosEstaduais" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="2" xl="2">
-                    <InputNumber type="float" title="Tributos Municipais %" field="percentualTotalTributosMunicipais"
-                        :disabled="disabled" :maxLength="9" v-model="value.percentualTotalTributosMunicipais" />
-                </b-col>
-            </b-row>
-        </div>
-    </div>
-</template>
-
-<script>
-import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
-import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
-import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
-import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
-
-export default {
-    name: "TributacaoNacional",
-    props: ["formName", "disabled", "value"],
-    components: {
-        InputDecimal,
-        InputNumber,
-        RadioGroup,
-        SelectStatic,
-    },
-    data() {
-        return {
-            optionsTipoTributacao: [
-                { 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' },
-            ],
-        }
-    }
-};
-</script>

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

@@ -1,185 +0,0 @@
-<template>
-    <div>
-        <Molded>
-            <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="5">
-                    <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="5">
-                    <SelectStatic title="Exigibilidade ISS" :formName="formName" :required="true" :disabled="disabled"
-                        :initialValue="tributacao.exigibilidade" :data="optionsExigibilidade"
-                        v-model="tributacao.exigibilidade" />
-                </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>
-        </Molded>
-        <br />
-    </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 axios from 'axios';
-
-import { mapGetters } from "vuex";
-
-export default {
-    name: "Tributacao",
-    props: ["formName", "disabled", "nfse", "value"],
-    components: {
-        Molded,
-        RadioGroup,
-        SelectStatic,
-        InputNumber
-    },
-    data() {
-        return {
-            tributacao: {
-                retido: false,
-                codigoCidadeIncidencia: "",
-                descricaoCidadeIncidencia: "",
-                tipoTributacao: { id: "", content: "" },
-                exigibilidade: { id: "", content: "" },
-                aliquota: 0,
-            },
-            optionsTipoTributacao: [
-                { content: 'Isento de ISS', id: '1' },
-                { content: 'Imune', id: '2' },
-                { content: 'Não Incidência no Município', id: '3' },
-                { content: 'Não Tributável', id: '4' },
-                { content: 'Retido', id: '5' },
-                { content: 'Tributável Dentro do Município', id: '6' },
-                { content: 'Tributável Fora do Município', id: '7' },
-                { content: 'Tributável Dentro do Município pelo tomador', id: '8' },
-            ],
-            optionsExigibilidade: [
-                { content: 'Exigível', id: '1' },
-                { content: 'Não Incidência', id: '2' },
-                { content: 'Isenção', id: '3' },
-                { content: 'Exportação', id: '4' },
-                { content: 'Imunidade', id: '5' },
-                { content: 'Supenso por Ação Judicial', id: '6' },
-                { content: 'Suspenso por Ação Administrativa', id: '7' },
-            ],
-            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 };
-                this.tributacao.tipoTributacao = this.optionsTipoTributacao.find(x => x.id == nfseLocal.tributacao.tipoTributacao.id);
-                this.tributacao.exigibilidade = this.optionsExigibilidade.find(x => x.id == nfseLocal.tributacao.exigibilidade.id);
-                this.tributacao.aliquota = nfseLocal.tributacao.aliquota;
-                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.exigibilidade = this.optionsExigibilidade.find(x => x.id == event.data.exigibilidade);
-                    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>

package/src/components/modules/tax-document/nfse-nacional/Dados.vue

@@ -1,205 +0,0 @@
-<template>
-  <div>
-    <b-row>
-      <b-col
-        v-if="showCustomer"
-        cols="12"
-        xl="4"
-      >
-        <CustomerWithCreate
-          :formName="formName"
-          :disabled="disabled"
-          v-model="dados.tomador"
-        />
-      </b-col>
-      <b-col :sm="showCustomer ? '4' : '12'">
-        <Select
-          title="Serviço"
-          field="type"
-          :formName="formName"
-          :required="true"
-          :disabled="disabled"
-          url="/api/v1/tax-document/taxation/select-all"
-          v-model="dados.servico"
-          :showNewRegister="false"
-        >
-        </Select>
-      </b-col>
-      <b-col
-        v-if="showLocacao"
-        cols="12"
-        xl="4"
-      >
-        <Select
-          title="Locação Vinculada"
-          field="type"
-          :formName="formName"
-          :required="false"
-          url="api/v1/rental/rent/select-all"
-          v-model="dados.locacao"
-          :showNewRegister="false"
-        >
-        </Select>
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col cols="12" sm="10">
-        <TextArea
-          title="Descrição"
-          field="description"
-          :disabled="disabled"
-          :required="true"
-          v-model="dados.descricao"
-          :maxLength="1000"
-        />
-      </b-col>
-      <b-col cols="12" sm="2">
-        <div class="div-import-model">
-          <Button
-            _key="btnImportModeloNfseNacional"
-            title="Impor...Padrão"
-            type="info"
-            size="small"
-            class="btn-import-model-fixed"
-            classIcon="fa-solid fa-file-import"
-            :disabled="disabled || !dados.servico || !dados.servico.id"
-            :clicked="getParameter"
-          />
-        </div>
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col
-        v-if="showValor"
-        cols="12"
-        lg="2"
-      >
-        <InputDecimal
-          title="Valor do Serviço"
-          field="valor"
-          type="float"
-          :formName="formName"
-          :required="false"
-          :maxLength="9"
-          :disabled="disabled"
-          v-model="dados.valorNota"
-        />
-      </b-col>
-    </b-row>
-    <!--  <b-row>
-            <b-col sm="12">
-                <InputTagEmail v-model="dados.emails" :customerId="dados.tomador.id" />
-            </b-col>
-        </b-row> -->
-  </div>
-</template>
-
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import TextArea from "@nixweb/nixloc-ui/src/component/forms/TextArea";
-
-import CustomerWithCreate from "../../rental/shared/CustomerWithCreate.vue";
-import InputTagEmail from "../notification/InputTagEmail.vue";
-
-import NfseNacional from "./NfseNacional.js";
-
-import { mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "Dados",
-  props: {
-    formName: {
-      type: String,
-      default: "",
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    value: {
-      type: Object,
-      default: () => ({}),
-    },
-    showCustomer: {
-      type: Boolean,
-      default: true,
-    },
-    showLocacao: {
-      type: Boolean,
-      default: true,
-    },
-    showValor: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  components: {
-    InputTagEmail,
-    InputDecimal,
-    Button,
-    Select,
-    TextArea,
-    CustomerWithCreate,
-  },
-  data() {
-    return {
-      dados: new NfseNacional().dados,
-      urlGetParameter: "/api/v1/tax-document/taxation/get-parameter",
-    };
-  },
-  methods: {
-    ...mapActions("generic", ["postApi"]),
-    ...mapMutations("generic", ["removeLoading"]),
-    getParameter() {
-      const servicoId = this.dados?.servico?.id;
-      if (!servicoId) return;
-
-      const locacaoId = this.dados?.locacao?.id || this.$route?.params?.rentId;
-      const obj = { servicoId };
-      if (locacaoId) obj.locacaoId = locacaoId;
-
-      const params = {
-        url: this.urlGetParameter,
-        obj,
-        notNotifyToast: true,
-      };
-
-      this.postApi(params)
-        .then((response) => {
-          this.dados.descricao = response?.content || "";
-        })
-        .finally(() => {
-          this.removeLoading(["btnImportModeloNfseNacional"]);
-        });
-    },
-  },
-  watch: {
-    value: {
-      deep: true,
-      handler(value) {
-        if (value.id) this.dados = value;
-      },
-    },
-    dados: {
-      deep: true,
-      handler(newVal) {
-        this.$emit("input", newVal);
-      },
-    },
-  },
-};
-</script>
-
-<style scoped>
-.div-import-model {
-  margin-top: 26px;
-  width: 170px;
-  min-width: 170px;
-}
-
-.btn-import-model-fixed {
-  width: 170px;
-}
-</style>