admin/astra-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[WIP] Исправил стили инпутов

Browse Source
This commit is contained in:
megavrilinvv
2023-01-19 15:31:23 +03:00
parent e0831f521f
commit 61085dc51a
33 changed files with 140 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/clients/components/ClientDetailInfoSection.vue
View File

@@ -113,7 +113,8 @@
base-input(
type="date",
v-else-if="isChange && section !== 'docs' && section !== 'additional'",
v-model="sectionInfo.issued_by_date"
v-model="sectionInfo.issued_by_date",
outlined
)
.copy.icon-copy.cursor-pointer(
v-if="item.copy",

3
src/pages/clients/components/ClientDetailInput.vue
View File

@@ -5,7 +5,8 @@
:placeholder="placeholder",
:maxLength="maxLength",
:mask="sharp",
:autogrow="choiceGrow"
:autogrow="choiceGrow",
outlined
)
slot
</template>

8
src/pages/clients/components/ClientDetailSectionAddress.vue
View File

@@ -14,7 +14,8 @@
labelStyle="text-xxs",
textStyle="text-sm",
v-model="dopeAddress.region",
label="Область"
label="Область",
outlined
)
base-input(
disabled,
@@ -22,7 +23,8 @@
labelStyle="text-xxs",
textStyle="text-sm",
v-model="dopeAddress.street",
label="Улица"
label="Улица",
outlined
)
.flex.gap-x-4
base-input(
@@ -40,6 +42,7 @@
v-model="dopeAddress.flat",
labelStyle="text-xxs",
textStyle="text-sm",
outlined
)
base-input(
disabled,
@@ -49,6 +52,7 @@
v-model="dopeAddress.index",
labelStyle="text-xxs",
textStyle="text-sm",
outlined
)
</template>

3
src/pages/clients/components/ClientsTableHat.vue
View File

@@ -7,7 +7,8 @@
icon-position="left",
v-model="searchClient",
placeholder="Введите фамилию",
@keyup.enter="searchLastName"
@keyup.enter="searchLastName",
outlined
)
.flex.items-center.cursor-pointer
.icon-search

68
src/pages/clients/components/FormCreateAdditional.vue
View File

@@ -1,68 +0,0 @@
<template lang="pug">
.wrapper-additional.flex.flex-col.gap-y-8.justify-between.text-base
.flex.flex-col.gap-y-6.w-full.px-4
.flex.flex-col.gap-y-4.w-full(v-for="info in additionalInfo" :key="info.id")
.flex.flex-col.gap-y-1
base-input(v-model="info.header" placeholder="Заголовок")
.flex.px-4.py-3.description
textarea.w-full.h-full.outline-0.resize-none(:value="info.description" @input="$emit('update:info.description', $event.target.value)" placeholder="Описание" style="py-10")
.upload-wrapper.flex.flex-col.justify-center.items-center
.upload-text.text-center.flex.w-fit
input.hidden(@change="(e) => saveFile(e)" type="file" :id="info.id")
span Загрузите элемент
label.label.cursor-pointer(:for="info.id") с комьютера
span или перетащите их сюда
.add-additional.flex.gap-x-3.cursor-pointer(@click="addNewAdditional")
.icon-plus
span Добавить еще пункт
.px-4
base-button(@click="saveClient" :size="40")
span.font-semibold Создать клиента
</template>
<script>
import BaseInput from "@/components/base/BaseInput";
import BaseButton from "@/components/base/BaseButton";
export default {
name: "FormCreateAdditional",
components: { BaseInput, BaseButton },
props: {
additionalInfo: Object,
saveClient: Function,
addNewAdditional: Function,
saveFile: Function,
},
};
</script>
<style lang="sass" scoped>
.wrapper-additional
min-height: 443px
max-height: 443px
overflow-y: auto
&::-webkit-scrollbar
width: 4px
&::-webkit-scrollbar-track
background-color: rgba(211, 212, 220, 0.5)
border-radius: 8px
&::-webkit-scrollbar-thumb
border-radius: 8px
background-color: var(--btn-blue-color)
.upload-wrapper
min-height: 92px
max-height: 92px
width: 100%
color: var(--font-grey-color)
border: 2px dashed var(--font-grey-color)
border-radius: 4px
.upload-text
max-width: 278px
.label
color: var(--btn-blue-color)
.description
min-height: 77px
border-radius: 4px
border: 2px solid var(--border-light-grey-color)
.add-additional
color: var(--btn-blue-color)
</style>

