Правки фронта

Дополнительные адаптации для мобилки

front_vue/src/views/MainApp.vue

@@ -31,16 +31,9 @@
           </div>
         </template>
 
-        <!-- Мобильный: Проект (текст) + Отделы (иконка) -->
+        <!-- Мобильный: Проект + Отделы -->
         <template #mobile-filters>
-          <MobileSelect
-            v-model="mobileProjectId"
-            :options="projectOptions"
-            title="Выберите проект"
-            placeholder="Проект"
-            variant="accent"
-            @update:model-value="onMobileProjectChange"
-          />
+          <ProjectSelector @change="onProjectChange" />
           <MobileSelect
             v-model="activeDepartment"
             :options="departmentOptions"
@@ -126,27 +119,11 @@ const { isMobile } = useMobile()
 const store = useProjectsStore()
 
 // ==================== МОБИЛЬНЫЕ СЕЛЕКТОРЫ ====================
-const mobileProjectId = ref(null)
-
-const projectOptions = computed(() => 
-  store.projects.map(p => ({ id: p.id, label: p.name }))
-)
-
 const departmentOptions = computed(() => [
   { id: null, label: 'Все отделы' },
   ...store.departments.map(d => ({ id: d.id, label: d.name_departments }))
 ])
 
-const onMobileProjectChange = async (projectId) => {
-  await store.selectProject(projectId)
-  await onProjectChange()
-}
-
-// Синхронизируем с текущим проектом
-watch(() => store.currentProjectId, (id) => {
-  mobileProjectId.value = id
-}, { immediate: true })
-
 // ==================== КАРТОЧКИ ====================
 const cards = ref([])