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,45 @@
+<script setup>
+import Dialog from 'primevue/dialog';
+import UiButton from '../../ui/UiButton.vue';
+import { ref } from 'vue';
+
+</script>
+    
+<template>
+    <Dialog :modal="true" :closable="true" :dismissableMask="true" :maximizable="false" :style="{ width: '408px' , minHeight: '210px' }">
+        <template #header>
+            <h3>افزودن کیس از طریق شناسه مرجع</h3>
+        </template>
+        <div class="w-full py-2 flex flex-col items-start justify-center border-t border-[#EBEBEB] text-[11px] font-[600]">
+            <p>لطفا شناسه کیس که از پزشک و یا سرپرست کیس دریافت کرده‌اید را وارد نمایید.</p>
+        </div>
+        <Form ref="formRef" v-slot="$form" class="p-4 grid grid-cols-1 !w-full">
+            <FormField v-slot="$field" name="name" initialValue="" class="flex flex-col">
+                 <InputText 
+                 type="text" 
+                 placeholder="شناسه کیس" 
+                 size="large"/>
+            </FormField>
+          </Form>
+        <div class="w-full pt-3 flex items-center justify-end gap-2 border-t border-[#EBEBEB]">
+            <ui-button label="تایید و افزودن" severity="success" size="small"/>
+        </div>
+    </Dialog>
+</template>
+
+<style scoped>
+:deep(.p-inputtext::placeholder) {
+    color: #6E91C9;
+}
+
+:deep(.p-inputtext) {
+    border: 1px solid #DEE3EB !important;
+    border-radius: 8px !important;
+    font-size: 13px !important;
+    font-weight: 400 !important;
+}
+
+
+</style>
+    
+