diff --git a/src/pages/clients/components/ClientDetailInfoSection.vue b/src/pages/clients/components/ClientDetailInfoSection.vue index a483d14..c3d40d4 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,16 +40,18 @@ :add-new-additional="addDocAdditional", :save-additional="saveDocs" ) - .section-body.w-full.flex.flex-col.px-4.pt-3.pb-4.gap-y-4 + .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" v-if="lackPass || lackAddress" class="gap-y-1.5") - span.title-section.font-semibold.text-xs(v-if="settings[section].options") {{settings[section].options[key]}} + .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" + :width="settings[section].width", + :tokens="customTokens" ) .copy.icon-copy.cursor-pointer( v-if="item.copy", @@ -61,6 +63,32 @@ 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" + ) + .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") @@ -70,21 +98,26 @@ @click="(e) => deleteDoc(e)" ) span.text-sm {{item.title}} - .flex.justify-center.items.center(v-else) - .flex(@click="!lackPass") Добавить данные + .section-add-doc.flex.justify-center.items-center.cursor-pointer(v-else) + span Добавить данные 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 Создать клиента