|
@@ -8,11 +8,11 @@
|
|
|
<div class="row q-col-gutter-sm">
|
|
<div class="row q-col-gutter-sm">
|
|
|
|
|
|
|
|
<div class="col-12 col-md-6">
|
|
<div class="col-12 col-md-6">
|
|
|
- <q-card flat class="dashboard-card">
|
|
|
|
|
|
|
+ <q-card flat clickable class="dashboard-card" @click="goToAgendamentos">
|
|
|
<q-card-section class="dashboard-content">
|
|
<q-card-section class="dashboard-content">
|
|
|
|
|
|
|
|
<q-icon
|
|
<q-icon
|
|
|
- name="mdi-message-text-outline"
|
|
|
|
|
|
|
+ name="mdi-clock-outline"
|
|
|
size="20px"
|
|
size="20px"
|
|
|
color="violet-normal"
|
|
color="violet-normal"
|
|
|
/>
|
|
/>
|
|
@@ -30,11 +30,11 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-12 col-md-6">
|
|
<div class="col-12 col-md-6">
|
|
|
- <q-card flat class="dashboard-card">
|
|
|
|
|
|
|
+ <q-card flat clickable class="dashboard-card" @click="goToAgendamentos">
|
|
|
<q-card-section class="dashboard-content">
|
|
<q-card-section class="dashboard-content">
|
|
|
|
|
|
|
|
<q-icon
|
|
<q-icon
|
|
|
- name="mdi-clock-outline"
|
|
|
|
|
|
|
+ name="mdi-check-circle-outline"
|
|
|
size="20px"
|
|
size="20px"
|
|
|
color="violet-normal"
|
|
color="violet-normal"
|
|
|
/>
|
|
/>
|
|
@@ -52,11 +52,11 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-12 col-md-6">
|
|
<div class="col-12 col-md-6">
|
|
|
- <q-card flat class="dashboard-card">
|
|
|
|
|
|
|
+ <q-card flat clickable class="dashboard-card" @click="goToAgendamentos">
|
|
|
<q-card-section class="dashboard-content">
|
|
<q-card-section class="dashboard-content">
|
|
|
|
|
|
|
|
<q-icon
|
|
<q-icon
|
|
|
- name="mdi-account-group-outline"
|
|
|
|
|
|
|
+ name="mdi-list-box-outline"
|
|
|
size="20px"
|
|
size="20px"
|
|
|
color="violet-normal"
|
|
color="violet-normal"
|
|
|
/>
|
|
/>
|
|
@@ -74,11 +74,11 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-12 col-md-6">
|
|
<div class="col-12 col-md-6">
|
|
|
- <q-card flat class="dashboard-card">
|
|
|
|
|
|
|
+ <q-card flat clickable class="dashboard-card" @click="goToAgendamentos">
|
|
|
<q-card-section class="dashboard-content">
|
|
<q-card-section class="dashboard-content">
|
|
|
|
|
|
|
|
<q-icon
|
|
<q-icon
|
|
|
- name="mdi-alert-circle-outline"
|
|
|
|
|
|
|
+ name="mdi-close-circle-outline"
|
|
|
size="20px"
|
|
size="20px"
|
|
|
color="violet-normal"
|
|
color="violet-normal"
|
|
|
/>
|
|
/>
|
|
@@ -101,12 +101,20 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
|
|
|
+import { useRouter } from "vue-router";
|
|
|
|
|
+
|
|
|
defineProps({
|
|
defineProps({
|
|
|
stats: {
|
|
stats: {
|
|
|
type: Object,
|
|
type: Object,
|
|
|
required: true,
|
|
required: true,
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
|
|
+
|
|
|
|
|
+const router = useRouter();
|
|
|
|
|
+
|
|
|
|
|
+function goToAgendamentos() {
|
|
|
|
|
+ router.push({ name: "AgendamentosPage" });
|
|
|
|
|
+}
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
@@ -124,6 +132,7 @@ defineProps({
|
|
|
.dashboard-card {
|
|
.dashboard-card {
|
|
|
border-radius: 6px;
|
|
border-radius: 6px;
|
|
|
background: white;
|
|
background: white;
|
|
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.dashboard-content {
|
|
.dashboard-content {
|