Alex Ant
335 lines
12 KiB
Vue
335 lines
12 KiB
Vue
<template lang="pug">
|
||
BaseCard(title='Параметры документов ЦПП')
|
||
.text-body2.text-grey-7.q-mb-md
|
||
| Заполните поля, которые будут подставлены в положения и оферты программ «ГЕНЕРАТОР» и «БЛАГОРОСТ».
|
||
| Перед установкой расширения сформируйте предпросмотр документов: так параметры сохранятся в PrivateData, а в config попадёт только hash.
|
||
|
||
q-input(
|
||
:model-value='config?.capital_program_doc_data_hash || ""'
|
||
label='Hash PrivateData документов'
|
||
hint='Появится после формирования предпросмотра'
|
||
:rules='[validateSavedHash]'
|
||
readonly
|
||
outlined
|
||
dense
|
||
)
|
||
|
||
q-banner(v-if='config?.capital_program_doc_data_hash' dense rounded class='bg-green-1 text-green-9 q-mb-md')
|
||
| Параметры сохранены. Hash: {{ config.capital_program_doc_data_hash }}
|
||
|
||
q-expansion-item(default-opened label='Протокол и кооператив' icon='description')
|
||
.row.q-col-gutter-md.q-mt-sm
|
||
.col-12.col-md-3(v-for='field in protocolFields' :key='field.key')
|
||
q-input(
|
||
v-model='form[field.key]'
|
||
:label='field.label'
|
||
:type='field.type || "text"'
|
||
:rules='requiredRules'
|
||
outlined
|
||
dense
|
||
)
|
||
.col-12.col-md-6(v-for='field in cooperativeFields' :key='field.key')
|
||
q-input(
|
||
v-model='form[field.key]'
|
||
:label='field.label'
|
||
:type='field.type || "text"'
|
||
:rules='requiredRules'
|
||
outlined
|
||
dense
|
||
)
|
||
|
||
q-expansion-item(label='Программа ГЕНЕРАТОР' icon='bolt')
|
||
.q-mt-sm
|
||
q-input.q-mb-md(
|
||
v-for='field in generatorFields'
|
||
:key='field.key'
|
||
v-model='form[field.key]'
|
||
:label='field.label'
|
||
:type='field.type || "textarea"'
|
||
:rules='requiredRules'
|
||
outlined
|
||
autogrow
|
||
)
|
||
|
||
q-expansion-item(label='Программа БЛАГОРОСТ' icon='eco')
|
||
.q-mt-sm
|
||
q-input.q-mb-md(
|
||
v-for='field in blagorostFields'
|
||
:key='field.key'
|
||
v-model='form[field.key]'
|
||
:label='field.label'
|
||
:type='field.type || "textarea"'
|
||
:rules='requiredRules'
|
||
outlined
|
||
autogrow
|
||
)
|
||
|
||
q-expansion-item(label='Возврат, источники и оферты' icon='article')
|
||
.q-mt-sm
|
||
q-input.q-mb-md(
|
||
v-for='field in returnFields'
|
||
:key='field.key'
|
||
v-model='form[field.key]'
|
||
:label='field.label'
|
||
:type='field.type || "textarea"'
|
||
:rules='requiredRules'
|
||
outlined
|
||
autogrow
|
||
)
|
||
|
||
.row.items-center.justify-between.q-mt-lg
|
||
.text-caption.text-grey-7
|
||
| Предпросмотр генерирует документы без публикации и сохраняет PrivateData по hash.
|
||
q-btn(
|
||
color='primary'
|
||
label='Сформировать предпросмотр'
|
||
:loading='isGenerating'
|
||
@click='generatePreview'
|
||
)
|
||
|
||
BaseDialog(v-model='previewOpen' title='Предпросмотр положений ЦПП' size='xl')
|
||
q-card-section(v-if='previewDocuments.length')
|
||
q-tabs(v-model='activePreviewTab' dense align='left' class='text-primary')
|
||
q-tab(
|
||
v-for='doc in previewDocuments'
|
||
:key='doc.registry_id'
|
||
:name='String(doc.registry_id)'
|
||
:label='doc.title'
|
||
)
|
||
q-separator
|
||
q-tab-panels(v-model='activePreviewTab' animated)
|
||
q-tab-panel(
|
||
v-for='doc in previewDocuments'
|
||
:key='doc.registry_id'
|
||
:name='String(doc.registry_id)'
|
||
)
|
||
.doc-preview
|
||
DocumentHtmlReader(:html='doc.html' :sanitize='false')
|
||
q-card-actions(align='right')
|
||
q-btn(flat label='Закрыть' @click='previewOpen = false')
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { computed, reactive, ref, watch } from 'vue';
|
||
import { Mutations } from '@coopenomics/sdk';
|
||
import { useSystemStore } from 'src/entities/System/model';
|
||
import { useSessionStore } from 'src/entities/Session';
|
||
import { client } from 'src/shared/api/client';
|
||
import { FailAlert, SuccessAlert } from 'src/shared/api';
|
||
import { BaseCard } from 'src/shared/ui/base/BaseCard';
|
||
import { BaseDialog } from 'src/shared/ui/base/BaseDialog';
|
||
import { DocumentHtmlReader } from 'src/shared/ui/DocumentHtmlReader';
|
||
|
||
type CapitalProgramPrivateData = {
|
||
approval_protocol_number: string;
|
||
approval_protocol_day: string;
|
||
approval_protocol_month: string;
|
||
approval_protocol_year: string;
|
||
cooperative_name: string;
|
||
cooperative_short_name: string;
|
||
cooperative_quoted_name: string;
|
||
website: string;
|
||
chairman_full_name: string;
|
||
generator_program_purpose: string;
|
||
eoap_definition: string;
|
||
generator_task_goal: string;
|
||
idea_unit_cost: string;
|
||
idea_unit_cost_words: string;
|
||
blagorost_goal_expansion: string;
|
||
blagorost_task_expansion: string;
|
||
blagorost_task_development: string;
|
||
return_source_description: string;
|
||
return_additional_source: string;
|
||
offer_template_number: string;
|
||
};
|
||
|
||
type FieldDefinition = {
|
||
key: keyof CapitalProgramPrivateData;
|
||
label: string;
|
||
type?: 'text' | 'textarea';
|
||
};
|
||
|
||
interface Props {
|
||
config: Record<string, any>;
|
||
}
|
||
|
||
const props = defineProps<Props>();
|
||
const emit = defineEmits<{
|
||
(event: 'update:config', value: Record<string, any>): void;
|
||
}>();
|
||
|
||
const system = useSystemStore();
|
||
const session = useSessionStore();
|
||
const isGenerating = ref(false);
|
||
const previewOpen = ref(false);
|
||
const activePreviewTab = ref('994');
|
||
const previewDocuments = ref<Array<{ registry_id: number; title: string; html: string; hash: string }>>([]);
|
||
|
||
const requiredRules = [(value: string) => !!String(value || '').trim() || 'Заполните поле'];
|
||
const validateSavedHash = (value: string) => !!String(value || '').trim() || 'Сформируйте предпросмотр и сохраните параметры документов';
|
||
|
||
const form = reactive<CapitalProgramPrivateData>({
|
||
approval_protocol_number: '',
|
||
approval_protocol_day: '',
|
||
approval_protocol_month: '',
|
||
approval_protocol_year: '',
|
||
cooperative_name: '',
|
||
cooperative_short_name: '',
|
||
cooperative_quoted_name: '',
|
||
website: '',
|
||
chairman_full_name: '',
|
||
generator_program_purpose: '',
|
||
eoap_definition: '',
|
||
generator_task_goal: '',
|
||
idea_unit_cost: '',
|
||
idea_unit_cost_words: '',
|
||
blagorost_goal_expansion: '',
|
||
blagorost_task_expansion: '',
|
||
blagorost_task_development: '',
|
||
return_source_description: '',
|
||
return_additional_source: '',
|
||
offer_template_number: '______',
|
||
});
|
||
|
||
const protocolFields: FieldDefinition[] = [
|
||
{ key: 'approval_protocol_number', label: 'Номер протокола' },
|
||
{ key: 'approval_protocol_day', label: 'День протокола' },
|
||
{ key: 'approval_protocol_month', label: 'Месяц протокола' },
|
||
{ key: 'approval_protocol_year', label: 'Год протокола' },
|
||
];
|
||
|
||
const cooperativeFields: FieldDefinition[] = [
|
||
{ key: 'cooperative_name', label: 'Наименование кооператива' },
|
||
{ key: 'cooperative_short_name', label: 'Краткое наименование' },
|
||
{ key: 'cooperative_quoted_name', label: 'Наименование в кавычках' },
|
||
{ key: 'website', label: 'Сайт' },
|
||
{ key: 'chairman_full_name', label: 'ФИО председателя' },
|
||
];
|
||
|
||
const generatorFields: FieldDefinition[] = [
|
||
{ key: 'generator_program_purpose', label: 'Назначение программы ГЕНЕРАТОР' },
|
||
{ key: 'eoap_definition', label: 'Определение ЕОАП' },
|
||
{ key: 'generator_task_goal', label: 'Цель задач ГЕНЕРАТОР' },
|
||
{ key: 'idea_unit_cost', label: 'Стоимость единицы идеи', type: 'text' },
|
||
{ key: 'idea_unit_cost_words', label: 'Стоимость единицы идеи прописью', type: 'text' },
|
||
];
|
||
|
||
const blagorostFields: FieldDefinition[] = [
|
||
{ key: 'blagorost_goal_expansion', label: 'Расширение цели БЛАГОРОСТ' },
|
||
{ key: 'blagorost_task_expansion', label: 'Задача расширения БЛАГОРОСТ' },
|
||
{ key: 'blagorost_task_development', label: 'Задача развития БЛАГОРОСТ' },
|
||
];
|
||
|
||
const returnFields: FieldDefinition[] = [
|
||
{ key: 'return_source_description', label: 'Источник возврата' },
|
||
{ key: 'return_additional_source', label: 'Дополнительный источник возврата' },
|
||
{ key: 'offer_template_number', label: 'Номер шаблона оферты', type: 'text' },
|
||
];
|
||
|
||
const allFields = computed(() => [
|
||
...protocolFields,
|
||
...cooperativeFields,
|
||
...generatorFields,
|
||
...blagorostFields,
|
||
...returnFields,
|
||
]);
|
||
|
||
watch(
|
||
() => system.info,
|
||
(info: any) => {
|
||
if (!info) return;
|
||
form.cooperative_name ||= String(info.coopname || '').toUpperCase();
|
||
form.cooperative_short_name ||= 'ПК';
|
||
form.cooperative_quoted_name ||= form.cooperative_name ? `«${form.cooperative_name}»` : '';
|
||
form.website ||= info.website || info.contacts?.website || '';
|
||
form.chairman_full_name ||= info.chairman?.full_name || info.chairman_full_name || '';
|
||
},
|
||
{ immediate: true }
|
||
);
|
||
|
||
function getPayload(): CapitalProgramPrivateData {
|
||
return Object.fromEntries(
|
||
allFields.value.map(({ key }) => [key, String(form[key] || '').trim()])
|
||
) as CapitalProgramPrivateData;
|
||
}
|
||
|
||
function validatePayload(payload: CapitalProgramPrivateData): string[] {
|
||
return allFields.value
|
||
.filter(({ key }) => !payload[key])
|
||
.map(({ label }) => label);
|
||
}
|
||
|
||
async function generateDocument(registry_id: number, payload: CapitalProgramPrivateData) {
|
||
const { [Mutations.Documents.GenerateDocument.name]: result } = await client.Mutation(
|
||
Mutations.Documents.GenerateDocument.mutation,
|
||
{
|
||
variables: {
|
||
input: {
|
||
data: {
|
||
coopname: system.info?.coopname || '',
|
||
username: session.username,
|
||
lang: 'ru',
|
||
registry_id,
|
||
doc_data: payload,
|
||
},
|
||
options: { skip_save: true },
|
||
},
|
||
},
|
||
}
|
||
);
|
||
|
||
return result;
|
||
}
|
||
|
||
async function generatePreview() {
|
||
const payload = getPayload();
|
||
const missing = validatePayload(payload);
|
||
if (missing.length) {
|
||
FailAlert(`Заполните параметры документов: ${missing.join(', ')}`);
|
||
return;
|
||
}
|
||
|
||
try {
|
||
isGenerating.value = true;
|
||
const docs = await Promise.all([
|
||
generateDocument(994, payload),
|
||
generateDocument(998, payload),
|
||
]);
|
||
|
||
const docDataHash = docs
|
||
.map((doc: any) => doc?.meta?.doc_data_hash)
|
||
.find((hash: unknown): hash is string => typeof hash === 'string' && hash.length > 0);
|
||
|
||
if (!docDataHash) {
|
||
throw new Error('Генератор не вернул doc_data_hash');
|
||
}
|
||
|
||
previewDocuments.value = docs.map((doc: any, index) => ({
|
||
registry_id: index === 0 ? 994 : 998,
|
||
title: doc.full_title,
|
||
html: doc.html,
|
||
hash: doc.hash,
|
||
}));
|
||
activePreviewTab.value = '994';
|
||
previewOpen.value = true;
|
||
emit('update:config', {
|
||
...props.config,
|
||
capital_program_doc_data_hash: docDataHash,
|
||
});
|
||
SuccessAlert('Параметры документов сохранены в PrivateData');
|
||
} catch (error) {
|
||
FailAlert(error);
|
||
} finally {
|
||
isGenerating.value = false;
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.doc-preview :deep([data-doc-param]) {
|
||
background: rgba(255, 193, 7, 0.25);
|
||
border-radius: 4px;
|
||
padding: 0 2px;
|
||
}
|
||
</style>
|