fix: ticket

src/features/student/services/components/CreateServiceForm.vue

@@ -3,29 +3,21 @@
     <form class="csf__form" @submit.prevent="onSubmit">
       <div class="csf__row">
         <div class="csf__cell">
-          <SelectField
-            v-model="form.typeKey"
-            name="typeKey"
+          <TextField
+            v-model="form.category"
+            name="category"
             label="نوع خدمت"
-            placeholder="انتخاب کنید"
-            :options="typeOptions"
-            option-label="label"
-            option-value="value"
-            :error="errors.typeKey"
-            @change="onTypeChange"
+            placeholder="نوع خدمت را وارد کنید"
+            :error="errors.category"
           />
         </div>
         <div class="csf__cell">
-          <SelectField
-            v-model="form.title"
-            name="title"
+          <TextField
+            v-model="form.subject"
+            name="subject"
             label="عنوان خدمت"
-            placeholder="انتخاب کنید"
-            :options="titleOptions"
-            option-label="label"
-            option-value="value"
-            :disabled="!form.typeKey"
-            :error="errors.title"
+            placeholder="عنوان خدمت را وارد کنید"
+            :error="errors.subject"
           />
         </div>
       </div>
@@ -33,12 +25,12 @@
       <div class="csf__row">
         <div class="csf__cell csf__cell--full">
           <TextareaField
-            v-model="form.description"
-            name="description"
+            v-model="form.message"
+            name="message"
             label="توضیحات خود را وارد نمایید"
             placeholder="لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است."
             :row="5"
-            :error="errors.description"
+            :error="errors.message"
           />
         </div>
       </div>
@@ -48,6 +40,7 @@
           v-model="files"
           accept="image/*,application/pdf"
           :max-files="3"
+          @select="onFilesSelect"
           @error="onFileError"
         />
       </div>
@@ -60,6 +53,7 @@
           text="ثبت درخواست"
           custom-class="csf__submit"
           :loading="submitting"
+          :disabled="uploadMutation.isPending.value"
         >
           <template #appendIcon>
             <SvgIcon name="arrow-left" :size="16" color="#fff" />
@@ -71,18 +65,17 @@
 </template>
 
 <script setup>
+import { ref } from 'vue'
 import * as yup from 'yup'
+import { toast } from 'vue3-toastify'
 import useYup from '@/composables/useYup'
-import { computed, ref, watch } from 'vue'
 import BaseButton from '@/components/BaseButton.vue'
 import SvgIcon from '@/components/icons/SvgIcon.vue'
-import SelectField from '@/components/form/SelectField.vue'
+import TextField from '@/components/form/TextField.vue'
 import FileUploader from '@/components/form/FileUploader.vue'
+import { objectToFormData } from '@/utils/object-to-formdata'
+import { useUploadMediaMutation } from '@/services/query/auth'
 import TextareaField from '@/components/form/TextareaField.vue'
-import {
-  useStudentServiceTitlesQuery,
-  useStudentServiceTypesQuery,
-} from '@/services/query/student-services'
 
 defineProps({
   submitting: { type: Boolean, default: false },
@@ -91,17 +84,20 @@ defineProps({
 const emit = defineEmits(['submit', 'file-error'])
 
 const form = ref({
-  typeKey: '',
-  title: '',
-  description: '',
+  category: '',
+  subject: '',
+  message: '',
 })
 
+// Items here are uploaded-media descriptors { id, name, size, url } — not raw
+// File objects. We upload immediately on select (same pattern as
+// AddAssignmentModal / SessionFormPage) and just collect the IDs at submit.
 const files = ref([])
 
 const schema = yup.object({
-  typeKey: yup.string().required('نوع خدمت را انتخاب کنید'),
-  title: yup.string().required('عنوان خدمت را انتخاب کنید'),
-  description: yup
+  category: yup.string().trim().required('نوع خدمت را وارد کنید'),
+  subject: yup.string().trim().required('عنوان خدمت را وارد کنید'),
+  message: yup
     .string()
     .trim()
     .min(5, 'توضیحات حداقل ۵ کاراکتر باشد')
@@ -110,32 +106,38 @@ const schema = yup.object({
 
 const { validate, errors } = useYup(schema)
 
-const { data: types } = useStudentServiceTypesQuery()
-const typeOptions = computed(() => types.value ?? [])
+const uploadMutation = useUploadMediaMutation()
 
-const typeKeyRef = computed(() => form.value.typeKey)
-const { data: titles } = useStudentServiceTitlesQuery(typeKeyRef, {
-  enabled: () => !!form.value.typeKey,
-})
-const titleOptions = computed(() => titles.value ?? [])
-
-const onTypeChange = () => {
-  form.value.title = ''
-}
-
-watch(
-  () => form.value.typeKey,
-  () => {
-    form.value.title = ''
+const onFilesSelect = async (newFiles) => {
+  for (const file of newFiles) {
+    try {
+      const fd = objectToFormData({ file, purpose: 'attachment', context: 'ticket' })
+      const response = await uploadMutation.mutateAsync(fd)
+      const payload = response?.data ?? response
+      const id = payload?.id ?? payload?.uploadId
+      if (id == null) continue
+      files.value = [
+        ...files.value,
+        { id, name: file.name, size: file.size, url: payload?.url ?? '' },
+      ]
+    } catch {
+      toast.error(`بارگذاری فایل "${file.name}" با خطا مواجه شد.`)
+    }
   }
-)
+}
 
 const onFileError = (msg) => emit('file-error', msg)
 
 const onSubmit = async () => {
   const { isValid, payload } = await validate(form.value)
   if (!isValid) return
-  emit('submit', { ...payload, files: files.value })
+
+  emit('submit', {
+    category: payload.category,
+    subject: payload.subject,
+    message: payload.message,
+    mediaIds: files.value.map((f) => f.id).filter((id) => id != null),
+  })
 }
 </script>