@nixweb/nixloc-ui 0.0.76 → 0.0.79

package/package.json

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

package/src/component/forms/Escolher.vue

@@ -65,6 +65,7 @@
             />
           </div>
         </div>
+        <div slot="noOptions">Lista está vazia</div>
         <div slot="noResult">Nenhum registro encontrado</div>
       </multiselect>
       <div v-if="formSujo">
@@ -131,7 +132,6 @@ export default {
       dados: [],
       totalRegistros: 0,
       baseParams: {
-        url: this.url,
         pesquisa: "",
         paginaAtual: 1,
         totalPorPagina: 20,
@@ -157,7 +157,7 @@ export default {
     ...mapGetters("generic", ["mostrarVodal"]),
   },
   methods: {
-    ...mapActions("generic", ["escolherApi"]),
+    ...mapActions("generic", ["getApi"]),
     ...mapMutations("generic", [
       "removeCarregando",
       "abrirVodal",
@@ -189,15 +189,16 @@ export default {
       if (value.conteudo) return `${value.conteudo}`;
     },
     obterTodos() {
-      let params = { ...this.baseParams, ...this.propsParams };
+      let obj = { ...this.baseParams, ...this.propsParams };
+      let params = { url: this.url, obj: obj };
       this.carregando = true;
-      this.escolherApi(params).then((response) => {
-        this.totalRegistros = response.totalRegistros;
+      this.getApi(params).then((response) => {
+        this.totalRegistros = response.conteudo.totalRegistros;
         let self = this;
         if (this.baseParams.paginaAtual == 1) {
           this.dados = [];
         }
-        response.dados.map(function (value, key) {
+        response.conteudo.dados.map(function (value, key) {
           self.dados.push(value);
         });
         this.carregando = false;

package/src/component/layout/BarraFixa.vue

@@ -39,13 +39,13 @@ export default {
 
 <style scoped>
 .barra {
-  background-color: white;
+  background-color: #fafafc;
   position: fixed;
   width: 100%;
   overflow: hidden;
   z-index: 20;
   padding: 18px;
-  margin-left: 240px;
+  margin-left: 220px;
 }
 
 .tamanho {
@@ -65,5 +65,4 @@ export default {
   bottom: 0px;
   border-top: 1px solid #e1e1e2;
 }
-
 </style>

package/src/component/layout/Menu.vue

@@ -53,7 +53,12 @@
               @click.prevent="navegarPara(item.nomeRota)"
               :class="classeSubMenu(item.titulo)"
             >
-              {{ item.titulo }}
+              <b-row>
+                <b-col sm="1"> <i :class="item.icone" aria-hidden="true"></i></b-col>
+                <b-col sm="10">
+                  <span class="titulo-sub"> {{ item.titulo }}</span></b-col
+                ></b-row
+              >
             </a>
           </li>
         </ul>
@@ -131,6 +136,7 @@ export default {
 <style scoped>
 .menu-aberto {
   width: 277px;
+  z-index: 1000;
 }
 
 .div-icone {
@@ -151,13 +157,18 @@ export default {
 }
 
 .titulo {
-  margin-left: 15px;
+  margin-left: 14px;
   font-size: 15px;
-  font-weight: normal;
+  font-weight: 400;
+}
+
+.titulo-sub {
+  margin-left: 5px;
+  font-weight: 400;
 }
 
 .sub-titulo {
-  font-size: 16px;
+  font-size: 18px;
   font-weight: normal;
 }
 </style>

package/src/component/layout/Painel.vue

@@ -13,7 +13,9 @@
         <div class="row">
           <div class="col-10">
             <div class="div-titulo">
-              <span class="modulo"> {{ modulo }} /</span>
+              <span class="modulo">
+                <span class="icone"><i class="fas fa-compass"></i></span> {{ modulo }} |</span
+              >
               <span class="titulo"> {{ titulo }}</span>
             </div>
           </div>
@@ -96,7 +98,7 @@ export default {
 <style scoped>
 .c-container {
   margin: auto;
-  padding-left: 220px;
+  padding-left: 235px;
   padding-right: 30px;
   max-width: 1400px;
 }
@@ -106,17 +108,22 @@ export default {
 }
 
 .modulo {
-  font-size: 18px;
-  font-weight: 300;
+  font-size: 16px;
+  font-weight: 400;
 }
 
 .titulo {
-  font-size: 20px;
-  font-weight: normal;
+  font-size: 18px;
+  font-weight: 400;
   line-height: 34px;
   color: #577696;
 }
 
+.icone{
+  opacity: 0.8;
+}
+
+
 .c-voltar {
   margin-top: 20px;
   margin-right: 12px;

package/src/component/shared/Tabela.vue

@@ -215,7 +215,7 @@ table tbody tr td {
 }
 
 .titulo-cabecalho {
-  font-size: 18px;
+  font-size: 14px;
   color: #757d8c;
   font-weight: 500;
 }