weborsha/deal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix deal css

Browse Source
This commit is contained in:
Vova 2026-06-04 14:45:43 +03:00
parent c9db3f3f17
commit 5839d8e1be
7 changed files with 762 additions and 479 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/assets/css/temporary.css
View File

@ -1,32 +1,87 @@
.addDeal {
.addDeal, .p-dialog {
.p-2 {
padding: calc(var(--spacing) * 2)!important;
}
.p-3 {
padding: calc(var(--spacing) * 3)!important;
}
.p-4 {
padding: calc(var(--spacing) * 4)!important;
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3)!important;
.p-5 {
padding: calc(var(--spacing) * 5)!important;
}
.p-6 {
padding: calc(var(--spacing) * 6)!important;
}
.pr-2 {
padding-right: calc(var(--spacing) * 2);
}
.pr-3 {
padding-right: calc(var(--spacing) * 3);
}
.pr-4 {
padding-right: calc(var(--spacing) * 4);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.pl-3 {
padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
padding-left: calc(var(--spacing) * 4);
}
.pb-2 {
padding-bottom: calc(var(--spacing) * 2);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.ml-3 {
margin-left: calc(var(--spacing) * 3)!important;
}
.ml-4 {
margin-left: calc(var(--spacing) * 4)!important;
}
.mr-3 {
margin-right: calc(var(--spacing) * 3)!important;
}
.mr-4 {
margin-right: calc(var(--spacing) * 4)!important;
}
.p-4 {
padding: calc(var(--spacing) * 4)!important;
}
.mt-3 {
margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4)!important;
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.ml-auto {
margin-left: auto!important;
}
.space-x-2 {
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
}
}
.space-x-3 {
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
}
}
.space-x-4 {
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;

24
src/components/deal/DealModal.vue
View File

@ -135,8 +135,8 @@
<div class="flex w-full flex-wrap">
<EmployeeAddModal v-if="showModalDealManager" :employees="employeesList" :selected="selectedEmployees" @close="closeModalDealManager" @select="addEmployee" />
<EmployeeCard v-for="employee in selectedEmployees" :key="employee.id" :employee="employee" :url="url" @remove="removeEmployee" />
<div class="sm:w-1/2 md:w-1/3 lg:w-1/4 p-2">
<button @click="openModalDealManager" class="w-full h-full p-2 rounded flex flex-col items-center justify-center add-employee-button">
<div class="sm:w-1/2 md:w-1/3 lg:w-1/4">
<button @click="openModalDealManager" class="w-full h-full p-6 rounded flex flex-col items-center justify-center add-employee-button">
<img src="@/shared/assets/icons/plus-green.svg" alt="Добавить сотрудника">
<p>Добавить сотрудника</p>
</button>
@ -245,7 +245,7 @@
</label>
</div>
</div>
<div class="form__item flex flex-col gap-1 w-full">
<div class="form__item flex flex-col gap-1 w-full mb-3">
<label for="deal_e_registration">Электронная регистрация:</label>
<div class="deal_e_registration">
<label class="mr-4">
@ -368,8 +368,8 @@
:urlLaravel="urlLaravel"
@remove="removeDoc"
/>
<div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 p-2">
<button @click="openModalDealDoc" class="w-full h-full p-2 rounded flex flex-col items-center justify-center add-deal-doc-button">
<div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4">
<button @click="openModalDealDoc" class="w-full h-full p-6 rounded flex flex-col items-center justify-center add-deal-doc-button">
<img src="@/shared/assets/icons/plus-green.svg" alt="Добавить документ" class="w-6 h-6">
<p>Добавить документ</p>
</button>
@ -722,7 +722,7 @@ const deal = ref({
deal_date: null,
});
const deal_sides_list = ['Покупатель', 'Продавец', 'Арендодатель', 'Арендатор', 'Наниматель', 'Наймодатель'];
const deal_sides_list = ['Покупатель', 'Продавец', 'Арендодатель', 'Арендатор', 'Застройщик'];
const originalRequisitionsList = ref([]);
const requisitionsList = ref([]);
@ -967,7 +967,14 @@ const openModalDealDoc = () => {
props: {
header: 'Добавление документа',
style: { width: '50vw' },
modal: true
modal: true,
pt: {
header: {
style: {
padding: '0.75rem 1rem'
}
}
}
},
data: {
deal: deal.value
@ -1305,7 +1312,7 @@ defineExpose({ closeModel });
.p-inputtext {
width: 100%;
font-size: 1rem;
color: #495057;
color: #000;
background:#fff;
height: 36px;
line-height: 10px;
@ -1416,6 +1423,7 @@ defineExpose({ closeModel });
label {
font-size: 16px;
font-weight: 400;
color: #757575;
}
.item__content {

2
src/components/deal/addEdit/DocsCard.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 p-2">
<div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 pr-4">
<div class="document-card p-4 rounded flex">
<div class="deal-document-thumbnail w-16 h-16 flex-shrink-0 rounded-lg overflow-hidden">
<img v-if="isImage" :src="fileUrl" alt="Превью документа" class="w-full h-full object-cover" />

2
src/components/deal/addEdit/EmployeeCard.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="sm:w-1/2 md:w-1/3 lg:w-1/4 p-2">
<div class="sm:w-1/2 md:w-1/3 lg:w-1/4 pr-4">
<div class="employee-card p-4 rounded flex">
<div class="deal-employee-logo w-16 h-16 flex-shrink-0 rounded-full overflow-hidden">
<img class="w-full" v-if="employee.user_logo" :src="`${url}/photos/agency/${employee.user_logo}`" alt="">

3
src/components/deal/addEdit/InnerDocAddModal.vue
View File

@ -80,10 +80,9 @@ const getTemplateData = () => {
const sidesMap = {
'Продавец': 'sobstv',
'Арендодатель': 'sobstv',
'Наймодатель': 'sobstv',
'Застройщик': 'sobstv',
'Покупатель': 'clients',
'Арендатор': 'clients',
'Наниматель': 'clients'
};
const result = {

10
src/components/deal/addEdit/RequisitionDetails.vue
View File

@ -110,12 +110,14 @@
optionLabel="fio"
optionValue="id"
placeholder="Выбрать клиента"
class="w-full choiceDealClient"
class="w-full choiceDealClient hide-selected-values"
:maxSelectedLabels="3"
:filter="true"
display="chip"
:virtualScrollerOptions="{ itemSize: 40 }"
>
<template #value>
<span class="p-multiselect-placeholder">Выбрать клиента</span>
</template>
<template #dropdownicon>
<DropdownIcon />
</template>
@ -442,5 +444,9 @@ const typeReq = computed(() => {
display: none;
}
.hide-selected-value .p-multiselect-chip-item {
display: none !important;
}
}
</style>

1133
yarn.lock
View File

File diff suppressed because it is too large Load Diff