feat: upodates

src/components/VnTable/VnTable.vue

@@ -403,6 +403,11 @@ function handleOnDataSaved(_) {
                 <template #top-left v-if="!$props.withoutHeader">
                     <slot name="top-left"></slot>
                 </template>
+                <template #body-selection="scope">
+                    <pre>{{ scope }}</pre>
+
+                    <!-- <slot name="body-selection" :data="scope"></slot> -->
+                </template>
                 <template #top-right v-if="!$props.withoutHeader">
                     <VnVisibleColumn
                         v-if="isTableMode"

src/pages/Customer/Card/CustomerBasicData.vue

@@ -99,7 +99,6 @@ const title = ref();
                     :fields="['id', 'nickname']"
                     sort-by="nickname ASC"
                     :rules="validate('client.salesPersonFk')"
-                    :use-like="false"
                     emit-value
                     auto-load
                 >

src/pages/Customer/Card/CustomerDescriptor.vue

@@ -92,7 +92,7 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                     <QTooltip>{{ t('customer.card.isDisabled') }}</QTooltip>
                 </QIcon>
                 <QIcon
-                    v-if="!entity.substitutionAllowed"
+                    v-if="!entity?.substitutionAllowed"
                     name="help"
                     size="xs"
                     color="primary"
@@ -100,7 +100,7 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                     <QTooltip>{{ t('Disabled substitution') }}</QTooltip>
                 </QIcon>
                 <QIcon
-                    v-if="entity.substitutionAllowed"
+                    v-if="entity?.substitutionAllowed"
                     name="help"
                     size="xs"
                     color="primary"

src/pages/Item/components/ItemProposal.vue

@@ -281,16 +281,21 @@ onUnmounted(() => {});
                     /></div
             ></template>
             <!-- <template #body="scope">{{ scope }}</template> -->
-            <template #body-selection="scope">
+            <template #body-selection>
-                <QTd align="center" v-if="$props.replaceAction"
+                <QTd align="center" v-if="$props.replaceAction">
-                    ><QCheckbox
+                    <!-- <pre>
+                        {{ row.selected }}
+
+                    </pre>
+                    {{ itemLack }} -->
+                    <!-- <QCheckbox
                         v-model="scope.selected"
                         :disable="!(scope.row.available >= itemLack.lack * -1)"
                     >
                         <QTooltip v-if="!(scope.row.available >= itemLack.lack * -1)">
                             Nop</QTooltip
                         >
-                    </QCheckbox>
+                    </QCheckbox> -->
                     <!-- <div v-else class="q-ml-sm">
                                             <QIcon name="info" size="sm"></QIcon>
                                             </div
@@ -354,16 +359,14 @@ onUnmounted(() => {});
                                 </template> -->
 
             <template #column-price2="{ row }">
-                <QTd
+                <!-- <QTd align="center"> -->
-                    class="col"
-                    align="center"
-                    :class="[conditionalValuePrice(row.price2)]"
-                >
                 <QTooltip>
                     {{ toCurrency(row.price2) }}
                 </QTooltip>
-                    {{ toCurrency(row.price2) }}
+                <span :class="[conditionalValuePrice(row.price2)]">{{
-                </QTd>
+                    toCurrency(row.price2)
+                }}</span>
+                <!-- </QTd> -->
             </template>
             <template #column-difference="{ row }">
                 <!-- <pre>asdad{{ row }}</pre> -->

src/pages/Ticket/Negative/TicketLackDetail.vue

@@ -19,6 +19,8 @@ import { useArrayData } from 'src/composables/useArrayData';
 import VnImg from 'src/components/ui/VnImg.vue';
 import TicketLackTable from './TicketLackTable.vue';
 import ItemProposalProxy from 'src/pages/Item/components/ItemProposalProxy.vue';
+import { toCurrency } from 'filters/index';
+
 const { t } = useI18n();
 const URL_KEY = 'Tickets/ItemLack';
 const editableStates = ref([]);
@@ -217,7 +219,7 @@ const replaceItem = () => {
         </template>
     </VnSubToolbar>
     <QPage>
-        <div class="full-width q-pa-md" style="padding-bottom: 0px">
+        <div class="full-width" style="padding-bottom: 0px">
             <!-- <p>item:{{ item }}</p>
             <p>itemLack:{{ itemLack }}</p>
             <p>selectedRows:{{ selectedRows }}</p>
@@ -228,12 +230,20 @@ const replaceItem = () => {
                 ref="itemLackForm"
                 @on-fetch="copyOriginalRowsData"
                 auto-load
+                class="full-width q-pa-md"
             >
                 <template #body>
                     <!-- <VnLv >
                         <template #label> -->
                     <div style="display: flex; align-items: center">
                         <VnImg :id="item.id" class="rounded image-wrapper"></VnImg>
+                        <div
+                            style="
+                                display: flex;
+                                align-items: center;
+                                flex-direction: column;
+                            "
+                        >
                             <QBadge
                                 class="q-ml-xs"
                                 v-if="itemLack"
@@ -241,6 +251,13 @@ const replaceItem = () => {
                                 :color="itemLack.lack === 0 ? 'green' : 'red'"
                                 :label="itemLack.lack"
                             />
+                            <QBadge
+                                class="q-ml-xs q-mt-xs"
+                                v-if="itemLack"
+                                :label="toCurrency(itemLack.lack)"
+                                outline
+                            />
+                        </div>
                         <QBtn flat class="link text-blue">
                             {{ item.longName }}
                             <ItemDescriptorProxy :id="entityId" />

src/pages/Ticket/Negative/TicketLackTable.vue

@@ -238,7 +238,6 @@ const tableRef = ref(null);
         "
         auto-load
     />
-    {{ editableStates }}
     <VnTable
         ref="tableRef"
         :data-key="URL_KEY"