45 lines
1.5 KiB
Vue
45 lines
1.5 KiB
Vue
<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>
|
||
|
||
|