@coopenomics/desktop 2.2.9 → 2025.4.29

package/src/shared/ui/EditableOrganizationCard/EditableOrganizationCard.vue

@@ -0,0 +1,225 @@
+<template lang="pug">
+q-form(ref="form" v-if="data")
+  q-input(
+    dense
+    v-model="data.email"
+    standout="bg-teal text-white"
+    label="Email"
+    :readonly="readonly"
+    :rules="[val => validEmail(val)]"
+    autocomplete="off"
+  )
+  q-select(
+    dense
+    v-model="data.type"
+    standout="bg-teal text-white"
+    label="Тип организации"
+    :options="[{ label: 'Потребительский Кооператив', value: 'coop' }, { label: 'Производственный Кооператив', value: 'prodcoop' }, { label: 'ООО', value: 'ooo' }]"
+    emit-value
+    map-options
+    :rules="[val => notEmpty(val)]"
+    :readonly="readonly"
+  )
+
+  q-input(
+    dense
+    v-model="data.short_name"
+    standout="bg-teal text-white"
+    label="Краткое наименование"
+    :rules="[val => notEmpty(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.full_name"
+    standout="bg-teal text-white"
+    label="Полное наименование"
+    :rules="[val => notEmpty(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+
+  q-input(
+    dense
+    v-model="data.represented_by.last_name"
+    standout="bg-teal text-white"
+    label="Фамилия представителя"
+    :rules="[val => notEmpty(val), val => validatePersonalName(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.represented_by.first_name"
+    standout="bg-teal text-white"
+    label="Имя представителя"
+    :rules="[val => notEmpty(val), val => validatePersonalName(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.represented_by.middle_name"
+    standout="bg-teal text-white"
+    label="Отчество представителя"
+    :rules="[val => validatePersonalName(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.represented_by.based_on"
+    standout="bg-teal text-white"
+    label="На основании"
+    :rules="[val => notEmpty(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.represented_by.position"
+    standout="bg-teal text-white"
+    label="Должность представителя"
+    :rules="[val => notEmpty(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+
+  q-input(
+    dense
+    v-model="data.phone"
+    standout="bg-teal text-white"
+    label="Телефон"
+    mask="+7 (###) ###-##-##"
+    fill-mask
+    :rules="[val => notEmpty(val), val => notEmptyPhone(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+
+  q-input(
+    dense
+    v-model="data.country"
+    standout="bg-teal text-white"
+    label="Страна"
+    :rules="[val => notEmpty(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.city"
+    standout="bg-teal text-white"
+    label="Город"
+    :rules="[val => notEmpty(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.full_address"
+    standout="bg-teal text-white"
+    label="Юридический адрес"
+    :rules="[val => notEmpty(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.fact_address"
+    standout="bg-teal text-white"
+    label="Фактический адрес"
+    :rules="[val => notEmpty(val)]"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+
+  q-input(
+    dense
+    v-model="data.details.inn"
+    standout="bg-teal text-white"
+    mask="############"
+    label="ИНН"
+    :rules="[val => notEmpty(val), val => (val.length === 10 || val.length === 12) || 'ИНН должен содержать 10 или 12 цифр']"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.details.ogrn"
+    standout="bg-teal text-white"
+    mask="###############"
+    label="ОГРН"
+    :rules="[val => notEmpty(val), val => (val.length === 13 || val.length === 15) || 'ОГРН должен содержать 13 или 15 цифр']"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+  q-input(
+    dense
+    v-model="data.details.kpp"
+    standout="bg-teal text-white"
+    mask="#########"
+    label="КПП"
+    :rules="[val => notEmpty(val), val => val.length === 9 || 'КПП должен содержать 9 цифр']"
+    :readonly="readonly"
+    autocomplete="off"
+  )
+
+  EditableActions(
+    v-if="!readonly"
+    :isEditing="isEditing"
+    :isDisabled="isDisabled"
+    @save="saveChanges"
+    @cancel="cancelChanges"
+  )
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { useEditableData } from 'src/shared/lib/composables/useEditableData';
+import { notEmpty, notEmptyPhone, validatePersonalName } from 'src/shared/lib/utils';
+import { FailAlert, SuccessAlert } from 'src/shared/api';
+import { EditableActions } from 'src/shared/ui/EditableActions';
+import { type IUpdateAccountInput, useUpdateAccount } from 'src/features/Account/UpdateAccount/model';
+import { type IOrganizationData } from 'src/entities/Account/types';
+import { validEmail } from 'src/shared/lib/utils/validEmailRule';
+import 'src/shared/ui/InputStyles/index.scss';
+
+const emit = defineEmits(['update']);
+const { updateAccount } = useUpdateAccount();
+
+const props = defineProps({
+  participantData: {
+    type: Object as () => IOrganizationData,
+    required: true
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  }
+});
+
+const localOrganizationData = ref(props.participantData);
+const form = ref();
+
+const handleSave = async () => {
+  try {
+    const account_data: IUpdateAccountInput = {
+      username: props.participantData.username,
+      organization_data: data.value,
+    };
+    await updateAccount(account_data);
+    emit('update', JSON.parse(JSON.stringify(data.value)));
+    SuccessAlert('Данные аккаунта обновлены');
+  } catch (e) {
+    console.log(e);
+    FailAlert(e);
+  }
+};
+const { editableData: data, isEditing, isDisabled, saveChanges, cancelChanges } = useEditableData(
+  localOrganizationData.value,
+  handleSave,
+  form
+);
+</script>

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

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

package/src/shared/ui/Form/Form.vue

@@ -7,6 +7,7 @@ interface IFormProps {
   showCancel?: boolean
   buttonSubmitTxt?: string
   buttonCancelTxt?: string
+  disabled?: boolean
 }
 
 withDefaults(defineProps<IFormProps>(), {
@@ -15,6 +16,7 @@ withDefaults(defineProps<IFormProps>(), {
   showSubmit: true,
   buttonSubmitTxt: 'Продолжить',
   buttonCancelTxt: 'Отменить',
+  disabled: false,
 })
 
 const cancel = (): void => {
@@ -28,6 +30,6 @@ q-form(@submit.prevent="handlerSubmit")
     slot
     div.flex
       q-btn(v-if="showCancel" flat @click="cancel" size="sm") {{ buttonCancelTxt }}
-      q-btn(v-if="showSubmit" size="sm" type="submit" :loading="isSubmitting" color="primary") {{ buttonSubmitTxt }}
+      q-btn(v-if="showSubmit" size="sm" type="submit" :loading="isSubmitting" color="primary" :disabled="disabled") {{ buttonSubmitTxt }}
 
 </template>

package/src/shared/ui/InputStyles/index.scss

@@ -0,0 +1,29 @@
+// Стили для инпутов и валидации
+
+// Стили для изменения цвета ошибки валидации
+// .q-field__bottom--animated {
+//   .q-field__messages {
+//     color: red !important;
+//     font-weight: 500 !important;
+//   }
+// }
+
+// .q-field--error {
+//   .q-field__bottom {
+//     color: red !important;
+//   }
+
+//   .q-field__label {
+//     color: red !important;
+//   }
+
+//   &.q-field--highlighted {
+//     .q-field__control {
+//       color: red !important;
+//     }
+//   }
+
+//   .q-field__control {
+//     border-color: red !important;
+//   }
+// }

package/src/shared/ui/TabStyles/index.scss

@@ -0,0 +1,53 @@
+// Стили для компактных табов
+.compact-tabs {
+  border-radius: 8px 8px 0 0;
+  overflow: hidden;
+  background-color: rgba(0, 0, 0, 0.03);
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-bottom: none;
+
+  .q-dark & {
+    background-color: rgba(255, 255, 255, 0.05);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    border-bottom: none;
+  }
+
+  :deep(.q-tab) {
+    font-size: 11px !important;
+    font-weight: 400;
+    transition: all 0.2s ease;
+    letter-spacing: -0.2px;
+  }
+
+  :deep(.q-tab__label) {
+    font-size: 11px !important;
+    transition: transform 0.2s ease;
+  }
+
+  :deep(.q-tab__indicator) {
+    height: 3px;
+    opacity: 0.8;
+  }
+}
+
+.q-tab__label {
+  font-size: 12px !important;
+}
+.q-tab {
+  min-height: 32px !important;
+}
+
+// Стили для панелей табов
+.tab-panels-card {
+  font-size: 10px !important;
+  border-radius: 0 0 8px 8px;
+  background-color: rgba(0, 0, 0, 0.02);
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-top: none;
+
+  .q-dark & {
+    background-color: rgba(255, 255, 255, 0.03);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    border-top: none;
+  }
+}

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

@@ -7,6 +7,7 @@ div(v-if="userData.organization_data").q-gutter-sm.q-mt-md
     :options="[{ label: 'Потребительский Кооператив', value: 'coop' }, { label: 'Производственный Кооператив', value: 'prodcoop' }, { label: 'ООО', value: 'ooo' }]"
     emit-value
     map-options).q-mb-md
+    
   q-input(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-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")

package/src/shared/ui/index.ts

@@ -0,0 +1 @@
+export * from './CopyableInput';

package/src/{components/history/AccountEvents.vue → widgets/AccountActions/AccountActionsPage.vue}

@@ -25,8 +25,8 @@
 import { ref, watch, onMounted } from 'vue'
 import moment from 'moment-with-locales-es6'
 import { QTableProps } from 'quasar'
-import ActionCell from 'src/components/explorer/ActionCell.vue'
-import DataCell from 'src/components/explorer/DataCell.vue'
+import ActionCell from './ActionCell.vue'
+import DataCell from './DataCell.vue'
 
 const props = defineProps<{
   username: string

package/src/widgets/AccountActions/index.ts

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

package/src/widgets/BankDetailsCard/ui/BankDetailsCard.vue

@@ -75,7 +75,7 @@ import type { Zeus } from '@coopenomics/sdk';
 import { EditableActions } from 'src/shared/ui/EditableActions';
 import { notEmpty } from 'src/shared/lib/utils';
 import { useUpdateBranchBankAccount } from 'src/features/PaymentMethod/UpdateBankAccount/model';
-import { failAlert } from 'src/shared/api';
+import { FailAlert } from 'src/shared/api';
 
 const props = defineProps({
   bankDetails: {
@@ -93,7 +93,7 @@ const handleSave = async (data: Zeus.ModelTypes['BankPaymentMethod']) => {
     const { updateBankAccount } = useUpdateBranchBankAccount();
     await updateBankAccount(data);
   } catch(e){
-    failAlert(e)
+    FailAlert(e)
   }
 };
 

package/src/widgets/BranchCard/ui/BranchCard.vue

@@ -6,7 +6,7 @@ import type { IBranch } from 'src/entities/Branch/model';
 import { EditableActions } from 'src/shared/ui/EditableActions';
 import { ref } from 'vue';
 import { useEditBranch } from 'src/features/Branch/EditBranch';
-import { failAlert } from 'src/shared/api';
+import { FailAlert } from 'src/shared/api';
 
 const props = defineProps({
   branch: {
@@ -22,7 +22,7 @@ const handleSave = async (updatedBranch: IBranch) => {
   try {
     await editBranch(updatedBranch)
   } catch(e){
-    failAlert(e)
+    FailAlert(e)
   }
 
 };

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

@@ -0,0 +1,48 @@
+<template lang="pug">
+div.q-pa-xs.col-xs-12.col-sm-12.col-md-12.q-mt-md
+  q-card(bordered flat)
+    q-card-section.q-py-xs
+      div.text-subtitle2 {{ document.statement?.documentAggregate?.rawDocument?.full_title || '' }}
+      div.text-caption ID: {{ getDocumentHash(document).substring(0, 10) || '' }}
+
+    q-separator
+
+    q-card-actions(align="right")
+      q-btn(size="sm" flat icon="expand_more" @click="$emit('toggle-expand')")
+        | {{ expanded ? 'Скрыть' : 'Подробнее' }}
+
+    q-slide-transition
+      div(v-show="expanded")
+        q-separator
+        q-card-section
+          ComplexDocument(:documents="document")
+</template>
+
+<script setup lang="ts">
+import { ComplexDocument } from 'src/shared/ui/ComplexDocument'
+import type { IDocumentPackageAggregate } from 'src/entities/Document/model'
+
+withDefaults(defineProps<{
+  document: IDocumentPackageAggregate
+  expanded?: boolean
+}>(), {
+  expanded: false
+})
+
+defineEmits<{
+  (e: 'toggle-expand'): void
+}>()
+
+// Получение хеша документа из агрегата
+function getDocumentHash(doc: IDocumentPackageAggregate) {
+  if (doc.statement?.documentAggregate?.rawDocument?.hash) {
+    return doc.statement.documentAggregate.rawDocument.hash
+  }
+
+  if (doc.decision?.documentAggregate?.rawDocument?.hash) {
+    return doc.decision.documentAggregate.rawDocument.hash
+  }
+
+  return 'нет хеша'
+}
+</script>

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

@@ -0,0 +1,162 @@
+<template lang="pug">
+div.scroll-area(style="height: 90vh; overflow-y: auto;")
+  q-table(
+    ref="tableRef"
+    flat
+    :grid="isMobile"
+    :rows="documents"
+    :columns="columns"
+    :table-colspan="9"
+    :loading='loading'
+    :no-data-label="'документы не найдены'"
+    :virtual-scroll="!!documents.length"
+    @virtual-scroll="onScroll"
+    :virtual-scroll-target="'.scroll-area'"
+    :virtual-scroll-item-size="48"
+    :virtual-scroll-sticky-size-start="48"
+    :rows-per-page-options="[0]"
+    :pagination="pagination"
+    :class="{'my-sticky-dynamic': documents.length > 0}"
+    class="q-mb-md"
+  ).documents-table
+    template(#top v-if="$slots.top")
+      slot(name="top")
+    template(#item="props")
+      DocumentCard(
+        :document="props.row"
+        :expanded="!!expanded.get(props.row?.statement?.action?.global_sequence)"
+        @toggle-expand="toggleExpand(props.row?.statement?.action?.global_sequence)"
+      )
+
+    template(#header="props")
+      q-tr(:props="props")
+        q-th(auto-width)
+        q-th(
+          v-for="col in props.cols"
+          :key="col.name"
+          :props="props"
+        ) {{ col.label }}
+
+    template(#body="props")
+      q-tr(:key="`m_${props.row?.id || props.row?.statement?.action?.global_sequence}`" :props="props")
+        q-td(auto-width)
+          q-btn(
+            size="sm"
+            color="primary"
+            round
+            dense
+            :icon="expanded.get(props.row?.id || props.row?.statement?.action?.global_sequence) ? 'remove' : 'add'"
+            @click="toggleExpand(props.row?.id || props.row?.statement?.action?.global_sequence)"
+          )
+
+        q-td {{ getDocumentHash(props.row).substring(0, 10) || '' }}
+        q-td {{ getDocumentTitle(props.row) }}
+        
+      q-tr(
+        v-if="expanded.get(props.row?.id || props.row?.statement?.action?.global_sequence)"
+        :key="`e_${props.row?.id || props.row?.statement?.action?.global_sequence}`"
+        :props="props"
+        class="q-virtual-scroll--with-prev"
+      )
+        q-td(colspan="100%")
+          ComplexDocument(:documents="props.row")
+
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import { ComplexDocument } from 'src/shared/ui/ComplexDocument'
+import { DocumentCard } from './'
+import { useWindowSize } from 'src/shared/hooks'
+import type { IDocumentPackageAggregate } from 'src/entities/Document/model'
+
+// Props
+const props = defineProps<{
+  documents: IDocumentPackageAggregate[]
+  loading: boolean
+}>()
+
+// Emits - определяем события, которые компонент может эмитить
+const emit = defineEmits<{
+  (e: 'load'): void
+  (e: 'toggle-expand', id: string): void
+}>()
+
+// Локальное состояние
+const expanded = reactive(new Map<string, boolean>())
+const pagination = ref({
+  rowsPerPage: 0
+})
+const tableRef = ref(null)
+const { isMobile } = useWindowSize()
+
+// Функция обработки виртуального скролла
+const onScroll = ({ to }) => {
+
+  const lastIndex = props.documents.length - 1
+  // Если достигли последнего элемента в списке, эмитим событие load
+  if (to === lastIndex) {
+    emit('load')
+  }
+}
+
+// Получение заголовка документа из агрегата
+function getDocumentTitle(row: IDocumentPackageAggregate) {
+  // Используем документы из агрегатов
+  if (row.statement?.documentAggregate?.rawDocument?.full_title) {
+    return row.statement.documentAggregate.rawDocument.full_title
+  }
+
+  // Проверяем решения
+  if (row.decision?.documentAggregate?.rawDocument?.full_title) {
+    return row.decision.documentAggregate.rawDocument.full_title
+  }
+
+  // По умолчанию
+  return 'Документ без заголовка'
+}
+
+// Получение хеша документа из агрегата
+function getDocumentHash(row: IDocumentPackageAggregate) {
+  if (row.statement?.documentAggregate?.rawDocument?.hash) {
+    return row.statement.documentAggregate.rawDocument.hash
+  }
+
+  if (row.decision?.documentAggregate?.rawDocument?.hash) {
+    return row.decision.documentAggregate.rawDocument.hash
+  }
+
+  return 'нет хеша'
+}
+
+// Колонки таблицы
+const columns:any[] = [
+  {
+    name: 'hash',
+    align: 'left',
+    label: 'ID',
+    field: (row: any) => getDocumentHash(row).substring(0, 10) || '',
+    sortable: true
+  },
+  {
+    name: 'title',
+    align: 'left',
+    label: 'Документ',
+    field: (row: any) => getDocumentTitle(row),
+    sortable: true
+  },
+  
+]
+
+// Функция для переключения состояния развертывания
+const toggleExpand = (id: any) => {
+  if (!id) return
+  expanded.set(id, !expanded.get(id))
+  emit('toggle-expand', id)
+}
+</script>
+<style>
+.documents-table .q-table__top{
+  padding: 0px !important;
+}
+</style>