21
src/pages/clients/components/FormCreateAddresses.vue
View File

@@ -4,7 +4,8 @@
base-input(
v-model="addresses.full_address",
placeholder="Введите адрес целиком",
label="Полный адрес"
label="Полный адрес",
outlined
)
.flex.items-center.justify-center.relative
.line.absolute
@@ -15,35 +16,40 @@
filled,
placeholder="Введите город",
v-model="addresses.city",
label="Город"
label="Город",
outlined
)
base-input(
disabled,
filled,
placeholder="Введите область",
v-model="addresses.region",
label="Область"
label="Область",
outlined
)
base-input(
disabled,
filled,
placeholder="Введите улицу",
v-model="addresses.street",
label="Введите улицу"
label="Введите улицу",
outlined
)
base-input(
disabled,
filled,
placeholder="Номер дома",
v-model="addresses.house_number",
label="Дом"
label="Дом",
outlined
)
base-input(
disabled,
filled,
placeholder="Номер квартиры",
v-model="addresses.apartment_number",
label="Квартира"
label="Квартира",
outlined
)
base-input(
disabled,
@@ -51,7 +57,8 @@
placeholder="000000",
mask="######",
v-model="addresses.zip_code",
label="Индекс"
label="Индекс",
outlined
)
</template>

9
src/pages/clients/components/FormCreateBasicInfo.vue
View File

@@ -10,18 +10,21 @@
base-input(
type="date"
v-model="basicInfo.birth_date",
label="Дата рождения"
label="Дата рождения",
outlined
)
base-input(
v-model="phone.username",
placeholder="+7 (915) 644–92–23",
mask="+7 (###) ###-##-##",
label="Номер телефона"
label="Номер телефона",
outlined
)
base-input(
v-model="email.username",
placeholder="user@yandex.ru",
label="Email"
label="Email",
outlined
)
.flex.flex-col.col-start-1.col-end-3.w-100(class="gap-y-1.5")
span.text-sm.font-semibold.opacity-40.input-info Ссылки на соцсети

18
src/pages/clients/components/FormCreateIdentityDocuments.vue
View File

@@ -7,24 +7,28 @@
mask="#### ######",
v-model="identityDocument.pass.series_number",
placeholder="0000 000000",
label="Серия и номер"
label="Серия и номер",
outlined
)
base-input(
v-model="identityDocument.pass.issued_by_org",
placeholder="Точно как в паспорте",
label="Кем выдан"
label="Кем выдан",
outlined
)
base-input(
mask="###-###",
v-model="identityDocument.pass.issued_by_org_code",
placeholder="000–000",
label="Код подразделения"
label="Код подразделения",
outlined
)
base-input(
type="date"
v-model="identityDocument.pass.issued_by_date",
placeholder="Дата",
label="Дата выдачи"
label="Дата выдачи",
outlined
)
.flex.flex-col.gap-y-6
span.title-info.text-base.font-bold СНИЛС и ИНН
@@ -35,7 +39,8 @@
mask="###-###-### ##",
v-model="identityDocument.snils.number",
placeholder="000–000–000 00",
label="Номер СНИЛС"
label="Номер СНИЛС",
outlined
)
base-input(
disabled,
@@ -43,7 +48,8 @@
mask="############",
v-model="identityDocument.inn.number",
placeholder="000000000000",
label="Номер ИНН"
label="Номер ИНН",
outlined
)
</template>

5
src/pages/clients/components/FormsAgreementCreate/AgreementCommon.vue
View File

