feat: adiciona tela de plano de contas

src/components/defaults/DefaultTable.vue

@@ -34,7 +34,7 @@
         <q-btn
           v-if="addItem"
           color="primary"
-          :style="addItemLabel ? '' : 'width: 40px; height: 40px'"
+          :style="denseAdd ? 'height: 20px' : addItemLabel ? '' : 'width: 40px; height: 40px'"
           :icon="addItemLabel ? undefined : 'mdi-plus'"
           :label="addItemLabel || undefined"
           :outline="outlineAdd"
@@ -262,6 +262,10 @@ const {
     type: Boolean,
     default: false,
   },
+  denseAdd: {
+    type: Boolean,
+    default: false,
+  },
   deleteFunction: {
     type: Function,
     default: null,

src/pages/financial/ChartOfAccountsPage.vue

@@ -1,9 +1,36 @@
 <template>
   <div>
     <DefaultHeaderPage title="Plano de Contas" :show-filter-icon="false" />
+
+    <div class="q-px-md">
+      <DefaultTable
+        v-model:rows="rows"
+        no-api-call
+        add-item
+        add-item-label="Nova Conta"
+        dense-add
+        title="Plano de Contas"
+        description="contas"
+        :female="true"
+        :columns="columns"
+        @on-add-item="handleAddItem"
+      />
+    </div>
   </div>
 </template>
 
 <script setup>
+import { ref } from "vue";
 import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
+import DefaultTable from "src/components/defaults/DefaultTable.vue";
+
+const rows = ref([]);
+
+const columns = [
+  { name: "code", label: "Código", field: "code", align: "left" },
+  { name: "name", label: "Nome da Conta", field: "name", align: "left" },
+  { name: "type", label: "Tipo", field: "type", align: "left" },
+];
+
+const handleAddItem = () => {};
 </script>