index.vue

<template>
  <div
    ref="root"
    class="root root-content"
  >
    <div class="sidebar">
      <div class="sidebar-top">
        <input
          v-model="pk"
          type="text"
          class="form-control"
          autofocus
          placeholder="Номер истории"
          @keyup.enter="load()"
        >
        <button
          class="btn btn-blue-nb"
          :disabled="pk === ''"
          @click="load()"
        >
          Загрузить
        </button>
      </div>
      <div class="sidebar-content">
        <div
          v-if="direction !== null && !!patient.fio_age"
          class="inner"
        >
          <div class="inner-card">
            <a
              v-if="!every"
              :href="`/forms/pdf?type=106.01&dir_pk=${direction}`"
              class="a-under"
              target="_blank"
              style="float: right"
            >
              003/у
            </a>
            <a
              v-if="every"
              :href="`/forms/pdf?type=105.03&dir_pk=${direction}`"
              class="a-under"
              target="_blank"
            >
              №{{ tree.map((d) => d.direction).join('-') }}
            </a>
            <a
              v-else
              :href="`/forms/pdf?type=105.03&dir_pk=${direction}`"
              class="a-under"
              target="_blank"
            >
              <del v-if="cancel">И/б {{ direction }}</del>
              <span v-else>И/б {{ direction }}</span>
            </a>
            &nbsp;&nbsp;&nbsp;
            <a
              v-if="!cancel"
              href="#"
              :class="{ cancel_color: !cancel }"
              class="a-under"
              @click.prevent="cancel_direction(direction)"
            >
              Отменить
            </a>
            <a
              v-if="cancel"
              href="#"
              :class="{ active_color: cancel }"
              class="a-under"
              @click.prevent="cancel_direction(direction)"
            >
              Вернуть
            </a>
          </div>
          <div
            v-if="every"
            class="inner-card"
          >
            Загружены все истории
          </div>
          <div
            v-if="every"
            class="inner-card"
          >
            <a
              :href="`/forms/pdf?type=106.01&dir_pk=${direction}`"
              class="a-under"
              target="_blank"
            > 003/у </a>
          </div>
          <div
            class="inner-card"
          >
            <a
              :href="`/forms/pdf?type=106.02&dir_pk=${direction}`"
              class="a-under"
              target="_blank"
            > 530 (003/у) </a>
          </div>
          <div
            v-if="!every"
            class="inner-card"
          >
            <Favorite :direction="direction" />
          </div>
          <div
            v-else
            class="inner-card"
          >
            {{ issTitle }}
          </div>
          <div
            v-if="cancel"
            class="inner-card"
          >
            <strong>Направление отменено</strong>
          </div>
          <PatientCard
            :patient="patient"
            class="inner-card"
          />
          <div class="inner-card">
            <a
              v-tippy="{
                placement: 'right',
                arrow: true,
                reactive: true,
                popperOptions: {
                  modifiers: {
                    preventOverflow: {
                      boundariesElement: 'window',
                    },
                    hide: {
                      enabled: false,
                    },
                  },
                },
                interactive: true,
                html: '#template-anamnesis',
              }"
              href="#"
              class="a-under"
              @show="load_anamnesis"
              @click.prevent="edit_anamnesis"
            >Анамнез жизни</a>
            <div id="template-anamnesis">
              <strong>Анамнез жизни</strong><br>
              <span v-if="anamnesis_loading">загрузка...</span>
              <pre
                v-else
                style="padding: 5px; text-align: left; white-space: pre-wrap; word-break: keep-all; max-width: 600px"
              >{{
                anamnesis_data.text || 'нет данных'
              }}</pre>
            </div>
            <a
              href="#"
              class="a-under"
              style="float: right"
              @click.prevent="open_ambulatory_data"
            >112-ф</a>
          </div>
          <div
            v-if="!every"
            class="inner-card"
          >
            <div>
              <a
                v-tippy
                href="#"
                :title="change_department ? 'Отмена' : 'Сменить отделение'"
                class="a-under-reversed float-right a-icon-btn"
                @click.prevent="changeDepartmentToggle"
              >
                <i
                  v-if="!change_department"
                  class="fa fa-pencil"
                />
                <i
                  v-else
                  class="fa fa-times"
                />
              </a>
              Отделение:
            </div>
            <div v-if="!change_department">
              {{ getDepartmentTitle(department_id) }}
            </div>
            <Treeselect
              v-else
              v-model="department_id"
              :multiple="false"
              :disable-branch-nodes="true"
              class="treeselect-wide"
              :options="departments"
              placeholder="Отделение не выбрано"
              :clearable="false"
              :disabled="forbidden_edit"
              @select="updateDepartment"
            />
          </div>
          <div
            v-for="(title, key) in menuItems"
            :key="key"
            class="sidebar-btn-wrapper"
          >
            <button
              class="btn btn-blue-nb sidebar-btn"
              @click="load_directions(key)"
            >
              <span
                v-if="Boolean(counts[key])"
                class="counts"
              >{{ counts[key] }} шт.</span> {{ title }}
            </button>
            <button
              v-if="
                !every &&
                  menuNeedPlus[key] &&
                  (!allowedOnlyOneEntry[key] || !Boolean(counts[key])) &&
                  (!forbidden_edit || (can_add_tadp && key === 't, ad, p sheet'))
              "
              class="btn btn-blue-nb sidebar-btn"
              @click="plus(key)"
            >
              <i class="fa fa-plus" />
            </button>
          </div>
          <template v-for="(dir, index) in tree">
            <div
              v-if="!every && dir.isCurrent"
              :key="dir.direction"
              class="sidebar-btn-wrapper"
            >
              <button
                class="btn btn-blue-nb sidebar-btn active-btn"
                style="font-size: 12px"
                :style="{ color: dir.color }"
              >
                <i
                  v-if="index < tree.length - 1"
                  class="fa fa-arrow-down"
                />
                <i
                  v-else
                  class="fa fa-dot-circle-o"
                />
                <del v-if="dir.cancel">№{{ dir.direction }} {{ dir.research_title }}</del>
                <span v-else>№{{ dir.direction }} {{ dir.research_title }}</span>
                <i class="fa fa-check" />
              </button>
            </div>
            <div
              v-else
              :key="dir.direction"
              class="sidebar-btn-wrapper"
            >
              <button
                class="btn btn-blue-nb sidebar-btn"
                style="font-size: 12px"
                :style="{ color: dir.color }"
                @click="load_pk(dir.direction)"
              >
                <i
                  v-if="index < tree.length - 1"
                  class="fa fa-arrow-down"
                />
                <i
                  v-else
                  class="fa fa-dot-circle-o"
                />
                <del v-if="dir.cancel">№{{ dir.direction }} {{ dir.research_title }}</del>
                <span v-else>№{{ dir.direction }} {{ dir.research_title }}</span>
              </button>
            </div>
          </template>
          <div
            v-if="tree.length > 1"
            class="sidebar-btn-wrapper"
          >
            <button
              class="btn btn-blue-nb sidebar-btn text-center"
              style="font-size: 12px"
              @click="load_pk(tree[0].direction, true)"
            >
              <i class="fa fa-cubes" />
              Загрузить всё
            </button>
          </div>
          <div
            v-if="tree.length > 1"
            class="sidebar-btn-wrapper"
          >
            <button
              class="btn btn-blue-nb sidebar-btn text-center"
              style="font-size: 12px"
              @click="close()"
            >
              <i class="fa fa-close" />
              Отмена просмотра истории
            </button>
          </div>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="top">
        <div
          v-if="opened_list_key"
          class="top-block title-block"
        >
          <span>
            {{ menuItems[opened_list_key] }}
            <br>
            <a
              href="#"
              class="a-under"
              @click.prevent="print_all_list"
            ><i class="fa fa-print" /> результатов</a>
          </span>
          <i
            class="top-right fa fa-times"
            @click="close_list_directions"
          />
          <i
            class="top-left fa-solid fa-layer-group"
            @click="addIdToPlan"
          />
        </div>
        <div
          v-for="d in list_directions"
          :key="d.pk"
          class="top-block direction-block"
          :class="{ confirmed: Boolean(d.confirm), another_color: Boolean(d.another_color),  active: opened_form_pk === d.pk }"
          @click="open_form(d)"
        >
          <span>
            <DisplayDirection :direction="d" />
          </span>
        </div>
      </div>
      <div class="inner results-editor">
        <div
          v-for="row in researches_forms"
          :key="row.pk"
        >
          <div
            class="research-title"
            :class="{ withFiles: row.research.enabled_add_file }"
          >
            <div class="research-left">
              <button
                v-if="row.research.title.includes('анестез')"
                v-tippy
                style="margin-right: 5px"
                class="btn btn-blue-nb"
                title="Добавить значения в наркозную карту"
                @click="show_anesthesia"
              >
                <i class="fa fa-heartbeat fa-lg" />
              </button>
              {{ row.research.title }}
              <span
                v-if="row.research.comment"
                class="comment"
              > [{{ row.research.comment }}]</span>
              <dropdown
                :visible="research_open_history === row.pk"
                :position="['left', 'bottom', 'left', 'top']"
                @clickout="hide_results"
              >
                <a
                  style="font-weight: normal"
                  href="#"
                  @click.prevent="open_results(row.pk)"
                > (другие результаты) </a>
                <div
                  slot="dropdown"
                  class="results-history"
                >
                  <ul>
                    <li
                      v-for="rh in research_history"
                      :key="rh.pk"
                    >
                      Результат от {{ rh.date }}
                      <a
                        href="#"
                        @click.prevent="print_results(rh.direction)"
                      >печать</a>
                      <a
                        v-if="!row.confirmed"
                        href="#"
                        @click.prevent="copy_results(row, rh.pk)"
                      >скопировать</a>
                    </li>
                    <li v-if="research_history.length === 0">
                      результатов не найдено
                    </li>
                  </ul>
                </div>
              </dropdown>
            </div>
            <div class="research-right">
              <span class="result-by-year">
                <ResultsByYear
                  :card_pk="patient.cardId"
                  is-doc-referral
                />
                <ResultsByYear
                  :card_pk="patient.cardId"
                  is-paraclinic
                />
                <ResultsByYear
                  :card_pk="patient.cardId"
                  is-lab
                />
                <ResultControlParams
                  :card_pk="patient.cardId"
                  is-lab
                />
              </span>
              <FileAdd
                v-if="row.research.enabled_add_files"
                :iss_pk="row.pk"
                :count_files="row.countFiles"
              />
              <template v-if="row.confirmed">
                <a
                  v-if="stat_btn"
                  :href="`/forms/pdf?type=105.02&napr_id=[${opened_form_pk}]`"
                  class="btn btn-blue-nb"
                  target="_blank"
                >Статталон</a>
                <a
                  href="#"
                  class="btn btn-blue-nb"
                  @click.prevent="print_results(opened_form_pk)"
                >Печать</a>
                <a
                  v-tippy
                  title="docx формат"
                  href="#"
                  class="btn btn-blue-nb"
                  @click.prevent="print_results_docx(opened_form_pk)"
                ><i class="fa-solid fa-file-word" /></a>
              </template>
              <div v-frag>
                <a
                  v-if="!!row.pacs"
                  v-tippy
                  :href="row.pacs"
                  class="btn btn-blue-nb"
                  target="_blank"
                  title="Снимок"
                >
                  &nbsp;<i class="fa fa-camera" />&nbsp;
                </a>
                <template v-if="!row.confirmed">
                  <button
                    v-if="!row.confirmed"
                    v-tippy
                    class="btn btn-blue-nb"
                    title="Сохранить без подтверждения"
                    @click="save(row)"
                  >
                    &nbsp;<i class="fa fa-save" />&nbsp;
                  </button>
                  <button
                    v-tippy
                    class="btn btn-blue-nb"
                    title="Очистить протокол"
                    @click="clear_vals(row)"
                  >
                    &nbsp;<i class="fa fa-times" />&nbsp;
                  </button>
                  <div
                    v-if="fte"
                    class="right-f"
                  >
                    <SelectPickerM
                      v-model="templates[row.pk]"
                      :search="true"
                      :options="row.templates.map((x) => ({ label: x.title, value: x.pk }))"
                    />
                  </div>
                  <button
                    v-if="fte"
                    class="btn btn-blue-nb"
                    @click="load_template(row, templates[row.pk])"
                  >
                    Загрузить шаблон
                  </button>
                </template>
              </div>
            </div>
          </div>
          <DescriptiveForm
            :research="row.research"
            :pk="row.pk"
            :confirmed="Boolean(!!row.confirmed || !!row.forbidden_edit)"
            :patient="patient_form"
            :change_mkb="change_mkb(row)"
            :hospital_r_type="'desc'"
          />
          <div
            v-if="r_is_transfer(row)"
            class="group"
          >
            <div
              v-if="!row.confirmed"
              class="radio-button-object radio-button-groups"
            >
              <RadioField
                v-model="typeTransfer"
                :variants="variantTypeTransfer"
                full-width
                style="width: 100%"
              />
            </div>
            <div
              v-if="newTransfer"
              class="group-title"
            >
              Отделение перевода
            </div>
            <div
              v-else
              class="group-title"
            >
              Схема движения по отделениям
            </div>
            <div class="fields">
              <div
                v-if="!row.confirmed && newTransfer"
                class="content-picker"
              >
                <ResearchPick
                  v-for="rf in stationar_researches_filtered"
                  :key="rf.pk"
                  :class="{ active: rf.pk === stationar_research }"
                  :research="rf"
                  class="research-select"
                  force_tippy
                  @click.native="stationar_research = rf.pk"
                />
              </div>
              <div v-else-if="!newTransfer && !row.confirmed">
                <div
                  id="row-box"
                  class="row"
                >
                  <div class="col-xs-3">
                    <h6><strong>Поступил ИЗ (предыдущее отделение)</strong></h6>
                    <Treeselect
                      v-model="parent_issledovaniye"
                      :multiple="false"
                      :disable-branch-nodes="true"
                      :options="directions_parent_select"
                      placeholder="Откуда поступил"
                    />
                  </div>
                  <div class="col-xs-1">
                    <i class="fa fa-arrow-right fa-2x fa-fw transferArrow" />
                  </div>
                  <div class="col-xs-3">
                    <h6><strong>Текущее отделение</strong></h6>
                    <div style="padding-top: 10px">
                      {{ direction }} - {{ issTitle }}
                    </div>
                  </div>
                  <div class="col-xs-1">
                    <i class="fa fa-arrow-right fa-2x fa-fw transferArrow" />
                  </div>
                  <div class="col-xs-3">
                    <h6><strong>Переведен В (следующее отделение)</strong></h6>
                    <Treeselect
                      v-model="child_issledovaniye"
                      :multiple="false"
                      :disable-branch-nodes="true"
                      :options="directions_child_select"
                      placeholder="Куда переведен"
                    />
                  </div>
                </div>
              </div>
              <div v-else-if="row.confirmed">
                История болезни №{{ child_direction }}
                <br>
                {{ child_research_title }}
                <br>
                <a
                  class="a-under"
                  href="#"
                  @click.prevent="print_hosp(child_direction)"
                > Печать ш/к браслета </a>
                <br>
                <a
                  class="a-under"
                  href="#"
                  @click.prevent="print_direction(child_direction)"
                > Печать направления </a>
                <br>
                <a
                  class="a-under"
                  href="#"
                  @click.prevent="load_pk(child_direction)"
                > Открыть историю </a>
              </div>
            </div>
          </div>
          <div
            v-if="is_diary(row.research)"
            class="group"
          >
            <div class="group-title">
              Направления в рамках приёма
            </div>
            <div class="row">
              <div class="col-xs-12">
                <div class="sd">
                  <DirectionsHistory
                    :iss_pk="row.pk"
                    kk="stationar"
                    for-hosp-slave
                  />
                </div>
                <div
                  v-if="!row.confirmed"
                  class="sd empty"
                >
                  <button
                    class="btn btn-primary-nb btn-blue-nb"
                    type="button"
                    @click="create_directions(row)"
                  >
                    <i class="fa fa-plus" /> создать направления
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div
            v-if="is_diary(row.research)"
            class="group"
          >
            <div class="group-title">
              Фармакотерапия
            </div>
            <div class="row">
              <div class="col-xs-12">
                <PharmacotherapyInput
                  v-model="row.procedure_list"
                  :pk="row.pk"
                  :confirmed="row.confirmed"
                />
              </div>
            </div>
          </div>
          <div
            :key="row.confirmed ? row.pk : row.research.version"
            class="control-row"
          >
            <div class="res-title">
              {{ row.research.title }}:
            </div>
            <IssStatus :i="row" />
            <button
              v-if="!row.confirmed && !row.forbidden_edit"
              class="btn btn-blue-nb"
              @click="save(row)"
            >
              Сохранить
            </button>
            <button
              v-if="!row.confirmed && !row.forbidden_edit"
              class="btn btn-blue-nb"
              :disabled="!r(row)"
              @click="save_and_confirm(row)"
            >
              Сохранить и подтвердить
            </button>
            <button
              v-if="row.confirmed && row.allow_reset_confirm && (!row.forbidden_edit || can_reset_transfer)"
              class="btn btn-blue-nb"
              @click="reset_confirm(row)"
            >
              Сброс подтверждения
            </button>

            <template v-if="amd && row.research.is_need_send_egisz">
              <div
                v-if="row.amd === 'planned'"
                class="amd amd-planned"
              >
                ЕГИСЗ
              </div>
              <div
                v-if="row.amd === 'error' && row.confirmed"
                class="amd amd-error"
              >
                ЕГИСЗ
              </div>
              <div
                v-if="row.amd === 'need' && row.confirmed"
                class="amd amd-need"
              >
                ЕГИСЗ
              </div>
              <div
                v-if="row.amd === 'ok'"
                class="amd amd-ok"
              >
                ЕГИСЗ
              </div>
              <button
                v-if="row.amd === 'need' || row.amd === 'error'"
                class="btn btn-blue-nb"
                @click="send_to_amd([row.direction_pk])"
              >
                Отправить в ЕГИСЗ
              </button>
            </template>

            <button
              class="btn btn-blue-nb"
              @click="close_form"
            >
              Закрыть
            </button>
            <KeepAlive>
              <EDSDirection
                v-if="row.research.is_extract"
                :key="`${direction}_${!!row.confirmed}`"
                :direction-pk="opened_form_pk"
                :all_confirmed="!!row.confirmed"
              />
            </KeepAlive>
            <div
              v-if="!r(row) && !row.confirmed"
              class="status-list"
            >
              <div class="status status-none">
                Не заполнено:
              </div>
              <div
                v-for="rl in r_list(row)"
                :key="rl"
                class="status status-none"
              >
                {{ rl }};
              </div>
            </div>
          </div>
        </div>
        <div
          v-if="!opened_form_pk"
          style="padding: 5px"
        >
          <AggregateLaboratory
            v-if="opened_list_key === 'laboratory'"
            :pk="iss"
            disabled
          />
          <AggregateDesc
            v-if="['paraclinical', 'consultation', 'diaries', 'morfology'].includes(opened_list_key)"
            :pk="iss"
            :r_type="opened_list_key"
            disabled
          />
          <AggregateTADP
            v-if="opened_list_key === 't, ad, p sheet'"
            :directions="every ? tree.map((d) => d.direction) : [direction]"
          />
          <AggregatePharmacotherapy
            v-if="opened_list_key === 'assignments'"
            :direction="direction"
          />
          <AggregateAssignments
            v-if="opened_list_key === 'assignments'"
            :direction="direction"
            :card-pk="patient.card_pk"
          />
        </div>
      </div>
    </div>
    <Modal
      v-if="openPlusMode === 'directions' || create_directions_for > -1"
      ref="modalStationar"
      margin-left-right="auto"
      margin-top="60px"
      max-width="1400px"
      show-footer="true"
      white-bg="true"
      width="100%"
      @close="closePlus"
    >
      <span slot="header">Создание направлений – история {{ direction }} {{ issTitle }}, {{ patient.fio_age }}</span>
      <div
        slot="body"
        class="registry-body"
        style="min-height: 140px"
      >
        <div class="row">
          <div
            class="col-xs-6"
            style="height: 450px; border-right: 1px solid #eaeaea; padding-right: 0"
          >
            <ResearchesPicker
              v-model="create_directions_data"
              :types-only="pickerTypesOnly"
              kk="stationar"
              style="border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea"
            />
          </div>
          <div
            class="col-xs-6"
            style="height: 450px; padding-left: 0"
          >
            <SelectedResearches
              kk="stationar"
              :base="bases_obj[patient.base]"
              :researches="create_directions_data"
              :main_diagnosis="create_directions_diagnosis"
              :valid="true"
              :card_pk="patient.cardId"
              :initial_fin="finId"
              :parent_iss="iss"
              :parent_slave_iss="create_directions_for > -1 ? create_directions_for : null"
              :clear_after_gen="true"
              style="border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea"
            />
          </div>
        </div>
        <div
          v-if="create_directions_data.length > 0"
          style="margin-top: 5px; text-align: left"
        >
          <table class="table table-bordered lastresults">
            <colgroup>
              <col width="180">
              <col>
              <col width="110">
              <col width="110">
            </colgroup>
            <tbody>
              <LastResult
                v-for="p in create_directions_data"
                :key="p"
                :individual="patient.individualId"
                :parent-iss="iss"
                :no-scroll="true"
                :research="p"
              />
            </tbody>
          </table>
        </div>
      </div>
      <div slot="footer">
        <div class="row">
          <div class="col-xs-4">
            <button
              class="btn btn-primary-nb btn-blue-nb"
              type="button"
              @click="closePlus"
            >
              Закрыть
            </button>
          </div>
        </div>
      </div>
    </Modal>
    <Modal
      v-if="openPlusMode === 'stationar'"
      ref="modalStationar2"
      margin-top="50px"
      show-footer="true"
      white-bg="true"
      max-width="710px"
      width="100%"
      margin-left-right="auto"
      @close="closePlus"
    >
      <span slot="header">{{ menuItems[openPlusId] }} – история {{ direction }} {{ issTitle }}, {{ patient.fio_age }}</span>
      <div
        slot="body"
        style="min-height: 200px; background-color: #fff"
        class="registry-body"
      >
        <div class="text-left">
          <div>
            <h6>Профиль</h6>
            <Treeselect
              v-model="hospResearch"
              class="treeselect-nbr treeselect-32px"
              :multiple="false"
              :options="stationar_researches_change_hosp"
              placeholder="Не выбран"
              @input="plus(currentKey)"
            />
          </div>
          <div
            class="content-picker service-top-padding"
          >
            <ResearchPick
              v-for="row in hosp_services"
              :key="row.pk"
              :class="{ active: row.pk === direction_service }"
              :research="row"
              class="research-select"
              force_tippy
              @click.native="select_research(row.pk)"
            />
            <div v-if="hosp_services.length === 0">
              не настроено
            </div>
          </div>
          <div
            class="text-center"
            style="margin-top: 10px"
          >
            <button
              :disabled="direction_service === -1"
              class="btn btn-primary-nb btn-blue-nb"
              type="button"
              @click="confirm_service"
            >
              Сохранить назначение и заполнить протокол
            </button>
          </div>
        </div>
      </div>
      <div slot="footer">
        <div class="row">
          <div class="col-xs-4">
            <button
              class="btn btn-primary-nb btn-blue-nb"
              type="button"
              @click="closePlus"
            >
              Закрыть
            </button>
          </div>
        </div>
      </div>
    </Modal>
    <Modal
      v-if="anamnesis_edit"
      ref="modalAnamnesisEdit"
      show-footer="true"
      white-bg="true"
      max-width="710px"
      width="100%"
      margin-left-right="auto"
      margin-top
      @close="hide_modal_anamnesis_edit"
    >
      <span slot="header">Редактор анамнеза жизни – карта {{ patient.card }}, {{ patient.fio_age }}</span>
      <div
        slot="body"
        style="min-height: 140px"
        class="registry-body"
      >
        <textarea
          v-model="anamnesis_data.text"
          rows="14"
          class="form-control"
          placeholder="Анамнез жизни"
        />
      </div>
      <div slot="footer">
        <div class="row">
          <div class="col-xs-4">
            <button
              class="btn btn-primary-nb btn-blue-nb"
              type="button"
              @click="hide_modal_anamnesis_edit"
            >
              Отмена
            </button>
          </div>
          <div class="col-xs-4">
            <button
              class="btn btn-primary-nb btn-blue-nb"
              type="button"
              @click="save_anamnesis()"
            >
              Сохранить
            </button>
          </div>
        </div>
      </div>
    </Modal>
    <ResultsViewer
      v-if="show_results_pk > -1"
      :pk="show_results_pk"
      no_desc
    />
    <AmbulatoryData
      v-if="ambulatory_data && patient.cardId"
      :card_pk="patient.cardId"
      :card_data="patient"
    />
  </div>
