@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/src/shared/ui/UserDataForm/OrganizationDataForm/OrganizationDataForm.vue

@@ -1,35 +1,38 @@
 <template lang="pug">
 .q-gutter-sm.q-mt-md(v-if='userData.organization_data')
-  q-select.q-mb-md(
-    v-model='userData.organization_data.type',
-    label='Выберите тип организации',
-    standout='bg-teal text-white',
-    :options='[ { label: "Потребительский Кооператив", value: Zeus.OrganizationType.COOP }, { label: "Производственный Кооператив", value: Zeus.OrganizationType.PRODCOOP }, { label: "ООО", value: Zeus.OrganizationType.OOO }, ]',
-    emit-value,
-    map-options
-  )
+
 
   q-input(
+    ref='firstInput'
+    :autofocus="!$slots.top"
     v-model='userData.organization_data.short_name',
     standout='bg-teal text-white',
-    hint='ПК Ромашка',
     label='Краткое наименование организации',
     :rules='[(val) => notEmpty(val)]',
     autocomplete='off'
   )
+
   q-input(
     v-model='userData.organization_data.full_name',
     standout='bg-teal text-white',
-    hint='Потребительский Кооператив \'Ромашка\'',
     label='Полное наименование организации',
     :rules='[(val) => notEmpty(val)]',
     autocomplete='off'
   )
+
+  q-select(
+    v-model='userData.organization_data.type',
+    label='Выберите тип организации',
+    standout='bg-teal text-white',
+    :options='[ { label: "Потребительский Кооператив", value: Zeus.OrganizationType.COOP }, { label: "Производственный Кооператив", value: Zeus.OrganizationType.PRODCOOP }, { label: "ООО", value: Zeus.OrganizationType.OOO }, ]',
+    emit-value,
+    map-options
+  ).q-mb-md
+
   q-input(
     v-model='userData.organization_data.represented_by.last_name',
     standout='bg-teal text-white',
     label='Фамилия представителя',
-    hint='',
     :rules='[(val) => notEmpty(val), (val) => validatePersonalName(val)]',
     autocomplete='off'
   )
@@ -37,7 +40,6 @@
     v-model='userData.organization_data.represented_by.first_name',
     standout='bg-teal text-white',
     label='Имя представителя',
-    hint='',
     :rules='[(val) => notEmpty(val), (val) => validatePersonalName(val)]',
     autocomplete='off'
   )
@@ -45,7 +47,6 @@
     v-model='userData.organization_data.represented_by.middle_name',
     standout='bg-teal text-white',
     label='Отчество представителя',
-    hint='',
     :rules='[(val) => validatePersonalName(val)]',
     autocomplete='off'
   )
@@ -54,7 +55,7 @@
     v-model='userData.organization_data.represented_by.based_on',
     standout='bg-teal text-white',
     label='Представитель действует на основании',
-    hint='решения общего собрания №102 от 01.01.2025 г',
+    placeholder='решения общего собрания №... от ... г',
     :rules='[(val) => notEmpty(val)]',
     autocomplete='off'
   )
@@ -62,7 +63,6 @@
     v-model='userData.organization_data.represented_by.position',
     standout='bg-teal text-white',
     label='Должность представителя',
-    hint='председатель совета',
     :rules='[(val) => notEmpty(val)]',
     autocomplete='off'
   )
@@ -73,7 +73,6 @@
     label='Номер телефона представителя',
     mask='+7 (###) ###-##-##',
     fill-mask,
-    hint='',
     :rules='[(val) => notEmpty(val), (val) => notEmptyPhone(val)]',
     autocomplete='off'
   )
@@ -94,14 +93,12 @@
     v-model='userData.organization_data.city',
     standout='bg-teal text-white',
     label='Город',
