WIP Перемещен инпут
This commit is contained in:
@@ -116,16 +116,16 @@
|
||||
:placeholder="settings[section].placeholder[key] || settings[section].placeholder"
|
||||
:sharp="settings[section].sharps[key] && section === 'pass' ? settings[section].sharps[key] : ''"
|
||||
)
|
||||
base-input(
|
||||
type="date",
|
||||
v-else-if="isChange && section !== 'docs' && section !== 'additional'",
|
||||
v-model="sectionInfo.issued_by_date",
|
||||
outlined
|
||||
)
|
||||
.copy.icon-copy.cursor-pointer(
|
||||
v-if="item.copy",
|
||||
@click="() => copyValue(item)"
|
||||
.bg-white(v-else-if="isChange && section !== 'docs' && section !== 'additional'",)
|
||||
base-input(
|
||||
type="date",
|
||||
v-model="sectionInfo.issued_by_date",
|
||||
size="S"
|
||||
)
|
||||
.copy.icon-copy.cursor-pointer(
|
||||
v-if="item.copy",
|
||||
@click="() => copyValue(item)"
|
||||
)
|
||||
.separation.flex.items-center.justify-center.relative.mt-10px.mb(
|
||||
v-if="section === 'addresses' && isChange",
|
||||
class="gap-y-1.5"
|
||||
@@ -194,6 +194,7 @@ import exelIcon from "@/assets/icons/exel.svg";
|
||||
import * as moment from "moment";
|
||||
import BaseLoader from "@/components/Loader/BaseLoader.vue";
|
||||
import StepperCreateAgreement from "./StepperCreateAgreement";
|
||||
import BaseInputDate from "@/components/base/BaseInputDate.vue";
|
||||
|
||||
export default {
|
||||
name: "ClientDetailInfoSection",
|
||||
@@ -209,6 +210,7 @@ export default {
|
||||
TableChoiceAddingDoc,
|
||||
TableCreateNote,
|
||||
StepperCreateAgreement,
|
||||
BaseInputDate,
|
||||
},
|
||||
props: {
|
||||
saveNewDoc: Function,
|
||||
|
||||
@@ -1,13 +1,14 @@
|
||||
<template lang="pug">
|
||||
base-input(
|
||||
:type="choiceType"
|
||||
v-model="value",
|
||||
:placeholder="placeholder",
|
||||
:maxLength="maxLength",
|
||||
:mask="sharp",
|
||||
:autogrow="choiceGrow",
|
||||
outlined
|
||||
)
|
||||
.bg-white
|
||||
base-input(
|
||||
:type="choiceType"
|
||||
v-model="value",
|
||||
:placeholder="placeholder",
|
||||
:maxLength="maxLength",
|
||||
:mask="sharp",
|
||||
:autogrow="choiceGrow",
|
||||
:size="!choiceGrow ? 'S' : 'auto'"
|
||||
)
|
||||
slot
|
||||
</template>
|
||||
|
||||
|
||||
@@ -11,20 +11,16 @@
|
||||
base-input(
|
||||
disabled,
|
||||
placeholder="Введите область",
|
||||
labelStyle="text-xxs",
|
||||
textStyle="text-sm",
|
||||
v-model="dopeAddress.region",
|
||||
label="Область",
|
||||
outlined
|
||||
size="S"
|
||||
)
|
||||
base-input(
|
||||
disabled,
|
||||
placeholder="Введите улицу",
|
||||
labelStyle="text-xxs",
|
||||
textStyle="text-sm",
|
||||
v-model="dopeAddress.street",
|
||||
label="Улица",
|
||||
outlined
|
||||
size="S"
|
||||
)
|
||||
.flex.gap-x-4
|
||||
base-input(
|
||||
@@ -32,17 +28,14 @@
|
||||
placeholder="Дом",
|
||||
label="Дом"
|
||||
v-model="dopeAddress.house",
|
||||
labelStyle="text-xxs",
|
||||
textStyle="text-sm",
|
||||
size="S"
|
||||
)
|
||||
base-input(
|
||||
disabled,
|
||||
placeholder="Квартира",
|
||||
label="Квартира",
|
||||
v-model="dopeAddress.flat",
|
||||
labelStyle="text-xxs",
|
||||
textStyle="text-sm",
|
||||
outlined
|
||||
size="S"
|
||||
)
|
||||
base-input(
|
||||
disabled,
|
||||
@@ -50,9 +43,7 @@
|
||||
placeholder="000000",
|
||||
label="Индекс",
|
||||
v-model="dopeAddress.index",
|
||||
labelStyle="text-xxs",
|
||||
textStyle="text-sm",
|
||||
outlined
|
||||
size="S"
|
||||
)
|
||||
</template>
|
||||
|
||||
|
||||
@@ -10,7 +10,8 @@
|
||||
:width="280",
|
||||
:icon-left="!searchClient"
|
||||
)
|
||||
q-icon(name="app:search", size="18px", v-if="!searchClient")
|
||||
template(v-slot:iconLeft, v-if="!searchClient")
|
||||
q-icon(name="app:search", size="18px")
|
||||
base-button(
|
||||
v-if="createdClientName === ''",
|
||||
@click="searchLastName",
|
||||
@@ -42,7 +43,7 @@
|
||||
<script>
|
||||
import ClientsTableHeaderActions from "@/pages/clients/components/ClientsTableHeaderActions";
|
||||
import BaseButton from "@/components/base/BaseButton.vue";
|
||||
import BaseInput from "@/components/BaseInput.vue";
|
||||
import BaseInput from "@/components/base/BaseInput.vue";
|
||||
|
||||
export default {
|
||||
name: "ClientsTableHat",
|
||||
|
||||
@@ -58,7 +58,7 @@
|
||||
|
||||
<script>
|
||||
import BaseCustomSelect from "@/components/base/BaseCustomSelect";
|
||||
import BaseInput from "@/components/BaseInput.vue";
|
||||
import BaseInput from "@/components/base/BaseInput.vue";
|
||||
|
||||
export default {
|
||||
name: "FormCreateAddresses",
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
<script>
|
||||
import BaseAddingNetwork from "@/components/base/BaseAddingNetwork";
|
||||
import BaseSelect from "@/components/base/BaseSelect";
|
||||
import BaseInput from "@/components/BaseInput.vue";
|
||||
import BaseInput from "@/components/base/BaseInput.vue";
|
||||
import BaseInputDate from "@/components/base/BaseInputDate.vue";
|
||||
|
||||
export default {
|
||||
|
||||
@@ -51,7 +51,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import BaseInput from "@/components/BaseInput.vue";
|
||||
import BaseInput from "@/components/base/BaseInput.vue";
|
||||
import BaseInputDate from "@/components/base/BaseInputDate.vue";
|
||||
|
||||
export default {
|
||||
|
||||
@@ -19,8 +19,6 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import BaseInput from "@/components/base/BaseInput";
|
||||
import BaseSelect from "@/components/base/BaseSelect";
|
||||
import MedicalBaseData from "@/pages/oldMedicalCard/components/MedicalBaseData";
|
||||
import MedicalIdentityDocuments from "@/pages/oldMedicalCard/components/MedicalIdentityDocuments";
|
||||
import MedicalPolicyDocuments from "@/pages/oldMedicalCard/components/MedicalPolicyDocuments";
|
||||
@@ -33,8 +31,6 @@ export default {
|
||||
name: "FormCreateMedicalCard",
|
||||
mixins: [v_model],
|
||||
components: {
|
||||
BaseInput,
|
||||
BaseSelect,
|
||||
MedicalBaseData,
|
||||
MedicalIdentityDocuments,
|
||||
MedicalPolicyDocuments,
|
||||
|
||||
@@ -12,19 +12,19 @@
|
||||
type="date",
|
||||
v-model="signedDate",
|
||||
label="Дата подписания",
|
||||
outlined
|
||||
size="M"
|
||||
)
|
||||
base-input(
|
||||
type="date",
|
||||
v-model="startDate",
|
||||
label="Начало оказания услуг"
|
||||
outlined
|
||||
size="M"
|
||||
)
|
||||
base-input(
|
||||
type="date",
|
||||
v-model="endDate",
|
||||
label="Окончание оказания услуг"
|
||||
outlined
|
||||
size="M"
|
||||
)
|
||||
base-select(
|
||||
placeholder="Поручить",
|
||||
|
||||
@@ -4,8 +4,8 @@
|
||||
base-input(
|
||||
label="ФИО пациента",
|
||||
v-model="patientFullName",
|
||||
disabled
|
||||
outlined
|
||||
disabled,
|
||||
size="M"
|
||||
)
|
||||
//-.flex.justify-between
|
||||
base-select.w-80(
|
||||
|
||||
@@ -11,20 +11,20 @@
|
||||
base-input(
|
||||
type="date",
|
||||
v-model="signedDate",
|
||||
label="Дата подписания"
|
||||
outlined
|
||||
label="Дата подписания",
|
||||
size="M"
|
||||
)
|
||||
base-input(
|
||||
type="date",
|
||||
v-model="startDate",
|
||||
label="Начало оказания услуг"
|
||||
outlined
|
||||
label="Начало оказания услуг",
|
||||
size="M"
|
||||
)
|
||||
base-input(
|
||||
type="date",
|
||||
v-model="endDate",
|
||||
label="Окончание оказания услуг"
|
||||
outlined
|
||||
label="Окончание оказания услуг",
|
||||
size="M"
|
||||
)
|
||||
base-select(
|
||||
placeholder="Поручить",
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
.corner
|
||||
.wrap.flex.flex-col.p-4.gap-y-4
|
||||
.flex.flex-col.gap-y-1
|
||||
base-input(:with-icon="true" v-model="newAdditionalData.header" icon-position="right" :max-length="140" placeholder="Заголовок")
|
||||
base-input(v-model="newAdditionalData.header", placeholder="Заголовок")
|
||||
span.counter {{`${newAdditionalData.header.length}/140`}}
|
||||
.description.flex.px-4.py-3
|
||||
textarea.w-full.h-full.outline-0.resize-none(:value="newAdditionalData.value" @input="$emit('update:newAdditionalData.value', $event.target.value)" placeholder="Описание" style="py-10")
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template lang="pug">
|
||||
.flex.flex-col.gap-y-3.p-4(:style="{'width': '485px'}")
|
||||
.flex.flex-col.gap-y-3.relative
|
||||
base-input.text-smm(placeholder="Заголовок", v-model="title", :maxLength="40", outlined)
|
||||
base-input.text-smm(placeholder="Заголовок", v-model="title", :maxLength="40")
|
||||
.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(
|
||||
|
||||
@@ -18,7 +18,6 @@
|
||||
base-input(
|
||||
v-model="patient",
|
||||
placeholder="Введите название для пакета документов",
|
||||
outlined
|
||||
)
|
||||
span.counter
|
||||
.flex.gap-x-4
|
||||
@@ -28,7 +27,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", outlined)
|
||||
base-input(type="date", :width-input="277")
|
||||
.flex.flex-col.gap-y-6
|
||||
span.font-bold Дополнительное
|
||||
.flex.flex-col.mb-124px(class="gap-y-1.5")
|
||||
@@ -46,7 +45,6 @@
|
||||
icon-position="left",
|
||||
:width-input="310",
|
||||
placeholder="Поиск",
|
||||
outlined
|
||||
)
|
||||
.counter.icon-search
|
||||
base-select.h-10(placeholder="Вид услуги")
|
||||
|
||||
@@ -3,13 +3,13 @@
|
||||
:style="{ width : width + 'px'}"
|
||||
)
|
||||
span(v-if="!isOpenChange") {{ birthday }}
|
||||
base-input(
|
||||
base-input.bg-white(
|
||||
:width="140"
|
||||
type="date",
|
||||
v-if="isOpenChange",
|
||||
@click.stop,
|
||||
v-model="value.age",
|
||||
outlined
|
||||
size="M"
|
||||
)
|
||||
</template>
|
||||
|
||||
|
||||
@@ -8,12 +8,12 @@
|
||||
@mouseleave="changeHover"
|
||||
) {{maxValue}}
|
||||
.email
|
||||
base-input(
|
||||
base-input.bg-white(
|
||||
v-if="isOpenChange",
|
||||
@click.stop,
|
||||
v-model="value.email.username",
|
||||
:placeholder="value.email.username",
|
||||
outlined
|
||||
size="M"
|
||||
)
|
||||
</template>
|
||||
|
||||
|
||||
@@ -7,11 +7,11 @@
|
||||
img.h-full.object-cover(:src="url + photo")
|
||||
span.font-semibold(v-if="!isOpenChange") {{value.fullName}}
|
||||
.name(v-if="isOpenChange")
|
||||
base-input(
|
||||
base-input.bg-white(
|
||||
@click.stop,
|
||||
v-model="value.fullName",
|
||||
placeholder="Фамилия Имя Отчество",
|
||||
outlined
|
||||
size="M"
|
||||
)
|
||||
</template>
|
||||
|
||||
|
||||
@@ -4,12 +4,12 @@
|
||||
v-if="!isOpenChange"
|
||||
) {{value.phone.username.replace(/\+7(\d{3})(\d{3})(\d{2})(\d{2})/, '+7 ($1) $2-$3-$4')}}
|
||||
.phone(v-if="isOpenChange")
|
||||
base-input(
|
||||
base-input.bg-white(
|
||||
@click.stop,
|
||||
v-model="value.phone.username",
|
||||
:placeholder="value.phone.username",
|
||||
mask="+7 (###) ###-##-##",
|
||||
outlined
|
||||
size="M"
|
||||
)
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user