From f139be4fcd32dc20f3f1ffb4571cc7b85f8ee469 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 8 Jan 2025 14:03:14 +0100
Subject: [PATCH] fix: refs #6553 fix vnTable
---
src/pages/Worker/Card/WorkerBusiness.vue | 75 ++++++++++++------------
1 file changed, 39 insertions(+), 36 deletions(-)
diff --git a/src/pages/Worker/Card/WorkerBusiness.vue b/src/pages/Worker/Card/WorkerBusiness.vue
index d45dce1c7..433eb20b1 100644
--- a/src/pages/Worker/Card/WorkerBusiness.vue
+++ b/src/pages/Worker/Card/WorkerBusiness.vue
@@ -205,46 +205,49 @@ const columns = computed(() => [
</script>
<template>
- <div class="list-container">
- <VnTable
- class="list"
- ref="tableRef"
- data-key="WorkerBusiness"
- :url="`Workers/${entityId}/Business`"
- save-url="/Businesses/crud"
- :create="{
- urlCreate: `Workers/${entityId}/Business`,
- title: 'Create business',
- onDataSaved: () => tableRef.reload(),
- formInitialData: {},
- }"
- order="id DESC"
- :columns="columns"
- default-mode="card"
- auto-load
- :disable-option="{ table: true }"
- :right-search="false"
- card-class="grid-two q-gutter-x-xl q-gutter-y-md"
- :is-editable="true"
- :use-model="true"
- @save-changes="(data) => reactivateWorker(data)"
- />
- </div>
+ <VnTable
+ ref="tableRef"
+ class="BusinessCard"
+ data-key="WorkerBusiness"
+ :url="`Workers/${entityId}/Business`"
+ save-url="/Businesses/crud"
+ :create="{
+ urlCreate: `Workers/${entityId}/Business`,
+ title: 'Create business',
+ onDataSaved: () => tableRef.reload(),
+ formInitialData: {},
+ }"
+ order="id DESC"
+ :columns="columns"
+ default-mode="card"
+ auto-load
+ :disable-option="{ table: true }"
+ :right-search="false"
+ card-class="BusinessCard grid-two q-gutter-x-xl q-gutter-y-md q-pr-lg q-py-lg"
+ :is-editable="true"
+ :use-model="true"
+ @save-changes="(data) => reactivateWorker(data)"
+ />
</template>
<style lang="scss" scoped>
-.list {
- width: 1000px;
- margin: 4em auto;
- padding: 30px;
-}
-.q-card__section {
+.BusinessCard {
background-color: blue;
}
-.list-container {
- display: flex;
- justify-content: center;
- flex-direction: column;
- width: 90%;
+.q-table__container .vn-label-value .label {
+ color: red;
+}
+.q-table__container {
+ background-color: red;
+}
+.VnTable {
+ background-color: red;
+ .q-table__container {
+ .vn-label-value {
+ .label {
+ background-color: blue;
+ }
+ }
+ }
}
</style>
<i18n>