-    hint='',
     :rules='[(val) => notEmpty(val)]',
     autocomplete='off'
   )
   q-input(
     v-model='userData.organization_data.full_address',
     standout='bg-teal text-white',
-    hint='',
     label='Юридический адрес регистрации',
     :rules='[(val) => notEmpty(val)]',
     autocomplete='off'
@@ -109,7 +106,6 @@
   q-input(
     v-model='userData.organization_data.fact_address',
     standout='bg-teal text-white',
-    hint='',
     label='Фактический адрес',
     :rules='[(val) => notEmpty(val)]',
     autocomplete='off'
@@ -126,8 +122,7 @@
     v-model='userData.organization_data.details.inn',
     standout='bg-teal text-white',
     mask='############',
-    label='ИНН организации',
-    hint='10 или 12 цифр',
+    label='ИНН организации (10 или 12 цифр)',
     :rules='[(val) => notEmpty(val), (val) => val.length === 10 || val.length === 12 || "ИНН должен содержать 10 или 12 цифр"]',
     autocomplete='off'
   )
@@ -136,8 +131,7 @@
     v-model='userData.organization_data.details.ogrn',
     standout='bg-teal text-white',
     mask='###############',
-    label='ОГРН организации',
-    hint='13 или 15 цифр',
+    label='ОГРН организации (13 или 15 цифр)',
     :rules='[(val) => notEmpty(val), (val) => val.length === 13 || val.length === 15 || "ОГРН должен содержать 13 или 15 цифр"]',
     autocomplete='off'
   )
@@ -146,8 +140,7 @@
     v-model='userData.organization_data.details.kpp',
     standout='bg-teal text-white',
     mask='#########',
-    label='КПП организации',
-    hint='9 цифр',
+    label='КПП организации (9 цифр)',
     :rules='[(val) => notEmpty(val), (val) => val.length === 9 || "КПП должен содержать 9 цифр"]',
     autocomplete='off'
   )
@@ -156,7 +149,6 @@
     v-model='userData.organization_data.bank_account.bank_name',
     standout='bg-teal text-white',
     label='Наименование банка',
-    hint='ПАО Сбербанк',
     :rules='[(val) => notEmpty(val)]',
     autocomplete='off'
   )
@@ -165,8 +157,7 @@
     v-model='userData.organization_data.bank_account.details.corr',
     standout='bg-teal text-white',
     mask='####################',
-    label='Корреспондентский счет',
-    hint='20 цифр',
+    label='Корреспондентский счет (20 цифр)',
     :rules='[(val) => notEmpty(val), (val) => val.length === 20 || "Корреспондентский счет должен содержать 20 цифр"]',
     autocomplete='off'
   )
@@ -174,8 +165,7 @@
     v-model='userData.organization_data.bank_account.details.bik',
     standout='bg-teal text-white',
     mask='#########',
-    label='БИК',
-    hint='9 цифр',
+    label='БИК (9 цифр)',
     :rules='[(val) => notEmpty(val), (val) => val.length === 9 || "БИК должен содержать 9 цифр"]',
     autocomplete='off'
   )
@@ -184,8 +174,7 @@
     v-model='userData.organization_data.bank_account.details.kpp',
     standout='bg-teal text-white',
     mask='#########',
-    label='КПП (банка)',
-    hint='9 цифр',
+    label='КПП банка (9 цифр)',
     :rules='[(val) => notEmpty(val), (val) => val.length === 9 || "КПП должен содержать 9 цифр"]',
     autocomplete='off'
   )
@@ -194,8 +183,7 @@
     v-model='userData.organization_data.bank_account.account_number',
     standout='bg-teal text-white',
     mask='####################',
-    label='Номер счета',
-    hint='20 цифр',
+    label='Номер счета (20 цифр)',
     :rules='[(val) => notEmpty(val), (val) => val.length === 20 || "Номер счета должен содержать 20 цифр"]',
     autocomplete='off'
   )
@@ -219,10 +207,16 @@ import {
 } from 'src/shared/lib/utils';
 
 import type { IUserData } from 'src/shared/lib/types/user/IUserData';
-import { ref } from 'vue';
+import { ref, onMounted, nextTick } from 'vue';
 import { Zeus } from '@coopenomics/sdk';
 
 const props = defineProps<{ userData: IUserData }>();
 
 const userData = ref<IUserData>(props.userData);
+const firstInput = ref<any>();
+
+onMounted(async () => {
+  await nextTick();
+  firstInput.value?.$el?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+});
 </script>

package/src/shared/ui/UserDataForm/UserDataForm/UserDataForm.vue

@@ -1,44 +1,101 @@
 <template lang="pug">
 div
