WIP Начала создание модального окна

This commit is contained in:
Daria Golova
2022-11-30 10:49:51 +03:00
parent 4aa38a61d0
commit 5ed39c0038
3 changed files with 47 additions and 1 deletions

View File

@@ -376,7 +376,7 @@ export default {
}, },
fetchMembersData() { fetchMembersData() {
fetchWrapper fetchWrapper
.get("general/person/") .get("general/person/?limit=100")
.then((res) => this.saveMembersData(res)); .then((res) => this.saveMembersData(res));
}, },
saveMembersData(res) { saveMembersData(res) {

View File

@@ -0,0 +1,39 @@
<template lang="pug">
.flex.flex-col.mb-1.mt-4
span.font-medium.text-base.modal-text.mb-3 Вы действительно хотите удалить клиента?
.flex.gap-x-3.mt-6.font-semibold
base-button(
outlined,
:size=40,
@click="closeModal"
) Отменить
base-button(
outlined-red,
:size=40,
@click="deleteEvent"
) Удалить
</template>
<script>
import BaseButton from "@/components/base/BaseButton.vue";
export default {
name: "ClientTableDeleteModal",
components: {
BaseButton,
},
props: {
closeModal: Function,
},
};
</script>
<style lang="sass" scoped>
.modal-text
color: var(--font-grey-color)
.card-container
width: 374px
height: 82px
border-radius: 4px
border: 1px solid var(--border-light-grey-color-1)
</style>

View File

@@ -25,6 +25,10 @@
@next-page="switchNextPage", @next-page="switchNextPage",
@set-current-page="changeCurrentTablePage" @set-current-page="changeCurrentTablePage"
) )
base-modal(
v-model="showModal",
title="Удалить клиента"
)
</template> </template>
<script> <script>
@@ -35,6 +39,7 @@ import ClientsTableRow from "@/pages/clients/components/ClientsTableRow";
import ClientsTableCheckbox from "@/pages/clients/components/ClientsTableCheckbox"; import ClientsTableCheckbox from "@/pages/clients/components/ClientsTableCheckbox";
import BaseClientFormCreate from "@/components/base/BaseClientFormCreate"; import BaseClientFormCreate from "@/components/base/BaseClientFormCreate";
import ClientTablePagination from "./ClientTablePagination.vue"; import ClientTablePagination from "./ClientTablePagination.vue";
import BaseModal from "@/components/base/BaseModal.vue";
export default { export default {
name: "ClientsTable", name: "ClientsTable",
components: { components: {
@@ -44,6 +49,7 @@ export default {
ClientsTableHeader, ClientsTableHeader,
BaseClientFormCreate, BaseClientFormCreate,
ClientTablePagination, ClientTablePagination,
BaseModal,
}, },
props: { props: {
openForm: Function, openForm: Function,
@@ -64,6 +70,7 @@ export default {
currentPage: 0, currentPage: 0,
length: 0, length: 0,
}, },
showModal: true,
}; };
}, },
computed: { computed: {