fixed orders select in new ticket

This commit is contained in:
Mamalizz
2025-04-16 22:58:57 +03:30
parent 23f1696236
commit d264a09ee8
+20 -11
View File
@@ -10,6 +10,7 @@ import { useToast } from "~/composables/global/useToast";
import { QUERY_KEYS } from "~/constants";
import useVuelidate from "@vuelidate/core";
import { helpers, required, minLength } from "@vuelidate/validators";
import type { GetAllOrdersRequest } from "~/composables/api/orders/useGetAllOrders";
// meta
@@ -72,9 +73,18 @@ const ticketData = ref<CreateTicketRequest>({
attachments: [],
});
const ordersFilter = computed<GetAllOrdersRequest>(() => {
return {
sort: "created_at",
status: "RECEIVED",
page: 1,
} as any;
});
// queries
const { data: orders, isLoading: ordersIsLoading } = useGetAllOrders();
const { data: orders, isLoading: ordersIsLoading } =
useGetAllOrders(ordersFilter);
const { mutateAsync: createTicket, isPending: createTicketIsPending } =
useCreateTicket();
@@ -257,7 +267,7 @@ const handleSubmit = async () => {
<template #content>
<SelectGroup>
<SelectItem
v-for="(order, index) in orders"
v-for="(order, index) in orders?.results"
:key="index"
class="text-xs leading-none w-full rounded-sm py-5 flex items-center justify-between h-[25px] px-[12px] shrink-0 relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
:value="order.id"
@@ -267,17 +277,14 @@ const handleSubmit = async () => {
>
<div class="flex items-center gap-4">
<AvatarGroup
:items="[
'https://c262408.parspack.net/media/profile_photos/Jackie_Robinson_NPG_97_135.jpg?AWSAccessKeyId=mtiSN2JWjWgyfr2u&Signature=mlUzygzyg2gQD7B5STTlgM2N%2FUM%3D&Expires=1740517316',
'https://c262408.parspack.net/media/profile_photos/Jackie_Robinson_NPG_97_135.jpg?AWSAccessKeyId=mtiSN2JWjWgyfr2u&Signature=mlUzygzyg2gQD7B5STTlgM2N%2FUM%3D&Expires=1740517316',
'https://c262408.parspack.net/media/profile_photos/Jackie_Robinson_NPG_97_135.jpg?AWSAccessKeyId=mtiSN2JWjWgyfr2u&Signature=mlUzygzyg2gQD7B5STTlgM2N%2FUM%3D&Expires=1740517316',
]"
v-if="order.images.length > 0"
:items="order.images"
:max="2"
size="32px"
/>
<div
class="flex flex-col items-start gap-1 text-[10px]"
class="flex items-start gap-1 text-[10px]"
>
<span
>{{
@@ -285,14 +292,16 @@ const handleSubmit = async () => {
}}
محصول</span
>
|
<span>
شماره سفارش : {{ order.id }}
شماره سفارش :
{{ order.id }}#
</span>
</div>
</div>
<span>
{{ order.status }}
<span class="text-[10px]">
{{ order.verbose_status }}
</span>
</SelectItemText>
</SelectItem>