WIP Начала создание модального окна
This commit is contained in:
@@ -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) {
|
||||||
|
|||||||
39
src/pages/clients/components/ClientTableDeleteModal.vue
Normal file
39
src/pages/clients/components/ClientTableDeleteModal.vue
Normal 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>
|
||||||
@@ -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: {
|
||||||
|
|||||||
Reference in New Issue
Block a user