src/pages/Ticket/Negative/TicketLackDetail.vue

@@ -14,7 +14,7 @@ import TicketLackTable from './TicketLackTable.vue';
 import VnPopupProxy from 'src/components/common/VnPopupProxy.vue';
 import ItemProposalProxy from 'src/pages/Item/components/ItemProposalProxy.vue';
 
-import { date, useQuasar } from 'quasar';
+import { useQuasar } from 'quasar';
 const quasar = useQuasar();
 const { t } = useI18n();
 const editableStates = ref([]);
@@ -36,6 +36,7 @@ onUnmounted(() => {
 
 const entityId = computed(() => route.params.id);
 const item = ref({});
+const ticketConfig = ref(null);
 
 const itemProposalSelected = ref(null);
 const reload = async () => {
@@ -44,7 +45,7 @@ const reload = async () => {
 defineExpose({ reload });
 
 const itemProposalEvt = (data) => {
-    const { itemProposal, quantity } = data;
+    const { itemProposal } = data;
     itemProposalSelected.value = itemProposal;
     reload();
 };
@@ -65,16 +66,27 @@ const showItemProposal = () => {
         })
         .onOk(itemProposalEvt);
 };
-const filterTable = {
+const filter = computed(() => ({
     scopeDays: 2,
     showType: true,
-    alertLevelCode: 'FREE',
+    alertLevelCode: null,
     date: Date.vnNew(),
     warehouseFk: useState().getUser().value.warehouseFk,
-};
+}));
+
+async function handleTicketConfig(data) {
+    filter.value.alertLevelCode = data[0].lackDefaultAlertLevelCode;
+    ticketConfig.value = data[0];
+}
 </script>
 
 <template>
+    <FetchData
+        url="TicketConfigs"
+        :filter="{ fields: ['lackDefaultAlertLevelCode'] }"
+        @on-fetch="handleTicketConfig"
+        auto-load
+    />
     <FetchData
         url="States/editableStates"
         @on-fetch="(data) => (editableStates = data)"
@@ -95,8 +107,9 @@ const filterTable = {
     />
 
     <TicketLackTable
+        v-if="ticketConfig"
         ref="tableRef"
-        :filter="filterTable"
+        :filter="filter"
         @update:selection="({ value }, _) => (selectedRows = value)"
     >
         <template #top-right>