fix

2026-05-15 17:12:51 +03:30
parent b8ced45375
commit c82701888a
101 changed files with 8125 additions and 96 deletions
@@ -0,0 +1,110 @@
+<template>
+  <div class="student-consultants">
+    <BoxedIconTitleBlock
+      class="student-consultants__heading"
+      title="مشاوره"
+      desc="درخواست مشاوره جدید ثبت کنید یا تاریخچه مشاوره‌های خود را مشاهده نمایید."
+    >
+      <template #icon>
+        <SvgIcon name="chat" :size="24" color="var(--color-primary)" />
+      </template>
+    </BoxedIconTitleBlock>
+
+    <TabsBlock v-model="activeTab" :tabs="tabs">
+      <template #create>
+        <RequestConsultantForm :submitting="createMutation.isPending.value" @submit="onSubmit" />
+      </template>
+
+      <template #history>
+        <SkeletonLoaderBlock v-if="historyLoading" :rows="3" :cols-per-row="1" />
+        <div v-else-if="consultants.length > 0">
+          <ConsultantItem
+            v-for="consultant in consultants"
+            :key="consultant.id"
+            :consultant="consultant"
+            @show-details="onShowDetails"
+          />
+        </div>
+        <NoItems v-else title="موردی نیست" desc="هنوز درخواست مشاوره‌ای ثبت نکرده‌اید." />
+        <PaginationBlock :pagination="historyMeta" @update:page="setHistoryPage" />
+      </template>
+    </TabsBlock>
+  </div>
+</template>
+
+<script setup>
+import { computed, ref } from 'vue'
+import { toast } from 'vue3-toastify'
+import { useQueryClient } from '@tanstack/vue-query'
+import SvgIcon from '@/components/icons/SvgIcon.vue'
+import NoItems from '@/components/blocks/NoItems.vue'
+import TabsBlock from '@/components/blocks/TabsBlock.vue'
+import { usePagination } from '@/composables/usePagination'
+import PaginationBlock from '@/components/blocks/PaginationBlock.vue'
+import BoxedIconTitleBlock from '@/components/blocks/BoxedIconTitleBlock.vue'
+import SkeletonLoaderBlock from '@/components/blocks/SkeletonLoaderBlock.vue'
+import ConsultantItem from '@/features/student/consultants/components/ConsultantItem.vue'
+import RequestConsultantForm from '@/features/student/consultants/components/RequestConsultantForm.vue'
+import {
+  studentConsultantsKeys,
+  useCreateStudentConsultantMutation,
+  useStudentConsultantsQuery,
+} from '@/services/query/student-consultants'
+
+const queryClient = useQueryClient()
+
+const tabs = [
+  { name: 'create', label: 'درخواست مشاوره', icon: 'chat' },
+  { name: 'history', label: 'تاریخچه مشاوره ها', icon: 'list-bullets' },
+]
+const activeTab = ref('create')
+
+const historyFilters = ref({})
+const { pagination: historyPagination, setPage: setHistoryPage } = usePagination({
+  page: 1,
+  perPage: 10,
+})
+
+const { data: historyData, isLoading: historyLoading } = useStudentConsultantsQuery(
+  historyFilters,
+  historyPagination,
+  {
+    enabled: () => activeTab.value === 'history',
+    keepPreviousData: true,
+  }
+)
+
+const consultants = computed(() => historyData.value?.data ?? [])
+const historyMeta = computed(() => ({
+  page: historyPagination.value.page,
+  perPage: historyPagination.value.perPage,
+  ...historyData.value?.meta,
+}))
+
+const createMutation = useCreateStudentConsultantMutation()
+
+const onSubmit = async (payload) => {
+  try {
+    await createMutation.mutateAsync(payload)
+    toast.success('درخواست مشاوره با موفقیت ثبت شد.')
+    await queryClient.invalidateQueries({ queryKey: studentConsultantsKeys.all })
+    activeTab.value = 'history'
+  } catch {
+    toast.error('ثبت درخواست با خطا مواجه شد.')
+  }
+}
+
+const onShowDetails = () => {}
+</script>
+
+<style lang="scss" scoped>
+.student-consultants {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+
+  &__heading {
+    margin-bottom: 0.75rem;
+  }
+}
+</style>