complete Complete User Request Submission section RAD-1

2026-01-03 19:14:30 +03:30
commit 7137ec5792
393 changed files with 152602 additions and 0 deletions
@@ -0,0 +1,48 @@
+<script setup>
+    import { convertEnglishToPersian } from '../../utils/numberUtils'
+    import UiButton from '../../components/ui/UiButton.vue'
+    import CtScanIcon from '../../components/svg/ctScanIcon.svg'
+    import MriIcon from '../../components/svg/mriIcon.svg'
+    import SonographyIcon from '../../components/svg/sonographyIcon.svg'
+    import ECOIcon from '../../components/svg/ecoIcon.svg'
+    import RadiologyIcon from '../../components/svg/radiologyIcon.svg'
+    import { computed } from 'vue'
+    
+    const props = defineProps({
+        title: {
+            type: String,
+            required: true
+        },
+        icon: {
+            type: String,
+            required: true
+        }
+    })
+    const iconComponent = computed(() => {
+        switch (props.icon) {
+            case 'ct-scan':
+                return CtScanIcon
+            case 'mri':
+                return MriIcon
+            case 'sonography':
+                return SonographyIcon
+            case 'echo':
+                return ECOIcon
+            case 'radiology':
+                return RadiologyIcon
+            default:
+                return null
+        }
+    })
+    </script>
+    
+    <template>
+        <div class="w-full h-[169px] p-[12px] flex flex-col gap-1 items-center justify-center border-[1px] border-[#DEE3EB] rounded-[12px]">
+            <component :is="iconComponent" class="w-[87px] h-[80px]" />
+            <div class="w-full flex flex-col gap-1">
+                <p class="w-full flex items-center justify-center font-[700] text-[14px]">{{ title }}</p>
+                <ui-button label="ثبت درخواست" severity="secondary" size="small" full-width="true"/>
+            </div>
+        </div>
+    </template>
+