@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/tax-document/nature-operation/NatureOperationCreateUpdate.vue

@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12">
+        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="40"
+          v-model="natureOperation.name" :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="saveNatureOperation" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="saveNatureOperation" />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import NatureOperation from "@/components/modules/tax-document/nature-operation/NatureOperation.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "NatureOperationCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { Button, InputText },
+  data() {
+    return {
+      formName: "natureOperationCreateUpdate",
+      natureOperation: new NatureOperation(),
+      urlCreate: "/api/v1/tax-document/nature-operation/create",
+      urlUpdate: "/api/v1/tax-document/nature-operation/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["removeLoading", "hideModal", "hideVodal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveNatureOperation() {
+      if (this.natureOperation.id) {
+        let params = { url: this.urlUpdate, obj: this.natureOperation };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["saveNatureOperation"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.natureOperation };
+        this.postApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          if (response.success && this.registerInSelect) {
+            this.$emit("input", {
+              id: response.content.id,
+              content: response.content.name,
+            });
+            this.hideVodal(this.formName);
+          }
+          this.removeLoading(["saveNatureOperation"]);
+        });
+      }
+    },
+    update(data) {
+      this.natureOperation = new NatureOperation();
+      this.natureOperation.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "natureOperationCreate") {
+          this.resetValidation(this.formName);
+          this.natureOperation = new NatureOperation();
+        }
+        if (event.name == "natureOperationUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/tax-document/nfe/Nfe.js

@@ -0,0 +1,28 @@
+export default class Nfse {
+    constructor() {
+        this.id = "";
+        this.idIntegracao = "";
+        this.number = "";
+        this.customer = { id: "", content: "" };
+        this.natureOperation = { id: "", content: "" };
+        this.output = true;
+        this.codeDestination = { id: "", content: "" };
+        this.messageRejection = "";
+        this.observation = "";
+        this.status = "";
+        this.rentId = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.idIntegracao = data.idIntegracao;
+        this.output = data.output;
+        this.number = data.number;
+        this.natureOperation = { id: data.natureOperation, content: data.natureOperation };
+        this.codeDestination = { id: data.codeDestination, content: data.codeDestination };
+        this.customer = { id: data.customerSupplier.id, content: data.customerSupplier.person.companyName };
+        this.messageRejection = data.messageRejection;
+        this.observation = data.observation;
+        this.status = data.status;
+        this.rent = data.rent;
+    }
+}

package/src/components/modules/tax-document/nfe/NfeCreateUpdate.vue

@@ -0,0 +1,227 @@
+<template>
+  <div class="margin">
+    <br />
+    <Button v-if="id" _key="btnNfseCreate" title="Nfe" classIcon="fas fa-plus-circle" type="primary" size="small"
+      eventName="rentCreate" :clicked="newInvoice" />
+    <DropdownOptionsNfs v-if="id" type="nfe" :nf="nfe" />
+    <div v-if="id">
+      <br />
+      <b-row>
+        <b-col sm="5">
+          <Badge v-if="nfe.number" :title="'Nº' + nfe.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="nfe.status == 3">
+        <Alert type="danger">
+          <span>
+            {{ nfe.messageRejection }}
+          </span>
+        </Alert>
+      </div>
+    </div>
+    <Molded>
+      <b-row>
+        <b-col sm="4">
+          <RadioGroup :formName="formName" field="group" :options="[
+      { text: 'Entrada', value: false },
+      { text: 'Saída', value: true },
+    ]" v-model="nfe.output" />
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col sm="4">
+          <Select title="Natureza da Operação" field="type" :formName="formName" :required="false"
+            url="/api/v1/tax-document/nature-operation/select-all" v-model="nfe.natureOperation"
+            nameNewRegister="natureOperationCreateUpdate" titleNewRegister="Natureza da Operação"
+            :widthNewRegister="500" :heightNewRegister="250">
+            <NatureOperationCreateUpdate :registerInSelect="true" v-model="nfe.natureOperation" />
+          </Select>
+        </b-col>
+        <b-col sm="8">
+          <Select title="Destino (CFOP)" field="type" :formName="formName" :required="true"
+            url="/api/v1/tax-document/cfop/select-all" v-model="nfe.codeDestination" nameNewRegister="cfopCreateUpdate"
+            titleNewRegister="CFOP" :widthNewRegister="600" :heightNewRegister="250">
+            <CfopCreateUpdate :registerInSelect="true" v-model="nfe.codeDestination" />
+          </Select>
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col sm="12">
+          <CustomerWithCreate :formName="formName" :disabled="disabled" v-model="nfe.customer" />
+        </b-col>
+      </b-row>
+    </Molded>
+    <br>
+    <b-tabs v-if="id">
+      <b-tab title="Produto">
+        <ItemsNfeCreate v-if="!disabled" :nfe="nfe" />
+        <br>
+        <ItemsNfeList :disabled="disabled" :nfeId="id" />
+      </b-tab>
+      <b-tab title="Observações">
+        <b-row>
+          <b-col sm="12">
+            <TextArea title="Observações" field="observation" :disabled="disabled" :required="false"
+              v-model="nfe.observation" />
+          </b-col>
+        </b-row>
+      </b-tab>
+    </b-tabs>
+    <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 SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import TextArea from "@nixweb/nixloc-ui/src/component/forms/TextArea";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
+import DropdownOptionsNfs from '../shared/DropdownOptionsNfs.vue'
+
+import CfopCreateUpdate from '../cfop/CfopCreateUpdate.vue'
+import NatureOperationCreateUpdate from '../nature-operation/NatureOperationCreateUpdate.vue'
+import CustomerWithCreate from "../../rental/shared/CustomerWithCreate.vue";
+import ItemsNfeCreate from '../items-nfe/ItemsNfeCreate.vue'
+import ItemsNfeList from '../items-nfe/ItemsNfeList.vue'
+
+import Nfe from "@/components/modules/tax-document/nfe/Nfe.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "NfeCreateUpdate",
+  components: {
+    Molded,
+    Button,
+    Badge,
+    SelectStatic,
+    Select,
+    RadioGroup,
+    Alert,
+    CustomerWithCreate,
+    InputDecimal,
+    TextArea,
+    DropdownOptionsNfs,
+    ItemsNfeCreate,
+    ItemsNfeList, NatureOperationCreateUpdate, CfopCreateUpdate
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      formName: "nfseCreateUpdate",
+      nfe: new Nfe(),
+      urlCreate: "/api/v1/tax-document/nfe/create",
+      urlUpdate: "/api/v1/tax-document/nfe/update",
+      urlGetById: "/api/v1/tax-document/nfe/get-by-id",
+      tabIndex: 0,
+    }
+  },
+  created() {
+    if (this.id) this.getById();
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event", "isLoading"]),
+    titleStatus() {
+      if (this.nfe.status == 1) return "Autorizada";
+      if (this.nfe.status == 2) return "Concluída";
+      if (this.nfe.status == 3) return "Rejeitada";
+      if (this.nfe.status == 4) return "Cancelada";
+      if (this.nfe.status == 5) return "Em processamento";
+      if (this.nfe.status == 6) return "Pendente";
+    },
+    typeStatus() {
+      if (this.nfe.status == 1) return "blue";
+      if (this.nfe.status == 2) return "success";
+      if (this.nfe.status == 3) return "danger";
+      if (this.nfe.status == 4) return "danger";
+      if (this.nfe.status == 5) return "info";
+      if (this.nfe.status == 6) return "warning";
+    },
+    disabled() {
+      if (this.nfe.status == 6 || !this.id) return false;
+      return true;
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
+    ...mapMutations("generic", ["removeLoading", "hideVodal"]),
+    ...mapMutations("validation", ["resetValidation", "removeFormDirty"]),
+    create() {
+      let params = { url: this.urlCreate, obj: this.nfe };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.$router.replace({
+            name: "nfeUpdate",
+            params: { id: response.content.id },
+          });
+        }
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    update() {
+      let params = { url: this.urlUpdate, obj: this.nfe };
+      this.putApi(params).then(() => {
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    getById() {
+      let params = { url: this.urlGetById, obj: { id: this.id } };
+      this.getApi(params).then((response) => {
+        this.nfe.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,
+    },
+    'nfe.taxation': {
+      handler(taxation) {
+        if (!this.nfe.description)
+          this.nfe.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/ConfigNfse.vue

@@ -0,0 +1,233 @@
+<template>
+    <div>
+        <div v-if="loadingConsultaPrefeitura">
+            <span>Aguarde, estamos verificando informações da prefeitura...</span>
+            <Loading type="line" :center="false" />
+        </div>
+        <div v-else>
+            <Alert type="danger" v-if="certificateOrLogin == 'nao disponivel'">
+                Não é possível emitir Nfse, sua prefeitura ainda não foi homologada!
+            </Alert>
+            <div v-if="certificateOrLogin == 'certificado'">
+                <div v-if="!certificate.id">
+                    <Alert type="warning">
+                        <span>
+                            Sua prefeitura requer autenticação por <b>Certificado Digital</b>, clique abaixo para
+                            adicionar.
+                        </span>
+                    </Alert>
+                    <Button _key="btnloadCertificate" type="primary" title="Certificado"
+                        classIcon="fa-solid fa-circle-plus" size="small" :clicked="loadCertificate" />
+                </div>
+                <div v-else>
+                    <Alert type="success">
+                        <span>
+                            Certificado Digital com vencimento em {{ certificado.vencimento }}.
+                        </span>
+                    </Alert>
+                    <Button _key="btnRemoveCertificate" type="danger" title="Remover" classIcon="fa-solid fa-trash"
+                        size="small" :clicked="removeCertificate" />
+                </div>
+            </div>
+            <div v-if="certificateOrLogin == 'login'">
+                <Alert type="warning">
+                    <span>
+                        Sua prefeitura requer autenticação por <b>Login e Senha</b>, insira as informações abaixo.
+                    </span>
+                </Alert>
+            </div>
+        </div>
+        <Modal title="Certificado Digital" :width="650" v-if="showModal('certificate')">
+            <div v-if="loading">
+                <span>Aguarde, estamos carregando os dados, isso pode levar alguns segundos...</span>
+                <Loading type="line" :center="false" />
+            </div>
+            <div v-else>
+                <div v-if="certificateOrLogin == 'certificado'">
+                    <Alert type="info">
+                        <span>
+                            Selecione o certificado no formato
+                            <b>.pfx </b>.
+                        </span>
+                        <br />
+                    </Alert>
+                    <FileUpload title="Carregar .pfx" classIcon="fa-solid fa-file-export" container="nixloc-certificate"
+                        accepted=".pfx" allowed=".pfx" :disabled="true" urlPost="/api/v1/adm/file-upload/upload"
+                        urlRemove="/api/v1/adm/file-upload/delete" :nameDataBase="certificate.file"
+                        v-model="certificate.file" />
+                </div>
+                <b-row>
+                    <b-col sm="6">
+                        <InputPassword title="Senha" field="number" :required="true" :maxLength="100"
+                            v-model="certificate.password" :markFormDirty="false" />
+                    </b-col>
+                    <b-col sm="6">
+                        <InputText title="E-mail de Notificação" field="name" :required="true" :maxLength="100"
+                            v-model="certificate.email" :markFormDirty="false" />
+                    </b-col>
+                </b-row>
+                <b-row>
+                    <b-col sm="12">
+                        <div class="text-right">
+                            <Button _key="btnSaveCertificate" :disabled="disabled" type="success" title="Salvar"
+                                classIcon="fas fa-save" size="medium" :clicked="saveCertificate" />
+                        </div>
+                    </b-col>
+                </b-row>
+            </div>
+        </Modal>
+    </div>
+</template>
+
+<script>
+
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import FileUpload from "@nixweb/nixloc-ui/src/component/forms/FileUpload";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import InputPassword from "@nixweb/nixloc-ui/src/component/forms/InputPassword";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+
+import { mapMutations, mapActions, mapGetters } from "vuex";
+
+export default {
+    name: "Certificate",
+    components: {
+        Alert, FileUpload, InputText, InputPassword, Button, Loading, Modal
+    },
+    props: ["value"],
+    data() {
+        return {
+            certificateOrLogin: "",
+            certificate: {
+                id: "",
+                file: "",
+                login: "",
+                password: "",
+                email: "",
+            },
+            certificado: {},
+            urlCreate: "/api/v1/tax-document/certificate/create",
+            urlGetConsultaPrefeitura: "/api/v1/tax-document/certificate/consulta-prefeitura",
+            urlGetIdCertificate: "/api/v1/tax-document/certificate/get-id-certificate",
+            urlGetConsultaCertificado: "/api/v1/tax-document/certificate/consulta-certificado",
+            urlRemoveCertificado: "/api/v1/tax-document/certificate/remove-certificado",
+            loading: false,
+            loadingConsultaPrefeitura: false
+        }
+    },
+    mounted() {
+        this.getIdCertificate();
+    },
+    computed: {
+        ...mapGetters("generic", ["showModal"]),
+        disabled() {
+            if (this.certificateOrLogin == 'certificado') {
+                if (!this.certificate.password) return true;
+                if (!this.certificate.email) return true;
+                return false;
+            }
+        }
+    },
+    methods: {
+        ...mapActions("generic", ["postApi", "putApi", "getApi", "deleteAllApi"]),
+        ...mapMutations("generic", ["addEvent", "removeLoading", "openModal", "hideModal"]),
+        loadCertificate() {
+            this.removeLoading(["btnloadCertificate"]);
+            this.openModal("certificate");
+        },
+        removeCertificate() {
+            let params = {
+                url: this.urlRemoveCertificado,
+                selected: [],
+            };
+            this.deleteAllApi(params).then((reponse) => {
+                if (reponse.success) {
+                    this.certificate.id = "";
+                    this.$emit("input", this.certificate.id);
+                    this.getConsultaPrefeitura();
+                }
+                this.removeLoading(["btnRemoveCertificate"]);
+            });
+        },
+        getIdCertificate() {
+            this.loadingConsultaPrefeitura = true;
+            let params = {
+                url: this.urlGetIdCertificate,
+                obj: {},
+            };
+            this.getApi(params).then((response) => {
+                if (response.success) {
+                    if (response.content) {
+                        this.certificate.id = response.content.idCertificado;
+                        this.certificateOrLogin = "certificado";
+                        this.$emit("input", this.certificate.id);
+                        this.getConsultaCertificado();
+                    } else {
+                        this.getConsultaPrefeitura();
+                    }
+                }
+            });
+        },
+        getConsultaPrefeitura() {
+            this.loadingConsultaPrefeitura = true;
+            let params = {
+                url: this.urlGetConsultaPrefeitura,
+                obj: {},
+            };
+            this.getApi(params).then((response) => {
+                if (response.success) {
+                    this.certificateOrLogin = response.content.certificado ? "certificado" : "login";
+                    if (this.certificateOrLogin == "login")
+                        this.$emit("input", "login");
+                } else {
+                    this.certificateOrLogin = "nao disponivel";
+                }
+                this.loadingConsultaPrefeitura = false;
+            });
+        },
+        getConsultaCertificado() {
+            this.loadingConsultaPrefeitura = true;
+            let params = {
+                url: this.urlGetConsultaCertificado,
+                obj: { idCertificado: this.certificate.id },
+            };
+            this.getApi(params).then((response) => {
+                this.certificado = response.content;
+                var vencimento = new Date(this.certificado.vencimento);
+
+                var day = addZero(vencimento.getDate());
+                var month = addZero(vencimento.getMonth() + 1); // Mês começa do zero
+                var year = vencimento.getFullYear();
+                this.certificado.vencimento = day + "/" + month + "/" + year;
+
+                function addZero(number) {
+                    if (number < 10) {
+                        return "0" + number;
+                    }
+                    return number;
+                }
+
+                this.loadingConsultaPrefeitura = false;
+            });
+        },
+        saveCertificate() {
+            let params = {
+                url: this.urlCreate,
+                obj: this.certificate,
+                notNotifyToast: true,
+            };
+            this.postApi(params).then((response) => {
+                if (response.success) {
+                    this.certificate.id = response.content.data.id;
+                    this.addEvent({ name: "createdCertificate" });
+                    this.hideModal();
+                    this.getIdCertificate();
+                }
+                this.removeLoading(["btnSaveCertificate"]);
+            });
+        }
+    }
+}
+</script>

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

@@ -0,0 +1,73 @@
+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: "",
+            tipoTributacao: { id: "", content: "" },
+            exigibilidade: { id: "", content: "" },
+            aliquota: 0,
+            cofins: 0,
+            csll: 0,
+            inss: 0,
+            ir: 0,
+            pis: 0,
+            deducoes: 0,
+        }
+
+        this.messageRejection = "";
+        this.urlPdf = "";
+        this.urlXml = "";
+        this.messageRejection = "";
+        this.description = "";
+        this.emails = [];
+        this.value = 0;
+        this.valueFinal = 0;
+        this.valueTax = 0;
+        this.status = "";
+        this.rentId = "";
+        this.rent = "";
+    }
+    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.discriminacao };
+        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: data.descricaoCidadeIncidencia,
+            tipoTributacao: { id: data.tipoTributacao, content: data.tipoTributacao },
+            exigibilidade: { id: data.exigibilidade, content: data.exigibilidade },
+            aliquota: data.aliquota,
+            cofins: data.cofins,
+            csll: data.csll,
+            inss: data.inss,
+            ir: data.ir,
+            pis: data.pis,
+            deducoes: data.deducoes,
+        }
+
+        this.value = data.value;
+        this.valueTax = data.valueTax;
+        this.valueFinal = data.valueFinal;
+
+        if (data.rent != null) {
+            var customer = `Nº ${data.rent.number} - ${data.rent.identification} - ${data.rent.customerSupplier.person.companyName}`;
+            this.rent = { id: data.rent.id, content: customer };
+        }
+    }
+}