forked from verdnatura/salix-front
fix: refs #6553 fix vnTable
This commit is contained in:
parent
3dbace5336
commit
f139be4fcd
|
@ -205,46 +205,49 @@ const columns = computed(() => [
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="list-container">
|
<VnTable
|
||||||
<VnTable
|
ref="tableRef"
|
||||||
class="list"
|
class="BusinessCard"
|
||||||
ref="tableRef"
|
data-key="WorkerBusiness"
|
||||||
data-key="WorkerBusiness"
|
:url="`Workers/${entityId}/Business`"
|
||||||
:url="`Workers/${entityId}/Business`"
|
save-url="/Businesses/crud"
|
||||||
save-url="/Businesses/crud"
|
:create="{
|
||||||
:create="{
|
urlCreate: `Workers/${entityId}/Business`,
|
||||||
urlCreate: `Workers/${entityId}/Business`,
|
title: 'Create business',
|
||||||
title: 'Create business',
|
onDataSaved: () => tableRef.reload(),
|
||||||
onDataSaved: () => tableRef.reload(),
|
formInitialData: {},
|
||||||
formInitialData: {},
|
}"
|
||||||
}"
|
order="id DESC"
|
||||||
order="id DESC"
|
:columns="columns"
|
||||||
:columns="columns"
|
default-mode="card"
|
||||||
default-mode="card"
|
auto-load
|
||||||
auto-load
|
:disable-option="{ table: true }"
|
||||||
:disable-option="{ table: true }"
|
:right-search="false"
|
||||||
:right-search="false"
|
card-class="BusinessCard grid-two q-gutter-x-xl q-gutter-y-md q-pr-lg q-py-lg"
|
||||||
card-class="grid-two q-gutter-x-xl q-gutter-y-md"
|
:is-editable="true"
|
||||||
:is-editable="true"
|
:use-model="true"
|
||||||
:use-model="true"
|
@save-changes="(data) => reactivateWorker(data)"
|
||||||
@save-changes="(data) => reactivateWorker(data)"
|
/>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.list {
|
.BusinessCard {
|
||||||
width: 1000px;
|
|
||||||
margin: 4em auto;
|
|
||||||
padding: 30px;
|
|
||||||
}
|
|
||||||
.q-card__section {
|
|
||||||
background-color: blue;
|
background-color: blue;
|
||||||
}
|
}
|
||||||
.list-container {
|
.q-table__container .vn-label-value .label {
|
||||||
display: flex;
|
color: red;
|
||||||
justify-content: center;
|
}
|
||||||
flex-direction: column;
|
.q-table__container {
|
||||||
width: 90%;
|
background-color: red;
|
||||||
|
}
|
||||||
|
.VnTable {
|
||||||
|
background-color: red;
|
||||||
|
.q-table__container {
|
||||||
|
.vn-label-value {
|
||||||
|
.label {
|
||||||
|
background-color: blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<i18n>
|
<i18n>
|
||||||
|
|
Loading…
Reference in New Issue