@nixweb/nixloc-ui 0.0.91 → 0.0.92
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -258,14 +258,14 @@ tr:hover {
|
|
|
258
258
|
}
|
|
259
259
|
|
|
260
260
|
.link {
|
|
261
|
-
color: #
|
|
262
|
-
font-size:
|
|
261
|
+
color: #0c63c0;
|
|
262
|
+
font-size: 15px;
|
|
263
263
|
font-weight: 400;
|
|
264
264
|
cursor: pointer;
|
|
265
265
|
}
|
|
266
266
|
|
|
267
267
|
.link:hover {
|
|
268
|
-
|
|
268
|
+
text-decoration: underline;
|
|
269
269
|
transition: 0.1s;
|
|
270
270
|
}
|
|
271
271
|
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div>
|
|
3
|
+
<Painel
|
|
4
|
+
:modulo="painel.modulo"
|
|
5
|
+
:titulo="painel.titulo"
|
|
6
|
+
:mostrarFiltroVertical="painel.mostrarFiltroVertical"
|
|
7
|
+
:mostrarPesquisa="painel.mostrarPesquisa"
|
|
8
|
+
:mostrarBotoes="painel.mostrarBotoes"
|
|
9
|
+
>
|
|
10
|
+
<div slot="conteudo-principal">
|
|
11
|
+
<b-row>
|
|
12
|
+
<!-- <b-col xs="12" sm="12" md="12" lg="5" xl="5">
|
|
13
|
+
<div><i class="fas fa-star icone-favorito"></i> Favoritos</div>
|
|
14
|
+
<hr />
|
|
15
|
+
<div class="div-moldura" v-for="relatorio in favoritos">
|
|
16
|
+
<div>
|
|
17
|
+
<Moldura :bordaArredondada="12">
|
|
18
|
+
<b-row>
|
|
19
|
+
<b-col sm="10" @click="navegarPara(relatorio.nomeRota)">
|
|
20
|
+
<div>{{ relatorio.nome }}</div>
|
|
21
|
+
</b-col>
|
|
22
|
+
<b-col sm="2">
|
|
23
|
+
<div class="text-right">
|
|
24
|
+
<i class="fas fa-times-circle icone-remover"></i>
|
|
25
|
+
</div>
|
|
26
|
+
</b-col>
|
|
27
|
+
</b-row>
|
|
28
|
+
</Moldura>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</b-col> -->
|
|
32
|
+
<b-col xs="12" sm="12" md="12" lg="5" xl="5">
|
|
33
|
+
<div><i class="fas fa-list-ul"></i> Todos</div>
|
|
34
|
+
<hr />
|
|
35
|
+
<div class="div-moldura" v-for="relatorio in todos">
|
|
36
|
+
<div>
|
|
37
|
+
<Moldura :bordaArredondada="12">
|
|
38
|
+
<b-row>
|
|
39
|
+
<b-col sm="1">
|
|
40
|
+
<i class="fas fa-file-alt icone-report"></i>
|
|
41
|
+
</b-col>
|
|
42
|
+
<b-col sm="10" @click="navegarPara(relatorio.nomeRota)">
|
|
43
|
+
<div class="lado-a-lado">{{ relatorio.nome }}</div>
|
|
44
|
+
</b-col>
|
|
45
|
+
<!-- <b-col sm="2">
|
|
46
|
+
<div class="text-right">
|
|
47
|
+
<i class="fas fa-plus-circle icone-favorito"></i>
|
|
48
|
+
</div>
|
|
49
|
+
</b-col>-->
|
|
50
|
+
</b-row>
|
|
51
|
+
</Moldura>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
</b-col>
|
|
55
|
+
</b-row>
|
|
56
|
+
</div>
|
|
57
|
+
</Painel>
|
|
58
|
+
</div>
|
|
59
|
+
</template>
|
|
60
|
+
|
|
61
|
+
<script>
|
|
62
|
+
import Painel from "@nixweb/nixloc-ui/src/component/layout/Painel.vue";
|
|
63
|
+
import Moldura from "@nixweb/nixloc-ui/src/component/layout/Moldura";
|
|
64
|
+
|
|
65
|
+
import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
|
|
66
|
+
|
|
67
|
+
export default {
|
|
68
|
+
name: "ModeloRelatorioListaView",
|
|
69
|
+
components: { Painel, Moldura },
|
|
70
|
+
props: {
|
|
71
|
+
painel: Object,
|
|
72
|
+
relatorios: Object,
|
|
73
|
+
},
|
|
74
|
+
data() {
|
|
75
|
+
return {
|
|
76
|
+
todos: [],
|
|
77
|
+
};
|
|
78
|
+
},
|
|
79
|
+
computed: {
|
|
80
|
+
...mapState("generic", ["pesquisa", "buscouPesquisa", "limpouPesquisa"]),
|
|
81
|
+
},
|
|
82
|
+
mounted() {
|
|
83
|
+
this.removeCarregando(["painel"]);
|
|
84
|
+
this.todos = this.relatorios;
|
|
85
|
+
},
|
|
86
|
+
methods: {
|
|
87
|
+
...mapMutations("generic", ["removeCarregando"]),
|
|
88
|
+
navegarPara(nomeRota) {
|
|
89
|
+
this.$router.push({
|
|
90
|
+
name: nomeRota,
|
|
91
|
+
});
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
watch: {
|
|
95
|
+
buscouPesquisa: function () {
|
|
96
|
+
let filtro = [];
|
|
97
|
+
let self = this;
|
|
98
|
+
setTimeout(function () {
|
|
99
|
+
self.todos.forEach(function (item) {
|
|
100
|
+
if (self.pesquisa.filtro.conteudo == "igual") {
|
|
101
|
+
if (item.nome == self.pesquisa.conteudo) filtro.push(item);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
if (self.pesquisa.filtro.conteudo == "contem") {
|
|
105
|
+
if (item.nome.includes(self.pesquisa.conteudo)) filtro.push(item);
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
|
|
109
|
+
self.todos = filtro;
|
|
110
|
+
|
|
111
|
+
self.removeCarregando(["pesquisar", "limpar"]);
|
|
112
|
+
}, 300);
|
|
113
|
+
},
|
|
114
|
+
limpouPesquisa: function () {
|
|
115
|
+
let self = this;
|
|
116
|
+
setTimeout(function () {
|
|
117
|
+
self.todos = self.relatorios;
|
|
118
|
+
self.removeCarregando(["pesquisar", "limpar"]);
|
|
119
|
+
}, 300);
|
|
120
|
+
},
|
|
121
|
+
},
|
|
122
|
+
};
|
|
123
|
+
</script>
|
|
124
|
+
|
|
125
|
+
<style scoped>
|
|
126
|
+
.icone-favorito {
|
|
127
|
+
color: orange;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.icone-remover {
|
|
131
|
+
color: red;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.icone-report {
|
|
135
|
+
font-size: 30px;
|
|
136
|
+
opacity: 0.2;
|
|
137
|
+
color: #577696;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.div-moldura {
|
|
141
|
+
margin-bottom: 10px;
|
|
142
|
+
cursor: pointer;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.div-moldura:hover {
|
|
146
|
+
background-color: #fafafc;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.descricao {
|
|
150
|
+
font-size: 13.5px;
|
|
151
|
+
color: rgb(117, 117, 117);
|
|
152
|
+
}
|
|
153
|
+
</style>
|