</template>

<script lang="ts">
import { mapGetters } from 'vuex';
import dropdown from 'vue-my-dropdown';
import Treeselect from '@riophae/vue-treeselect';

import '@riophae/vue-treeselect/dist/vue-treeselect.css';
import * as actions from '@/store/action-types';
import stationarPoint from '@/api/stationar-point';
import Patient from '@/types/patient';
import directionsPoint from '@/api/directions-point';
import IssStatus from '@/ui-cards/IssStatus.vue';
import { vField, vGroup } from '@/components/visibility-triggers';
import researchesPoint from '@/api/researches-point';
import DescriptiveForm from '@/forms/DescriptiveForm.vue';
import patientsPoint from '@/api/patients-point';
import UrlData from '@/UrlData';
import AmbulatoryData from '@/modals/AmbulatoryData.vue';
import RadioField from '@/fields/RadioField.vue';
import ResultsByYear from '@/ui-cards/PatientResults/ResultsByYear.vue';
import ResultControlParams from '@/ui-cards/PatientResults/ResultControlParams.vue';
import { PRINT_QUEUE_ADD_ELEMENT } from '@/store/action-types';
import AggregateAssignments from '@/fields/AggregateAssignments.vue';

import Favorite from './Favorite.vue';
import DisplayDirection from './DisplayDirection.vue';
import PatientCard from './PatientCard.vue';
import menuMixin from './mixins/menu';