@@ -11,17 +11,20 @@
base-input(
type="date",
v-model="signedDate",
label="Дата подписания"
label="Дата подписания",
outlined
)
base-input(
type="date",
v-model="startDate",
label="Начало оказания услуг"
outlined
)
base-input(
type="date",
v-model="endDate",
label="Окончание оказания услуг"
outlined
)
base-custom-select(
placeholder="Поручить",

1
src/pages/clients/components/FormsAgreementCreate/AgreementPerson.vue
View File

@@ -5,6 +5,7 @@
label="ФИО пациента",
v-model="patientFullName",
disabled
outlined
)
//-.flex.justify-between
base-custom-select.w-80(

3
src/pages/clients/components/FormsAgreementCreate/AgreementServices.vue
View File

@@ -12,16 +12,19 @@
type="date",
v-model="signedDate",
label="Дата подписания"
outlined
)
base-input(
type="date",
v-model="startDate",
label="Начало оказания услуг"
outlined
)
base-input(
type="date",
v-model="endDate",
label="Окончание оказания услуг"
outlined
)
base-custom-select(
placeholder="Поручить",

2
src/pages/clients/components/TableCreateNote.vue
View File

@@ -1,7 +1,7 @@
<template lang="pug">
.flex.flex-col.gap-y-3
.flex.flex-col.gap-y-3.relative
base-input.text-smm(placeholder="Заголовок", v-model="title", :maxLength="40")
base-input.text-smm(placeholder="Заголовок", v-model="title", :maxLength="40", outlined)
.text.flex.absolute.text-xsx.right-7.top-3 {{`${changeValue}/40`}}
.input-wrapper.flex.gap-x-2.px-4.box-border.w-max-fit.text-smm(class="py-2.5")
textarea.place-input.w-full.outline-0.not-italic.resize-none(

8
src/pages/clients/components/TableCreatePackageDoc.vue
View File

@@ -17,7 +17,8 @@
.counter.font-semibold.text-smm ФИО
base-input(
v-model="patient",
placeholder="Введите название для пакета документов"
placeholder="Введите название для пакета документов",
outlined
)
span.counter
.flex.gap-x-4
@@ -27,7 +28,7 @@
.flex.flex-col(class="gap-y-1.5")
.counter.font-semibold.text-smm Дата подписания
.input-date.flex.h-10.justify-center
base-input(type="date", :width-input="277")
base-input(type="date", :width-input="277", outlined)
.flex.flex-col.gap-y-6
span.font-bold Дополнительное
.flex.flex-col.mb-124px(class="gap-y-1.5")
@@ -44,7 +45,8 @@
:with-icon="true",
icon-position="left",
:width-input="310",
placeholder="Поиск"
placeholder="Поиск",
outlined
)
.counter.icon-search
base-select.h-10(placeholder="Вид услуги")

3
src/pages/clients/components/cells/TableCellBodyBirthday.vue
View File

@@ -8,7 +8,8 @@
type="date",
v-if="isOpenChange",
@click.stop,
v-model="value.age"
v-model="value.age",
outlined
)
</template>

3
src/pages/clients/components/cells/TableCellBodyEmail.vue
View File

@@ -12,7 +12,8 @@
v-if="isOpenChange",
@click.stop,
v-model="value.email.username",
:placeholder="value.email.username"
:placeholder="value.email.username",
outlined
)
</template>

3
src/pages/clients/components/cells/TableCellBodyName.vue
View File

@@ -10,7 +10,8 @@
base-input(
@click.stop,
v-model="value.fullName",
placeholder="Фамилия Имя Отчество"
placeholder="Фамилия Имя Отчество",
outlined
)
</template>

3
src/pages/clients/components/cells/TableCellBodyPhone.vue
View File

@@ -8,7 +8,8 @@
@click.stop,
v-model="value.phone.username",
:placeholder="value.phone.username",
mask="+7 (###) ###-##-##"
mask="+7 (###) ###-##-##",
outlined
)
</template>