[UPDATE] Front: adiciona itens na listagem de áreas; formatação das t…

…abelas de listagem #15 #16 #17
RedeMocambos · Jun 3, 2019 · 9ad5f98 · 9ad5f98
1 parent 3dde905
commit 9ad5f98
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 1 deletion.
diff --git a/front/src/modules/area/views/ListarAreas.vue b/front/src/modules/area/views/ListarAreas.vue
@@ -13,6 +13,15 @@
                         v-slot:items="props"
                     >
                         <td>{{ props.index + 1 }}</td>
+                        <td>
+                            {{ props.item.localidade }}
+                        </td>
+                        <td>
+                            {{ props.item.dimensao }}
+                        </td>
+                        <td>
+                            {{ props.item.largura }} x {{ props.item.comprimento }}
+                        </td>
                         <td>
                           <v-btn
                                 flat
@@ -75,15 +84,32 @@ export default {
             header: [
                 {
                     text: '#',
-                    align: 'left',
+                    align: 'center',
                     sortable: false,
                     value: 'numero',
                 },
                 {
+                    align: 'center',
+                    text: 'localidade',
+                    value:' localidade',
+                },
+                {
+                    align: 'center',
+                    text: 'dimensao',
+                    value:' dimensao',
+                },
+                {
+                    align: 'center',
+                    text: 'largura x comprimento',
+                    value:' comprimento',
+                },
+                {
+                    align: 'center',
                     text: 'nome',
                     value: 'nome',
                 },
                 {
+                    align: 'center',
                     text: 'ações',
                     value: 'acoes',
                 },

diff --git a/front/src/modules/especie/views/ListarEspecies.vue b/front/src/modules/especie/views/ListarEspecies.vue
@@ -82,18 +82,22 @@ export default {
                     value: 'numero',
                 },
                 {
+                    align: 'center',
                     text: 'nome científico',
                     value: 'nome_cientifico',
                 },
                 {
+                    align: 'center',
                     text: 'família',
                     value: 'familia',
                 },
                 {
+                    align: 'center',
                     text: 'nomes populares',
                     value: 'nomes_populares',
                 },
                 {
+                    align: 'center',
                     text: 'ações',
                     value: 'acoes',
                 },

diff --git a/front/src/modules/localidade/views/ListarLocalidades.vue b/front/src/modules/localidade/views/ListarLocalidades.vue
@@ -82,18 +82,22 @@ export default {
                     value: 'numero',
                 },
                 {
+                    align: 'center',
                     text: 'nome',
                     value: 'nome',
                 },
                 {
+                    align: 'center',
                     text: 'bioma',
                     value: 'bioma',
                 },
                 {
+                    align: 'center',
                     text: 'clima',
                     value: 'clima',
                 },
                 {
+                    align: 'center',
                     text: 'ações',
                     value: 'acoes',
                 },