@nixweb/nixloc-ui 0.0.121 → 0.0.124

package/src/component/template/ModeloRelatorioListaView.vue

@@ -1,227 +0,0 @@
-<template>
-  <div>
-    <Painel
-      :modulo="painel.modulo"
-      :titulo="painel.titulo"
-      :mostrarFiltroVertical="painel.mostrarFiltroVertical"
-      :mostrarPesquisa="painel.mostrarPesquisa"
-      :mostrarBotoes="painel.mostrarBotoes"
-    >
-      <div slot="conteudo-principal">
-        <b-row>
-          <b-col xs="12" sm="12" md="12" lg="6" xl="6" v-if="todos.salvo.length > 0">
-            <div><i class="fas fa-file-alt icone-salvo"></i></i> Personalizado</div>
-            <hr class="hr" />
-            <div class="div-moldura" v-for="relatorio in todos.salvo">
-              <div>
-                <Moldura :bordaArredondada="12">
-                  <b-row>
-                    <b-col sm="1">
-                      <i class="fas fa-file-alt icone-report"></i>
-                    </b-col>
-                    <b-col sm="10" @click="navegarPara(relatorio)">
-                      <div>{{ relatorio.nome }}</div>
-                    </b-col>
-                    <b-col sm="1">
-                      <Confirmacao
-                        titulo="Deseja excluir?"
-                        tipo="perigo"
-                        :dados="relatorio"
-                        :confirmado="excluir"
-                      >
-                        <div class="text-right">
-                          <i class="fas fa-times-circle icone-remover"></i>
-                        </div>
-                      </Confirmacao>
-                    </b-col>
-                  </b-row>
-                </Moldura>
-              </div>
-            </div>
-          </b-col>
-          <b-col xs="12" sm="12" md="12" lg="6" xl="6">
-            <div><i class="fas fa-file-chart-line"></i> Padrão</div>
-            <hr class="hr" />
-            <div class="div-moldura" v-for="relatorio in todos.padrao">
-              <div>
-                <Moldura :bordaArredondada="12">
-                  <b-row>
-                    <b-col sm="1">
-                      <i class="fas fa-file-alt icone-report"></i>
-                    </b-col>
-                    <b-col sm="11" @click="navegarPara(relatorio)">
-                      <div class="lado-a-lado">{{ relatorio.nome }}</div>
-                    </b-col>
-                  </b-row>
-                </Moldura>
-              </div>
-            </div>
-          </b-col>
-        </b-row>
-      </div>
-    </Painel>
-  </div>
-</template>
-
-<script>
-import Painel from "@nixweb/nixloc-ui/src/component/layout/Painel.vue";
-import Moldura from "@nixweb/nixloc-ui/src/component/layout/Moldura";
-import Confirmacao from "@nixweb/nixloc-ui/src/component/shared/Confirmacao";
-
-import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "ModeloRelatorioListaView",
-  components: { Painel, Moldura, Confirmacao },
-  props: {
-    painel: Object,
-    relatorios: Object,
-  },
-  data() {
-    return {
-      todos: {},
-      urlObterTodos: "/api/v1/shared/relatorio/obter-todos",
-      urlRemover: "/api/v1/shared/relatorio/remover",
-    };
-  },
-  computed: {
-    ...mapState("generic", ["pesquisa", "buscouPesquisa", "limpouPesquisa"]),
-  },
-  mounted() {
-    this.obterTodos();
-    this.todos = JSON.parse(JSON.stringify(this.relatorios)); // remove observable
-  },
-  methods: {
-    ...mapMutations("generic", ["removeCarregando"]),
-    ...mapMutations("relatorio", [
-      "atualizaFiltroSelecionado",
-      "atualizaCampoOrdenado",
-      "atualizaOpcoesValorInicial",
-    ]),
-    ...mapActions("generic", ["getApi", "deleteAllApi"]),
-    obterTodos() {
-      let obj = { modulo: this.painel.modulo };
-      let params = { url: this.urlObterTodos, obj: obj };
-      this.getApi(params).then((response) => {
-        this.todos.salvo = [];
-        let self = this;
-        response.conteudo.dados.forEach((item) => {
-          const consulta = JSON.parse(item.consulta);
-          let obj = {
-            id: item.id,
-            nome: item.nome,
-            nomeRota: consulta.nomeRota,
-            filtro: consulta.filtro,
-            campo: consulta.campo,
-            ordenacao: consulta.ordenacao,
-          };
-          self.todos.salvo.push(obj);
-        });
-        this.removeCarregando(["painel"]);
-      });
-    },
-    navegarPara(relatorio) {
-      if (relatorio.filtro) {
-        let filtroSelecionado = { logicalOperator: "all", children: relatorio.filtro };
-        this.atualizaOpcoesValorInicial(relatorio.campo);
-        this.atualizaCampoOrdenado(relatorio.ordenacao);
-        this.atualizaFiltroSelecionado(filtroSelecionado);
-      } else {
-        this.atualizaOpcoesValorInicial([]);
-      }
-      this.$router.push({
-        name: relatorio.nomeRota,
-      });
-    },
-    excluir(dados) {
-      let selecionados = [];
-      selecionados.push(dados.id);
-
-      let params = {
-        url: this.urlRemover,
-        selecionados: selecionados,
-      };
-
-      this.deleteAllApi(params).then((reponse) => {
-        if (reponse.sucesso) this.obterTodos();
-      });
-    },
-  },
-  watch: {
-    buscouPesquisa: function () {
-      let padrao = [];
-      let salvo = [];
-      let self = this;
-      setTimeout(function () {
-        self.todos.padrao.forEach(function (item) {
-          if (self.pesquisa.filtro.conteudo == "igual") {
-            if (item.nome == self.pesquisa.conteudo) padrao.push(item);
-          }
-
-          if (self.pesquisa.filtro.conteudo == "contem") {
-            if (item.nome.includes(self.pesquisa.conteudo)) padrao.push(item);
-          }
-        });
-
-        self.todos.salvo.forEach(function (item) {
-          if (self.pesquisa.filtro.conteudo == "igual") {
-            if (item.nome == self.pesquisa.conteudo) salvo.push(item);
-          }
-
-          if (self.pesquisa.filtro.conteudo == "contem") {
-            if (item.nome.includes(self.pesquisa.conteudo)) salvo.push(item);
-          }
-        });
-
-        self.todos.salvo = salvo;
-        self.todos.padrao = padrao;
-
-        self.removeCarregando(["pesquisar", "limpar"]);
-      }, 300);
-    },
-    limpouPesquisa: function () {
-      let self = this;
-      setTimeout(function () {
-        self.todos = self.relatorios;
-        self.obterTodos();
-        self.removeCarregando(["pesquisar", "limpar"]);
-      }, 300);
-    },
-  },
-};
-</script>
-
-<style scoped>
-.icone-salvo {
-  color: #94aa2a;
-}
-
-.icone-remover {
-  color: red;
-}
-
-.icone-report {
-  font-size: 25px;
-  opacity: 0.2;
-  color: #577696;
-}
-
-.div-moldura {
-  margin-bottom: 10px;
-  cursor: pointer;
-}
-
-.div-moldura:hover {
-  background-color: #fafafc;
-}
-
-.descricao {
-  font-size: 13.5px;
-  color: rgb(117, 117, 117);
-}
-
-.hr {
-  background: #FAFAFC !important;
-  height: 1px !important;
-}
-</style>