WIP Изменены стили блока адрес
This commit is contained in:
@@ -1,7 +1,8 @@
|
|||||||
<template lang="pug">
|
<template lang="pug">
|
||||||
.base-select(@click="open = !open", :class="{'open': open, 'border-none': borderNone}")
|
.base-select(@click="invertOpen", :class="{'open': open && !disable, 'border-none': borderNone}")
|
||||||
.placeholder(
|
.placeholder(
|
||||||
:class="{'value-color': value || placeholderOpacity, ...textClass}"
|
:class="{'value-color': value || placeholderOpacity, ...textClass}",
|
||||||
|
:style="{'color': !disable || '#9ca3af', 'opacity': 1}"
|
||||||
) {{ value || placeholder }}
|
) {{ value || placeholder }}
|
||||||
.flex.items-center
|
.flex.items-center
|
||||||
.select-form-separator.cursor-pointer.mr-4(v-if="separator")
|
.select-form-separator.cursor-pointer.mr-4(v-if="separator")
|
||||||
@@ -65,6 +66,9 @@ export default {
|
|||||||
leaveSelect() {
|
leaveSelect() {
|
||||||
this.open = false;
|
this.open = false;
|
||||||
},
|
},
|
||||||
|
invertOpen() {
|
||||||
|
if (!this.disable) this.open = !this.open;
|
||||||
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -80,7 +80,7 @@
|
|||||||
@click="() => copyValue(item)"
|
@click="() => copyValue(item)"
|
||||||
)
|
)
|
||||||
.flex(v-if="settings[section].options && !isChange")
|
.flex(v-if="settings[section].options && !isChange")
|
||||||
span.text-sm.w-fit(:style="{fontWeight:key === 'numba'&&600}") {{item === 'issued_by_date' ? formattedDate : item}}
|
span.text-sm.w-fit(:style="{fontWeight:key === 'numba'&&600}") {{key === 'issued_by_date' ? formattedDate : item}}
|
||||||
.copy.icon-copy.cursor-pointer.pl-4(
|
.copy.icon-copy.cursor-pointer.pl-4(
|
||||||
v-if="key === 'numba'",
|
v-if="key === 'numba'",
|
||||||
@click="() => copyValue(item)"
|
@click="() => copyValue(item)"
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template lang="pug">
|
<template lang="pug">
|
||||||
.input-wrapper.flex.gap-x-2.px-3.box-border.w-max-fit(class="py-2.5")
|
.input-wrapper.flex.gap-x-2.px-3.box-border.w-max-fit.text-sm(class="py-2.5")
|
||||||
textarea.place-input.w-full.outline-0.text-sm.not-italic.resize-none.font-medium(
|
textarea.place-input.w-full.outline-0.not-italic.resize-none.font-medium(
|
||||||
v-if="!sharp"
|
v-if="!sharp"
|
||||||
:rows="textareaRows",
|
:rows="textareaRows",
|
||||||
:value="value",
|
:value="value",
|
||||||
@@ -8,7 +8,7 @@
|
|||||||
@input="$emit('update:value', $event.target.value)",
|
@input="$emit('update:value', $event.target.value)",
|
||||||
:placeholder="placeholder",
|
:placeholder="placeholder",
|
||||||
)
|
)
|
||||||
input.place-input.w-full.outline-0.text-sm.not-italic.resize-none.font-medium(
|
input.w-full.outline-0.not-italic.font-medium(
|
||||||
v-else,
|
v-else,
|
||||||
:value="value",
|
:value="value",
|
||||||
@input="$emit('update:value', $event.target.value)",
|
@input="$emit('update:value', $event.target.value)",
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
.flex.flex-col.gap-y-4
|
.flex.flex-col.gap-y-4
|
||||||
.flex.flex-col(class="gap-y-1.5")
|
.flex.flex-col(class="gap-y-1.5")
|
||||||
.text-info.text-xxs.font-semibold Город
|
.text-info.text-xxs.font-semibold Город
|
||||||
base-select.cursor-grab(
|
base-select.text-sm(
|
||||||
disable,
|
disable,
|
||||||
textStyle="text-sm",
|
textStyle="text-sm",
|
||||||
placeholder="Введите город",
|
placeholder="Введите город",
|
||||||
@@ -11,7 +11,7 @@
|
|||||||
)
|
)
|
||||||
.flex.flex-col(class="gap-y-1.5")
|
.flex.flex-col(class="gap-y-1.5")
|
||||||
.text-info.text-xxs.font-semibold Область
|
.text-info.text-xxs.font-semibold Область
|
||||||
base-input.input-info(
|
base-input.text-sm.input-info(
|
||||||
disabled,
|
disabled,
|
||||||
placeholder="Введите область",
|
placeholder="Введите область",
|
||||||
v-model:value="dopeAddress.region",
|
v-model:value="dopeAddress.region",
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
)
|
)
|
||||||
.flex.flex-col(class="gap-y-1.5")
|
.flex.flex-col(class="gap-y-1.5")
|
||||||
.text-info.text-xxs.font-semibold Улица
|
.text-info.text-xxs.font-semibold Улица
|
||||||
base-input.input-info(
|
base-input.text-sm.input-info(
|
||||||
disabled,
|
disabled,
|
||||||
placeholder="Введите улицу",
|
placeholder="Введите улицу",
|
||||||
v-model:value="dopeAddress.street",
|
v-model:value="dopeAddress.street",
|
||||||
@@ -28,7 +28,7 @@
|
|||||||
.flex.gap-x-4
|
.flex.gap-x-4
|
||||||
.flex.flex-col(class="gap-y-1.5")
|
.flex.flex-col(class="gap-y-1.5")
|
||||||
.text-info.text-xxs.font-semibold Дом
|
.text-info.text-xxs.font-semibold Дом
|
||||||
base-input.input-info(
|
base-input.text-sm.input-info(
|
||||||
disabled,
|
disabled,
|
||||||
placeholder="Дом",
|
placeholder="Дом",
|
||||||
v-model:value="dopeAddress.house",
|
v-model:value="dopeAddress.house",
|
||||||
@@ -36,7 +36,7 @@
|
|||||||
)
|
)
|
||||||
.flex.flex-col(class="gap-y-1.5")
|
.flex.flex-col(class="gap-y-1.5")
|
||||||
.text-info.text-xxs.font-semibold Квартира
|
.text-info.text-xxs.font-semibold Квартира
|
||||||
base-input.input-info(
|
base-input.text-sm.input-info(
|
||||||
disabled,
|
disabled,
|
||||||
placeholder="Квартира",
|
placeholder="Квартира",
|
||||||
v-model:value="dopeAddress.flat",
|
v-model:value="dopeAddress.flat",
|
||||||
@@ -44,7 +44,7 @@
|
|||||||
)
|
)
|
||||||
.flex.flex-col(class="gap-y-1.5")
|
.flex.flex-col(class="gap-y-1.5")
|
||||||
.text-info.text-xxs.font-semibold Индекс
|
.text-info.text-xxs.font-semibold Индекс
|
||||||
base-input.input-info(
|
base-input.text-sm.input-info(
|
||||||
disabled,
|
disabled,
|
||||||
v-mask="'######'",
|
v-mask="'######'",
|
||||||
placeholder="000000",
|
placeholder="000000",
|
||||||
|
|||||||
Reference in New Issue
Block a user