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 { QUERY_KEYS } from "~/constants";
import useVuelidate from "@vuelidate/core"; import useVuelidate from "@vuelidate/core";
import { helpers, required, minLength } from "@vuelidate/validators"; import { helpers, required, minLength } from "@vuelidate/validators";
import type { GetAllOrdersRequest } from "~/composables/api/orders/useGetAllOrders";
// meta // meta
@@ -72,9 +73,18 @@ const ticketData = ref<CreateTicketRequest>({
attachments: [], attachments: [],
}); });
const ordersFilter = computed<GetAllOrdersRequest>(() => {
return {
sort: "created_at",
status: "RECEIVED",
page: 1,
} as any;
});
// queries // queries
const { data: orders, isLoading: ordersIsLoading } = useGetAllOrders(); const { data: orders, isLoading: ordersIsLoading } =
useGetAllOrders(ordersFilter);
const { mutateAsync: createTicket, isPending: createTicketIsPending } = const { mutateAsync: createTicket, isPending: createTicketIsPending } =
useCreateTicket(); useCreateTicket();
@@ -257,7 +267,7 @@ const handleSubmit = async () => {
<template #content> <template #content>
<SelectGroup> <SelectGroup>
<SelectItem <SelectItem
v-for="(order, index) in orders" v-for="(order, index) in orders?.results"
:key="index" :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" 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" :value="order.id"
@@ -267,17 +277,14 @@ const handleSubmit = async () => {
> >
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<AvatarGroup <AvatarGroup
:items="[ v-if="order.images.length > 0"
'https://c262408.parspack.net/media/profile_photos/Jackie_Robinson_NPG_97_135.jpg?AWSAccessKeyId=mtiSN2JWjWgyfr2u&Signature=mlUzygzyg2gQD7B5STTlgM2N%2FUM%3D&Expires=1740517316', :items="order.images"
'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',
]"
:max="2" :max="2"
size="32px" size="32px"
/> />
<div <div
class="flex flex-col items-start gap-1 text-[10px]" class="flex items-start gap-1 text-[10px]"
> >
<span <span
>{{ >{{
@@ -285,14 +292,16 @@ const handleSubmit = async () => {
}} }}
محصول</span محصول</span
> >
|
<span> <span>
شماره سفارش : {{ order.id }} شماره سفارش :
{{ order.id }}#
</span> </span>
</div> </div>
</div> </div>
<span> <span class="text-[10px]">
{{ order.status }} {{ order.verbose_status }}
</span> </span>
</SelectItemText> </SelectItemText>
</SelectItem> </SelectItem>