Исправила мелкие несоответствия

This commit is contained in:
Daria Golova
2023-07-19 11:35:07 +03:00
parent 926efdb64a
commit 370970b26c
5 changed files with 34 additions and 8 deletions

View File

@@ -1,5 +1,5 @@
<template lang="pug">
base-input-container.gap-y-2(:label="label", :style="{width: width + 'px'}")
base-input-container.gap-y-2(:label="label", :style="{width: width + 'px', ...paddingVariable}")
q-input.input(
v-model="value",
:name="name",
@@ -58,6 +58,10 @@ export default {
readonly: Boolean,
name: String,
height: String,
padding: {
type: String,
default: "12px 16px",
},
},
emits: ["update:modelValue"],
computed: {
@@ -69,6 +73,11 @@ export default {
this.$emit("update:modelValue", value);
},
},
paddingVariable() {
return {
"--padding": this.padding,
};
},
},
};
</script>
@@ -82,7 +91,7 @@ export default {
font-size: 16px
line-height: normal
color: var(--font-dark-blue-color)
padding: 12px 16px
padding: var(--padding)
&::placeholder
color: var(--font-grey-color)
opacity: 1

View File

@@ -23,6 +23,7 @@
no-caps,
label="Полная медкарта",
:style="{'font-weight': 500}"
size="14px"
)
q-icon.arrow(name="app:long-arrow", size="18px", right)
.flex.gap-x-1.flex-1.h-full(v-if="field?.title === 'Услуги'")

View File

@@ -52,7 +52,7 @@
)
.footer.flex.gap-2
base-button(type="secondary", label="Отменить", width="126px", @click="closeForm")
base-button(width="168px", label="Создать запись", @click="closeForm")
base-button(width="168px", label="Создать запись", @click="closeForm", disabled)
</template>
<script>

View File

@@ -54,7 +54,7 @@
size="M"
)
base-input(
v-if="field.type === 'text'",
v-if="field.type === 'text' && field.key !== 'issued_by_org'",
v-model="docData[data.dataKey][field.key]",
:name="field.key",
@update:model-value="checkChangeDocData",
@@ -63,13 +63,27 @@
:width="302",
:mask="field?.inputMask",
:rule="[(val) => !personDataField.includes(field.key) ? checkPassportFields(val, field.rules) : field.rules(val)]",
:autogrow="field.key === 'issued_by_org'",
:size="field.key !== 'issued_by_org' ? 'M' : 'auto'"
size="M"
)
.icon-copy.my-auto.text-lg.label-field.cursor-pointer(
v-if="checkCopiedFields(field.key) && !!docData[data.dataKey][field.key]",
@click="copyValue(docData[data.dataKey][field.key])"
)
base-textarea(
v-if="field.type === 'text' && field.key === 'issued_by_org'",
v-model="docData[data.dataKey][field.key]",
:name="field.key",
@update:model-value="checkChangeDocData",
:readonly="!isEdit",
:type="field.type",
:width="302",
:mask="field?.inputMask",
:rule="[(val) => !personDataField.includes(field.key) ? checkPassportFields(val, field.rules) : field.rules(val)]",
autogrow,
size="auto",
height="57px"
padding="10px 16px"
)
</template>
<script>
@@ -87,6 +101,7 @@ import TheNotificationProvider from "@/components/Notifications/TheNotificationP
import { addNotification } from "@/components/Notifications/notificationContext";
import BaseInput from "@/components/base/BaseInput.vue";
import BaseInputDate from "@/components/base/BaseInputDate.vue";
import BaseTextarea from "@/components/base/BaseTextarea.vue.vue";
export default {
name: "DocumentsForm",
components: {
@@ -97,6 +112,7 @@ export default {
BaseUploadPhoto,
TheNotificationProvider,
BaseInputDate,
BaseTextarea,
},
data() {
return {

View File

@@ -10,7 +10,7 @@
multiple,
title-type="снимок",
:returned-fields="['photo', 'id', 'name', 'size']"
)
)
.grey-border.rounded-md.flex.w-full.py-2.pr-4.pl-2.justify-between.items-center(v-for="picture in dataEntry.pictures")
.flex.items-center
img.grey-border.rounded.w-8.h-8.mr-3(:src="picture.photo")
@@ -36,7 +36,7 @@
label="Отменить"
)
base-button(
width="126px",
width="132px",
label="Сохранить",
@click="createNewEntry",
)