@nixweb/nixloc-ui 0.0.68 → 0.0.71
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 +1 -1
- package/src/component/forms/Botao.vue +1 -1
- package/src/component/forms/CheckboxMultiplo.vue +17 -1
- package/src/component/forms/DateTime.vue +3 -0
- package/src/component/forms/Escolher.vue +4 -1
- package/src/component/forms/EscolherEstatico.vue +4 -1
- package/src/component/forms/Modal.vue +1 -2
- package/src/component/forms/Numero.vue +3 -0
- package/src/component/forms/Opcoes.vue +4 -2
- package/src/component/forms/Texto.vue +3 -0
- package/src/component/forms/Toggle.vue +1 -1
- package/src/component/layout/Menu.vue +1 -0
- package/src/component/layout/Moldura.vue +1 -1
- package/src/component/layout/Painel.vue +6 -6
package/package.json
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
v-model="selecionado"
|
|
6
6
|
:options="opcoes"
|
|
7
7
|
:stacked="empilhado"
|
|
8
|
+
@click.native="executar"
|
|
8
9
|
></b-form-checkbox-group>
|
|
9
10
|
</b-form-group>
|
|
10
11
|
</div>
|
|
@@ -16,6 +17,10 @@ export default {
|
|
|
16
17
|
props: {
|
|
17
18
|
titulo: String,
|
|
18
19
|
opcoes: Array,
|
|
20
|
+
params: Object,
|
|
21
|
+
alterou: Function,
|
|
22
|
+
clicou: Function,
|
|
23
|
+
valorInicial: Array,
|
|
19
24
|
value: Array,
|
|
20
25
|
empilhado: {
|
|
21
26
|
type: Boolean,
|
|
@@ -28,11 +33,22 @@ export default {
|
|
|
28
33
|
};
|
|
29
34
|
},
|
|
30
35
|
mounted() {
|
|
31
|
-
this.selecionado = this.
|
|
36
|
+
this.selecionado = this.valorInicial;
|
|
37
|
+
},
|
|
38
|
+
methods: {
|
|
39
|
+
executar(event) {
|
|
40
|
+
this.$emit("input", this.selecionado);
|
|
41
|
+
let self = this;
|
|
42
|
+
setTimeout(function () {
|
|
43
|
+
// adicionado o pointerId para previnir que não seja executado em duplicidade
|
|
44
|
+
if (self.clicou && event.pointerId === 1) self.clicou(self.params);
|
|
45
|
+
}, 100);
|
|
46
|
+
},
|
|
32
47
|
},
|
|
33
48
|
watch: {
|
|
34
49
|
selecionado() {
|
|
35
50
|
this.$emit("input", this.selecionado);
|
|
51
|
+
if (this.alterou) this.alterou(this.params);
|
|
36
52
|
},
|
|
37
53
|
},
|
|
38
54
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
3
|
<label>
|
|
4
|
-
<span>{{ titulo }}</span>
|
|
4
|
+
<span class="titulo">{{ titulo }}</span>
|
|
5
5
|
<span class="requerido" v-if="requerido">*</span>
|
|
6
6
|
<Dica :campo="campo" :formNome="formNome" />
|
|
7
7
|
</label>
|
|
@@ -282,6 +282,9 @@ export default {
|
|
|
282
282
|
</script>
|
|
283
283
|
|
|
284
284
|
<style scoped>
|
|
285
|
+
.titulo {
|
|
286
|
+
color: #5f7587;
|
|
287
|
+
}
|
|
285
288
|
div.antes-lista {
|
|
286
289
|
padding: 8px;
|
|
287
290
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
3
|
<label>
|
|
4
|
-
<span>{{ titulo }}</span>
|
|
4
|
+
<span class="titulo">{{ titulo }}</span>
|
|
5
5
|
</label>
|
|
6
6
|
<div class="selecione">
|
|
7
7
|
<multiselect
|
|
@@ -119,6 +119,9 @@ export default {
|
|
|
119
119
|
</script>
|
|
120
120
|
|
|
121
121
|
<style scoped>
|
|
122
|
+
.titulo {
|
|
123
|
+
color: #5f7587;
|
|
124
|
+
}
|
|
122
125
|
div.antes-lista {
|
|
123
126
|
padding: 8px;
|
|
124
127
|
}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
</template>
|
|
23
23
|
|
|
24
24
|
<script>
|
|
25
|
-
import Mensagem from "
|
|
25
|
+
import Mensagem from "@nixweb/nixloc-ui/src/component/shared/Mensagem";
|
|
26
26
|
import Vodal from "vodal";
|
|
27
27
|
|
|
28
28
|
import { mapState, mapMutations } from "vuex";
|
|
@@ -56,6 +56,5 @@ export default {
|
|
|
56
56
|
.titulo {
|
|
57
57
|
font-size: 18px;
|
|
58
58
|
margin-bottom: 5px;
|
|
59
|
-
color: #577696;
|
|
60
59
|
}
|
|
61
60
|
</style>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<span>{{ titulo }}</span>
|
|
3
|
+
<span class="titulo">{{ titulo }}</span>
|
|
4
4
|
<Dica :campo="campo" :formNome="formNome" />
|
|
5
5
|
<div class="opcoes">
|
|
6
6
|
<b-form-group>
|
|
@@ -47,5 +47,7 @@ export default {
|
|
|
47
47
|
.opcoes {
|
|
48
48
|
margin-top: 5px;
|
|
49
49
|
}
|
|
50
|
+
.titulo {
|
|
51
|
+
color: #5f7587;
|
|
52
|
+
}
|
|
50
53
|
</style>
|
|
51
|
-
|
|
@@ -14,13 +14,12 @@
|
|
|
14
14
|
<div class="col-10">
|
|
15
15
|
<div class="div-titulo">
|
|
16
16
|
<i class="fas fa-arrow-circle-right"></i>
|
|
17
|
-
<span> {{ modulo }} </span> /
|
|
18
|
-
<span class="
|
|
17
|
+
<span class="modulo"> {{ modulo }} </span> /
|
|
18
|
+
<span class="titulo"> {{ titulo }}</span>
|
|
19
19
|
</div>
|
|
20
20
|
</div>
|
|
21
21
|
<div class="col-2 text-right" v-show="rotaAtual != 'Dashboard'">
|
|
22
22
|
<div class="c-voltar" @click="voltar()">
|
|
23
|
-
<i class="fad fa-long-arrow-left"></i>
|
|
24
23
|
<span class="g-espaco-esquerda">Voltar</span>
|
|
25
24
|
</div>
|
|
26
25
|
</div>
|
|
@@ -107,8 +106,9 @@ export default {
|
|
|
107
106
|
margin-top: 15px;
|
|
108
107
|
}
|
|
109
108
|
|
|
110
|
-
.
|
|
111
|
-
font-size:
|
|
109
|
+
.titulo {
|
|
110
|
+
font-size: 16px;
|
|
111
|
+
font-weight: bold;
|
|
112
112
|
margin-top: 16px;
|
|
113
113
|
color: #577696;
|
|
114
114
|
}
|
|
@@ -126,6 +126,6 @@ export default {
|
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
.painel {
|
|
129
|
-
padding:
|
|
129
|
+
padding: 25px;
|
|
130
130
|
}
|
|
131
131
|
</style>
|