diff --git a/src/pages/clients/components/ClientDetailInfoSection.vue b/src/pages/clients/components/ClientDetailInfoSection.vue
index 713bb97..c499114 100644
--- a/src/pages/clients/components/ClientDetailInfoSection.vue
+++ b/src/pages/clients/components/ClientDetailInfoSection.vue
@@ -4,7 +4,7 @@
)
.section-header.flex.items-center.justify-between.pl-4.pr-3(:class="{small:settings[section].rowFlex}")
span.text-sm.font-semibold.whitespace-nowrap {{settings[section].title}}
- .flex.items-center.gap-x-8
+ .flex.items-center.gap-x-8(v-if="lackPass || lackAddress")
base-button(
v-if="isChange",
@click="saveChange",
@@ -40,49 +40,83 @@
:add-new-additional="addDocAdditional",
:save-additional="saveDocs"
)
- .section-body.w-full.flex.flex-col.px-4.pt-3.pb-4.gap-y-4
- .flex.flex-col(v-for="(item, key) in sectionInfo" class="gap-y-1.5")
- span.title-section.font-semibold.text-xs(v-if="settings[section].options") {{settings[section].options[key]}}
- span.title-section.font-semibold.text-xs(v-if="item.header") {{item.header}}
- client-detail-input.text-sm.text-sm.w-max-fit(
- v-if="section!=='docs' && isChange",
- :style="{fontWeight:key === 'numba'&&600}",
- v-model:value="sectionInfo[key]",
- :width="settings[section].width"
- :sharp="settings[section].sharps[key]"
- )
- .copy.icon-copy.cursor-pointer(
- v-if="item.copy",
- @click="() => copyValue(item)"
+ .section-body.w-full.flex.flex-col.px-4.pt-3.pb-4.gap-y-4(v-if="lackPass || lackAddress")
+ .flex.flex-col(class="gap-y-1.5")
+ .flex.flex-col(v-for="(item, key) in sectionInfo", class="gap-y-1.5")
+ span.title-section.font-semibold.text-xs(
+ v-if="settings[section].options") {{settings[section].options[key]}}
+ span.title-section.font-semibold.text-xs(v-if="item.header") {{item.header}}
+ client-detail-input.text-sm.text-sm.w-max-fit(
+ v-if="section!=='docs' && isChange",
+ :style="{fontWeight:key === 'numba'&&600}",
+ v-model:value="sectionInfo[key]",
+ :width="settings[section].width"
)
- .flex(v-if="settings[section].options && !isChange")
- span.text-sm.w-fit(:style="{fontWeight:key === 'numba'&&600}") {{item}}
- .copy.icon-copy.cursor-pointer.pl-4(
- v-if="key === 'numba'",
- @click="() => copyValue(item)"
+ .copy.icon-copy.cursor-pointer(
+ v-if="item.copy",
+ @click="() => copyValue(item)"
+ )
+ .flex(v-if="settings[section].options && !isChange")
+ span.text-sm.w-fit(:style="{fontWeight:key === 'numba'&&600}") {{item}}
+ .copy.icon-copy.cursor-pointer.pl-4(
+ v-if="key === 'numba'",
+ @click="() => copyValue(item)"
+ )
+ .separation.flex.items-center.justify-center.relative.mt-10px.mb(
+ v-if="section === 'addresses' && isChange",
+ class="gap-y-1.5"
)
- .flex(v-if="item.name && !isChange")
- span.text-sm.w-fit {{item.title}}
- .flex.items-center(v-if="item.title")
- .icon-cancel.cancel.cursor-pointer.pr-3.text-xsm(
- v-if="isChange",
- :id="item.id",
- @click="(e) => deleteDoc(e)"
- )
- span.text-sm {{item.title}}
+ .line.absolute
+ .text-separation.span.text-sm.separator.px-2 или
+ .flex.flex-col.gap-y-4(v-if="section === 'addresses' && isChange")
+ .flex.flex-col(class="gap-y-1.5")
+ .text-info.text-xxs.font-semibold Город
+ base-select(placeholder="Выберите город")
+ .flex.flex-col(class="gap-y-1.5")
+ .text-info.text-xxs.font-semibold Область
+ base-input.input-info(placeholder="Введите область")
+ .flex.flex-col(class="gap-y-1.5")
+ .text-info.text-xxs.font-semibold Улица
+ base-input.input-info(placeholder="Введите улицу")
+ .flex.gap-x-4
+ .flex.flex-col(class="gap-y-1.5")
+ .text-info.text-xxs.font-semibold Дом
+ base-input.input-info(placeholder="Дом")
+ .flex.flex-col(class="gap-y-1.5")
+ .text-info.text-xxs.font-semibold Квартира
+ base-input.input-info(placeholder="Квартира")
+ .flex.flex-col(class="gap-y-1.5")
+ .text-info.text-xxs.font-semibold Индекс
+ base-input.input-info(v-mask="'######'", placeholder="000000")
+ .flex(v-if="item.name && !isChange")
+ span.text-sm.w-fit {{item.title}}
+ .flex.items-center(v-if="item.title")
+ .icon-cancel.cancel.cursor-pointer.pr-3.text-xsm(
+ v-if="isChange",
+ :id="item.id",
+ @click="(e) => deleteDoc(e)"
+ )
+ span.text-sm {{item.title}}
+ .section-add-doc.flex.justify-center.items-center.cursor-pointer(v-else)
+ span Добавить данные
diff --git a/src/pages/clients/components/ClientDetailInput.vue b/src/pages/clients/components/ClientDetailInput.vue
index 95348da..3b37d11 100644
--- a/src/pages/clients/components/ClientDetailInput.vue
+++ b/src/pages/clients/components/ClientDetailInput.vue
@@ -1,16 +1,14 @@
.input-wrapper.flex.gap-x-2.px-3.box-border.w-max-fit(class="py-2.5")
- input.place-input.w-full.outline-0.text-sm.not-italic.resize-none(
+ textarea.place-input.w-full.outline-0.text-sm.not-italic.resize-none(
:rows="Math.ceil(value.length/heightInput)"
:value="value"
@input="$emit('update:value', $event.target.value)"
- v-mask="sharp"
)
slot
diff --git a/src/pages/clients/components/FormCreateBasicInfo.vue b/src/pages/clients/components/FormCreateBasicInfo.vue
index 2ce7594..860192f 100644
--- a/src/pages/clients/components/FormCreateBasicInfo.vue
+++ b/src/pages/clients/components/FormCreateBasicInfo.vue
@@ -3,21 +3,47 @@
.grid.grid-cols-2.gap-x-4.gap-y-6.px-4
.flex.flex-col(class="gap-y-1.5")
span.text-sm Приоритет
- base-select(:items="priorityList", placeholder="Приоритет клиента", v-model="basicInfo.priority")
+ base-select(
+ :items="priorityList",
+ placeholder="Приоритет клиента",
+ v-model="basicInfo.priority"
+ )
.flex.flex-col(class="gap-y-1.5")
span.text-sm Дата рождения
- base-input.input-info(v-model:value="basicInfo.birth_date" type="date" placeholder="00.00.0000" :width-input="277")
+ base-input.input-info(
+ v-model:value="basicInfo.birth_date",
+ type="date",
+ placeholder="00.00.0000",
+ :width-input="277"
+ )
.flex.flex-col(class="gap-y-1.5")
span.text-sm Номер телефона
- base-input.input-info(v-model:value="phone.username" placeholder="+7 (915) 644–92–23" :width-input="277")
+ base-input.input-info(
+ v-model:value="phone.username",
+ placeholder="+7 (915) 644–92–23",
+ :width-input="277"
+ )
.flex.flex-col(class="gap-y-1.5")
span.text-sm Email
- base-input.input-info(v-model:value="email.username" placeholder="user@yandex.ru" :width-input="277")
+ base-input.input-info(
+ v-model:value="email.username",
+ placeholder="user@yandex.ru",
+ :width-input="277"
+ )
.flex.flex-col.col-start-1.col-end-3.w-100(class="gap-y-1.5")
span.text-sm Ссылки на соцсети
.flex(class="gap-x-1.5" v-for="network in basicInfo.contacts" :key="network.id")
- base-adding-network(:list-adding-networks="networks.settings" :selected-option="network.icon" :value="network" :choose-network="chooseOption" :save-network-id="saveNetworkId")
- span.add-network.cursor-pointer(v-show="networks.settings.length !== basicInfo.contacts.length" @click="addNetwork") Добавить соцсеть
+ base-adding-network(
+ :list-adding-networks="networks.settings",
+ :selected-option="network.icon",
+ :value="network",
+ :choose-network="chooseOption",
+ :save-network-id="saveNetworkId"
+ )
+ span.add-network.cursor-pointer(
+ v-show="networks.settings.length !== basicInfo.contacts.length",
+ @click="addNetwork"
+ ) Добавить соцсеть
.px-4
base-button(@click="saveClient" :size="40")
span.font-semibold Создать клиента