fixed orders select in new ticket
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user