@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/stock/unit-of-measurement/UnitOfMeasurementCreateUpdate.vue

@@ -0,0 +1,124 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="6">
+        <InputText
+          title="Nome"
+          field="name"
+          :formName="formName"
+          :required="true"
+          :maxLength="40"
+          v-model="unitOfMeasurement.name"
+          :markFormDirty="false"
+        />
+      </b-col>
+      <b-col sm="6">
+        <RadioGroup
+          title="Tipo"
+          field="type"
+          :formName="formName"
+          :options="[
+            { text: 'Inteiro', value: 1 },
+            { text: 'Fracionado', value: 2 },
+          ]"
+          v-model="unitOfMeasurement.type"
+        />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button
+            _key="btnSaveProductUnitOfMeasurement"
+            type="success"
+            title="Salvar"
+            :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save"
+            size="medium"
+            :clicked="saveProductUnitOfMeasurement"
+          />
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import UnitOfMeasurement from "@/components/modules/stock/unit-of-measurement/UnitOfMeasurement.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "UnitOfMeasurementCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { Button, RadioGroup, InputText },
+  data() {
+    return {
+      formName: "unitOfMeasurementCreateUpdate",
+      unitOfMeasurement: new UnitOfMeasurement(),
+      urlCreate: "/api/v1/stock/unit-of-measurement/create",
+      urlUpdate: "/api/v1/stock/unit-of-measurement/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", [
+      "removeLoading",
+      "removeEvent",
+      "hideModal",
+      "hideVodal",
+    ]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveProductUnitOfMeasurement() {
+      if (this.unitOfMeasurement.id) {
+        let params = { url: this.urlUpdate, obj: this.unitOfMeasurement };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["btnSaveProductUnitOfMeasurement"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.unitOfMeasurement };
+        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(["btnSaveProductUnitOfMeasurement"]);
+        });
+      }
+    },
+    update(data) {
+      this.unitOfMeasurement = new UnitOfMeasurement();
+      this.unitOfMeasurement.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "productUnitOfMeasurementCreate") {
+          this.resetValidation(this.formName);
+          this.unitOfMeasurement = new UnitOfMeasurement();
+        }
+        if (event.name == "productUnitOfMeasurementUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/tax-document/certificate/Certificate.vue

@@ -0,0 +1,193 @@
+<template>
+    <div>
+        <div v-if="loading">
+            <span>Aguarde, estamos verificando informações...</span>
+            <Loading type="line" :center="false" />
+        </div>
+        <div v-else>
+            <div v-if="!certificate.id">
+                <Alert type="warning">
+                    <span>
+                        <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.nome }}.
+                    </span>
+                </Alert>
+                <Button _key="btnRemoveCertificate" type="danger" title="Remover" classIcon="fa-solid fa-trash" size="small"
+                    :clicked="removeCertificate" />
+            </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>
+                    <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 {
+            certificate: {
+                id: "",
+                file: "",
+                login: "",
+                password: "",
+                email: "",
+            },
+            certificado: {},
+            urlCreate: "/api/v1/tax-document/certificate/create",
+            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: true,
+        }
+    },
+    mounted() {
+        this.getIdCertificate();
+    },
+    computed: {
+        ...mapGetters("generic", ["showModal"]),
+        disabled() {
+            if (!this.certificate.file) return true;
+            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() {
+            let params = {
+                url: this.urlGetIdCertificate,
+                obj: {},
+            };
+            this.getApi(params).then((response) => {
+                if (response.success) {
+                    if (response.content) {
+                        this.certificate.id = response.content.idCertificado;
+                        this.getConsultaCertificado();
+                    }
+                    this.loading = false;
+                }
+            });
+        },
+        getConsultaCertificado() {
+            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.loading = 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.hideModal();
+                    this.getIdCertificate();
+                }
+                this.removeLoading(["btnSaveCertificate"]);
+            });
+        }
+    }
+}
+</script>

package/src/components/modules/tax-document/cfop/Cfop.js

@@ -0,0 +1,12 @@
+export default class Cfop {
+    constructor() {
+        this.id = "";
+        this.name = "";
+        this.code = "";
+    }
+    update(data) {
+        this.id = data.id;
+        this.name = data.name;
+        this.code = data.code;
+    }
+}

package/src/components/modules/tax-document/cfop/CfopCreateUpdate.vue

@@ -0,0 +1,96 @@
+<template>
+  <div>
+    <b-row>
+      <b-col sm="4">
+        <InputText title="Código" field="name" :formName="formName" :required="true" :maxLength="10" v-model="cfop.code"
+          :markFormDirty="false" />
+      </b-col>
+      <b-col sm="8">
+        <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="100" v-model="cfop.name"
+          :markFormDirty="false" />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col sm="12">
+        <div class="text-right">
+          <Button _key="saveCfop" type="success" title="Salvar" :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save" size="medium" :clicked="saveCfop" />
+        </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 Cfop from "@/components/modules/tax-document/cfop/Cfop.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "CfopCreateUpdate",
+  props: {
+    registerInSelect: Boolean,
+    value: Object,
+  },
+  components: { Button, InputText },
+  data() {
+    return {
+      formName: "cfopCreateUpdate",
+      cfop: new Cfop(),
+      urlCreate: "/api/v1/tax-document/cfop/create",
+      urlUpdate: "/api/v1/tax-document/cfop/update",
+    };
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "putApi"]),
+    ...mapMutations("generic", ["removeLoading", "hideModal", "hideVodal"]),
+    ...mapMutations("validation", ["resetValidation"]),
+    saveCfop() {
+      if (this.cfop.id) {
+        let params = { url: this.urlUpdate, obj: this.cfop };
+        this.putApi(params).then((response) => {
+          if (response.success && !this.registerInSelect) this.hideModal();
+          this.removeLoading(["saveCfop"]);
+        });
+      } else {
+        let params = { url: this.urlCreate, obj: this.cfop };
+        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(["saveCfop"]);
+        });
+      }
+    },
+    update(data) {
+      this.cfop = new Cfop();
+      this.cfop.update(data);
+      this.removeLoading([data.id]);
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "cfopCreate") {
+          this.resetValidation(this.formName);
+          this.cfop = new Cfop();
+        }
+        if (event.name == "cfopUpdate") this.update(event.data);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/tax-document/company/CompanyTaxation.vue

