@7365admin1/layer-common 1.11.14 → 1.11.16

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @iservice365/layer-common
 
+## 1.11.16
+
+### Patch Changes
+
+- 59db5ff: Update Layer common register
+- acbb54d: Update Visitor Management
+
+## 1.11.15
+
+### Patch Changes
+
+- 1f2fbb4: Update Layer-commmon pacakge
+
 ## 1.11.14
 
 ### Patch Changes

package/components/AreaMain.vue

@@ -570,7 +570,7 @@ async function handleDownloadExcel() {
       return;
     }
 
-    const excelBuffer = await exportAreas(props.site);
+    const excelBuffer = await exportAreas(props.site, props.serviceType);
 
     if (!excelBuffer) {
       showMessage("Failed to download areas.", "error");

package/components/AttendanceCheckInOutDialog.vue

@@ -388,7 +388,7 @@ const submit = async () => {
     }
 
     if (props.serviceType) {
-      payload[props.action].serviceType = props.serviceType;
+      payload.serviceType = props.serviceType;
     }
 
     emit("saved", payload);

package/components/EquipmentManagementMain.vue

@@ -249,6 +249,7 @@ import useEquipment from "../composables/useEquipment";
 import useStock from "../composables/useStock";
 import { useEquipmentPermission } from "../composables/useEquipmentPermission";
 import useUtils from "../composables/useUtils";
+import useEquipmentManagement from "../composables/useEquipmentManagement";
 
 const props = defineProps({
   orgId: { type: String, default: "" },
@@ -497,7 +498,8 @@ async function _deleteEquipment() {
   }
 }
 
-const { createStock, requestItem } = useStock();
+const { createStock } = useStock();
+const { checkOutItemSingle } = useEquipmentManagement();
 
 const stockActionQuantity = ref<number>(0);
 const stockActionRemarks = ref("");
@@ -535,9 +537,10 @@ async function _requestItem() {
 
     const payload: TStockCreate = {
       qty: stockActionQuantity.value,
+      serviceType: props.serviceType,
     };
 
-    const response = await requestItem(props.site, id, payload);
+    const response = await checkOutItemSingle(props.site, id, payload);
     showMessage(response?.message, "success");
     dialogStockAction.value = false;
     stockActionQuantity.value = 0;

package/components/MemberInformation.vue

@@ -0,0 +1,121 @@
+<template>
+    <v-row no-gutters class="w-100">
+        <v-card class="w-100">
+            <v-card-text>
+                <v-btn block color="primary-button" :height="40" text="Scan QR Code" class="text-capitalize" disabled
+                    prepend-icon="mdi-qrcode" />
+                <v-form ref="formRef" v-model="validForm" :disabled="processing" @click="errorMessage = ''">
+                    <v-row no-gutters class="pt-5 ga-2">
+                        <v-col cols="12">
+                            <InputLabel class="text-capitalize" title="Full Name" required />
+                            <v-text-field v-model.trim="memberForm.name" density="compact" hide-details
+                                :rules="[requiredRule]" />
+                        </v-col>
+
+                        <v-col cols="12">
+                            <InputLabel class="text-capitalize" title="NRIC" required />
+                            <InputNRICNumber v-model.trim="memberForm.nric" density="compact" hide-details
+                                :rules="[requiredRule]" />
+                        </v-col>
+
+                        <v-col cols="12">
+                            <v-combobox v-model="pass" v-model:search="passInput" :hide-no-data="false" class="mt-3"
+                                @update:focused="handleFocusedPass" :items="passItems" item-value="value"
+                                @update:model-value="handleSelectPass" label="Pass (optional)" variant="outlined"
+                                hide-details density="compact" persistent-hint small-chips>
+                                <template v-slot:no-data>
+                                    <v-list-item density="compact">
+                                        <v-list-item-title v-if="passInput">
+                                            No results matching "<strong>{{ passInput }}</strong>". This value will be
+                                            added as new
+                                            option.
+                                        </v-list-item-title>
+                                        <v-list-item v-else>No data available</v-list-item>
+                                    </v-list-item>
+                                </template>
+                            </v-combobox>
+                        </v-col>
+
+                        <v-col cols="12">
+                            <InputLabel class="text-capitalize" title="Phone Number" required />
+                                <InputPhoneNumberV2 v-model="memberForm.contact" density="compact" hide-details/>
+                        </v-col>
+
+                        <v-row class="pt-3" justify="space-between">
+                            <v-col cols="6">
+                                <v-btn text="Add Member" :disabled="!validForm" prepend-icon="mdi-plus"
+                                    color="primary-button" class="text-capitalize" @click="handleAddMember" />
+                            </v-col>
+                            <v-col cols="6" align="end">
+                                <v-btn text="Clear Form" prepend-icon="mdi-refresh" color="primary-button"
+                                    class="text-capitalize" @click.stop="handleClearForm" />
+                            </v-col>
+                        </v-row>
+                    </v-row>
+                </v-form>
+            </v-card-text>
+        </v-card>
+        <v-divider class="my-3" />
+        <v-row v-if="members.length > 0" no-gutters class="w-100 mt-5 ga-3">
+            <template v-for="member, index in members" :key="member.nric">
+                <CardMemberInfoSummary :member="member" @remove="handleRemoveMember(index)" />
+            </template>
+        </v-row>
+    </v-row>
+</template>
+
+<script setup lang="ts">
+
+const props = defineProps({
+})
+
+const { requiredRule } = useUtils()
+
+
+const memberForm = reactive<TMemberInfo>({
+    name: "",
+    nric: "",
+    visitorPass: "",
+    contact: ""
+})
+
+const validForm = ref(false)
+const formRef = ref<HTMLFormElement>()
+const processing = ref(false);
+const errorMessage = ref('')
+
+// pass
+const pass = ref()
+const passInput = ref('')
+const passItems = ref(['Test'])
+
+const members = defineModel<TMemberInfo[]>({required: true, default: []})
+
+
+function handleFocusedPass() {
+
+}
+
+function handleSelectPass(val: any) {
+    memberForm.visitorPass = val
+}
+
+function handleClearForm() {
+    formRef.value?.reset()
+}
+
+async function handleAddMember() {
+    members.value.push({...memberForm})
+    handleClearForm()
+}
+
+function handleRemoveMember(index: number){
+    const filtered = members.value.filter((item, qIndex) =>  qIndex !== index)
+    members.value = filtered
+}
+
+
+
+</script>
+
+<style scoped></style>

package/components/OvernightParkingManagement.vue

@@ -66,6 +66,22 @@
       </template>
     </TableMain>
 
+    <v-dialog v-model="viewDialog" width="450" persistent>
+      <VehicleUpdateMoreAction title="Preview" :can-update="false" :can-delete="false"
+        @close="viewDialog = false">
+        <template v-slot:content>
+          <v-row no-gutters class="mb-4">
+            <v-col v-for="(label, key) in formattedFields" :key="key" cols="12">
+              <span v-if="selectedItem?.[key] !== undefined && selectedItem?.[key] !== null && selectedItem?.[key] !== ''" class="d-flex ga-3 align-center">
+                <strong>{{ label }}:</strong>
+                {{ formatItemValue(key, selectedItem[key]) }}
+              </span>
+            </v-col>
+          </v-row>
+        </template>
+      </VehicleUpdateMoreAction>
+    </v-dialog>
+
     <v-dialog v-model="actionDialog.open" max-width="520" persistent>
       <v-card>
         <v-card-title class="text-subtitle-1 font-weight-bold pt-4 px-4">
@@ -109,7 +125,7 @@ const props = defineProps({
 
 });
 
-const emits = defineEmits(["refresh", "create", "row-click", "update:page"]);
+const emits = defineEmits(["refresh", "create", "update:page"]);
 
 const searchInput = defineModel<string>("search", { default: "" });
 
@@ -124,6 +140,35 @@ const extensionHeight = ref(0)
 const offset = ref(0)
 const createLabel = "New Overnight Parking Request"
 
+const viewDialog = ref(false)
+const selectedItem = ref<TOvernightParkingRequest | null>(null)
+
+const formattedFields = {
+  name: "Name",
+  email: "Email",
+  contact: "Contact",
+  isOvernightParking: "Overnight Parking",
+  numberOfPassengers: "No. of Passengers",
+  purposeOfVisit: "Purpose of Visit",
+  status: "Status",
+  remarks: "Remarks",
+  createdAt: "Date Requested",
+} as const
+
+function formatItemValue(key: string, value: any) {
+  if (value === undefined || value === null || value === '') return ''
+  switch (key) {
+    case 'createdAt':
+    case 'updatedAt':
+      return formatDateDDMMYYYYLocal(value)
+    case 'isOvernightParking':
+      return value ? 'Yes' : 'No'
+    case 'status':
+      return formatStatus(value as TOvernightParkingRequest['status']).label
+  }
+  return value
+}
+
 const remarks = ref('')
 const actionLoading = ref(false)
 const actionDialog = reactive<{
@@ -197,7 +242,8 @@ watch(overnightParkingRequests, (data: any) => {
 // }
 
 function handleRowClick(data: { item?: TOvernightParkingRequest }) {
-  emits("row-click", data);
+  selectedItem.value = data?.item ?? null
+  viewDialog.value = true
 }
 
 function handleUpdatePage(value: number) {

package/components/PassInformation.vue

@@ -0,0 +1,126 @@
+<template>
+    <v-row no-gutters class="w-100">
+        <v-card class="w-100">
+            <v-card-text>
+                <v-btn block color="primary-button" :height="40" text="Scan QR Code" class="text-capitalize" disabled
+                    prepend-icon="mdi-qrcode" />
+                <v-combobox v-model="pass" v-model:search="passInput" :hide-no-data="false" class="mt-3"
+                    @update:focused="handleFocusedPass" :items="passItems" :rules="props.passRules" item-title="prefixAndName" item-value="_id"
+                    @update:model-value="handleSelectPass" label="Pass" variant="outlined" hide-details
+                    density="compact" persistent-hint small-chips>
+                    <template v-slot:no-data>
+                        <v-list-item density="compact">
+                            <v-list-item-title v-if="passInput">
+                                No results matching "<strong>{{ passInput }}</strong>". This value will be
+                                added as new
+                                option.
+                            </v-list-item-title>
+                            <v-list-item v-else>No data available</v-list-item>
+                        </v-list-item>
+                    </template>
+                </v-combobox>
+
+                <v-divider class="my-4 w-100" />
+            
+
+                <template v-if="selectedType">
+                    <v-number-input v-model="count" variant="outlined" :min="1" :precision="0" density="compact" :rules="countRules"  />
+                </template>
+            </v-card-text>
+        </v-card>
+    </v-row>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import type { ValidationRule } from 'vuetify/lib/types.mjs'
+import usePassKey from '../composables/usePassKey'
+
+const props = defineProps({
+    passRules: {
+        type: Array as PropType<ValidationRule[]>,
+        default: []
+    },
+    countRules: {
+        type: Array as PropType<ValidationRule[]>,
+        default: []
+    },
+    site: {
+        type: String,
+        required: true
+    },
+    type: {
+        type: String as PropType<TVisitorType>,
+        required: true
+    },
+    contractorType: {
+        type: String,
+        default: ""
+    }
+})
+
+const pass = ref("")
+const passInput = ref('')
+const passItems = ref([])
+const selectedType = ref<'qr-pass' | 'nfc-card'>()
+const count = ref(1)
+
+const { getPassKeysByPageSearch } = usePassKey()
+
+const typeItems = [
+    {
+        label: "QR Pass",
+        value: "qr-pass"
+    },
+    {
+        label: "NFC Card",
+        value: "nfc-card"
+    }
+]
+
+const passTypesComputed = computed(() => {
+   if(props.type === 'contractor'){
+    if(props.contractorType === 'property-agent'){
+        return ["agent-pass"]
+    } else {
+        return ["contractor-pass"]
+    }
+   } else {
+    return ["visitor-pass"]
+   }
+})
+
+const { data: passesData, refresh: refreshPassesData, pending: fetchPassesPending } = await useLazyAsyncData('get-pass-keys', () => {
+    return getPassKeysByPageSearch({
+        search: passInput.value,
+        page: 1,
+        limit: 500,
+        passTypes: passTypesComputed.value,
+        sites: [props.site],
+        statuses: ["Available"]
+    })
+})
+
+watch(passesData, (data: any) => {
+    passItems.value = data?.items || []
+})
+
+
+function handleFocusedPass() {
+
+}
+
+function handleSelectPass() {
+
+}
+
+//prevent negative value;
+watch(count, (newCount) => {
+    if(newCount < 1){
+        count.value = 1
+    }
+})
+
+</script>
+
+<style scoped></style>

package/components/ScheduleTaskForm.vue

@@ -377,7 +377,7 @@ const submitTask = async () => {
         (props.taskData as any)?._id || (props.taskData as any)?.id;
       response = await updateScheduleTask(taskId, payload);
     } else {
-      response = await createScheduleTask({ ...payload, site: props.site });
+      response = await createScheduleTask({ ...payload, site: props.site, serviceType: props.serviceType });
     }
 
     showMessage(

package/components/ScheduleTaskMain.vue

@@ -88,8 +88,10 @@
           :title="selectedTask?.title || 'Schedule Task Actions'"
           :canUpdate="canUpdateScheduleTask"
           @close="dialogShowMoreActions = false"
-          :canDelete="false"
+          :canDelete="canDeleteScheduleTask"
+          :deleteButtonLabel="'Delete Schedule Task'"
           @edit="onEditFromMoreAction"
+          @delete="onDeleteFromMoreAction"
           :editButtonLabel="'Edit Schedule Task'"
         >
           <template #content>
@@ -198,6 +200,52 @@
         </HygieneUpdateMoreAction>
       </v-dialog>
 
+      <v-dialog v-model="dialogDeleteTask" max-width="450">
+        <v-card>
+          <v-toolbar>
+            <v-row no-gutters class="fill-height px-6" align="center">
+              <span class="font-weight-bold text-h6 text-capitalize">
+                Delete {{ selectedTask?.title || 'Schedule Task' }}
+              </span>
+            </v-row>
+          </v-toolbar>
+          <v-card-text>
+            <span class="text-subtitle-2">Are you sure you want to delete this schedule task?</span>
+          </v-card-text>
+
+          <v-toolbar class="pa-0" density="compact">
+            <v-row no-gutters>
+              <v-col cols="6" class="pa-0">
+                <v-btn
+                  block
+                  variant="text"
+                  class="text-none"
+                  size="large"
+                  @click="dialogDeleteTask = false"
+                  height="48"
+                >
+                  Cancel
+                </v-btn>
+              </v-col>
+
+              <v-col cols="6" class="pa-0">
+                <v-btn
+                  block
+                  variant="flat"
+                  color="black"
+                  class="text-none font-weight-bold"
+                  height="48"
+                  :loading="submitting"
+                  @click="_deleteScheduleTask"
+                >
+                  Delete
+                </v-btn>
+              </v-col>
+            </v-row>
+          </v-toolbar>
+        </v-card>
+      </v-dialog>
+
       <Snackbar
         v-model="messageSnackbar"
         :text="message"
@@ -219,7 +267,7 @@ const props = defineProps({
 });
 
 const { formatDate, debounce } = useUtils();
-const { getScheduleTasks, getScheduleTaskById } = useScheduleTask();
+const { getScheduleTasks, getScheduleTaskById, deleteScheduleTask } = useScheduleTask();
 const {
   canViewScheduleTasks,
   canCreateScheduleTask,
@@ -349,4 +397,30 @@ const onEditFromMoreAction = async () => {
   formMode.value = "edit";
   showForm.value = true;
 };
+
+const onDeleteFromMoreAction = () => {
+  dialogShowMoreActions.value = false;
+  dialogDeleteTask.value = true;
+};
+
+async function _deleteScheduleTask() {
+  if (!selectedTask.value) return;
+
+  try {
+    submitting.value = true;
+    const id =
+      (selectedTask.value as any)._id || (selectedTask.value as any).id;
+    if (!id) throw new Error("Invalid schedule task id");
+
+    const response = await deleteScheduleTask(id);
+    dialogDeleteTask.value = false;
+    showMessage(response?.message, "success");
+
+    await getTaskRefresh();
+  } catch (error: any) {
+    showMessage(error?.data?.message, "error");
+  } finally {
+    submitting.value = false;
+  }
+}
 </script>

package/components/UnitMain.vue

@@ -317,7 +317,7 @@ async function handleDownloadExcel() {
       return;
     }
 
-    const excelBuffer = await downloadUnits(props.site);
+    const excelBuffer = await downloadUnits(props.site, props.serviceType);
 
     if (!excelBuffer) {
       showMessage("Failed to download units.", "error");

package/components/VisitorForm.vue

@@ -184,7 +184,7 @@
           </v-col>
 
           <v-col v-if="prop.type === 'contractor' && contractorStep === 2" cols="12">
-            <PassInformation />
+            <PassInformation :site="prop.site" :type="prop.type" :contractor-type="visitor.contractorType" />
             <EntryPassInformation
               v-if="entryPassSettings?.data?.settings?.nfcPass"
               v-model="passType"
@@ -866,7 +866,7 @@ async function submit() {
     site: prop.site,
   };
 
-  if (prop.mode === "add") {
+  if (prop.mode === "add" || prop.mode === "register") {
     const allowedFields = typeFieldMap[prop.type];
     for (const key of allowedFields as (keyof TVisitorPayload)[]) {
       if (visitor[key] !== undefined) {
@@ -876,11 +876,6 @@ async function submit() {
         };
       }
     }
-  } else if (prop.mode === 'register') {
-    payload = {
-      ...payload,
-      status: "registered",
-    }
   }
 
 
@@ -975,7 +970,7 @@ watch(
 );
 
 onMounted(() => {
-  contractorStep.value = 1;
+  contractorStep.value = 2;
   currentAutofillSource.value = null;
 
   if (prop.mode === 'register' && prop.visitorData) {

package/components/VisitorManagement.vue

@@ -22,7 +22,7 @@
             </v-checkbox>
             <InputDateTimePicker v-model:utc="dateFrom" density="compact" hide-details />
             <InputDateTimePicker v-model:utc="dateTo" density="compact" hide-details />
-            <v-select v-if="activeTab !== 'guests'" v-model="filterTypes" label="Filter by types" item-title="label"
+            <v-select v-if="activeTab == 'registered'" v-model="filterTypes" label="Filter by types" item-title="label"
               item-value="value" :items="visitorSelection" density="compact" clearable multiple max-width="200"
               hide-details>
               <template v-slot:selection="{ item, index }">
@@ -50,7 +50,7 @@
           <v-icon icon="mdi-user" size="15" />
           <span v-if="item.type === 'contractor'" class="text-capitalize">{{
             formatCamelCaseToWords(item.contractorType)
-          }}</span>
+            }}</span>
           <span v-else class="text-capitalize">{{ formatType(item) }}</span>
         </span>
         <span class="d-flex align-center ga-2">
@@ -88,9 +88,10 @@
           <v-icon icon="mdi-clock-time-four-outline" color="green" size="20" />
           <span class="text-capitalize">{{
             UTCToLocalTIme(item.checkIn) || "-"
-          }}</span>
+            }}</span>
           <span>
-            <v-icon v-if="item?.snapshotEntryImage" size="17" icon="mdi-image" @click.stop="handleViewImage(item.snapshotEntryImage)" />
+            <v-icon v-if="item?.snapshotEntryImage" size="17" icon="mdi-image"
+              @click.stop="handleViewImage(item.snapshotEntryImage)" />
           </span>
         </span>
         <span class="d-flex align-center ga-2">
@@ -98,15 +99,16 @@
           <template v-if="item.checkOut">
             <span class="text-capitalize">{{
               UTCToLocalTIme(item.checkOut) || "-"
-            }}</span>
+              }}</span>
             <span>
-              <v-icon v-if="item?.snapshotExitImage" size="17" icon="mdi-image" @click.stop="handleViewImage(item.snapshotExitImage)" />
+              <v-icon v-if="item?.snapshotExitImage" size="17" icon="mdi-image"
+                @click.stop="handleViewImage(item.snapshotExitImage)" />
             </span>
             <span v-if="item?.manualCheckout">
               <TooltipInfo text="Manual Checkout" density="compact" size="x-small" />
             </span>
           </template>
-          <span v-else-if="!item?.checkOut && item?.status === 'registered'">
+          <span v-else-if="!item?.checkOut && (item?.status === 'registered' || item?.status === 'unregistered')">
             <v-btn size="x-small" class="text-capitalize" color="red" text="Checkout"
               :loading="loading.checkingOut && item?._id === selectedVisitorId" @click.stop="handleCheckout(item._id)"
               v-if="canCheckoutVisitor" />
@@ -149,7 +151,7 @@
               </span>
 
               <span v-else-if="selectedVisitorObject[key]" class="d-flex ga-3 align-center"><strong>{{ label
-              }}:</strong>
+                  }}:</strong>
                 {{ formatValues(key, selectedVisitorObject[key]) }}
                 <TooltipInfo v-if="key === 'checkOut'" text="Manual Checkout" density="compact" size="x-small" />
               </span>
@@ -165,6 +167,18 @@
         @delete="handleProceedDeleteVisitor" />
     </v-dialog>
 
+    <v-dialog v-model="dialog.snapshotImage" max-width="700">
+      <v-card>
+        <v-card-title class="d-flex justify-space-between align-center">
+          <span>Snapshot</span>
+          <v-btn icon="mdi-close" variant="text" @click="dialog.snapshotImage = false" />
+        </v-card-title>
+        <v-card-text class="pa-2 d-flex justify-center">
+          <v-img :src="snapshotImageUrl" max-height="600" contain />
+        </v-card-text>
+      </v-card>
+    </v-dialog>
+
     <Snackbar v-model="messageSnackbar" :text="message" :color="messageColor" />
   </v-row>
 </template>
@@ -207,7 +221,7 @@ const {
 const { debounce, formatCamelCaseToWords, formatDate, UTCToLocalTIme } =
   useUtils();
 const { formatLocation } = useSecurityUtils();
-const {  getFileUrlAnpr } = useFile();
+const { getFileUrlAnpr } = useFile();
 // const { status: visitorStatus, search } = useRoute().query as { status: string, search: string};
 
 const route = useRoute()
@@ -249,8 +263,11 @@ const dialog = reactive({
   showForm: false,
   viewVisitor: false,
   deleteConfirmation: false,
+  snapshotImage: false,
 });
 
+const snapshotImageUrl = ref("");
+
 const headers = computed(() => [
   { title: "Name", value: "name" },
   { title: "Type/Company", value: "type-company" },
@@ -265,6 +282,7 @@ const tabOptions = [
   { name: "Registered", value: "registered" },
   { name: "Unregistered", value: "unregistered" },
   { name: "Guests", value: "guests" },
+  { name: "Resident Transactions", value: "resident-transactions" },
 ];
 
 const selectedVisitorDataObject = computed(() => {
@@ -333,11 +351,21 @@ const {
       checkedOut: displayNotCheckedOut.value ? false : undefined
     }
 
-    if (activeTab.value !== "guests") {
-      params.status = activeTab.value
-    } else if (activeTab.value === "guests") {
+    // if (activeTab.value !== "guests") {
+    //   params.status = activeTab.value
+    // } else if (activeTab.value === "guests") {
+    //   params.type = "guest"
+    //   params.status = "pending"
+    // }
+
+    if(activeTab.value === "guests"){
       params.type = "guest"
       params.status = "pending"
+    } else if (activeTab.value === "resident-transactions") {
+      params.status = "registered"
+      params.type = "resident,tenant"
+    } else {
+      params.status = activeTab.value
     }
 
     return await getVisitors(params)
@@ -447,8 +475,8 @@ function handleRegistrationUnregisteredVisitor(item: Partial<TVisitor>) {
 
 function handleViewImage(imageId: string) {
   const imageEndpoint = `${siteId}/${imageId}`;
-  const imageUrl = getFileUrlAnpr(imageEndpoint);
-  window.open(imageUrl, "_blank");
+  snapshotImageUrl.value = getFileUrlAnpr(imageEndpoint);
+  dialog.snapshotImage = true;
 }
 
 

package/composables/useAreas.ts

@@ -74,22 +74,21 @@ export default function useAreas() {
   function uploadAreas(file: File, site: string, serviceType?: string) {
     const formData = new FormData();
     formData.append("file", file);
-    if (serviceType) {
-      formData.append("serviceType", serviceType);
-    }
     return useNuxtApp().$api<Record<string, any>>(
       `/api/hygiene-areas/site/${site}/upload`,
       {
         method: "POST",
         body: formData,
+        query: { serviceType },
       },
     );
   }
 
-  async function exportAreas(site: string) {
+  async function exportAreas(site: string, serviceType: string) {
     return useNuxtApp().$api<Blob>(`/api/hygiene-areas/site/${site}/download`, {
       method: "GET",
       responseType: "blob",
+      query: { serviceType },
     });
   }
 

package/composables/useEquipmentManagement.ts

@@ -1,5 +1,11 @@
 export default function useEquipmentManagement() {
-  function getSupplies({ page = 1, search = "", limit = 10, site = "", serviceType = "" } = {}) {
+  function getSupplies({
+    page = 1,
+    search = "",
+    limit = 10,
+    site = "",
+    serviceType = "",
+  } = {}) {
     return useNuxtApp().$api<Record<string, any>>(
       `/api/hygiene-supplies/site/${site}`,
       {
@@ -53,11 +59,26 @@ export default function useEquipmentManagement() {
     );
   }
 
+  function checkOutItemSingle(site: string, id: string, payload: TStockCreate) {
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/hygiene-checkout-items/site/${site}/supply/${id}`,
+      {
+        method: "POST",
+        body: {
+          qty: payload.qty,
+          serviceType: payload.serviceType,
+        },
+      }
+    );
+  }
+
   return {
     getSupplies,
     getSupplyById,
     createSupply,
     updateSupply,
     deleteSupply,
+    checkOutItemSingle,
+
   };
 }

package/composables/useScheduleTask.ts

@@ -37,6 +37,7 @@ export default function useScheduleTask() {
     description?: string;
     areas: { name: string; value: string }[];
     site: string;
+    serviceType: string;
   }) {
     return useNuxtApp().$api<Record<string, any>>(
       `/api/hygiene-schedule-tasks/site/${payload.site}`,
@@ -48,6 +49,7 @@ export default function useScheduleTask() {
           dates: payload.dates,
           description: payload.description,
           areas: payload.areas,
+          serviceType: payload.serviceType,
         },
       },
     );
@@ -78,10 +80,20 @@ export default function useScheduleTask() {
     );
   }
 
+  function deleteScheduleTask(id: string) {
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/hygiene-schedule-tasks/id/${id}`,
+      {
+        method: "DELETE",
+      },
+    );
+  }
+
   return {
     getScheduleTasks,
     createScheduleTask,
     updateScheduleTask,
     getScheduleTaskById,
+    deleteScheduleTask,
   };
 }

package/composables/useStock.ts

@@ -27,21 +27,10 @@ export default function useStock() {
     );
   }
 
-  function requestItem(site: string, id: string, payload: TStockCreate) {
-    return useNuxtApp().$api<Record<string, any>>(
-      `/api/hygiene-request-items/site/${site}/supply/${id}`,
-      {
-        method: "POST",
-        body: {
-          qty: payload.qty,
-        },
-      }
-    );
-  }
+
 
   return {
     createStock,
     getStockBySupply,
-    requestItem,
   };
 }

package/composables/useUnits.ts

@@ -57,23 +57,22 @@ export default function useUnits() {
   function uploadUnits(file: File, site: string, serviceType?: string) {
     const formData = new FormData();
     formData.append("file", file);
-    if (serviceType) {
-      formData.append("serviceType", serviceType);
-    }
 
     return useNuxtApp().$api<Record<string, any>>(
       `/api/hygiene-units/site/${site}/upload`,
       {
         method: "POST",
         body: formData,
+        query: { serviceType },
       }
     );
   }
 
-  function downloadUnits(site: string) {
+  function downloadUnits(site: string, serviceType: string) {
     return useNuxtApp().$api<Blob>(`/api/hygiene-units/site/${site}/download`, {
       method: "GET",
       responseType: "blob",
+      query: { serviceType },
     });
   }
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "1.11.14",
+  "version": "1.11.16",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "publishConfig": {