admin/astra-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[WIP] Изменил инпуты для даты и ограничил вводимые значения; при наведении на аватар клиента, появляется иконка загрузки

Browse Source
This commit is contained in:
megavrilinvv
2022-11-30 18:39:11 +03:00
parent a66081c14d
commit 766e1be22c
12 changed files with 31 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/LoggedInLayout.vue
View File

@@ -4,7 +4,6 @@
:is-open-form="isOpenForm",
:close-form="closeForm",
:open-form="openForm",
:current-year="currentYear",
@update-client="setUpdatedClients"
)
.flex.flex-auto
@@ -12,7 +11,6 @@
router-view(
:open-form="openForm",
:is-open-form="isOpenForm",
:current-year="currentYear",
:updated-clients="updatedClients",
@reset-updated-clients="resetUpdatedClients"
)
@@ -30,7 +28,6 @@ export default {
data() {
return {
isOpenForm: false,
currentYear: null,
updatedClients: false,
};
},
@@ -41,9 +38,6 @@ export default {
closeForm() {
this.isOpenForm = false;
},
printCurrentYear() {
return new Date().getFullYear();
},
setUpdatedClients() {
this.updatedClients = true;
},
@@ -51,8 +45,5 @@ export default {
this.updatedClients = false;
},
},
mounted: function () {
this.currentYear = this.printCurrentYear();
},
};
</script>

2
src/components/TheHeader.vue
View File

