diff --git a/src/components/base/BaseDetailInput.vue b/src/components/base/BaseDetailInput.vue index a848023..96e161f 100644 --- a/src/components/base/BaseDetailInput.vue +++ b/src/components/base/BaseDetailInput.vue @@ -4,19 +4,16 @@ .flex.items-center(v-if="field.type === 'text' || field.type === 'textarea'" class="gap-x-2.5") span.w-4.icon(v-if="field.icon" :class="field.icon") base-input(v-model="data[field.label]" :with-icon="field.copy") - .copy.icon-copy.cursor-pointer( - v-if="field.copy && data[field.label]", - @click="() => copyValue(data[field.label])" - ) - base-input-date(v-if="field.type === 'date'" v-model="data[field.label]") + .flex.items-center(v-if="field.copy && data[field.label]") + .copy.icon-copy.cursor-pointer(@click="() => copyValue(data[field.label])") + base-input(v-if="field.type === 'date'" v-model="data[field.label]") diff --git a/src/components/base/BaseInputContainer.vue b/src/components/base/BaseInputContainer.vue index 0db4cc0..2def0b3 100644 --- a/src/components/base/BaseInputContainer.vue +++ b/src/components/base/BaseInputContainer.vue @@ -1,6 +1,6 @@ diff --git a/src/pages/calendar/components/CalendarFormAddEvent.vue b/src/pages/calendar/components/CalendarFormAddEvent.vue index 29cd0d8..283102c 100644 --- a/src/pages/calendar/components/CalendarFormAddEvent.vue +++ b/src/pages/calendar/components/CalendarFormAddEvent.vue @@ -32,9 +32,10 @@ label="Клиент" ) .flex.gap-x-4 - base-input-date( + base-input( v-model="eventDate", - label="Дата" + label="Дата", + type="date" ) .flex.gap-x-2.items-center base-input-time.item-input.text-base( @@ -72,17 +73,16 @@ import { addNotification } from "@/components/Notifications/notificationContext" import { fetchWrapper } from "@/shared/fetchWrapper.js"; import BaseInputTime from "@/components/base/BaseInputTime.vue"; import BaseInput from "@/components/base/BaseInput.vue"; -import BaseInputDate from "@/components/base/BaseInputDate.vue"; import BaseSelect from "@/components/base/BaseSelect.vue"; import BaseCustomSelect from "@/components/base/BaseCustomSelect.vue"; import * as moment from "moment/moment"; import { statusesDictionary } from "../utils/statusesDictionary.js"; + export default { name: "FormChangeEvent", components: { BaseSelect, BaseInput, - BaseInputDate, BaseInputTime, BaseCustomSelect, TheNotificationProvider, diff --git a/src/pages/clients/components/ClientDetailInfoSection.vue b/src/pages/clients/components/ClientDetailInfoSection.vue index d6a912b..a4c5c0b 100644 --- a/src/pages/clients/components/ClientDetailInfoSection.vue +++ b/src/pages/clients/components/ClientDetailInfoSection.vue @@ -110,7 +110,8 @@ :placeholder="settings[section].placeholder[key] || settings[section].placeholder" :sharp="settings[section].sharps[key] && section === 'pass' ? settings[section].sharps[key] : ''" ) - base-input-date.input-date.text-sm( + base-input( + type="date", v-else-if="isChange && section !== 'docs' && section !== 'additional'", v-model="sectionInfo.issued_by_date" ) @@ -180,7 +181,7 @@ import ClientDetailSectionAddress from "@/pages/clients/components/ClientDetailS import TableChoiceAddingDoc from "@/pages/clients/components/TableChoiceAddingDoc"; import BasePopup from "@/components/base/BasePopup"; import BaseModal from "@/components/base/BaseModal"; -import BaseInputDate from "@/components/base/BaseInputDate"; +import BaseInput from "@/components/base/BaseInput"; import { detail } from "@/pages/clients/utils/tableConfig"; import pdfIcon from "@/assets/icons/pdf.svg"; import wordIcon from "@/assets/icons/word.svg"; @@ -193,7 +194,7 @@ export default { name: "ClientDetailInfoSection", components: { BaseButton, - BaseInputDate, + BaseInput, BasePopup, BaseModal, BaseLoader, @@ -523,12 +524,4 @@ export default { width: 38px z-index: 1 background: var(--light-grey-bg-color) - -.input - border: 1.5px solid var(--border-light-grey-color) - height: 40px - -.input-date - height: 40px - background-color: var(--default-white) diff --git a/src/pages/clients/components/ClientDetailInput.vue b/src/pages/clients/components/ClientDetailInput.vue index fb1109b..9579c24 100644 --- a/src/pages/clients/components/ClientDetailInput.vue +++ b/src/pages/clients/components/ClientDetailInput.vue @@ -4,7 +4,8 @@ v-model="value", :placeholder="placeholder", :maxLength="maxLength", - :mask="sharp" + :mask="sharp", + :autogrow="choiceGrow" ) slot @@ -26,6 +27,9 @@ export default { choiceType() { return !this.sharp ? "textarea" : "text"; }, + choiceGrow() { + return !this.sharp ? true : false; + }, value: { get() { return this.modelValue; diff --git a/src/pages/clients/components/FormCreateBasicInfo.vue b/src/pages/clients/components/FormCreateBasicInfo.vue index 7d7d51f..562da8a 100644 --- a/src/pages/clients/components/FormCreateBasicInfo.vue +++ b/src/pages/clients/components/FormCreateBasicInfo.vue @@ -7,7 +7,8 @@ v-model="basicInfo.priority", label="Приоритет" ) - base-input-date.input-info( + base-input.input-info( + type="date" v-model="basicInfo.birth_date", label="Дата рождения" ) @@ -44,7 +45,6 @@ - diff --git a/src/pages/clients/components/cells/TableCellBodyName.vue b/src/pages/clients/components/cells/TableCellBodyName.vue index 894b66c..572812f 100644 --- a/src/pages/clients/components/cells/TableCellBodyName.vue +++ b/src/pages/clients/components/cells/TableCellBodyName.vue @@ -2,8 +2,8 @@ .flex.box-border.px-4.items-center.gap-x-3.w-full.text-sm( :style="{ width : width + 'px'}", ) - base-avatar(:size="36", :color="avatarColor", v-if="!photo") {{avatar}} - base-avatar(:size="36", v-else) + base-avatar(:size="36", :color="avatarColor", v-if="!photo && !isOpenChange") {{avatar}} + base-avatar(:size="36", v-else-if="photo && !isOpenChange") img.h-full.object-cover(:src="url + photo") span.font-semibold(v-if="!isOpenChange") {{value.fullName}} .name(v-if="isOpenChange") diff --git a/src/pages/login/TheLogin.vue b/src/pages/login/TheLogin.vue index 7addb8a..fbefbb8 100644 --- a/src/pages/login/TheLogin.vue +++ b/src/pages/login/TheLogin.vue @@ -9,7 +9,7 @@ .text-under.flex.not-italic.font-medium.text-base( :style="{color: this.underTextColor}" ) Войдите в аккаунт, чтобы начать пользоваться сервисом «Астра». - .flex.flex-col.gap-y-2 + .flex.flex-col.gap-y-5 base-input.font-medium( :rule="[wrongData => !!wrongData]", v-model="user.username", @@ -21,16 +21,15 @@ v-model="user.password", :type="changeType", placeholder="Введите ваш пароль", - label="Пароль", - withIcon + label="Пароль" ) .flex.items-center.cursor-pointer q-icon( v-if="!wrongData && user.password" - :name="isView ? 'visibility_off' : 'visibility'", + :name="!isView ? 'visibility_off' : 'visibility'", @click="changeView" ) - span.font-medium(:style="{color: this.redColor}", v-show="wrongData") Неверный логин или пароль + span.font-medium(:style="{color: this.redColor}", v-if="wrongData") Неверный логин или пароль .flex.items-center.gap-x-11px input.w-4.h-4.checkbox.cursor-pointer(@click="persist", type="checkbox") .flex.non-italic.font-medium.base Запомнить меня diff --git a/src/pages/medicalCard/components/MedicalBaseData.vue b/src/pages/medicalCard/components/MedicalBaseData.vue index 7043dc2..0af7981 100644 --- a/src/pages/medicalCard/components/MedicalBaseData.vue +++ b/src/pages/medicalCard/components/MedicalBaseData.vue @@ -15,7 +15,8 @@ ) .flex.gap-x-4 .input - base-input-date( + base-input( + type="date", label="Дата рождения", v-model="clientDetail.birth_date", ) @@ -53,7 +54,6 @@ - - diff --git a/src/pages/medicalCard/components/MedicalPolicyDocuments.vue b/src/pages/medicalCard/components/MedicalPolicyDocuments.vue index ffc919c..a16c3b8 100644 --- a/src/pages/medicalCard/components/MedicalPolicyDocuments.vue +++ b/src/pages/medicalCard/components/MedicalPolicyDocuments.vue @@ -50,7 +50,6 @@