forked from verdnatura/salix-front
refs #6892 fix checkbox css
This commit is contained in:
parent
8d4ba3d729
commit
c6f315d493
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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%">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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" />
|
||||||
|
|
Loading…
Reference in New Issue