export default {
  components: {
    AggregateAssignments,
    RadioField,
    Treeselect,
    Favorite,
    dropdown,
    DisplayDirection,
    DescriptiveForm,
    IssStatus,
    PatientCard,
    AmbulatoryData,
    ResultsByYear,
    ResultControlParams,
    FileAdd: () => import('@/ui-cards/FileAdd.vue'),
    DirectionsHistory: () => import('@/ui-cards/DirectionsHistory/index.vue'),
    AggregateTADP: () => import('@/fields/AggregateTADP.vue'),
    AggregateDesc: () => import('@/fields/AggregateDesc.vue'),
    AggregateLaboratory: () => import('@/fields/AggregateLaboratory.vue'),
    AggregatePharmacotherapy: () => import('@/fields/AggregatePharmacotherapy.vue'),
    ResultsViewer: () => import('@/modals/ResultsViewer.vue'),
    SelectPickerM: () => import('@/fields/SelectPickerM.vue'),
    ResearchPick: () => import('@/ui-cards/ResearchPick.vue'),
    SelectedResearches: () => import('@/ui-cards/SelectedResearches.vue'),
    LastResult: () => import('@/ui-cards/LastResult.vue'),
    ResearchesPicker: () => import('@/ui-cards/ResearchesPicker.vue'),
    Modal: () => import('@/ui-cards/Modal.vue'),
    PharmacotherapyInput: () => import('@/ui-cards/PharmacotherapyInput.vue'),
    EDSDirection: () => import('@/ui-cards/EDSDirection.vue'),
  },
  mixins: [menuMixin],
  data() {
    return {
      file: null,
      pk: '',
      every: false,
      direction: null,
      forbidden_edit: null,
      cancel: false,
      iss: null,
      issTitle: null,
      finId: null,
      counts: {},
      patient: new Patient({}),
      openPlusMode: null,
      openPlusId: null,
      create_directions_data: [],
      tree: [],
      hosp_services: [],
      direction_service: -1,
      create_directions_for: -1,
      create_directions_diagnosis: '',
      show_results_pk: -1,
      list_directions: [],
      opened_list_key: null,
      opened_form_pk: null,
      researches_forms: [],
      patient_form: {},
      templates: {},
      stationar_researches: [],
      stationar_research: -1,
      anamnesis_edit: false,
      anamnesis_data: {
        text: '',
      },
      anamnesis_loading: false,
      new_anamnesis: null,
      research_open_history: null,
      research_history: [],
      inited: false,
      ambulatory_data: false,
      variantTypeTransfer: ['Новый перевод', 'Выбрать из предыдущих'],
      typeTransfer: 'Новый перевод',
      selectStationarDir: '',
      directions_parent_select: [],
      directions_child_select: [],
      parent_issledovaniye: null,
      child_issledovaniye: null,
      child_direction: null,
      child_research_title: null,
      direcions_order: {},
      department_id: -1,
      departments: [],
      prev_department: '',
      change_department: false,
      tableFieldsErrors: {},
      hospResearch: -1,
      currentKey: -1,
    };
  },
  computed: {
    ...mapGetters({
      user_data: 'user_data',
      researches_obj: 'researches',
      bases: 'bases',
    }),
    newTransfer() {
      return this.typeTransfer === 'Новый перевод';
    },
    navState() {
      if (!this.direction) {
        return null;
      }
      return {
        pk: this.direction,
        opened_list_key: this.opened_list_key,
        opened_form_pk: this.opened_form_pk,
        every: this.every,
      };
    },
    stationar_researches_filtered() {
      return [
        {
          pk: -1,
          title: 'Не выбрано',
        },
        ...(this.stationar_researches || []).filter((r) => r.title !== this.issTitle && !r.hide),
      ];
    },
    stationar_researches_change_hosp() {
      return [
        {
          id: -1,
          label: 'Не выбрано',
        },
        ...(this.stationar_researches || []),
      ];
    },
    bases_obj() {
      return this.bases.reduce(
        (a, b) => ({
          ...a,
          [b.pk]: b,
        }),
        {},
      );
    },
    stat_btn() {
      return this.$store.getters.modules.l2_stat_btn;
    },
    pickerTypesOnly() {
      if (this.openPlusId === 'laboratory') {
        return [2];
      }
      if (this.openPlusId === 'paraclinical') {
        return [3];
      }
      if (this.openPlusId === 'morfology') {
        return [10000];
      }
      if (this.openPlusId === 'consultation') {
        return [4];
      }
      if (this.openPlusId === 'forms') {
        return [11];
      }
      if (this.openPlusId === null) {
        return [2, 3, 4];
      }
      return [];
    },
    fte() {
      return this.$store.getters.modules.l2_fast_templates;
    },
    can_reset_transfer() {
      for (const g of this.$store.getters.user_data.groups || []) {
        if (g === 'Сброс подтверждения переводного эпикриза') {
          return true;
        }
      }
      return false;
    },
    can_add_tadp() {
      for (const g of this.$store.getters.user_data.groups || []) {
        if (g === 't, ad, p') {
          return !!this.soft_forbidden || !this.forbidden_edit;
        }
      }
      return false;
    },
    amd() {
      return this.$store.getters.modules.l2_amd;
    },
  },
  watch: {
    pk() {
      this.pk = String(this.pk).replace(/\D/g, '');
    },
    navState() {
      if (this.inited) {
        UrlData.set(this.navState);
      }

      UrlData.title(this.every ? null : this.direction);
    },
  },
  async mounted() {
    await this.$store.dispatch(actions.INC_LOADING);
    const { researches } = await researchesPoint.getResearchesByDepartment({ department: -5 });
    this.stationar_researches = researches;
    await this.$store.dispatch(actions.DEC_LOADING);
    this.$root.$on('hide_results', () => {
      this.show_results_pk = -1;
    });
    this.$root.$on('hide_ambulatory_data', () => {
      this.ambulatory_data = false;
    });
    const storedData = UrlData.get();
    if (storedData && typeof storedData === 'object') {
      if (storedData.pk) {
        await this.load_pk(storedData.pk, storedData.every || false);
      }
      if (storedData.opened_list_key) {
        await this.load_directions(storedData.opened_list_key);
      }
      if (storedData.opened_form_pk && Array.isArray(this.list_directions)) {
        for (const dir of this.list_directions) {
          if (storedData.opened_form_pk === dir.pk) {
            await this.open_form(dir);
            break;
          }
        }
      }
    }
    this.inited = true;
    this.$root.$on('open-history', (d) => {
      this.load_pk(d, false);
    });
    this.$root.$on('table-field:errors:set', (fieldPk, hasInvalid) => {
      this.tableFieldsErrors = {
        ...this.tableFieldsErrors,
        [fieldPk]: hasInvalid,
      };
    });
  },
  methods: {
    async send_to_amd(pks) {
      await this.$store.dispatch(actions.INC_LOADING);
      await directionsPoint.sendAMD({ pks });
      this.$root.$emit('msg', 'ok', 'Отправка запланирована');
      this.reload_if_need();
      await this.$store.dispatch(actions.DEC_LOADING);
    },
    getDepartmentTitle(pk) {
      return this.departments.find((d) => d.id === pk)?.label || '';
    },
    async changeDepartmentToggle() {
      if (!this.change_department) {
        this.change_department = true;
        this.prev_department = this.getDepartmentTitle(this.department_id);
        return;
      }

      await this.saveUpdatedDepartment(false);
    },
    async updateDepartment(node) {
      let needUpdate = false;
      try {
        await this.$dialog.confirm(
          `Вы действительно хотите сменить отделение с "${this.prev_department}" на "${this.getDepartmentTitle(node.id)}"?`,
        );
        needUpdate = true;
      } catch (_) {
        // pass
      }

      return this.saveUpdatedDepartment(needUpdate, node.id);
    },
    async saveUpdatedDepartment(needUpdate, departmentId) {
      await this.$store.dispatch(actions.INC_LOADING);
      const {
        newDepartment,
        ok,
        from: depFrom,
        to: depTo,
      } = await stationarPoint.changeDepartment(this, 'iss', {
        needUpdate,
        department_id: departmentId || this.department_id,
      });
      this.department_id = newDepartment;
      if (!departmentId) {
        this.change_department = false;
      } else if (ok) {
        this.$root.$emit('msg', 'ok', `Отделение успешно изменено\n${depFrom} → ${depTo}`);
        this.change_department = false;
      } else if (needUpdate) {
        this.$root.$emit('msg', 'error', 'Не удалось сменить отделение!');
      }
      await this.$store.dispatch(actions.DEC_LOADING);
    },
    async cancel_direction(pk) {
      await this.$store.dispatch(actions.INC_LOADING);
      await directionsPoint.cancelDirection({ pk });
      this.pk = pk;
      await this.load();
      await this.$store.dispatch(actions.DEC_LOADING);
    },
    show_anesthesia() {
      this.$store.dispatch(actions.CHANGE_STATUS_MENU_ANESTHESIA);
    },
    is_diary(research) {
      const resTitle = research.title.toLowerCase();
      return resTitle.includes('осмотр') || resTitle.includes('дневник') || resTitle.includes('диагностический');
    },
    create_directions(iss) {
      this.create_directions_diagnosis = iss.diagnos;
      this.create_directions_for = iss.pk;
    },
    async confirm_service() {
      await this.$store.dispatch(actions.INC_LOADING);
      const { pk } = await stationarPoint.makeService({
        service: this.direction_service,
        main_direction: this.direction,
      });
      await this.load_directions(this.openPlusId);
      if (pk) {
        await this.open_form({ pk, type: this.plusDirectionsMode[this.openPlusId] ? 'directions' : 'stationar' });
      }
      await this.closePlus();
      this.counts = await stationarPoint.counts(this, ['direction']);
      await this.$store.dispatch(actions.DEC_LOADING);
    },
    select_research(pk) {
      this.direction_service = pk;
    },
    async open_form(d) {
      const mode = d.type;
      if (mode === 'stationar') {
        this.close_form();
        this.opened_form_pk = d.pk;
        this.$root.$emit('open-pk', d.pk);
        await this.$store.dispatch(actions.INC_LOADING);
        const { researches, patient } = await directionsPoint.getParaclinicForm({ pk: d.pk, force: true });
        this.researches_forms = researches;
        this.patient_form = patient;
        await this.$store.dispatch(actions.DEC_LOADING);
      } else {
        this.show_results_pk = d.pk;
      }
    },
    close_form() {
      this.hide_results();
      this.opened_form_pk = null;
      this.researches_forms = null;
      this.patient_form = null;
      this.stationar_research = -1;
      this.tableFieldsErrors = {};
      this.$root.$emit('open-pk', -1);
    },
    async load_pk(pk, every = false) {
      this.pk = String(pk);
      await this.load(every);
    },
    async close(force = false) {
      this.hide_results();
      if (!force) {
        try {
          await this.$dialog.confirm(`Подтвердите отмену просмотра истории «${this.direction}»`);
        } catch (_) {
          return;
        }
      }
      this.close_list_directions();
      this.anamnesis_edit = false;
      this.anamnesis_data = {
        text: '',
      };
      this.direction = null;
      this.cancel = false;
      this.iss = null;
      this.parent_iss = null;
      this.issTitle = null;
      this.finId = null;
      this.counts = {};
      this.patient = new Patient({});
      this.openPlusId = null;
      this.openPlusMode = null;
      this.forbidden_edit = false;
      this.every = false;
      this.every = false;
      this.stationar_research = -1;
      this.create_directions_data = [];
      this.tree = [];
    },
    async load(every = false) {
      this.hide_results();
      await this.close(true);
      await this.$store.dispatch(actions.INC_LOADING);
      const { ok, data, message } = await stationarPoint.load(this, ['pk'], { every });
      if (ok) {
        this.pk = '';
        this.every = every;
        this.direction = data.direction;
        this.cancel = data.cancel;
        this.iss = data.iss;
        this.parent_issledovaniye = data.parent_issledovaniye;
        this.child_issledovaniye = data.child_issledovaniye;
        this.child_direction = data.child_direction;
        this.child_research_title = data.child_research_title;
        this.issTitle = data.iss_title;
        this.finId = data.fin_pk;
        this.forbidden_edit = data.forbidden_edit;
        this.soft_forbidden = !!data.soft_forbidden;
        this.tree = data.tree;
        this.directions_parent_select = [];
        this.directions_child_select = [];
        this.department_id = data.department_id;
        this.departments = data.departments;
        for (const directionObj of this.tree) {
          this.directions_parent_select.push({
            label: `${directionObj.direction}-${directionObj.research_title}(${directionObj.order})`,
            id: directionObj.issledovaniye,
          });
          this.direcions_order[directionObj.issledovaniye] = directionObj.order;
        }
        this.directions_child_select = [...this.directions_parent_select];
        this.directions_parent_select.push({ label: 'Назначить головным текущее', id: -1 });
        this.directions_child_select.push({ label: 'Очистить', id: -1 });

        this.patient = new Patient(data.patient);
        this.counts = await stationarPoint.counts(this, ['direction'], { every });
        if (message && message.length > 0) {
          this.$root.$emit('msg', 'warning', message);
        }
      } else {
        this.$root.$emit('msg', 'error', message);
      }
      this.$root.$emit('current_history_direction', { history_num: this.direction, patient: this.patient });
      await this.$store.dispatch(actions.DEC_LOADING);
    },
    addIdToPlan() {
      const id = this.list_directions.filter((d) => d.confirm).map((d) => d.pk).reverse();
      this.$store.dispatch(PRINT_QUEUE_ADD_ELEMENT, { id });
    },
    print_all_list() {
      this.$root.$emit(
        'print:results',
        this.list_directions.map((d) => d.pk),
      );
    },
    close_list_directions() {
      this.close_form();
      this.list_directions = [];
      this.opened_list_key = null;
    },
    async load_directions(key, noClose = false) {
      await this.$store.dispatch(actions.INC_LOADING);
      if (!noClose) {
        this.close_list_directions();
      }
      const { data } = await stationarPoint.directionsByKey({
        direction: this.direction,
        r_type: key,
        every: this.every,
      });
      this.list_directions = data;
      this.opened_list_key = key;
      await this.$store.dispatch(actions.DEC_LOADING);
    },
    async plus(key) {
      this.currentKey = key;
      this.direction_service = -1;
      const mode = this.plusDirectionsMode[key] ? 'directions' : 'stationar';
      if (mode === 'stationar') {
        await this.$store.dispatch(actions.INC_LOADING);
        const { data } = await stationarPoint.hospServicesByType({
          direction: this.direction,
          r_type: key,
          hospResearch: this.hospResearch,
        });
        this.hosp_services = data;
        if (data.length === 1) {
          this.direction_service = data[0].pk;
        }
        await this.$store.dispatch(actions.DEC_LOADING);
      }
      this.openPlusMode = mode;
      this.openPlusId = key;
    },
    async closePlus() {
      this.create_directions_for = -1;
      this.openPlusMode = null;
      this.create_directions_diagnosis = '';
      this.openPlusId = null;
      this.create_directions_data = [];
      this.hosp_services = [];
      this.direction_service = -1;
      this.currentKey = -1;
      this.hospResearch = -1;

      if (this.$refs.modalStationar?.$el) {
        this.$refs.modalStationar.$el.style.display = 'none';
      }

      if (this.$refs.modalStationar2?.$el) {
        this.$refs.modalStationar2.$el.style.display = 'none';
      }

      this.$store.dispatch(actions.INC_LOADING);
      this.counts = await stationarPoint.counts(this, ['direction']);
      this.$store.dispatch(actions.DEC_LOADING);
      this.reload_if_need(true);
    },
    print_results(pk) {
      this.$root.$emit('print:results', [pk]);
    },
    print_results_docx(pk) {
      window.open(`/forms/docx?type=113.01&direction=${pk}`, '_blank');
    },
    reload_if_need(noСlose = false) {
      if (!this.opened_list_key) {
        return;
      }
      this.load_directions(this.opened_list_key, noСlose);
    },
    save(iss) {
      this.hide_results();
      this.$store.dispatch(actions.INC_LOADING);
      directionsPoint
        .paraclinicResultSave({
          force: true,
          data: {
            ...iss,
            direction: {
              pk: this.opened_form_pk,
            },
            stationar_research: this.stationar_research,
          },
          with_confirm: false,
          visibility_state: this.visibility_state(iss),
        })
        .then((data) => {
          if (data.ok) {
            this.$root.$emit('msg', 'ok', 'Сохранено');
            // eslint-disable-next-line no-param-reassign
            iss.saved = true;
            // eslint-disable-next-line no-param-reassign
            iss.research.transfer_direction_iss = data.transfer_direction_iss;
            if (iss.procedure_list) {
              for (const pl of iss.procedure_list) {
                pl.isNew = false;
              }
            }
            this.reload_if_need(true);
          } else {
            this.$root.$emit('msg', 'error', data.message);
          }
        })
        .finally(() => {
          this.$store.dispatch(actions.DEC_LOADING);
        });
    },
    save_and_confirm(iss) {
      this.hide_results();
      if (this.direcions_order[this.parent_issledovaniye] > this.direcions_order[this.iss]) {
        return this.$root.$emit('msg', 'error', 'Порядок отделений меняется снизу вверх');
      }
      if (this.direcions_order[this.parent_issledovaniye] > this.direcions_order[this.child_issledovaniye]) {
        return this.$root.$emit('msg', 'error', 'Порядок отделений меняется снизу вверх');
      }

      this.$store.dispatch(actions.INC_LOADING);
      if (!this.newTransfer) {
        this.stationar_research = -1;
      }
      return directionsPoint
        .paraclinicResultSave({
          force: true,
          data: {
            ...iss,
            direction: {
              pk: this.opened_form_pk,
            },
            stationar_research: this.stationar_research,
          },
          with_confirm: true,
          visibility_state: this.visibility_state(iss),
          parent_child_data: {
            parent_iss: this.parent_issledovaniye,
            current_direction: this.direction,
            current_iss: this.iss,
            child_iss: this.child_issledovaniye,
          },
        })
        .then((data) => {
          if (data.ok) {
            this.$root.$emit('msg', 'ok', 'Сохранено');
            this.$root.$emit('msg', 'ok', 'Подтверждено');
            // eslint-disable-next-line no-param-reassign
            iss.saved = true;
            // eslint-disable-next-line no-param-reassign
            iss.allow_reset_confirm = !data.forbidden_edit || this.can_reset_transfer;
            // eslint-disable-next-line no-param-reassign
            iss.confirmed = true;
            // eslint-disable-next-line no-param-reassign
            iss.research.transfer_direction = data.transfer_direction;
            // eslint-disable-next-line no-param-reassign
            iss.research.transfer_direction_iss = data.transfer_direction_iss;
            // eslint-disable-next-line no-param-reassign
            iss.forbidden_edit = data.forbidden_edit;
            this.forbidden_edit = data.forbidden_edit;
            this.soft_forbidden = data.soft_forbidden;
            this.stationar_research = -1;
            if (iss.procedure_list) {
              for (const pl of iss.procedure_list) {
                pl.isNew = false;
              }
            }
            this.reload_if_need(true);
          } else {
            this.$root.$emit('msg', 'error', data.message);
          }
        })
        .finally(() => {
          this.pk = this.direction;
          this.$store.dispatch(actions.DEC_LOADING);
          this.$root.$emit('open-pk', this.opened_form_pk);
        });
    },
    async reset_confirm(iss) {
      this.hide_results();
      try {
        await this.$dialog.confirm(`Подтвердите сброс подтверждения услуги «${iss.research.title}»`);
      } catch (_) {
        return;
      }

      await this.$store.dispatch(actions.INC_LOADING);

      const data = await directionsPoint.paraclinicResultConfirmReset({ iss_pk: iss.pk });

      if (data.ok) {
        this.$root.$emit('msg', 'ok', 'Подтверждение сброшено');
        // eslint-disable-next-line no-param-reassign
        iss.confirmed = false;
        this.reload_if_need(true);
        if (data.is_transfer || data.is_extract) {
          this.forbidden_edit = !!data.forbidden_edit;
        }
        // eslint-disable-next-line no-param-reassign
        iss.forbidden_edit = data.forbidden_edit;
      } else {
        this.$root.$emit('msg', 'error', data.message);
      }

      this.$root.$emit('open-pk', this.opened_form_pk);

      await this.$store.dispatch(actions.DEC_LOADING);
    },
    async copy_results(row, pk) {
      await this.$store.dispatch(actions.INC_LOADING);
      this.hide_results();
      const { data } = await directionsPoint.paraclinicDataByFields({ pk });
      this.replace_fields_values(row, data);
      await this.$store.dispatch(actions.DEC_LOADING);
    },
    async open_results(pk) {
      if (this.research_open_history) {
        this.hide_results();
        return;
      }
      await this.$store.dispatch(actions.INC_LOADING);
      this.research_history = (
        await directionsPoint.paraclinicResultPatientHistory({
          pk,
          isSameParent: true,
        })
      ).data || [];
      await this.$store.dispatch(actions.DEC_LOADING);
      this.research_open_history = pk;
    },
    hide_results() {
      this.research_history = [];
      this.research_open_history = null;
    },
    r_is_transfer({ research }) {
      return research.can_transfer;
    },
    r(research) {
      return this.r_list(research).length === 0;
    },
    r_list(research) {
      const l = [];
      if (research.confirmed) {
        return [];
      }

      for (const g of research.research.groups) {
        if (!vGroup(g, research.research.groups, this.patient_form)) {
          continue;
        }
        let n = 0;
        for (const f of g.fields) {
          n++;
          if (
            ((f.required
              && f.field_type !== 3
              && (f.value === ''
                || f.value === '- Не выбрано'
                || !f.value
                || (f.field_type === 29 && (f.value.includes('"address": ""') || f.value.includes('"address":""')))))
              || this.tableFieldsErrors[f.pk])
            && vField(g, research.research.groups, f.visibility, this.patient_form)
          ) {
            l.push((g.title !== '' ? `${g.title} ` : '') + (f.title === '' ? `поле ${n}` : f.title));
          }
        }
      }
      if (this.r_is_transfer(research) && this.stationar_research === -1 && this.typeTransfer === 'Новый перевод') {
        l.push('Отделение перевода');
      }
      return l.slice(0, 2);
    },
    change_mkb() {
      // TODO
    },
    template_fields_values(row, dataTemplate, title) {
      this.$dialog
        .alert(title, {
          view: 'replace-append-modal',
        })
        .then(({ data }) => {
          if (data === 'append') {
            this.append_fields_values(row, dataTemplate);
          } else {
            this.replace_fields_values(row, dataTemplate);
          }
        });
    },
    replace_fields_values(row, data) {
      for (const g of row.research.groups) {
        for (const f of g.fields) {
          if (![1, 3, 16, 17, 20, 13, 14, 11].includes(f.field_type)) {
            f.value = data[f.pk] || '';
          }
        }
      }
      this.$root.$emit('checkTables');
    },
    append_fields_values(row, data) {
      for (const g of row.research.groups) {
        for (const f of g.fields) {
          if (![1, 3, 16, 17, 20, 13, 14, 11, 32, 33, 36, 27, 28, 29, 30, 37, 35].includes(f.field_type) && data[f.pk]) {
            this.append_value(f, data[f.pk]);
          }
        }
      }
      this.$root.$emit('checkTables');
    },
    clear_vals(row) {
      this.$dialog.confirm('Вы действительно хотите очистить результаты?').then(() => {
        this.$root.$emit('msg', 'ok', 'Очищено');
        for (const g of row.research.groups) {
          for (const f of g.fields) {
            if (![1, 3, 16, 17, 20, 13, 14, 11].includes(f.field_type)) {
              this.clear_val(f);
            }
          }
        }
      });
    },
    clear_val(field) {
      // eslint-disable-next-line no-param-reassign
      field.value = '';
    },
    append_value(field, value) {
      let addVal = value;
      if (addVal !== ',' && addVal !== '.') {
        if (
          field.value.length > 0
          && field.value[field.value.length - 1] !== ' '
          && field.value[field.value.length - 1] !== '\n'
        ) {
          if (field.value[field.value.length - 1] === '.') {
            addVal = addVal.replace(/./, addVal.charAt(0).toUpperCase());
          }
          addVal = ` ${addVal}`;
        } else if (
          (field.value.length === 0
            || (field.value.length >= 2
              && field.value[field.value.length - 2] === '.'
              && field.value[field.value.length - 1] === '\n'))
          && field.title === ''
        ) {
          addVal = addVal.replace(/./, addVal.charAt(0).toUpperCase());
        }
      }
      // eslint-disable-next-line no-param-reassign
      field.value += addVal;
    },
    load_template(row, pk) {
      this.$store.dispatch(actions.INC_LOADING);
      researchesPoint
        .getTemplateData({ pk: parseInt(pk, 10) })
        .then(({ data: { fields: data, title } }) => {
          this.template_fields_values(row, data, title);
        })
        .finally(() => {
          this.$store.dispatch(actions.DEC_LOADING);
        });
    },
    visibility_state(iss) {
      const groups = {};
      const fields = {};
      const { groups: igroups } = iss.research;
      for (const group of iss.research.groups) {
        if (!vGroup(group, igroups, this.patient_form)) {
          groups[group.pk] = false;
        } else {
          groups[group.pk] = true;
          for (const field of group.fields) {
            fields[field.pk] = vField(group, igroups, field.visibility, this.patient_form);
          }
        }
      }

      return {
        groups,
        fields,
      };
    },
    print_direction(pk) {
      this.$root.$emit('print:directions', [pk]);
    },
    print_hosp(pk) {
      this.$root.$emit('print:hosp', [pk]);
    },
    async load_anamnesis() {
      this.anamnesis_loading = true;
      this.anamnesis_data = await patientsPoint.loadAnamnesis(this.patient, 'card_pk');
      this.anamnesis_loading = false;
    },
    async edit_anamnesis() {
      await this.$store.dispatch(actions.INC_LOADING);
      this.anamnesis_data = await patientsPoint.loadAnamnesis(this.patient, 'card_pk');
      await this.$store.dispatch(actions.DEC_LOADING);
      this.anamnesis_edit = true;
    },
    async save_anamnesis() {
      await this.$store.dispatch(actions.INC_LOADING);
      await patientsPoint.saveAnamnesis(this.patient, 'card_pk', { text: this.anamnesis_data.text });
      await this.$store.dispatch(actions.DEC_LOADING);
      this.new_anamnesis = this.anamnesis_data.text;
      this.hide_modal_anamnesis_edit();
    },
    hide_modal_anamnesis_edit() {
      if (this.$refs.modalAnamnesisEdit) {
        this.$refs.modalAnamnesisEdit.$el.style.display = 'none';
      }
      this.anamnesis_edit = false;
    },
    open_ambulatory_data() {
      this.ambulatory_data = true;
    },
  },
};
</script>