@@ -0,0 +1,121 @@
+<template>
+    <div>
+        <b-row>
+            <b-col xs="12" sm="12" md="12" lg="6" xl="2">
+                <SelectStatic title="Simples Nacional" :required="true" :initialValue="configCompany.simplesNacional"
+                    :data="optionsSimplesNacional" v-model="configCompany.simplesNacional" />
+            </b-col>
+            <b-col xs="12" sm="12" md="12" lg="6" xl="4">
+                <SelectStatic title="Regime Tributário" :required="true" :initialValue="configCompany.regimeTributario"
+                    :data="optionsRegimeTributario" v-model="configCompany.regimeTributario" />
+            </b-col>
+            <b-col xs="12" sm="12" md="12" lg="6" xl="4">
+                <SelectStatic title="Regime Tributário Especial" :required="true"
+                    :initialValue="configCompany.regimeTributarioEspecial" :data="optionsRegimeTributarioEspecial"
+                    v-model="configCompany.regimeTributarioEspecial" />
+            </b-col>
+            <b-col xs="12" sm="12" md="12" lg="6" xl="2">
+                <SelectStatic title="Incentivador Cultural" :required="true"
+                    :initialValue="configCompany.incentivadorCultural" :data="optionsIncentivadorCultural"
+                    v-model="configCompany.incentivadorCultural" />
+            </b-col>
+        </b-row>
+        <br>
+        <Button _key="btnSaveCompany" type="success" title="Salvar" classIcon="fas fa-save" size="medium"
+            :clicked="saveCompany" />
+    </div>
+</template>
+
+<script>
+
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapMutations, mapActions, mapGetters } from "vuex";
+
+export default {
+    name: "CompanyTaxation",
+    components: {
+        SelectStatic, Button
+    },
+    data() {
+        return {
+            urlCreate: "/api/v1/tax-document/config-company/createOrUpdate",
+            urlGetById: "/api/v1/tax-document/config-company/get-by-id",
+            configCompany: {
+                id: "",
+                source: "tributacao",
+                simplesNacional: { content: 'Não', id: "false" },
+                regimeTributario: { content: 'Regime Normal', id: "3" },
+                regimeTributarioEspecial: { content: 'Nenhum', id: "0" },
+                incentivadorCultural: { content: 'Não', id: "false" },
+            },
+            optionsSimplesNacional: [
+                { content: 'Não', id: 'false' },
+                { content: 'Sim', id: 'true' },
+            ],
+            optionsRegimeTributario: [
+                { content: 'Simples Nacional', id: '1' },
+                { content: 'Simples Nacional - Excesso de Sublimite de Receita Bruta', id: '2' },
+                { content: 'Regime Normal', id: '3' },
+            ],
+            optionsRegimeTributarioEspecial: [
+                { content: 'Nenhum', id: '0' },
+                { content: 'Microempresa Municipal', id: '1' },
+                { content: 'Estimativa', id: '2' },
+                { content: 'Sociedade de Profissionais', id: '3' },
+                { content: 'Cooperativa', id: '4' },
+                { content: 'MEI - Simples Nacional', id: '5' },
+                { content: 'ME EPP- Simples Nacional', id: '6' },
+            ],
+            optionsIncentivadorCultural: [
+                { content: 'Não', id: 'false' },
+                { content: 'Sim', id: 'true' },
+            ]
+        }
+    },
+    mounted() {
+        this.getById();
+    },
+    methods: {
+        ...mapActions("generic", ["postApi", "putApi", "getApi"]),
+        ...mapMutations("generic", ["removeLoading"]),
+        getById() {
+            this.loading = true;
+            let params = {
+                url: this.urlGetById,
+                obj: {},
+            };
+            this.getApi(params).then((response) => {
+                if (response.success) {
+                    var data = response.content;
+                    if (data != null) {
+                        let configCompany = {
+                            id: data.id,
+                            source: "tributacao",
+                            simplesNacional: this.loadSelect(data.simplesNacional, "simplesNacional"),
+                            regimeTributario: this.loadSelect(data.regimeTributario, "regimeTributario"),
+                            regimeTributarioEspecial: this.loadSelect(data.regimeTributarioEspecial, "regimeTributarioEspecial"),
+                            incentivadorCultural: this.loadSelect(data.incentivadorCultural, "incentivadorCultural"),
+                        }
+                        this.configCompany = configCompany;
+                    }
+                }
+            });
+        },
+        saveCompany() {
+            let params = { url: this.urlCreate, obj: this.configCompany };
+            this.postApi(params).then(() => {
+                this.removeLoading(["btnSaveCompany"]);
+            });
+        },
+        loadSelect(obj, type) {
+            if (type == "simplesNacional") return this.optionsSimplesNacional.find(x => x.id == obj.toString());
+            if (type == "regimeTributario") return this.optionsRegimeTributario.find(x => x.id == obj.toString());
+            if (type == "regimeTributarioEspecial") return this.optionsRegimeTributarioEspecial.find(x => x.id == obj.toString());
+            if (type == "incentivadorCultural") return this.optionsIncentivadorCultural.find(x => x.id == obj.toString());
+        }
+    }
+}
+
+</script>