@nixweb/nixloc-ui 1.14.0 → 1.16.0

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

@@ -0,0 +1,212 @@
+<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="btnImportModeloNfsePrefeitura"
+            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>
+  </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 NfsePrefeitura from "./NfsePrefeitura.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: {
+    InputDecimal,
+    Button,
+    Select,
+    TextArea,
+    CustomerWithCreate,
+  },
+  data() {
+    return {
+      dados: new NfsePrefeitura().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(["btnImportModeloNfsePrefeitura"]);
+        });
+    },
+  },
+  watch: {
+    value: {
+      deep: true,
+      immediate: true,
+      handler(value) {
+        if (!value) return;
+        if (value === this.dados) return;
+
+        this.dados = {
+          ...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>

package/src/components/modules/tax-document/nfse-prefeitura/Imposto.vue

@@ -0,0 +1,212 @@
+<template>
+    <div>
+        <div class="imposto-div-retencao">
+            <b-row>
+                <b-col sm="2">
+                    <CheckboxSimple title="Reter ISS" :disabled="disabled" v-model="imposto.issRetido" />
+                </b-col>
+                <b-col sm="2" v-if="!ehSimplesNacional">
+                    <CheckboxSimple title="Reter PIS/COFINS" :disabled="disabled" v-model="imposto.pisCofinsRetido" />
+                </b-col>
+            </b-row>
+        </div>
+        <b-row v-if="imposto.issRetido">
+            <b-col sm="2">
+                <SelectStatic title="UF" :markFormDirty="true" :disabled="disabled" :required="false"
+                    :initialValue="selectedUF" :data="ufs" v-model="selectedUF" />
+            </b-col>
+            <b-col sm="5">
+                <SelectStatic title="Cidade de Incidência" :markFormDirty="true" :disabled="disabled" :required="false"
+                    :initialValue="dados.descricaoCidadeIncidencia" :data="municipios"
+                    v-model="dados.descricaoCidadeIncidencia" />
+            </b-col>
+            <b-col sm="2">
+                <InputText title="Código Cidade" field="codigoCidadeIncidencia" :disabled="true" :required="false"
+                    v-model="dados.codigoCidadeIncidencia" />
+            </b-col>
+        </b-row>
+        <b-row>
+            <b-col sm="2">
+                <InputNumber title="Alíquota ISS %" field="aliquota" type="float" :formName="formName" :required="false"
+                    :maxLength="9" :disabled="disabled" v-model="imposto.issAliquota" />
+            </b-col>
+            <b-col sm="2" v-if="!ehSimplesNacional">
+                <InputNumber title="Alíquota PIS %" field="aliquota" type="float" :formName="formName" :required="false"
+                    :maxLength="9" :disabled="disabled" v-model="imposto.pisAliquota" />
+            </b-col>
+            <b-col sm="2" v-if="!ehSimplesNacional">
+                <InputNumber title="Alíquota COFINS %" field="aliquota" type="float" :formName="formName"
+                    :required="false" :maxLength="9" :disabled="disabled" v-model="imposto.cofinsAliquota" />
+            </b-col>
+            <b-col sm="2" v-if="!ehSimplesNacional">
+                <InputNumber title="Alíquota CSLL %" field="aliquota" type="float" :formName="formName"
+                    :required="false" :maxLength="9" :disabled="disabled" v-model="imposto.csllAliquota" />
+            </b-col>
+            <b-col sm="2" v-if="!ehSimplesNacional">
+                <InputNumber title="Alíquota IR %" field="aliquota" type="float" :formName="formName" :required="false"
+                    :maxLength="9" :disabled="disabled" v-model="imposto.irAliquota" />
+            </b-col>
+        </b-row>
+        <b-row>
+            <b-col sm="2">
+                <InputNumber title="Alíquota IBS %" field="aliquota" type="float" :formName="formName" :required="false"
+                    :maxLength="9" :disabled="disabled" v-model="imposto.ibsAliquota" />
+            </b-col>
+            <b-col sm="2">
+                <InputNumber title="Alíquota CBS %" field="aliquota" type="float" :formName="formName" :required="false"
+                    :maxLength="9" :disabled="disabled" v-model="imposto.cbsAliquota" />
+            </b-col>
+        </b-row>
+    </div>
+</template>
+
+<script>
+import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple";
+import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+
+import axios from "axios";
+import { mapActions } from "vuex";
+
+import NfsePrefeitura from "./NfsePrefeitura.js";
+
+export default {
+    name: "Impostos",
+    props: ["formName", "ehSimplesNacional", "disabled", "value", "dados"],
+    components: {
+        CheckboxSimple,
+        InputNumber,
+        InputText,
+        SelectStatic,
+    },
+    data() {
+        return {
+            id: this.$route.params.id,
+            imposto: new NfsePrefeitura().imposto,
+            urlGetById: "/api/v1/tax-document/config-company/get-by-id",
+            loading: false,
+            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: "" },
+        }
+    },
+    mounted() {
+        if (!this.id) this.obterRegimeTributarioEmpresa();
+    },
+    methods: {
+        ...mapActions("generic", ["getApi"]),
+        obterRegimeTributarioEmpresa() {
+            this.loading = true;
+            let params = { url: this.urlGetById, obj: {} };
+            this.getApi(params).then((response) => {
+                if (response && response.success) {
+                    const data = response.content || {};
+
+                    const simples = data.simplesNacional === true
+                        || data.simplesNacional === "Sim"
+                        || data.simplesNacional === 1
+                        || data.simplesNacional === "1";
+
+                    this.ehSimplesNacional = !!simples;
+
+                    this.imposto.issAliquota = data.iss || 0;
+                    this.imposto.ibsAliquota = data.ibs || 0;
+                    this.imposto.cbsAliquota = data.cbs || 0;
+
+                    if (!this.ehSimplesNacional) {
+                        this.imposto.pisAliquota = data.pis || 0;
+                        this.imposto.cofinsAliquota = data.cofins || 0;
+                        this.imposto.csllAliquota = data.csll || 0;
+                        this.imposto.irAliquota = data.ir || 0;
+                    } else {
+                        this.imposto.pisAliquota = 0;
+                        this.imposto.cofinsAliquota = 0;
+                        this.imposto.csllAliquota = 0;
+                        this.imposto.irAliquota = 0;
+                    }
+                }
+            }).finally(() => {
+                this.loading = false;
+            });
+        },
+        async getMunicipios() {
+            if (!this.selectedUF || !this.selectedUF.id) {
+                this.municipios = [];
+                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: {
+        value: {
+            deep: true,
+            immediate: true,
+            handler(value) {
+                if (!value) return;
+                if (value === this.imposto) return;
+                this.imposto = {
+                    ...this.imposto,
+                    ...value,
+                };
+            }
+        },
+        selectedUF: {
+            deep: true,
+            handler() {
+                this.getMunicipios();
+            }
+        },
+        'dados.descricaoCidadeIncidencia': {
+            deep: true,
+            handler(value) {
+                this.dados.codigoCidadeIncidencia = value?.id ? value.id.toString() : "";
+            }
+        },
+        imposto: {
+            deep: true,
+            handler(newVal) {
+                this.$emit('input', newVal);
+            }
+        }
+    },
+}
+</script>
+<style scoped>
+.imposto-div-retencao {
+    margin-bottom: 10px;
+}
+</style>

package/src/components/modules/tax-document/nfse-prefeitura/NfsePrefeitura.js

@@ -0,0 +1,187 @@
+import OpcoesTributarias from "../shared/OpcoesTributarias.js";
+
+export default class NfsePrefeitura {
+    constructor() {
+        this.dados = {
+            id: "",
+            numero: "",
+            status: 0,
+            tomador: { id: "", content: "" },
+            servico: { id: "", content: "" },
+            locacao: { id: "", content: "" },
+            codigoCidadeIncidencia: "",
+            descricaoCidadeIncidencia: { id: "", content: "" },
+            descricao: "",
+            json: "",
+            valorNota: 0,
+            emails: [],
+            mensagemErro: "",
+            urlReceita: "",
+            urlPdf: "",
+            urlXml: "",
+        };
+
+        this.regimeTributario = {
+            optanteSimplesNacional: true,
+            regimeTributario: { id: "1", content: "Simples Nacional" },
+            regimeEspecialTributacao: { id: "0", content: "Nenhum" },
+            incentivadorCultural: false,
+            naturezaOperacao: { id: "1", content: "Tributação no Município" },
+            codigoIndicadorOperacao: "",
+            ibsCbsClassificacaoTributaria: "",
+            ibsCbsSituacaoTributaria: "",
+        };
+
+        this.imposto = {
+            issRetido: false,
+            issAliquota: 0,
+            pisCofinsRetido: false,
+            pisAliquota: 0,
+            cofinsAliquota: 0,
+            csllAliquota: 0,
+            irAliquota: 0,
+            ibsAliquota: 0,
+            cbsAliquota: 0,
+        };
+
+        this.transparencia = {
+            percentualTotalTributosFederais: 0,
+            percentualTotalTributosEstaduais: 0,
+            percentualTotalTributosMunicipais: 0,
+        };
+    }
+
+    static createObj(nfsePrefeitura) {
+        const dados = nfsePrefeitura.dados;
+        const regime = nfsePrefeitura.regimeTributario;
+        const imposto = nfsePrefeitura.imposto;
+        const transparencia = nfsePrefeitura.transparencia;
+
+        return {
+            id: dados.id,
+
+            tomador: dados.tomador,
+            servico: dados.servico,
+            locacao: dados.locacao,
+
+            optanteSimplesNacional: regime.optanteSimplesNacional,
+            regimeTributario: Number(regime.regimeTributario?.id || 0),
+            regimeEspecialTributacao: Number(regime.regimeEspecialTributacao?.id || 0),
+            incentivadorCultural: regime.incentivadorCultural,
+            naturezaOperacao: Number(regime.naturezaOperacao?.id || 0),
+
+            codigoIndicadorOperacao: regime.codigoIndicadorOperacao?.id || regime.codigoIndicadorOperacao || "",
+            ibsCbsClassificacaoTributaria: regime.ibsCbsClassificacaoTributaria?.id || regime.ibsCbsClassificacaoTributaria || "",
+            ibsCbsSituacaoTributaria: regime.ibsCbsSituacaoTributaria?.id || regime.ibsCbsSituacaoTributaria || "",
+
+            codigoCidadeIncidencia: dados.codigoCidadeIncidencia?.id || dados.codigoCidadeIncidencia || "",
+            descricaoCidadeIncidencia: dados.descricaoCidadeIncidencia?.id || dados.descricaoCidadeIncidencia || "",
+            descricao: dados.descricao,
+            valorNota: dados.valorNota,
+            emails: dados.emails,
+
+            issRetido: imposto.issRetido,
+            issAliquota: imposto.issAliquota,
+            pisCofinsRetido: imposto.pisCofinsRetido,
+            pisAliquota: imposto.pisAliquota,
+            cofinsAliquota: imposto.cofinsAliquota,
+            csllAliquota: imposto.csllAliquota,
+            irAliquota: imposto.irAliquota,
+            ibsAliquota: imposto.ibsAliquota,
+            cbsAliquota: imposto.cbsAliquota,
+
+            percentualTotalTributosFederais: transparencia.percentualTotalTributosFederais,
+            percentualTotalTributosEstaduais: transparencia.percentualTotalTributosEstaduais,
+            percentualTotalTributosMunicipais: transparencia.percentualTotalTributosMunicipais,
+        };
+    }
+
+    static updateObj(nfsePrefeitura, data) {
+        const dados = data?.dados || data || {};
+        const regimeTributario = data?.regimeTributario || data || {};
+        const reformaTributaria = data?.reformaTributaria || data || {};
+        const imposto = data?.imposto || data || {};
+        const ibs = data?.ibs || data || {};
+        const cbs = data?.cbs || data || {};
+        const transparencia = data?.transparencia || data || {};
+
+        const regimeTributarioValue = regimeTributario.regimeTributario;
+        const regimeEspecialTributacaoValue = regimeTributario.regimeEspecialTributacao;
+        const naturezaOperacaoValue = regimeTributario.naturezaOperacao;
+        const codigoIndicadorOperacaoValue = reformaTributaria.codigoIndicadorOperacao || regimeTributario.codigoIndicadorOperacao;
+        const ibsCbsClassificacaoTributariaValue = reformaTributaria.ibsCbsClassificacaoTributaria || regimeTributario.ibsCbsClassificacaoTributaria;
+        const ibsCbsSituacaoTributariaValue = reformaTributaria.ibsCbsSituacaoTributaria || regimeTributario.ibsCbsSituacaoTributaria;
+
+        const regimeTributarioId = regimeTributarioValue?.id ?? regimeTributarioValue;
+        const regimeEspecialTributacaoId = regimeEspecialTributacaoValue?.id ?? regimeEspecialTributacaoValue;
+        const naturezaOperacaoId = naturezaOperacaoValue?.id ?? naturezaOperacaoValue;
+        const codigoIndicadorOperacaoId = codigoIndicadorOperacaoValue?.id ?? codigoIndicadorOperacaoValue;
+        const ibsCbsClassificacaoTributariaId = ibsCbsClassificacaoTributariaValue?.id ?? ibsCbsClassificacaoTributariaValue;
+        const ibsCbsSituacaoTributariaId = ibsCbsSituacaoTributariaValue?.id ?? ibsCbsSituacaoTributariaValue;
+        
+        const descricaoCidadeIncidenciaObj = typeof dados.descricaoCidadeIncidencia === "object" && dados.descricaoCidadeIncidencia !== null
+            ? {
+                id: (dados.descricaoCidadeIncidencia.id || dados.codigoCidadeIncidencia || "").toString(),
+                content: dados.descricaoCidadeIncidencia.content || "",
+            }
+            : {
+                id: (dados.codigoCidadeIncidencia || "").toString(),
+                content: dados.descricaoCidadeIncidencia || "",
+            };
+
+        nfsePrefeitura.dados.id = dados.id;
+        nfsePrefeitura.dados.numero = dados.numero;
+        nfsePrefeitura.dados.status = dados.status;
+        nfsePrefeitura.dados.mensagemErro = dados.mensagemErro;
+        nfsePrefeitura.dados.urlReceita = dados.urlReceita;
+        nfsePrefeitura.dados.urlPdf = dados.urlPdf;
+        nfsePrefeitura.dados.urlXml = dados.urlXml;
+
+        nfsePrefeitura.dados.tomador = dados.tomador;
+        nfsePrefeitura.dados.servico = dados.servico;
+        nfsePrefeitura.dados.locacao = dados.locacao;
+        nfsePrefeitura.dados.codigoCidadeIncidencia = descricaoCidadeIncidenciaObj.id;
+        nfsePrefeitura.dados.descricaoCidadeIncidencia = descricaoCidadeIncidenciaObj;
+        nfsePrefeitura.dados.descricao = dados.descricao;
+        nfsePrefeitura.dados.json = dados.json;
+        nfsePrefeitura.dados.valorNota = dados.valorNota;
+        nfsePrefeitura.dados.emails = Array.isArray(dados.emails)
+            ? dados.emails
+            : (dados.emails ? String(dados.emails).split(/[;,]/).map(email => email.trim()).filter(Boolean) : []);
+
+        nfsePrefeitura.regimeTributario.optanteSimplesNacional = !!regimeTributario.optanteSimplesNacional;
+        nfsePrefeitura.regimeTributario.regimeTributario =
+            OpcoesTributarias.regimeTributario.find(x => x.id == String(regimeTributarioId))
+            || nfsePrefeitura.regimeTributario.regimeTributario;
+        nfsePrefeitura.regimeTributario.regimeEspecialTributacao =
+            OpcoesTributarias.regimeTributarioEspecial.find(x => x.id == String(regimeEspecialTributacaoId))
+            || nfsePrefeitura.regimeTributario.regimeEspecialTributacao;
+        nfsePrefeitura.regimeTributario.incentivadorCultural = !!regimeTributario.incentivadorCultural;
+        nfsePrefeitura.regimeTributario.naturezaOperacao =
+            OpcoesTributarias.naturezaOperacao.find(x => x.id == String(naturezaOperacaoId))
+            || nfsePrefeitura.regimeTributario.naturezaOperacao;
+        nfsePrefeitura.regimeTributario.codigoIndicadorOperacao =
+            OpcoesTributarias.codigoIndicadorOperacao.find(x => x.id == String(codigoIndicadorOperacaoId))
+            || nfsePrefeitura.regimeTributario.codigoIndicadorOperacao;
+        nfsePrefeitura.regimeTributario.ibsCbsClassificacaoTributaria =
+            OpcoesTributarias.classificacaoTributaria.find(x => x.id == String(ibsCbsClassificacaoTributariaId))
+            || nfsePrefeitura.regimeTributario.ibsCbsClassificacaoTributaria;
+        nfsePrefeitura.regimeTributario.ibsCbsSituacaoTributaria =
+            OpcoesTributarias.tributacaoIBSCBS.find(x => x.id == String(ibsCbsSituacaoTributariaId))
+            || nfsePrefeitura.regimeTributario.ibsCbsSituacaoTributaria;
+
+        nfsePrefeitura.imposto.issRetido = imposto.issRetido;
+        nfsePrefeitura.imposto.issAliquota = imposto.issAliquota;
+        nfsePrefeitura.imposto.pisCofinsRetido = imposto.pisCofinsRetido;
+        nfsePrefeitura.imposto.pisAliquota = imposto.pisAliquota;
+        nfsePrefeitura.imposto.cofinsAliquota = imposto.cofinsAliquota;
+        nfsePrefeitura.imposto.csllAliquota = imposto.csllAliquota;
+        nfsePrefeitura.imposto.irAliquota = imposto.irAliquota;
+        nfsePrefeitura.imposto.ibsAliquota = ibs.ibsMunAliquota ?? ibs.ibsAliquota ?? imposto.ibsAliquota;
+        nfsePrefeitura.imposto.cbsAliquota = cbs.cbsAliquota ?? imposto.cbsAliquota;
+
+        nfsePrefeitura.transparencia.percentualTotalTributosFederais = transparencia.percentualTotalTributosFederais;
+        nfsePrefeitura.transparencia.percentualTotalTributosEstaduais = transparencia.percentualTotalTributosEstaduais;
+        nfsePrefeitura.transparencia.percentualTotalTributosMunicipais = transparencia.percentualTotalTributosMunicipais;
+    }
+}