<style scoped lang="scss">
.transferArrow {
  padding-top: 40px;
  opacity: 0.5;
}

.cancel_color {
  color: #93046d;
}

.active_color {
  color: #1a6451;
  font-weight: bold;
}

.colorBad {
  background-color: lightblue !important;
  color: #d35400;
}

.root-content {
  position: absolute;
  top: 37px;
  right: 0;
  bottom: 0;
  left: 0;
}

.root {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: stretch;

  & > div {
    align-self: stretch;
  }
}

.sidebar {
  width: 260px;
  border-right: 1px solid #b1b1b1;
  display: flex;
  flex-direction: column;
}

.content {
  display: flex;
  flex-direction: column;
  width: calc(100% - 260px);
  border: none;

  .top {
    border-bottom: 1px solid #b1b1b1;
    height: 80px;
    padding: 5px;
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;

    .top-block {
      display: inline-flex;
      align-items: center;
      justify-content: center;

      span {
        align-self: center;
        display: inline-block;
        text-align: center;
      }

      vertical-align: top;
      height: 100%;
      white-space: normal;
      width: 130px;
      padding: 3px;
      margin-right: 3px;
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.14);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.07) 100%);
    }

    .title-block {
      position: relative;

      .top-right {
        position: absolute;
        top: 0;
        right: 0;
        padding: 3px;
        color: lightgray;
        cursor: pointer;

        &:hover {
          color: #000;
        }
      }
      .top-left {
        position: absolute;
        top: 0;
        left: 0;
        padding: 3px;
        color: lightgray;
        cursor: pointer;

        &:hover {
          color: #000;
        }
      }
    }

    .direction-block {
      cursor: pointer;
      transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
      position: relative;

      span {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }

      &:hover {
        z-index: 1;
        transform: translateY(-1px);
      }

      &:not(.confirmed):hover {
        box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.12);
      }

      &.confirmed {
        border-color: #049372;
        background: linear-gradient(to bottom, #04937254 0%, #049372ba 100%);

        &:hover {
          box-shadow: 0 7px 14px #04937254, 0 5px 5px #049372ba;
        }
      }

      &.another_color {
        border-color: #0583b0;
        background: linear-gradient(to bottom, #bdecfd 0%, #0583b0ba 100%);

        &:hover:not(.active) {
          box-shadow: 0 7px 14px #0583b054, 0 5px 5px #0583b0ba;
        }
      }

      &.active {
        background-image: linear-gradient(#6c7a89, #56616c) !important;
        color: #fff !important;
      }

    }
  }

  .inner {
    height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.sidebar-top {
  flex: 0 0 34px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: stretch;

  input,
  button {
    align-self: stretch;
    border: none;
    border-radius: 0;
  }

  input {
    border-bottom: 1px solid #b1b1b1;
    width: 166px !important;
    flex: 2 166px;
    min-width: 0;
  }

  button {
    flex: 3 94px;
    width: 94px;
  }
}

.sidebar-content {
  position: relative;
  height: calc(100% - 34px);

  .inner {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;

    &-card {
      width: 100%;
      background: #fff;
      border-bottom: 1px solid #b1b1b1 !important;
      padding: 4px 12px;

      &-select {
        font-size: 12px;
        padding: 0;
      }
    }
  }
}

.sidebar-btn {
  border-radius: 0;

  &:not(.text-center) {
    text-align: left;
  }

  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  padding: 0 12px;
  height: 24px;

  &:not(:hover):not(.colorBad),
  &.active-btn:hover:not(.colorBad) {
    cursor: default;
    background-color: rgba(#000, 0.02) !important;
    color: #000;
    border-bottom: 1px solid #b1b1b1 !important;
  }
}

.sidebar-btn-wrapper {
  display: flex;
  flex-direction: row;

  .sidebar-btn:first-child {
    flex: 1 1 auto;
  }
}

.lastresults {
  table-layout: fixed;
  padding: 0;
  margin: 0;
  color: #000;
  background-color: #ffdb4d;
  border-color: #000;

  ::v-deep th,
  ::v-deep td {
    border-color: #000;
  }

  ::v-deep a {
    color: #000;
    text-decoration: dotted underline;
  }

  ::v-deep a:hover {
    text-decoration: none;
  }
}

.counts {
  float: right;
}

.content-picker {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  align-items: stretch;
  align-content: flex-start;
}

.research-select {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 1px 2px 1px;
  color: #000;
  background-color: #fff;
  text-decoration: none;
  transition: 0.15s linear all;
  margin: 0;
  font-size: 12px;
  min-width: 0;
  flex: 0 1 auto;
  width: 25%;
  height: 34px;
  border: 1px solid #6c7a89 !important;
  cursor: pointer;
  text-align: left;
  outline: transparent;

  &.active {
    background: #049372 !important;
    color: #fff;
  }

  &:hover {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.8) !important;
  }
}

.research-title {
  position: sticky;
  top: 0;
  background-color: #ddd;
  text-align: center;
  padding: 5px;
  font-weight: bold;
  z-index: 4;
  display: flex;

  &.withFiles {
    .research-left {
      width: calc(100% - 500px);
    }
    .research-right {
      width: 530px;
    }
  }
}

.research-left {
  position: relative;
  text-align: left;
  width: calc(100% - 490px);

  .btn {
    border-radius: 0;
    padding: 5px 4px;
    margin-top: -5px;
    margin-bottom: -5px;
    white-space: nowrap;
  }
}

.research-right {
  text-align: right;
  width: 490px;
  margin-top: -5px;
  margin-right: -5px;
  margin-bottom: -5px;
  white-space: nowrap;

  .btn,
  ::v-deep .file-btn {
    border-radius: 0;
    padding: 5px 4px;
  }
}

.control-row {
  height: 34px;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: row;

  button {
    align-self: stretch;
    border-radius: 0;
  }

  div {
    align-self: stretch;
  }
}

.res-title {
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.right-f {
  width: 140px;
  display: inline-block;

  ::v-deep .btn {
    border-radius: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.status-list {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
}

.status,
.control-row .amd {
  padding: 5px;
}

.status {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.status-none {
  color: #cf3a24;
}

.results-history {
  margin-top: -95px;
  margin-left: -295px;
  margin-right: -100px;
  padding: 8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);

  ul {
    padding-left: 20px;
    margin: 0;

    li {
      font-weight: normal;

      a {
        font-weight: bold;
        display: inline-block;
        padding: 2px 4px;
        background: rgba(#000, 0.03);
        border-radius: 4px;
        margin-left: 3px;

        &:hover {
          background: rgba(#000, 0.1);
        }
      }
    }
  }
}

.direction,
.sd {
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.07) 100%);

  hr {
    margin: 3px;
  }
}
.result-by-year {
  padding-right: 10px;
}

.service-top-padding {
  padding-top: 10px;
}

.amd {
  font-weight: bold;

  &-need {
    color: #0c698b;
  }

  &-error {
    color: #cf3a24;
  }

  &-planned {
    color: #d9be00;
  }

  &-ok {
    color: #049372;
  }
}
</style>