feat: ✨ feat(redirecionamento-dashboard) Foi realizado ajustes na pagina dashboard

Ajuste feito para facilitar a navegação do prestador onde ele consegue pela pagina principal da dashboard alterar preço e tambem clica em ver detalhes das oportunidades consequengte ao clicar ele abre o modal onde pode selecionar para atender.

fase:dev | origin:escopo

src/components/dashboard/DashboardOpportunities.vue

@@ -50,14 +50,15 @@
                   {{ chooseAddressType(item.address_type) }}
               </div>
               <q-btn
-                unelevated
-                rounded
-                no-caps
-                color="primary"
-                size="sm"
-                class="btn-details"
-                :label="$t('common.details')"
-              />
+                 unelevated
+                 rounded
+                 no-caps
+                 color="primary"
+                 size="sm"
+                 class="btn-details"
+                 :label="$t('common.details')"
+                 @click="openOpportunityDetails(item)"
+                />
             </div>
           </q-card-section>
         </q-card>
@@ -70,6 +71,9 @@
 import { formatCurrency } from 'src/helpers/utils';
 import { labelsPeriodTypes } from 'src/helpers/arraysOptions/labelsPeriodTypes.js';
 import { useI18n } from 'vue-i18n';
+ import { useQuasar } from 'quasar';
+ import OpportunityDetailsDialog from 'src/pages/opportunities/components/OpportunityDetailsDialog.vue';
+
 defineProps({
   data: {
     type: Array,
@@ -78,6 +82,17 @@ defineProps({
 });
 const { t } = useI18n();
 
+const $q = useQuasar();
+
+const openOpportunityDetails = (item) => {
+  $q.dialog({
+    component: OpportunityDetailsDialog,
+   componentProps: {
+  opportunityId: item.id
+}
+  })
+}
+
 const formatWeekday = (iso) => {
   if (!iso) return '';
   const d = new Date(iso);

src/components/dashboard/DashboardPriceSuggest.vue

@@ -19,7 +19,7 @@
               <q-btn icon="mdi-eye-off-outline" flat size="xs" color="grey-6" class="q-pa-none q-pl-sm" @click="showMyPrice = !showMyPrice"/>
             </q-chip>
           </div>
-          <q-btn flat no-caps color="primary" padding="0" class="btn-alter">
+          <q-btn flat no-caps color="primary" padding="0" class="btn-alter" @click="openServiceDataDialog">
             <div class="row items-center q-gutter-x-xs">
               <span class="text-weight-bold">{{ $t('common.alter') }}</span>
               <q-icon name="mdi-pencil-outline" size="xs" />
@@ -34,8 +34,8 @@
 <script setup>
 import { formatCurrency } from 'src/helpers/utils';
 import { ref } from 'vue';
-
-const showMyPrice = ref(false);
+import { useQuasar } from 'quasar';
+import ServiceDataDialog from '../profile/ProfileServiceDataDialog.vue';
 
 defineProps({
   data: {
@@ -45,6 +45,18 @@ defineProps({
   }
 });
 
+
+const showMyPrice = ref(false);
+
+const $q = useQuasar()
+
+const openServiceDataDialog = () => {
+  $q.dialog({
+    component: ServiceDataDialog
+  })
+}
+
+
 </script>
 
 <style scoped lang="scss">