WIP: #6654 VnSubToolbar sticky #157
|
@ -516,8 +516,11 @@ const selectSalesPersonId = (id) => {
|
||||||
<div id="st-actions"></div>
|
<div id="st-actions"></div>
|
||||||
</QToolbar>
|
</QToolbar>
|
||||||
|
|
||||||
<QPage class="column items-center q-pa-md">
|
<QPage class="column items-center q-pa-md"
|
||||||
<QTable
|
style="min-height:auto;max-height: 80vh"
|
||||||
|
>
|
||||||
|
<QTable
|
||||||
|
style="min-height: 77vh"
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
:pagination="{ rowsPerPage: 12 }"
|
:pagination="{ rowsPerPage: 12 }"
|
||||||
:rows="rows"
|
:rows="rows"
|
||||||
|
@ -558,7 +561,7 @@ const selectSalesPersonId = (id) => {
|
||||||
</template>
|
</template>
|
||||||
</QTable>
|
</QTable>
|
||||||
</QPage>
|
</QPage>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.col-content {
|
.col-content {
|
||||||
|
|
|
@ -129,7 +129,8 @@ const downloadCsv = () => {
|
||||||
url="InvoiceOuts/filter"
|
url="InvoiceOuts/filter"
|
||||||
>
|
>
|
||||||
<template #body="{ rows }">
|
<template #body="{ rows }">
|
||||||
<QToolbar class="bg-vn-dark justify-end">
|
<QHeader>
|
||||||
|
<QToolbar class="bg-vn-dark justify-end" >
|
||||||
<div id="st-actions">
|
<div id="st-actions">
|
||||||
<QBtn
|
<QBtn
|
||||||
@click="downloadCsv()"
|
@click="downloadCsv()"
|
||||||
|
@ -179,10 +180,12 @@ const downloadCsv = () => {
|
||||||
class="q-mr-md"
|
class="q-mr-md"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</QToolbar>
|
</QToolbar></QHeader>
|
||||||
|
<QPageContainer>
|
||||||
<div class="flex flex-center q-pa-md">
|
<div class="flex flex-center q-pa-md">
|
||||||
<div class="card-list">
|
<div class="card-list">
|
||||||
<CardList
|
<CardList
|
||||||
|
|
||||||
:element="row"
|
:element="row"
|
||||||
:id="row.id"
|
:id="row.id"
|
||||||
:show-checkbox="true"
|
:show-checkbox="true"
|
||||||
|
@ -240,7 +243,7 @@ const downloadCsv = () => {
|
||||||
</template>
|
</template>
|
||||||
</CardList>
|
</CardList>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div></QPageContainer>
|
||||||
</template>
|
</template>
|
||||||
</VnPaginate>
|
</VnPaginate>
|
||||||
</QPage>
|
</QPage>
|
||||||
|
@ -251,8 +254,19 @@ const downloadCsv = () => {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 60em;
|
max-width: 60em;
|
||||||
}
|
}
|
||||||
|
.fixed-top{
|
||||||
|
top:50px;
|
||||||
|
}
|
||||||
|
.q-toolbar{
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
.q-header {
|
||||||
|
position: sticky;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
<i18n>
|
<i18n>
|
||||||
en:
|
en:
|
||||||
searchInvoice: Search issued invoice
|
searchInvoice: Search issued invoice
|
||||||
|
|
Loading…
Reference in New Issue