complete design for submission flow

2026-01-06 16:20:17 +03:30
parent f602ba68e3
commit 954947af77
12 changed files with 497 additions and 49 deletions
@@ -0,0 +1,50 @@
+<script setup>
+   
+
+</script>
+    
+<template>
+<div class="w-full">
+    <p class="text-[11px] font-[400] text-[#3E4C63] py-3">جزئیات درخواست و اطلاعات مورد نیاز را با دقت و حوصله وار نمایید.</p>
+    <div class="w-full grid grid-cols-2 gap-2 items-center justify-between">
+        <Select 
+            :options="types" 
+            optionLabel="name" 
+            optionValue="code" 
+            placeholder="نوع درخواست" 
+            />
+            <span class="text-[11px] font-[400] text-[#7188AD]">زمان تخمینی ثبت گزارش: ۷۲ ساعت</span>
+    </div>
+    <div class="w-full h-[118px]">
+        <p class="text-[11px] font-[400] text-[#6E91C9]">شرح درخواست و توضیحات</p>
+        
+
+    </div>
+</div>
+</template>
+
+<style scoped>
+:deep(.p-select) {
+    border: 1px solid #DEE3EB !important;
+    border-radius: 8px !important;
+    height: 37px !important;
+    display: flex !important;
+    align-items: center !important;
+}
+
+:deep(.p-select-label) {
+    padding: 0 12px;
+    line-height: 1;
+    display: flex;
+    align-items: center;
+    height: 100%;
+}
+
+:deep(.p-select-label.p-placeholder) {
+    color: #6E91C9 !important;
+    font-size: 11px !important;
+    font-weight: 400 !important;
+}
+</style>
+    
+