@nixweb/nixloc-ui 0.0.121 → 0.0.124

package/src/component/template/ModeloRelatorioView.vue

@@ -1,489 +0,0 @@
-<template>
-  <div>
-    <Painel
-      :modulo="painel.modulo"
-      :titulo="painel.titulo"
-      :mostrarFiltroVertical="painel.mostrarFiltroVertical"
-      :mostrarPesquisa="painel.mostrarPesquisa"
-      :mostrarBotoes="painel.mostrarBotoes"
-    >
-      <div slot="conteudo-principal">
-        <br />
-        <div class="div-progresso" v-if="carregando && tamanhoDados > 0">
-          <Progresso
-            :texto="`Carregando ${tamanhoDados} registro(s) de ${conteudo.totalRegistros}`"
-            :valor="tamanhoDados"
-            :maximo="conteudo.totalRegistros"
-            tamanho="medium"
-          />
-        </div>
-        <Modal titulo="Salvar" :largura="550" v-show="mostrarModal('salvar')">
-          <RelatorioAdicionarModificar :modulo="painel.modulo" />
-        </Modal>
-        <Moldura>
-          <div>
-            <div slot="conteudo-filtro-horizontal">
-              <b-row>
-                <b-col sm="6">
-                  <div class="lado-a-lado">
-                    <Botao
-                      chave="buscarRelatorio"
-                      tipo="primario"
-                      titulo="Buscar"
-                      classeIcone="fas fa-file-search"
-                      tamanho="medio"
-                      :desabilitado="invalido || btnDesativado"
-                      :clique="obterTodos"
-                    />
-                  </div>
-                  <div class="lado-a-lado">
-                    <Botao
-                      v-if="!invalido"
-                      chave="salvarRelatorio"
-                      tipo="sucesso"
-                      titulo="Salvar Modelo"
-                      classeIcone="fas fa-save"
-                      :desabilitado="carregando || invalido"
-                      tamanho="pequeno"
-                      :clique="salvarRelatorio"
-                    />
-                  </div>
-                </b-col>
-                <b-col class="text-right" sm="6">
-                  <div class="lado-a-lado">
-                    <Botao
-                      chave="abrirCampo"
-                      tipo="info"
-                      titulo="Campos"
-                      classeIcone="fas fa-database"
-                      tamanho="pequeno"
-                      :desabilitado="carregando"
-                      :clique="abrirCampo"
-                    />
-                  </div>
-                  <div class="lado-a-lado">
-                    <Botao
-                      chave="abrirFiltro"
-                      tipo="info"
-                      titulo="Filtros"
-                      classeIcone="fas fa-filter"
-                      tamanho="pequeno"
-                      :desabilitado="carregando"
-                      :clique="abrirFiltro"
-                    />
-                  </div>
-                </b-col>
-              </b-row>
-              <Modal titulo="Filtros" :largura="900" v-show="mostrarModal('filtro')">
-                <slot name="filtro"></slot>
-                <br />
-                <b-row>
-                  <b-col class="text-right" sm="12">
-                    <div class="lado-a-lado">
-                      <Botao
-                        chave="aplicaFiltro"
-                        tipo="primario"
-                        titulo="Aplicar"
-                        classeIcone="fas fa-filter"
-                        tamanho="pequeno"
-                        :clique="aplicarFiltro"
-                      />
-                    </div>
-                  </b-col>
-                </b-row>
-              </Modal>
-              <Modal titulo="Campos" :largura="600" v-show="mostrarModal('campo')">
-                <slot name="campo"></slot>
-                <b-row>
-                  <b-col class="text-right" sm="12">
-                    <div class="lado-a-lado">
-                      <Botao
-                        chave="aplicaFiltro"
-                        tipo="primario"
-                        titulo="Aplicar"
-                        classeIcone="fas fa-filter"
-                        tamanho="pequeno"
-                        :desabilitado="campoSelecionado.length == 0"
-                        :clique="aplicarFiltro"
-                      />
-                    </div>
-                  </b-col>
-                </b-row>
-              </Modal>
-            </div>
-          </div>
-        </Moldura>
-        <div class="div-obrigatorio" v-show="invalido">
-          <Alerta tipo="info" v-for="item in filtroObrigatorio" :key="item.id">
-            É necessário informar o filtro
-            <span class="filtro-obrigatorio">{{ item.label }}</span
-            >, clique no botão "Filtros" para adicionar.
-          </Alerta>
-        </div>
-        <div class="div-tags">
-          <Tags nomeEvento="tagRelatorio" />
-        </div>
-        <div class="g-div-moldura div-tabela" v-if="!carregando && tamanhoDados > 0">
-          <b-row>
-            <b-col sm="6">
-              <div class="div-botao">
-                <div class="lado-a-lado">
-                  <ExportarExcel
-                    :botao="{ tipo: 'editar', titulo: 'Excel', tamanho: 'pequeno' }"
-                    nomeArquivo="Auditoria"
-                    :cabecalho="conteudo.cabecalhoTabela"
-                    :dados="conteudo.dados"
-                  />
-                </div>
-                <div class="lado-a-lado">
-                  <div>
-                    <Botao
-                      v-print="'#printMe'"
-                      chave="aplicaFiltro"
-                      tipo="editar"
-                      titulo="Imprimir"
-                      classeIcone="fas fa-print"
-                      tamanho="pequeno"
-                      :clique="aplicarFiltro"
-                    />
-                  </div>
-                </div>
-              </div>
-            </b-col>
-            <b-col sm="6">
-              <Registro :totalRegistro="conteudo.totalRegistros" />
-            </b-col>
-          </b-row>
-          <BarraRolagem :alturaMinima="400" :alturaMaxima="600">
-            <div id="printMe">
-              <CabecalhoImpressao />
-              <Tabela
-                :cabecalhoTabela="conteudo.cabecalhoTabela"
-                :dados="conteudo.dados"
-                :mostrarChecks="modeloLista.mostrarChecks"
-              />
-            </div>
-          </BarraRolagem>
-        </div>
-        <div class="div-sem-dados" v-if="nenhumDadoRetornado">
-          <Alerta tipo="info">
-            <span> Nenhum registro foi encontrato!</span>
-          </Alerta>
-        </div>
-        <div class="div-rodape" v-if="conteudo.resumo.length > 0">
-          <Rodape :dados="conteudo.resumo" />
-        </div>
-      </div>
-    </Painel>
-  </div>
-</template>
-
-<script>
-import Alerta from "@nixweb/nixloc-ui/src/component/layout/Alerta";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
-import ExportarExcel from "@nixweb/nixloc-ui/src/component/shared/ExportarExcel";
-import Tabela from "../shared/Tabela.vue";
-import CabecalhoImpressao from "../shared/CabecalhoImpressao.vue";
-import Registro from "../shared/Registro.vue";
-import Painel from "@nixweb/nixloc-ui/src/component/layout/Painel.vue";
-import BarraRolagem from "@nixweb/nixloc-ui/src/component/layout/BarraRolagem.vue";
-import Moldura from "@nixweb/nixloc-ui/src/component/layout/Moldura";
-import Progresso from "@nixweb/nixloc-ui/src/component/shared/Progresso";
-import Rodape from "@nixweb/nixloc-ui/src/component/shared/query-builder/Rodape.vue";
-import Tags from "@nixweb/nixloc-ui/src/component/shared/query-builder/Tags.vue";
-import RelatorioAdicionarModificar from "@nixweb/nixloc-ui/src/component/template/RelatorioAdicionarModificar.vue";
-import print from "vue-print-nb";
-
-import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "ModeloRelatorioView",
-  directives: {
-    print,
-  },
-  props: {
-    modeloLista: Object,
-    campo: Array,
-    painel: Object,
-  },
-  components: {
-    Alerta,
-    Modal,
-    Botao,
-    Registro,
-    Tabela,
-    Painel,
-    BarraRolagem,
-    Moldura,
-    Rodape,
-    Progresso,
-    Tags,
-    RelatorioAdicionarModificar,
-    ExportarExcel,
-    CabecalhoImpressao,
-  },
-  data() {
-    return {
-      conteudo: {
-        cabecalhoTabela: [],
-        dados: [],
-        resumo: [],
-        paginacao: 0,
-        paginaAtual: 1,
-        totalPorPagina: 100,
-        totalRegistros: 0,
-      },
-      btnDesativado: true,
-      carregando: false,
-      nenhumDadoRetornado: false,
-      teste: this.router,
-    };
-  },
-  mounted() {
-    this.removeCarregando(["painel"]);
-  },
-  computed: {
-    ...mapGetters("generic", ["mostrarModal", "evento"]),
-    ...mapGetters("relatorio", [
-      "cabecalhoTabela",
-      "filtroSelecionado",
-      "filtroObrigatorio",
-      "temCampoSelecionado",
-      "oDataSelect",
-      "oDataFilter",
-      "oDataOrderBy",
-    ]),
-    ...mapState("relatorio", ["relatorio", "campoSelecionado", "resumo"]),
-    urlConsulta() {
-      let baseUrl = `${this.modeloLista.urlGetApi}?${this.oDataSelect}&${this.oDataOrderBy}&${this.oDataFilter.consulta}&$skip=${this.skip}&$top=${this.conteudo.totalPorPagina}&$count=true`;
-      return baseUrl.replace("&&", "&");
-    },
-    urlResumo() {
-      let consulta = this.oDataFilter.resumo
-        ? `$apply=filter(${this.oDataFilter.consulta.replace("$filter=", "")})/`
-        : "$apply=";
-      let baseUrl = `${this.modeloLista.urlGetApi}?${consulta}aggregate(${this.oDataFilter.resumo})`;
-      return baseUrl;
-    },
-    skip() {
-      return (this.conteudo.paginaAtual - 1) * this.conteudo.totalPorPagina;
-    },
-    invalido() {
-      let retorno = true;
-      this.filtroObrigatorio.forEach((filtro) => {
-        var existe = this.filtroSelecionado.children.find((value) => {
-          if (filtro.label == value.query.label) retorno = false;
-        });
-      });
-
-      if (this.filtroObrigatorio.length == 0) retorno = false;
-
-      return retorno;
-    },
-    tamanhoDados() {
-      return this.conteudo.dados.length;
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["getApiOdata"]),
-    ...mapMutations("generic", ["abrirModal", "fecharModal", "removeCarregando"]),
-    ...mapMutations("relatorio", ["atualizaCabecalhoTabela", "atualizaConsultaFiltro"]),
-
-    obterTodos() {
-      this.conteudo.dados = [];
-      this.conteudo.resumo = [];
-      this.btnDesativado = true;
-
-      if (!this.invalido) {
-        this.mostraEscondeCampos();
-        this.paginacao();
-        this.removeCarregando(["buscarRelatorio"]);
-
-        if (this.oDataFilter.resumo) this.resumoOData();
-        if (!this.oDataFilter.resumo) this.conteudo.resumo = [];
-      }
-    },
-    paginacao() {
-      let paramsConsulta = { url: this.urlConsulta };
-      this.reiniciaDados();
-
-      this.getApiOdata(paramsConsulta).then((response) => {
-        let totalRegistros = response["@odata.count"];
-        if (totalRegistros == 0) this.nenhumDadoRetornado = true;
-        this.conteudo.totalRegistros = totalRegistros;
-        this.conteudo.paginacao = Math.round(
-          totalRegistros / this.conteudo.totalPorPagina
-        );
-
-        if (totalRegistros <= this.conteudo.totalPorPagina) {
-          this.consultaOdata();
-          this.conteudo.cabecalhoTabela = this.cabecalhoTabela;
-        }
-        if (this.conteudo.paginacao == 0) this.carregando = false;
-      });
-    },
-    reiniciaDados() {
-      this.carregando = true;
-      this.conteudo.dados = [];
-      this.conteudo.paginaAtual = 1;
-      this.nenhumDadoRetornado = false;
-    },
-    consultaOdata() {
-      let paramsConsulta = { url: this.urlConsulta };
-      this.getApiOdata(paramsConsulta).then((response) => {
-        let self = this;
-        response.value.forEach(function (obj) {
-          self.conteudo.dados.push(obj);
-        });
-        this.conteudo.paginaAtual++;
-      });
-      this.conteudo.cabecalhoTabela = this.cabecalhoTabela;
-    },
-    resumoOData() {
-      let paramsResumo = { url: this.urlResumo };
-      this.getApiOdata(paramsResumo).then((response) => {
-        this.conteudo.resumo = [];
-        const result = Object.entries(response[0]);
-        let self = this;
-        result.forEach(function (value) {
-          self.resumo.forEach(function (legenda) {
-            let obj = {
-              titulo: "",
-              valor: value[1],
-              classeCss: legenda.classeCss,
-              tipo: legenda.tipo,
-            };
-            if (legenda.valor == value[0]) {
-              obj.titulo = legenda.titulo;
-              self.conteudo.resumo.push(obj);
-            }
-          });
-        });
-      });
-    },
-    abrirCampo() {
-      this.abrirModal("campo");
-      this.removeCarregando(["abrirCampo"]);
-    },
-    abrirFiltro() {
-      this.abrirModal("filtro");
-      this.removeCarregando(["abrirFiltro"]);
-    },
-    aplicarFiltro() {
-      this.fecharModal();
-      this.removeCarregando(["aplicaFiltro", "aplicaCampo"]);
-    },
-    salvarRelatorio() {
-      this.abrirModal("salvar");
-      this.removeCarregando(["salvarRelatorio"]);
-    },
-    mostraEscondeCampos() {
-      let self = this;
-      this.relatorio.campo.forEach(function (value) {
-        if (self.temCampoSelecionado(value.campo, self.campoSelecionado)) {
-          value.mostrar = true;
-        } else {
-          value.mostrar = false;
-        }
-      });
-    },
-  },
-  watch: {
-    evento: {
-      handler(evento) {
-        if (evento.nome == "tagRelatorio") this.abrirModal("filtro");
-      },
-      deep: true,
-    },
-    campoSelecionado: {
-      handler() {
-        this.mostraEscondeCampos();
-      },
-      deep: true,
-    },
-    filtroSelecionado: {
-      handler(filtro) {
-        this.atualizaConsultaFiltro(filtro);
-      },
-      deep: true,
-    },
-    "conteudo.paginaAtual": {
-      handler(paginaAtual) {
-        if (paginaAtual <= this.conteudo.paginacao - 1) {
-          let self = this;
-          setTimeout(function () {
-            self.consultaOdata();
-          }, 200);
-        }
-        if (paginaAtual == this.conteudo.paginacao && paginaAtual != 0)
-          this.carregando = false;
-      },
-      deep: true,
-    },
-    "conteudo.paginacao": {
-      handler() {
-        this.consultaOdata();
-      },
-      deep: true,
-    },
-    "oDataFilter.consulta": {
-      handler() {
-        this.btnDesativado = false;
-      },
-      deep: true,
-    },
-    oDataSelect: {
-      handler() {
-        this.btnDesativado = false;
-      },
-      deep: true,
-    },
-    oDataOrderBy: {
-      handler() {
-        this.btnDesativado = false;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.div-botao {
-  padding-bottom: 15px;
-}
-
-.div-progresso {
-  margin-bottom: 10px;
-}
-
-.div-sem-dados {
-  margin-top: 20px;
-}
-
-.div-tabela {
-  margin-top: 20px;
-}
-
-.div-separacao {
-  margin-left: 10px;
-  margin-right: 5px;
-}
-
-.div-rodape {
-  margin-top: 20px;
-}
-
-.div-tags {
-  margin-top: 15px;
-}
-
-.div-obrigatorio {
-  margin-top: 20px;
-}
-
-.filtro-obrigatorio {
-  font-weight: 500;
-}
-</style>

package/src/component/template/ModeloSubView.vue

@@ -1,69 +0,0 @@
-<template>
-  <div>
-    <Carregando :centralizado="false" v-show="carregando('modeloSubView')" />
-    <div v-show="!carregando('modeloSubView')">
-      <slot name="conteudo-botoes"></slot>
-      <div v-if="mostrarPesquisa">
-        <Pesquisa />
-        <br />
-      </div>
-
-      <ModeloLista
-        :modeloLista="modeloLista"
-        :propsParam="propsParam"
-        :mostrarMoldura="false"
-        :mostrarFiltroHorizontal="mostrarFiltroHorizontal"
-        :botaoExcluir="botaoExcluir"
-      >
-        <div slot="conteudo-botoes-tabela-cabecalho">
-          <slot name="conteudo-botoes-tabela-cabecalho"></slot>
-        </div>
-        <div slot="conteudo-filtro-horizontal">
-          <slot name="conteudo-filtro-horizontal"></slot>
-        </div>
-        <div slot="conteudo-botoes-tabela">
-          <slot name="conteudo-botoes-tabela"></slot>
-        </div>
-      </ModeloLista>
-    </div>
-  </div>
-</template>
-
-<script>
-import Pesquisa from "../shared/Pesquisa.vue";
-import Carregando from "../shared/Carregando.vue";
-
-import ModeloLista from "@nixweb/nixloc-ui/src/component/template/ModeloLista.vue";
-
-import { mapState, mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "ModeloView",
-  components: { Pesquisa, Carregando, ModeloLista },
-  props: {
-    modeloLista: Object,
-    propsParam: Object,
-    mostrarPesquisa: {
-      type: Boolean,
-      default: true,
-    },
-    mostrarFiltroHorizontal: {
-      type: Boolean,
-      default: true,
-    },
-    botaoExcluir: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  computed: {
-    ...mapGetters("generic", ["carregando"]),
-  },
-  created() {
-    this.insereCarregando("modeloSubView");
-  },
-  methods: {
-    ...mapMutations("generic", ["insereCarregando"]),
-  },
-};
-</script>

package/src/component/template/ModeloView.vue

@@ -1,49 +0,0 @@
-<template>
-  <div>
-    <Painel
-      :modulo="painel.modulo"
-      :titulo="painel.titulo"
-      :mostrarFiltroVertical="painel.mostrarFiltroVertical"
-      :mostrarPesquisa="painel.mostrarPesquisa"
-      :mostrarBotoes="painel.mostrarBotoes"
-    >
-      <div slot="conteudo-filtro-vertical">
-        <slot name="conteudo-filtro-vertical"></slot>
-      </div>
-      <div slot="conteudo-botoes">
-        <slot name="conteudo-botoes"></slot>
-      </div>
-      <div slot="conteudo-principal">
-        <ModeloLista :modeloLista="modeloLista" :botaoExcluir="botaoExcluir">
-          <div slot="conteudo-botoes-tabela-cabecalho">
-            <slot name="conteudo-botoes-tabela-cabecalho"></slot>
-          </div>
-          <div slot="conteudo-filtro-horizontal">
-            <slot name="conteudo-filtro-horizontal"></slot>
-          </div>
-          <div slot="conteudo-botoes-tabela">
-            <slot name="conteudo-botoes-tabela"></slot>
-          </div>
-        </ModeloLista>
-      </div>
-    </Painel>
-  </div>
-</template>
-
-<script>
-import Painel from '@nixweb/nixloc-ui/src/component/layout/Painel.vue'
-import ModeloLista from "@nixweb/nixloc-ui/src/component/template/ModeloLista.vue";
-
-export default {
-  name: "ModeloView",
-  components: { Painel, ModeloLista },
-  props: {
-    painel: Object,
-    modeloLista: Object,
-    botaoExcluir: {
-      type: Boolean,
-      default: true,
-    },
-  },
-};
-</script>

package/src/component/template/Relatorio.js

@@ -1,10 +0,0 @@
-export default class Relatorio {
-    constructor() {
-        this.id = "";
-        this.nome = "";
-    }
-    modificar(dados) {
-        this.id = dados.id;
-        this.nome = dados.nome;
-    }
-}