-  q-form(ref="localUserDataForm")
-    slot(name="top")
+  q-form(ref='localUserDataForm')
+    slot(name='top')
+    p.full-width.text-center.text-bold(v-if='showTypeButtons') Кто Вы?
+    .row(v-if='showTypeButtons')
+      .col-xs-12.col-sm-12.col-md-4.q-pa-sm
+        q-btn.full-width(
+          glossy,
+          label='Физлицо',
+          color='primary',
+          @click='selectType("individual")',
+          style='height: 75px'
+        )
+      .col-xs-12.col-sm-12.col-md-4.q-pa-sm
+        q-btn.full-width(
+          glossy,
+          label='ИП',
+          color='primary',
+          @click='selectType("entrepreneur")',
+          style='height: 75px'
+        )
+      .col-xs-12.col-sm-12.col-md-4.q-pa-sm
+        q-btn.full-width(
+          glossy,
+          label='Организация',
+          color='primary',
+          @click='selectType("organization")',
+          style='height: 75px'
+        )
 
-    div.full-width.text-center
-      q-btn-group(flat)
-        q-btn(glossy label="Физлицо" :color="userData.type === 'individual' ? 'primary' : undefined" @click="userData.type = 'individual'")
-        q-btn(glossy label="Предприниматель"  :color="userData.type === 'entrepreneur' ? 'primary' : undefined" @click="userData.type='entrepreneur'")
-        q-btn(glossy label="Организация" :color="userData.type === 'organization' ? 'primary' : undefined" @click="userData.type = 'organization'")
+    .full-width.text-center(v-else)
+      q-btn(
+        flat,
+        color='grey-7',
+        full-width,
+        :label='getSelectedTypeLabel()',
+        @click='changeAccountType',
+        size='sm',
+        icon='arrow_back'
+      )
 
-    div(v-if="userData.type === 'individual'")
-      IndividualDataForm(v-model:userData="userData")
+    div(v-if='userData.type === "individual"')
+      IndividualDataForm(v-model:userData='userData')
 
-    div(v-if="userData.type === 'organization'")
-      OrganizationDataForm(v-model:userData="userData")
+    div(v-if='userData.type === "organization"')
+      OrganizationDataForm(v-model:userData='userData')
 
-    div(v-if="userData.type === 'entrepreneur'")
-      EntrepreneurDataForm(v-model:userData="userData")
+    div(v-if='userData.type === "entrepreneur"')
+      EntrepreneurDataForm(v-model:userData='userData')
 
-    slot(name="bottom" :userDataForm="localUserDataForm")
-
-
-  </template>
+    slot(name='bottom', :userDataForm='localUserDataForm')
+</template>
 
 <script lang="ts" setup>
-import { ref } from 'vue'
+import { ref } from 'vue';
 import type { IUserData } from 'src/shared/lib/types/user/IUserData';
 import { IndividualDataForm } from '../IndividualDataForm';
 import { OrganizationDataForm } from '../OrganizationDataForm';
 import { EntrepreneurDataForm } from '../EntrepreneurDataForm';
 
 const props = defineProps<{ userData: IUserData }>();
+const emit = defineEmits<{
+  typeSelected: [type: 'individual' | 'entrepreneur' | 'organization'];
+  typeCleared: [];
+}>();
+
+const userData = ref<IUserData>(props.userData);
+const showTypeButtons = ref<boolean>(
+  !userData.value.type || userData.value.type === null,
+); // Показывать кнопки если тип не выбран
 
-const userData = ref<IUserData>(props.userData)
+const selectType = (type: 'individual' | 'entrepreneur' | 'organization') => {
+  userData.value.type = type;
+  showTypeButtons.value = false; // Скрыть кнопки после выбора
+  emit('typeSelected', type); // Сообщить родителю о выборе типа
+};
 
-if (!userData.value.type)
-  userData.value.type = 'individual'
+const changeAccountType = () => {
+  (userData.value.type as any) = undefined; // Скрыть формы путем удаления типа
+  showTypeButtons.value = true; // Показать кнопки выбора типа
+  emit('typeCleared'); // Сообщить родителю о сбросе типа
+};
 
-const localUserDataForm = ref(null)
+const getSelectedTypeLabel = () => {
+  switch (userData.value.type) {
+    case 'individual':
+      return 'Физлицо';
+    case 'entrepreneur':
+      return 'Предприниматель';
+    case 'organization':
+      return 'Организация';
+    default:
+      return 'Выбрать тип';
+  }
+};
 
