0
0
Fork 0

refs #6892 fix checkbox css

This commit is contained in:
Carlos Satorres 2024-03-04 10:32:51 +01:00
parent 8d4ba3d729
commit c6f315d493
6 changed files with 77 additions and 61 deletions

View File

@ -143,10 +143,17 @@ watch(props, async () => {
} }
.QCheckbox { .QCheckbox {
display: flex; display: flex;
position: absolute; margin-bottom: 9px;
left: 0; & .q-checkbox__label {
margin-left: auto; margin-left: 20px;
color: gray; color: var(--vn-text);
}
& .q-checkbox__inner {
position: absolute;
left: 0;
margin-left: auto;
color: gray;
}
} }
} }
} }

View File

@ -220,9 +220,10 @@ function openDialog(dmsId) {
</VnLv> </VnLv>
<VnLv :label="t('claim.summary.returnOfMaterial')" :value="claim.rma" /> <VnLv :label="t('claim.summary.returnOfMaterial')" :value="claim.rma" />
<QCheckbox <QCheckbox
:align-items="right" class="QCheckbox"
:label="t('claim.basicData.picked')" :label="t('claim.basicData.picked')"
v-model="claim.hasToPickUp" v-model="claim.hasToPickUp"
:disable="true"
/> />
</QCard> </QCard>
<QCard class="vn-three claimVnNotes full-height"> <QCard class="vn-three claimVnNotes full-height">

View File

@ -192,18 +192,35 @@ const fetchEntryBuys = async () => {
:label="t('entry.summary.invoiceNumber')" :label="t('entry.summary.invoiceNumber')"
:value="entry.invoiceNumber" :value="entry.invoiceNumber"
/> />
<QCheckbox
<VnLv :label="t('entry.summary.ordered')" :value="entry.isOrdered" /> class="QCheckbox"
:label="t('entry.summary.ordered')"
<VnLv :label="t('entry.summary.confirmed')" :value="entry.isConfirmed" /> v-model="entry.isOrdered"
:disable="true"
<VnLv :label="t('entry.summary.booked')" :value="entry.isBooked" /> />
<QCheckbox
<VnLv :label="t('entry.summary.raid')" :value="entry.isRaid" /> class="QCheckbox"
:label="t('entry.summary.confirmed')"
<VnLv v-model="entry.isConfirmed"
:disable="true"
/>
<QCheckbox
class="QCheckbox"
:label="t('entry.summary.booked')"
v-model="entry.isBooked"
:disable="true"
/>
<QCheckbox
class="QCheckbox"
:label="t('entry.summary.raid')"
v-model="entry.isRaid"
:disable="true"
/>
<QCheckbox
class="QCheckbox"
:label="t('entry.summary.excludedFromAvailable')" :label="t('entry.summary.excludedFromAvailable')"
:value="entry.isExcludedFromAvailable" v-model="entry.isExcludedFromAvailable"
:disable="true"
/> />
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
@ -236,11 +253,12 @@ const fetchEntryBuys = async () => {
:value="entry.travel.warehouseOut.name" :value="entry.travel.warehouseOut.name"
/> />
<VnLv <QCheckbox
class="QCheckbox"
:label="t('entry.summary.travelDelivered')" :label="t('entry.summary.travelDelivered')"
:value="entry.travel.isDelivered" v-model="entry.isDelivered"
:disable="true"
/> />
<VnLv <VnLv
:label="t('entry.summary.travelLanded')" :label="t('entry.summary.travelLanded')"
:value="toDate(entry.travel.landed)" :value="toDate(entry.travel.landed)"
@ -251,9 +269,11 @@ const fetchEntryBuys = async () => {
:value="entry.travel.warehouseIn.name" :value="entry.travel.warehouseIn.name"
/> />
<VnLv <QCheckbox
class="QCheckbox"
:label="t('entry.summary.travelReceived')" :label="t('entry.summary.travelReceived')"
:value="entry.travel.isReceived" v-model="entry.isReceived"
:disable="true"
/> />
</QCard> </QCard>
<QCard class="vn-two" style="min-width: 100%"> <QCard class="vn-two" style="min-width: 100%">

View File

@ -275,9 +275,11 @@ function getLink(param) {
:label="t('invoiceIn.summary.company')" :label="t('invoiceIn.summary.company')"
:value="invoiceIn.company?.code" :value="invoiceIn.company?.code"
/> />
<VnLv <QCheckbox
class="QCheckbox"
:label="t('invoiceIn.summary.booked')" :label="t('invoiceIn.summary.booked')"
:value="invoiceIn.isBooked" v-model="invoiceIn.isBooked"
:disable="true"
/> />
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">

View File

@ -83,26 +83,18 @@ const isAdministrative = computed(() => {
</template> </template>
</VnLv> </VnLv>
<VnLv :label="t('supplier.summary.verified')" class="q-mb-xs"> <QCheckbox
<template #value> class="QCheckbox"
<QCheckbox :label="t('supplier.summary.verified')"
v-model="supplier.isSerious" v-model="supplier.isSerious"
dense :disable="true"
disable />
class="full-width q-mb-xs" <QCheckbox
/> class="QCheckbox"
</template> :label="t('supplier.summary.isActive')"
</VnLv> v-model="supplier.isActive"
<VnLv :label="t('supplier.summary.isActive')" class="q-mb-xs"> :disable="true"
<template #value> />
<QCheckbox
v-model="supplier.isActive"
dense
disable
class="full-width q-mb-xs"
/>
</template>
</VnLv>
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<a v-if="isAdministrative" class="header link" :href="supplierUrl"> <a v-if="isAdministrative" class="header link" :href="supplierUrl">

View File

@ -269,15 +269,12 @@ async function setTravelData(travelData) {
:label="t('globals.wareHouseOut')" :label="t('globals.wareHouseOut')"
:value="travel.warehouseOut?.name" :value="travel.warehouseOut?.name"
/> />
<VnLv :label="t('travel.summary.delivered')" class="q-mb-xs"> <QCheckbox
<template #value> class="QCheckbox"
<QIcon :label="t('travel.summary.delivered')"
:name="travel.isDelivered ? 'check' : 'close'" v-model="travel.isDelivered"
:color="travel.isDelivered ? 'positive' : 'negative'" :disable="true"
size="sm" />
/>
</template>
</VnLv>
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<VnLv :label="t('globals.landed')" :value="toDate(travel.landed)" /> <VnLv :label="t('globals.landed')" :value="toDate(travel.landed)" />
@ -285,15 +282,12 @@ async function setTravelData(travelData) {
:label="t('globals.wareHouseIn')" :label="t('globals.wareHouseIn')"
:value="travel.warehouseIn?.name" :value="travel.warehouseIn?.name"
/> />
<VnLv :label="t('travel.summary.received')" class="q-mb-xs"> <QCheckbox
<template #value> class="QCheckbox"
<QIcon :label="t('travel.summary.received')"
:name="travel.isReceived ? 'check' : 'close'" v-model="travel.isReceived"
:color="travel.isReceived ? 'positive' : 'negative'" :disable="true"
size="sm" />
/>
</template>
</VnLv>
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<VnLv :label="t('globals.agency')" :value="travel.agency?.name" /> <VnLv :label="t('globals.agency')" :value="travel.agency?.name" />