Добавлен header таблицы клиентов

This commit is contained in:
DwCay
2022-10-14 18:54:05 +03:00
parent 2232e1bec7
commit dc891cafc9
17 changed files with 238 additions and 24 deletions

View File

@@ -0,0 +1,37 @@
<template lang="pug">
.flex.justify-between.w-full.h-fit
.flex.gap-2.w-fit.h-fit
base-input(:with-icon="true")
button.filter-button.flex.items-center.justify-center.box-border(class="px-2.5")
.icon-filter.text-xl.leading-4
clients-table-header-actions(v-if="!!isOpenActions" :is-selected-one="isOpenActions")
.flex.w-fit.h-fit.gap-x-2
bass-export-button(:only-icon="true")
base-create-button(:with-icon="true")
</template>
<script>
import ClientsTableHeaderActions from "@/pages/clients/components/ClientsTableHeaderActions";
import BaseCreateButton from "@/components/base/buttons/BaseCreateButton";
import BassExportButton from "@/components/base/buttons/BassExportButton";
import BaseInput from "@/components/base/BaseInput";
export default {
name: "ClientsTAbleHeader",
components: {
BaseInput,
BassExportButton,
BaseCreateButton,
ClientsTableHeaderActions,
},
props: {
isOpenActions: Number,
},
};
</script>
<style lang="sass" scoped>
.filter-button
border-radius: 4px
border: 2px solid var(--br-grey-color)
</style>