+const localUserDataForm = ref(null);
 </script>
 <style>
 .dataInput .q-btn-selected {

package/src/shared/ui/WrappedEditor/WrappedEditor.vue

@@ -0,0 +1,138 @@
+<template lang="pug">
+label.q-field.row.no-wrap.items-start.q-input.q-field--labeled.q-field--with-bottom(
+  :class="fieldClasses"
+  :style="standoutStyle"
+  :for="inputId"
+)
+  .q-field__inner.relative-position.col.self-stretch
+    .q-field__control.relative-position.row.no-wrap(tabindex="-1")
+      .q-field__control-container.col.relative-position.row.no-wrap.q-anchor--skip
+        .editor-input-wrapper
+          Editor(
+            :model-value="modelValue",
+            :readonly="readonly",
+            :placeholder="placeholder || 'Начните писать...'",
+            :min-height="minHeight || 150",
+            @update:modelValue="emit('update:modelValue', $event)"
+            @change="handleChange"
+            @ready="handleReady"
+          )
+        .q-field__label.no-pointer-events.absolute.ellipsis(v-if="label")
+          | {{ label }}
+    .q-field__bottom.row.items-start.q-field__bottom--animated
+      .q-field__messages.col
+        .q-field__messages--error(v-if="errorMessage")
+          | {{ errorMessage }}
+      .q-field__counter(v-if="counter")
+        | {{ counterText }}
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { Editor } from '../Editor'
+
+interface Props {
+  modelValue: string | null | undefined
+  label?: string
+  placeholder?: string
+  readonly?: boolean
+  minHeight?: number
+  rules?: ((val: any) => string | boolean)[]
+  counter?: boolean
+  maxlength?: number
+  standout?: string
+  dark?: boolean
+}
+
+interface Emits {
+  (e: 'update:modelValue', value: string): void
+  (e: 'change'): void
+  (e: 'ready'): void
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  readonly: false,
+  minHeight: 150,
+})
+
+const emit = defineEmits<Emits>()
+
+// Генерируем уникальный ID для label
+const inputId = `f_${Math.random().toString(36).substr(2, 9)}`
+
+const errorMessage = ref('')
+const hasError = computed(() => !!errorMessage.value)
+
+const fieldClasses = computed(() => ({
+  'q-field--standout': props.standout,
+  'q-field--dark': props.dark,
+  'q-field--error': hasError.value,
+  'q-field--readonly': props.readonly
+}))
+
+const standoutStyle = computed(() => {
+  if (props.standout) {
+    return { background: props.standout }
+  }
+  return {}
+})
+
+const counterText = computed(() => {
+  if (!props.counter || !props.modelValue) return ''
+  const length = props.modelValue.length
+  return props.maxlength ? `${length}/${props.maxlength}` : `${length}`
+})
+
+const validate = () => {
+  if (!props.rules) return
+
+  for (const rule of props.rules) {
+    const result = rule(props.modelValue)
+    if (result !== true) {
+      errorMessage.value = result as string
+      return
+    }
+  }
+  errorMessage.value = ''
+}
+
+const handleChange = () => {
+  validate()
+  emit('change')
+}
+
+const handleReady = () => {
+  emit('ready')
+}
+
+watch(() => props.modelValue, () => {
+  if (hasError.value) {
+    validate()
+  }
+})
+</script>
+
+<style scoped>
+.editor-input-wrapper {
+  width: 100%;
+}
+
+/* Стили для интеграции Editor с q-field */
+.q-field__control-container {
+  padding: 0;
+  min-height: 56px; /* Минимальная высота как у q-input */
+}
+
+.q-field__label {
+  z-index: 1;
+  transition: all 0.3s ease;
+}
+
+/* Когда редактор имеет контент, лейбл должен быть вверху */
+.q-field--labeled .q-field__label {
+  top: 8px;
+  left: 12px;
+  font-size: 12px;
+  transform: translateY(-8px);
+}
+</style>

package/src/shared/ui/WrappedEditor/index.ts

@@ -0,0 +1 @@
+export { default as WrappedEditor } from './WrappedEditor.vue'

package/src/shared/ui/index.ts

@@ -6,3 +6,12 @@ export * from './PaymentDetails';
 export * from './ClientOnly';
 export * from './Loader';
 export * from './MeetCompactCard';
