WIP Начала создание модального окна
This commit is contained in:
@@ -376,7 +376,7 @@ export default {
|
||||
},
|
||||
fetchMembersData() {
|
||||
fetchWrapper
|
||||
.get("general/person/")
|
||||
.get("general/person/?limit=100")
|
||||
.then((res) => this.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",
|
||||
@set-current-page="changeCurrentTablePage"
|
||||
)
|
||||
base-modal(
|
||||
v-model="showModal",
|
||||
title="Удалить клиента"
|
||||
)
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -35,6 +39,7 @@ import ClientsTableRow from "@/pages/clients/components/ClientsTableRow";
|
||||
import ClientsTableCheckbox from "@/pages/clients/components/ClientsTableCheckbox";
|
||||
import BaseClientFormCreate from "@/components/base/BaseClientFormCreate";
|
||||
import ClientTablePagination from "./ClientTablePagination.vue";
|
||||
import BaseModal from "@/components/base/BaseModal.vue";
|
||||
export default {
|
||||
name: "ClientsTable",
|
||||
components: {
|
||||
@@ -44,6 +49,7 @@ export default {
|
||||
ClientsTableHeader,
|
||||
BaseClientFormCreate,
|
||||
ClientTablePagination,
|
||||
BaseModal,
|
||||
},
|
||||
props: {
|
||||
openForm: Function,
|
||||
@@ -64,6 +70,7 @@ export default {
|
||||
currentPage: 0,
|
||||
length: 0,
|
||||
},
|
||||
showModal: true,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
|
||||
Reference in New Issue
Block a user