change fast request section RAD-2

resources/js/Client/Pages/Dashboard/Dashboard.vue

@@ -1,14 +1,22 @@
 <script setup>
-import ClientLayout from '../../layouts/ClientLayout.vue'
-import ActivitiesWidget from '../../components/dashboard/ActivitiesWidget.vue'
-import ActivitiesChart from '../../components/dashboard/ActivitiesChart.vue'
-import TableGeneric from '../../components/ui/TableGeneric.vue'
-import UiButton from '../../components/ui/UiButton.vue'
-import EyeSvg from '../../components/svg/eye.svg'
-import UiCard from '../../components/ui/UiCard.vue'
-import RequestCard from '../../components/dashboard/RequestCard.vue'
-import { ref } from 'vue'
-import { Link } from '@inertiajs/inertia-vue3'
+import ClientLayout from '../../layouts/ClientLayout.vue';
+import ActivitiesWidget from '../../components/dashboard/ActivitiesWidget.vue';
+import ActivitiesChart from '../../components/dashboard/ActivitiesChart.vue';
+import TableGeneric from '../../components/ui/TableGeneric.vue';
+import UiButton from '../../components/ui/UiButton.vue';
+import EyeSvg from '../../components/svg/eye.svg';
+import UiCard from '../../components/ui/UiCard.vue';
+import RequestCard from '../../components/dashboard/RequestCard.vue';
+import { ref } from 'vue';
+import { Link } from '@inertiajs/inertia-vue3';
+import FastRequestModal from '../../components/dashboard/FastRequestModal.vue';
+
+const fastRequestModalVisible = ref(false);
+
+const openFastRequestModal = () => {
+    fastRequestModalVisible.value = true;
+}
+
 defineProps({
     user: {
         type: Object,
@@ -105,7 +113,7 @@ const columns = ref([
         <UiCard title="ثبت آنی درخواست جدید" variant="default" class="mt-4">
             <p class="w-full flex items-center justify-start font-[400] text-[11px]">فقط چند قدم ساده برای ثبت درخواست کافیه.</p>
             <div class="w-full h-[179px] grid grid-cols-5 gap-3 justify-start pt-[10px]">
-                <RequestCard title="CT Scan" icon="ct-scan" severity="primary"/>
+                <RequestCard title="CT Scan" icon="ct-scan" severity="primary" @click="openFastRequestModal"/>
                 <RequestCard title="MRI" icon="mri" severity="primary"/>
                 <RequestCard title="سونوگرافی" icon="sonography" severity="primary"/>
                 <RequestCard title="اکوکاردیوگرافی" icon="echo" severity="primary"/>
@@ -137,6 +145,6 @@ const columns = ref([
         <UiCard title="خلاصه عملکرد شما" variant="default" class="mt-4">
             <ActivitiesChart />
         </UiCard>
-
+        <fast-request-modal v-model:visible="fastRequestModalVisible"></fast-request-modal>
     </ClientLayout>
 </template>