50 lines
1.3 KiB
Vue
50 lines
1.3 KiB
Vue
<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>
|
|
|
|
|