|
|
@@ -1,9 +1,89 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<DefaultHeaderPage title="Tesouraria" :show-filter-icon="false" />
|
|
|
+
|
|
|
+ <div class="row q-pa-md q-gutter-md">
|
|
|
+ <FinancialCard
|
|
|
+ title="Saldo Total"
|
|
|
+ icon="mdi-bank"
|
|
|
+ :financial-value="0"
|
|
|
+ :percentage="0"
|
|
|
+ />
|
|
|
+ <FinancialCard
|
|
|
+ title="Banco do Brasil"
|
|
|
+ icon="mdi-bank-outline"
|
|
|
+ :financial-value="0"
|
|
|
+ :percentage="0"
|
|
|
+ />
|
|
|
+ <FinancialCard
|
|
|
+ title="Itaú Unibanco"
|
|
|
+ icon="mdi-bank-outline"
|
|
|
+ :financial-value="0"
|
|
|
+ :percentage="0"
|
|
|
+ />
|
|
|
+ <FinancialCard
|
|
|
+ title="Bradesco"
|
|
|
+ icon="mdi-bank-outline"
|
|
|
+ :financial-value="0"
|
|
|
+ :percentage="0"
|
|
|
+ />
|
|
|
+ <FinancialCard
|
|
|
+ title="Santander"
|
|
|
+ icon="mdi-bank-outline"
|
|
|
+ :financial-value="0"
|
|
|
+ :percentage="0"
|
|
|
+ />
|
|
|
+ <FinancialCard
|
|
|
+ title="Carteira"
|
|
|
+ icon="mdi-wallet-outline"
|
|
|
+ :financial-value="0"
|
|
|
+ :percentage="0"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="q-px-md">
|
|
|
+ <DefaultTable
|
|
|
+ v-model:rows="rows"
|
|
|
+ no-api-call
|
|
|
+ add-item
|
|
|
+ title="Extrato Banco do Brasil"
|
|
|
+ description="registros"
|
|
|
+ :female="false"
|
|
|
+ :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";
|
|
|
+import FinancialCard from "src/components/financial/FinancialCard.vue";
|
|
|
+
|
|
|
+const rows = ref([]);
|
|
|
+
|
|
|
+const columns = [
|
|
|
+ {
|
|
|
+ name: "description",
|
|
|
+ label: "Descrição",
|
|
|
+ field: "description",
|
|
|
+ align: "left",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "value",
|
|
|
+ label: "Valor",
|
|
|
+ field: "value",
|
|
|
+ align: "left",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "updated_at",
|
|
|
+ label: "Atualização",
|
|
|
+ field: "updated_at",
|
|
|
+ align: "left",
|
|
|
+ },
|
|
|
+];
|
|
|
+
|
|
|
+const handleAddItem = () => {};
|
|
|
</script>
|
