src/pages/Ticket/Negative/TicketLackList.vue

@@ -170,22 +170,20 @@ onBeforeMount(() => {
         <!-- <FetchData url="Warehouses" @on-fetch="handleWarehouses" auto-load /> -->
         <VnSubToolbar class="bg-vn-dark justify-end">
             <template #st-actions>
-                <QBtnGroup push style="column-gap: 1px" v-if="!currentRow">
-                    <TicketMassiveUpdate
-                        label="negative.buttonsUpdate.state"
-                        tooltip="negative.detail.modal.changeState.title"
-                    >
-                        <NegativeOriginDialog
-                            ref="originDialogRef"
-                            :selected-rows="selectedRows"
-                        ></NegativeOriginDialog>
-                    </TicketMassiveUpdate>
+                <!-- <QBtnGroup push style="column-gap: 1px" v-if="!currentRow"> -->
                 <QBtn
                     color="primary"
                     :disable="!selectedRows?.length"
                     @click="showNegativeOriginDialog = true"
                     :label="t('negative.negativeAction')"
                 >
+                    <QPopupProxy ref="popupProxyRef" style="max-width: none">
+                        <QCard>
+                            <NegativeOriginDialog
+                                ref="originDialogRef"
+                                :selected-rows="selectedRows"
+                            /> </QCard
+                    ></QPopupProxy>
                     <QTooltip>{{ t('negative.negativeAction') }}</QTooltip>
                 </QBtn>
                 <!-- <QBtn
@@ -195,7 +193,7 @@ onBeforeMount(() => {
                     >
                         <QTooltip>{{ t('negative.totalNegative') }}</QTooltip>
                     </QBtn> -->
-                </QBtnGroup>
+                <!-- </QBtnGroup> -->
             </template>
         </VnSubToolbar>
         <div class="list">