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 @@ 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 Создать клиента