@nixweb/nixloc-ui 0.0.115 → 0.0.116

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.115",
+  "version": "0.0.116",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/forms/Modal.vue

@@ -57,8 +57,4 @@ export default {
   font-size: 18px;
   margin-bottom: 5px;
 }
-.hr {
-  background: #FAFAFC !important;
-  height: 1px !important;
-}
 </style>

package/src/component/forms/Texto.vue

@@ -6,10 +6,9 @@
       <Dica :campo="campo" :formNome="formNome" />
     </label>
     <div class="inner-addon right-addon">
-      <i
-        v-if="notificacoes.length > 0 && formSujo"
-        class="requerido glyphicon fas fa-exclamation-triangle"
-      ></i>
+      <div class="requerido glyphicon" v-if="notificacoes.length > 0 && formSujo">
+        <i class="fas fa-exclamation-triangle"></i>
+      </div>
       <slot v-else></slot>
       <input
         type="text"
@@ -157,6 +156,6 @@ export default {
 }
 
 .margem-botao {
-  margin-top: -15px;
+  margin-top: -3px;
 }
 </style>

package/src/component/layout/Moldura.vue

@@ -10,7 +10,7 @@ export default {
   props: {
     bordaArredondada: {
       type: Number,
-      default: 5,
+      default: 8,
     },
   },
 };
