@nixweb/nixloc-ui 0.0.77 → 0.0.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.77",
+  "version": "0.0.80",
   "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

@@ -7,8 +7,8 @@
           @click.prevent="navegarPara('dashboard')"
           :class="sessaoDestaque('home')"
         >
-          <div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
-            <i class="fas fa-chart-area icone" aria-hidden="true"></i>
+          <div class="div-icone lado-a-lado">
+            <i class="fas fa-chart-area icone-dash" :style="'color:' + corBase"></i>
           </div>
           <div class="lado-a-lado titulo">Dashboard</div>
         </a>
@@ -20,12 +20,12 @@
           @click.prevent="abrirSubMenu(item.modulo)"
           :class="sessaoDestaque(item.modulo)"
         >
-          <div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
-            <i :class="item.icone" class="icone" aria-hidden="true"></i>
+          <div class="div-icone lado-a-lado">
+            <i :class="item.icone" class="icone" :style="'color:' + corBase"></i>
           </div>
           <div class="lado-a-lado titulo">{{ item.modulo }}</div>
           <div class="lado-a-lado seta menu__arrow-icon">
-            <i class="fa fa-chevron-right" aria-hidden="true"></i>
+            <i class="fas fa-angle-right"></i>
           </div>
         </a>
       </li>
@@ -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>
@@ -64,7 +69,6 @@
 
 <script>
 import { mapState } from "vuex";
-
 export default {
   name: "Menu",
   props: {
@@ -131,31 +135,30 @@ export default {
 <style scoped>
 .menu-aberto {
   width: 277px;
+  z-index: 1000;
 }
-
 .div-icone {
   width: 35px;
   height: 35px;
-  text-align: center;
   padding-top: 5px;
-  border-radius: 10px;
 }
-
 .icone-fechar {
-  margin-right: 30px;
+  margin-right: 20px;
 }
-
 .icone {
-  color: white;
   font-size: 18px;
 }
-
+.icone-dash {
+  font-size: 20px;
+}
 .titulo {
-  margin-left: 15px;
-  font-size: 15px;
-  font-weight: normal;
+  font-size: 14px;
+  font-weight: 400;
+}
+.titulo-sub {
+  margin-left: 5px;
+  font-weight: 400;
 }
-
 .sub-titulo {
   font-size: 16px;
   font-weight: normal;

package/src/component/layout/Painel.vue

@@ -14,7 +14,7 @@
           <div class="col-10">
             <div class="div-titulo">
               <span class="modulo">
-                <span class="icone"><i class="fas fa-compass"></i></span> {{ modulo }} /</span
+                <span class="icone"><i class="fas fa-compass"></i></span> {{ modulo }} |</span
               >
               <span class="titulo"> {{ titulo }}</span>
             </div>
@@ -99,7 +99,6 @@ export default {
 .c-container {
   margin: auto;
   padding-left: 220px;
-  padding-right: 30px;
   max-width: 1400px;
 }
 
@@ -108,13 +107,13 @@ 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;
 }

package/src/component/layout/Topo.vue

@@ -29,7 +29,7 @@ export default {
   width: 100%;
   position: fixed;
   top: 0;
-  left: 0;
+  left: 220px;
   z-index: 20;
 }
 </style>

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;
 }