@@ -3,7 +3,6 @@
base-client-form-create(
v-if="isOpenForm",
:close-form="closeForm",
:current-year="currentYear",
@update-client="transmitUpdateClient"
)
.flex.items-center.box-border.cursor-pointer.mr-auto
@@ -43,7 +42,6 @@ export default {
openForm: Function,
closeForm: Function,
isOpenForm: Boolean,
currentYear: Number,
},
data() {
return {

17
src/components/base/BaseClientFormCreate.vue
View File

@@ -12,7 +12,7 @@
v-for="img in image"
)
.icon-download.text-xl(v-if="img === defaultIcon")
.flex.w-10.h-10(v-else)
.wrapper-img.flex.w-10.h-10(v-else)
img.current-avatar(:src="img")
base-popup.right-5.top-7(v-if="showPopup", :width="230")
.flex.items-center.gap-x-2
@@ -56,13 +56,11 @@
:choose-option="chooseOptionNetworks"
:choose-priority="choosePriority"
:priority-list="priorityList"
:current-year="currentYear"
)
)
.flex(:style="{display :'none'}" ref="doc")
form-create-identity-documents(
:identity-document="infoClient.identity_document",
:save-client="saveClient",
:current-year="currentYear"
:save-client="saveClient"
)
.flex(:style="{display :'none'}" ref="address")
form-create-addresses(
@@ -106,7 +104,6 @@ export default {
},
props: {
closeForm: Function,
currentYear: Number,
},
data() {
return {
@@ -429,4 +426,12 @@ export default {
background-size: cover
background-repeat: no-repeat
background-position: center
&:hover
display: none
.wrapper-img
background-size: 20px
background-repeat: no-repeat
background-position: center
background-image: url(@/assets/icons/download.svg)
</style>

14
src/components/base/BaseInputDate.vue
View File

@@ -1,14 +1,16 @@
<template lang="pug">
.input-wrapper.flex.gap-x-2.px-4.box-border(
class="py-2.5"
class="py-2.5",
:style="{ minWidth: widthInput + 'px' }"
)
input.input.w-full.outline-0.not-italic.date(
:value="value"
type="date"
@input="$emit('update:value', $event.target.value)"
:placeholder="placeholder"
:maxlength="maxLength"
:value="value",
type="date",
@input="$emit('update:value', $event.target.value)",
:placeholder="placeholder",
:maxlength="maxLength",
max="9999-12-31",
min="0000-01-01"
)
.slot(v-if="withIcon" :class="iconPosition")
slot.cursor-pointer

2
src/pages/clients/TheClients.vue
View File

@@ -2,7 +2,6 @@
clients-wrapper(
:open-form="openForm",
:is-open-form="isOpenForm",
:current-year="currentYear",
:updated-clients="updatedClients",
@reset-updated-clients="transmitReset"
)
@@ -15,7 +14,6 @@ export default {
components: { ClientsWrapper },
props: {
openForm: Function,
currentYear: Number,
isOpenForm: Boolean,
updatedClients: Boolean,
},

1
src/pages/clients/components/ClientDetailInfoSection.vue
View File

@@ -157,7 +157,6 @@ export default {
createDocument: Function,
addressId: String,
docId: String,
currentYear: Number,
},
data() {
return {

2
src/pages/clients/components/ClientDetailInfoWrapper.vue
View File

@@ -7,7 +7,6 @@
:lack-data="lackData",
:create-document="createDocument",
:doc-id="docId",
:current-year="currentYear"
)
.flex.flex-col
client-detail-info-section(
@@ -51,7 +50,6 @@ export default {
createDocument: Function,
addressId: String,
docId: String,
currentYear: Number,
},
};
</script>

2
src/pages/clients/components/ClientsTable.vue
View File

@@ -16,7 +16,6 @@
:check="selectedCheck",
:client="client",
:fetch-data-clients="fetchDataClients",
:current-year="currentYear"
)
client-table-pagination(
v-if="pageCount > 1"
@@ -48,7 +47,6 @@ export default {
},
props: {
openForm: Function,
currentYear: Number,
isOpenForm: Boolean,
updatedClients: Boolean,
},

2
src/pages/clients/components/ClientsTableRow.vue
View File

@@ -84,7 +84,6 @@
:create-document="postCreateIdentityDocument"
:address-id="addressId"
:doc-id="docId"
:current-year="currentYear"
)
</template>
@@ -152,7 +151,6 @@ export default {
check: Function,
isCheck: Boolean,
client: Object,
currentYear: Number,
},
created() {
this.dataClient = {

2
src/pages/clients/components/ClientsWrapper.vue
View File

@@ -3,7 +3,6 @@
clients-table(
:open-form="openForm",
:is-open-form="isOpenForm",
:current-year="currentYear",
:updated-clients="updatedClients",
@reset-updated-clients="transmitReset"
)
@@ -16,7 +15,6 @@ export default {
components: { ClientsTable },
props: {
openForm: Function,
currentYear: Number,
isOpenForm: Boolean,
updatedClients: Boolean,
},

12
src/pages/clients/components/FormCreateBasicInfo.vue
View File

@@ -10,12 +10,9 @@
)
.flex.flex-col(class="gap-y-1.5")
span.text-sm Дата рождения
base-input.input-info(
base-input-date.input-date(
v-model:value="basicInfo.birth_date",
type="date",
placeholder="00.00.0000",
:width-input="277",
:max-date="`${ currentYear }-12-31`"
:width-input="277"
)
.flex.flex-col(class="gap-y-1.5")
span.text-sm Номер телефона
@@ -54,6 +51,7 @@
<script>
import BaseButton from "@/components/base/BaseButton";
import BaseInput from "@/components/base/BaseInput";
import BaseInputDate from "@/components/base/BaseInputDate";
import BaseAddingNetwork from "@/components/base/BaseAddingNetwork";
import { column } from "@/pages/clients/utils/tableConfig";
import BaseCustomSelect from "@/components/base/BaseCustomSelect";
@@ -62,6 +60,7 @@ export default {
name: "FormCreateBasicInfo",
components: {
BaseInput,
BaseInputDate,
BaseAddingNetwork,
BaseButton,
BaseCustomSelect,
@@ -76,7 +75,6 @@ export default {
basicInfo: Object,
saveClient: Function,
addNetwork: Function,
currentYear: Number,
},
directives: { mask },
data() {
@@ -113,4 +111,6 @@ export default {
height: 100%
border: 2px solid var(--border-light-grey-color)
border-radius: 4px
.input-date
border: 1.5px solid var(--border-light-grey-color)
</style>

12
src/pages/clients/components/FormCreateIdentityDocuments.vue
View File

@@ -28,12 +28,10 @@
)
.flex.flex-col(class="gap-y-1.5")
span.text-sm Дата выдачи
base-input.input-info(
type="date",
base-input-date.input-date(
v-model:value="identityDocument.pass.issued_by_date",
placeholder="Дата",
:width-input="277",
:max-date="`${currentYear}-12-31`"
:width-input="277"
)
.flex.flex-col.gap-y-6.px-4
span.title-info.text-base.font-bold СНИЛС и ИНН
@@ -62,14 +60,14 @@
<script>
import BaseButton from "@/components/base/BaseButton";
import BaseInput from "@/components/base/BaseInput";
import BaseInputDate from "@/components/base/BaseInputDate";
import { mask } from "vue-the-mask";
export default {
name: "FormCreateIdentityDocuments",
components: { BaseInput, BaseButton },
components: { BaseInput, BaseInputDate, BaseButton },
props: {
identityDocument: Object,
saveClient: Function,
currentYear: Number,
},
directives: { mask },
};
@@ -93,4 +91,6 @@ export default {
color: var(--font-dark-blue-color)
.title-info
color: var(--font-dark-blue-color)
.input-date
border: 1.5px solid var(--border-light-grey-color)
</style>