+export * from './TitleStyles';
+export * from './Editor';
+export * from './WrappedEditor';
+export * from './AutoSaveIndicator';
+export * from './ColorCard';
+export * from './RouteMenuButton';
+export * from './Fab';
+export * from './CreateDialog';
+export * from './DescriptionSaveButtons';

package/src/widgets/Cooperative/Details/ui/Details.vue

@@ -22,8 +22,6 @@ import { useCooperativeStore } from 'src/entities/Cooperative';
 import { computed } from 'vue';
 
 const cooperative = useCooperativeStore()
-cooperative.loadContacts()
-
 cooperative.loadPrivateCooperativeData()
 
 const details = computed(() => cooperative.privateCooperativeData)

package/src/widgets/Cooperative/Documents/ListOfDocuments/ui/DocumentCard.vue

@@ -1,7 +1,10 @@
 <template lang="pug">
 .document-card__container
   q-card.document-card(flat)
-    q-card-section
+    q-card-section(
+      :class='{ "cursor-pointer": $q.screen.lt.md }',
+      @click='$q.screen.lt.md ? $emit("toggle-expand") : undefined'
+    )
       .document-header
         .document-icon
           q-icon(name='fa-solid fa-file-invoice', size='20px', color='primary')
@@ -9,31 +12,32 @@
           .title {{ document.statement?.documentAggregate?.rawDocument?.full_title || 'Документ без заголовка' }}
           .subtitle ID: {{ getDocumentHash(document).substring(0, 10) || 'N/A' }}
 
-    q-separator(v-if='expanded')
-
     q-slide-transition
       div(v-show='expanded')
+        q-separator
         q-card-section
           ComplexDocument(:documents='document')
 
-    q-separator
-
-    q-card-actions.card-actions(align='right')
-      q-btn(
-        flat,
-        size='sm',
-        color='primary',
-        :icon='expanded ? "expand_less" : "expand_more"',
-        @click='$emit("toggle-expand")',
-        :label='expanded ? "Скрыть" : "Подробнее"'
-      )
+  .card-actions-external
+    q-btn(
+      flat,
+      dense,
+      size='sm',
+      :icon='expanded ? "expand_less" : "expand_more"',
+      @click.stop='$emit("toggle-expand")',
+      color='primary',
+      round
+    )
 </template>
 
 <script setup lang="ts">
+import { useQuasar } from 'quasar';
 import { ComplexDocument } from 'src/shared/ui/ComplexDocument';
 import type { IDocumentPackageAggregate } from 'src/entities/Document/model';
 import 'src/shared/ui/CardStyles/index.scss';
 
+const $q = useQuasar();
+
 withDefaults(
   defineProps<{
     document: IDocumentPackageAggregate;
@@ -111,7 +115,9 @@ function getDocumentHash(doc: IDocumentPackageAggregate) {
   }
 }
 
-.card-actions {
-  padding: 8px 16px;
+.card-actions-external {
+  display: flex;
+  justify-content: center;
+  padding: 4px;
 }
 </style>

package/src/widgets/Cooperative/Members/ui/Members.vue

@@ -57,8 +57,8 @@ div
 
 <script setup lang="ts">
 import { computed, ref } from 'vue';
-import { Notify } from 'quasar';
 import { readBlockchain } from 'src/shared/api';
+import { SuccessAlert, FailAlert } from 'src/shared/api';
 import { useSessionStore } from 'src/entities/Session';
 import {
   useUpdateBoard,
@@ -88,11 +88,7 @@ const addMember = async (username: string) => {
   const verified = await verify(username);
 
   if (!verified) {
-    Notify.create({
-      message: 'Имя аккаунта на найдено',
-      type: 'negative',
-    });
-
+    FailAlert('Имя аккаунта не найдено');
     return;
   }
 
@@ -181,18 +177,12 @@ const updateBoard = async (new_members: any) => {
 
     await sleep(3000);
 
-    Notify.create({
-      message: 'Совет обновлен',
-      type: 'positive',
-    });
+    SuccessAlert('Совет обновлен');
 
     loadMembers();
   } catch (e: any) {
     loadMembers();
-    Notify.create({
-      message: e.message,
-      type: 'negative',
-    });
+    FailAlert(e);
   }
 };