@nixweb/nixloc-ui 0.0.273 → 0.0.274

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

@@ -1,92 +0,0 @@
-<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

@@ -1,28 +0,0 @@
-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

@@ -1,227 +0,0 @@
-<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

@@ -1,233 +0,0 @@
-<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

@@ -1,73 +0,0 @@
-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 };
-        }
-    }
-}