style: refs #6464 changed checkbox and qbtn styles

src/pages/InvoiceOut/InvoiceOutNegativeBases.vue

@@ -7,7 +7,6 @@ import InvoiceOutNegativeFilter from './InvoiceOutNegativeBasesFilter.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
-// import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import { toCurrency } from 'src/filters';
 import { useInvoiceOutGlobalStore } from 'src/stores/invoiceOutGlobal.js';
 import { useStateStore } from 'stores/useStateStore';
@@ -17,8 +16,8 @@ const invoiceOutGlobalStore = useInvoiceOutGlobalStore();
 const stateStore = useStateStore();
 const { t } = useI18n();
 const defaultParams = {
-    from: '2024-04-30T22:00:00.000Z',
-    to: '2024-05-30T22:00:00.000Z',
+    from: Date.vnFirstDayOfMonth().toISOString(),
+    to: Date.vnLastDayOfMonth().toISOString(),
 };
 
 const arrayData = useArrayData('InvoiceOutNegative', {
@@ -140,13 +139,6 @@ const downloadCSV = async () => {
 
 <template>
     <template v-if="stateStore.isHeaderMounted()">
-        <!--<Teleport to="#searchbar">
-            <VnSearchbar
-                data-key="InvoiceOutNegative"
-                :limit="20"
-                :label="t('Search negative bases')"
-            />
-        </Teleport>-->
         <Teleport
             to="#st-actions"
             v-if="stateStore?.isSubToolbarShown() && componentIsRendered"
@@ -184,7 +176,11 @@ const downloadCSV = async () => {
             </template>
             <template #body-cell-active="{ row }">
                 <QTd>
-                    <QCheckbox :model-value="!!row.isActive" disable />
+                    <QCheckbox
+                        class="disabled-checkbox"
+                        :model-value="!!row.isActive"
+                        disable
+                    />
                 </QTd>
             </template>
             <template #body-cell-hasToInvoice="{ row }">