@@ -19,6 +19,9 @@ export default {
 .moldura {
   border: 1px solid #dbdfe9;
   background-color: transparent;
-  padding: 15px;
+  padding-top: 15px;
+  padding-left: 30px;
+  padding-right: 30px;
+  padding-bottom: 10px;
 }
 </style>

package/src/component/layout/Painel.vue

@@ -120,6 +120,7 @@ export default {
 
 .icone{
   opacity: 0.8;
+  font-size: 20px;
 }
 
 

package/src/component/shared/DocumentoPreview.vue

@@ -14,13 +14,13 @@ export default {
   },
   props: {
     template: String,
-    dados: Object,
+    d: Object,
   },
   methods: {
-    somaGrupo(grupoNome) {
+    sMg(grN) {
       let total = "";
       this.dados.produto.forEach((x) => {
-        if (x.grupoNome === grupoNome) return (total = x.grupoTotal);
+        if (x.pGp === grN) return (total = x.pGpT);
       });
       return total;
     },

package/src/component/shared/LegendaParametro.vue

@@ -2,10 +2,7 @@
   <div>
     <div class="div-alerta">
       <Alerta tipo="info">
-        <span>
-          Utilize os parâmetros para que as informações sejam carregadas de forma
-          dinâmicas!</span
-        >
+        <span> Utilize os parâmetros conforme descrição abaixo!</span>
       </Alerta>
     </div>
     <table class="table table-responsive-xs">
@@ -17,18 +14,18 @@
         </tr>
       </thead>
       <tbody v-for="(legenda, grupoNome) in agrupado">
-        <td class="grupo" colspan="8">
+        <td class="grupo text-center" colspan="8">
           <div>{{ grupoNome }}</div>
         </td>
         <tr v-for="item in legenda">
-          <td>
+          <td class="parametro">
             <span> {{ item.parametro }}</span>
           </td>
           <td>
             <span> {{ item.descricao }}</span>
           </td>
           <td>
-            <span> {{ item.exemplo }}</span>
+            <span class="exemplo"> {{ item.exemplo }}</span>
           </td>
         </tr>
       </tbody>
@@ -45,23 +42,8 @@ export default {
   components: {
     Alerta,
   },
-  data() {
-    return {
-      legenda: [
-        {
-          grupoNome: "Locação",
-          parametro: "{{d.l.n}}",
-          descricao: "Número da Locação",
-          exemplo: "200",
-        },
-        {
-          grupoNome: "Locação",
-          parametro: "{{d.l.dA}}",
-          descricao: "Número da Locação",
-          exemplo: "200",
-        },
-      ],
-    };
+  props: {
+    legenda: [],
   },
   computed: {
     ...mapGetters("generic", ["agruparPor"]),
@@ -93,9 +75,20 @@ export default {
 
 .grupo {
   background-color: #fafafc;
+  font-size: 14px;
+  font-weight: 500;
 }
 
 .div-alerta {
   margin-bottom: 20px;
 }
+
+.parametro {
+  width: 250px;
+}
+
+.exemplo {
+  font-size: 14px;
+  color:rgb(82, 74, 74);
+}
 </style>

package/src/component/shared/Pesquisa.vue

@@ -99,11 +99,11 @@ export default {
 }
 
 .margem {
-  padding-top: 25px;
+  padding-top: 28px;
 }
 
 .div-botao {
-  padding-top: 25px;
+  padding-top: 30px;
 }
 
 ::placeholder {

package/src/component/shared/Tabela.vue

@@ -236,14 +236,14 @@ tr:hover {
 }
 
 .titulo-cabecalho {
-  font-size: 14px;
+  font-size: 13px;
   color: #757d8c;
   font-weight: 400;
   text-transform: uppercase;
 }
 
 .tabela-numero {
-  font-size: 15px;
+  font-size: 14px;
   font-weight: bold;
 }
 
@@ -253,13 +253,13 @@ tr:hover {
 }
 
 .tabela-valor {
-  font-size: 15px;
+  font-size: 14px;
   min-width: 100px;
 }
 
 .link {
   color: #3F529B;
-  font-size: 15px;
+  font-size: 14px;
   font-weight: 400;
   cursor: pointer;
 }

package/src/component/template/ModeloDocumentoView.vue

@@ -72,9 +72,9 @@
           <Modal titulo="Salvar" :largura="500" v-show="mostrarModal('salvarDocumento')">
             <slot></slot>
           </Modal>
-          <Modal titulo="Parâmetros" :largura="900" v-if="mostrarModal('legenda')">
+          <Modal titulo="Parâmetros" :largura="1000" v-if="mostrarModal('legenda')">
             <BarraRolagem :alturaMinima="400" :alturaMaxima="400">
-              <LegendaParametro />
+              <LegendaParametro :legenda="legenda" />
             </BarraRolagem>
           </Modal>
           <Modal titulo="Editor de Código" :largura="900" v-if="mostrarModal('codigo')">
@@ -99,7 +99,7 @@
               <BarraRolagem :alturaMinima="300" :alturaMaxima="500">
                 <div class="a4">
                   <div id="printMe">
-                    <DocumentoPreview :template="documentoPreview" :dados="dados" />
+                    <DocumentoPreview :template="documentoPreview" :d="dados" />
                   </div>
                 </div>
               </BarraRolagem>
@@ -149,6 +149,7 @@ export default {
   props: {
     painel: Object,
     dados: Object,
+    legenda: Array,
   },
   data() {
     return {

package/src/component/template/ModeloRelatorioListaView.vue

@@ -11,7 +11,7 @@
         <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 />
+            <hr class="hr" />
             <div class="div-moldura" v-for="relatorio in todos.salvo">
               <div>
                 <Moldura :bordaArredondada="12">
@@ -41,7 +41,7 @@
           </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 />
+            <hr class="hr" />
             <div class="div-moldura" v-for="relatorio in todos.padrao">
               <div>
                 <Moldura :bordaArredondada="12">
@@ -219,4 +219,9 @@ export default {
   font-size: 13.5px;
   color: rgb(117, 117, 117);
 }
+
+.hr {
+  background: #FAFAFC !important;
+  height: 1px !important;
+}
 </style>

package/src/store/modulos/generic.js

@@ -88,23 +88,23 @@ export default {
                 };
 
                 if (th) {
-                    let ehProdutoAgrupado = th.innerText.includes("n.grupo");
+                    let ehPorGrupo = th.innerText.includes("n.grupo");
                     let ehProduto = th.innerText.includes("n.produto");
                     let ehPeriodo = th.innerText.includes("n.periodo");
                     let ehPagamento = th.innerText.includes("n.pagamento");
 
                     if (ehProduto) {
-                        obj.vForSimples = "v-for='n in dados.produto'";
+                        obj.vForSimples = "v-for='p in dados.produto'";
                         config.push(obj);
                     } else if (ehPeriodo) {
-                        obj.vForSimples = "v-for='n in dados.periodo'";
+                        obj.vForSimples = "v-for='pe in dados.periodo'";
                         config.push(obj);
                     } else if (ehPagamento) {
                         obj.vForSimples = "v-for='n in dados.pagamento'";
                         config.push(obj);
-                    } else if (ehProdutoAgrupado) {
-                        obj.vForAgrupado = "v-for='(produto, grupoNome) in produtoAgrupado'";
-                        obj.vForSimples = "v-for='n in produto'";
+                    } else if (ehPorGrupo) {
+                        obj.vForAgrupado = "v-for='(produto, grN) in produtoAgrupado'";
+                        obj.vForSimples = "v-for='p in produto'";
 
                         var posicaoInicio = documentoHtml.split("<tbody>", sequencial + 1).join("<tbody>").length;
                         var posicaoFim = documentoHtml.split("</tbody>", sequencial + 1).join("</tbody>").length;