sova-bootstrap
378 lines
18 KiB
JavaScript
378 lines
18 KiB
JavaScript
import { Controller } from 'stimulus';
|
|
|
|
const loader = require("./../components/loader.js");
|
|
const helper = require("./../components/helper.js");
|
|
|
|
export default class extends Controller {
|
|
connect() {
|
|
loader.loadSDK('securityCard').then(function(webSDK) {
|
|
webSDK.on('init', function() {
|
|
if (this.data.user.authenticated) {
|
|
runWebSDK(webSDK);
|
|
} else {
|
|
window.location.pathname = '/logout'
|
|
}
|
|
});
|
|
})
|
|
|
|
var securityCard = this.element;
|
|
var date = new Date();
|
|
var lastDate = new Date(date.getFullYear(), date.getMonth() + 1, 0);
|
|
|
|
let runWebSDK = function (webSDK) {
|
|
if (document.location.search == '?tab=allTest') {
|
|
securityCard.querySelector('.load').innerHTML = 'Загрузка данных';
|
|
|
|
securityTabs.querySelectorAll('a').forEach(function (el) {
|
|
if ('allTest' == el.dataset.allowTarget) {
|
|
el.classList.add('tab-item--active');
|
|
} else {
|
|
el.classList.remove('tab-item--active');
|
|
}
|
|
});
|
|
// allTest
|
|
treatPlaceList(webSDK, lastDate, securityCard, 'all');
|
|
} else {
|
|
treatPlaceList(webSDK, lastDate, securityCard, 'all');
|
|
}
|
|
}.bind(this)
|
|
|
|
var securityTabs = document.getElementById('security-tabs');
|
|
|
|
if (securityTabs) {
|
|
var tabsDecktop = securityTabs.querySelectorAll('a');
|
|
|
|
if (tabsDecktop.length > 0) {
|
|
tabsDecktop.forEach(function (el) {
|
|
el.addEventListener('click', function (evn) {
|
|
evn.target.classList = 'tab-item tab-item--active';
|
|
securityCard.querySelector('.section-wrap').innerHTML = '';
|
|
securityCard.querySelector('.load').innerHTML = 'Загрузка данных';
|
|
|
|
securityTabs.querySelectorAll('a').forEach(function (a) {
|
|
if (evn.target.dataset.allowTarget != a.dataset.allowTarget) {
|
|
a.classList.remove('tab-item--active');
|
|
}
|
|
});
|
|
|
|
if (evn.target.dataset.allowTarget == 'allTest') {
|
|
document.title = 'Результаты анализов';
|
|
document.getElementById('page-title').innerHTML = 'Результаты анализов';
|
|
} else {
|
|
document.title = 'Медицинская карта';
|
|
document.getElementById('page-title').innerHTML = 'Медицинская карта';
|
|
}
|
|
|
|
treatPlaceList(window.webSDK, lastDate, securityCard, evn.target.dataset.allowTarget);
|
|
});
|
|
});
|
|
} else {
|
|
securityTabs.addEventListener('change', function(evn) {
|
|
securityCard.querySelector('.section-wrap').innerHTML = '';
|
|
treatPlaceList(window.webSDK, lastDate, securityCard, evn.target.value);
|
|
});
|
|
}
|
|
}
|
|
|
|
function treatPlaceList(webSDK, lastDate, securityCard, allowTarget) {
|
|
var sectionWrap = securityCard.querySelector('.section-wrap');
|
|
var load = securityCard.querySelector('.load');
|
|
|
|
if (allowTarget == 'referrals') {
|
|
webSDK.loadReferralList({
|
|
start: 0,
|
|
length: 50
|
|
}).then(function (refferals) {
|
|
|
|
if (refferals.length == 0) {
|
|
securityCard.querySelector('.load').innerHTML = 'Записей не найдено';
|
|
}
|
|
|
|
refferals.forEach(function (item) {
|
|
var row = document.createElement('div');
|
|
row.classList = 'row';
|
|
|
|
var col6 = document.createElement('div');
|
|
col6.classList = 'col-md-6';
|
|
|
|
var dateTag = document.createElement('p');
|
|
dateTag.innerHTML = '<p><b><span class="month"></span>, <span class="date"></span></b></p><p class="refname"></p><p class="fromfname"></p>';
|
|
col6.append(dateTag);
|
|
row.append(col6);
|
|
|
|
var col6 = document.createElement('div');
|
|
col6.classList = 'col-md-6';
|
|
col6.innerHTML = '<p class="refcomment"></p><p>Специалист: <br><span class="fromdname"></span></p><p class="refstatusname"></p>';
|
|
row.append(col6);
|
|
|
|
var refferalsItem = document.createElement('div');
|
|
refferalsItem.classList = 'block-item p-2 mt-1';
|
|
refferalsItem.append(row);
|
|
|
|
refferalsItem.classList.remove('d-none');
|
|
refferalsItem.querySelector('.refname').innerHTML = item.refname;
|
|
refferalsItem.querySelector('.refcomment').innerHTML = item.refcomment;
|
|
refferalsItem.querySelector('.fromfname').innerHTML = item.fromfname;
|
|
refferalsItem.querySelector('.fromdname').innerHTML = item.fromdname;
|
|
refferalsItem.querySelector('.refstatusname').innerHTML = item.refstatusname;
|
|
|
|
var date = window.newDate(item.refdate);
|
|
refferalsItem.querySelector('.month').innerHTML = getWeekDay(date);
|
|
refferalsItem.querySelector('.date').innerHTML = window.dateFormat(date, 'd-m-Y')
|
|
|
|
sectionWrap.append(refferalsItem);
|
|
});
|
|
}).catch(function (e) {
|
|
helper.sendRequest({
|
|
data: {'error': e, method: 'loadReferralList'}
|
|
}, helper.getHostname() + '/api/log', "POST", "json", true, "application/json");
|
|
});
|
|
} else {
|
|
webSDK.loadTreatPlaceList({
|
|
st: 20150101,
|
|
en: window.dateFormat(lastDate),
|
|
start: 0,
|
|
length: 100
|
|
}).then(function (resolve) {
|
|
console.log("loadTreatPlaceList")
|
|
|
|
if (resolve.data.length > 0) {
|
|
var count = 0;
|
|
load.classList.remove('d-none');
|
|
|
|
for (var i = 0; i < resolve.data.length; i++) {
|
|
if (allowTarget == 'allTest') {
|
|
if (analysis(resolve.data[i].protocolName)) {
|
|
count++;
|
|
sectionWrap.classList.remove('d-none');
|
|
|
|
addItem(resolve.data[i], sectionWrap, webSDK);
|
|
}
|
|
} else if (allowTarget == 'all') {
|
|
count = resolve.data.length
|
|
sectionWrap.classList.remove('d-none');
|
|
|
|
addItem(resolve.data[i], sectionWrap, webSDK);
|
|
}
|
|
}
|
|
|
|
load.classList.add('d-none');
|
|
|
|
if (count == 0) {
|
|
load.classList.remove('d-none');
|
|
}
|
|
|
|
} else {
|
|
securityCard.querySelector('.load').innerHTML = 'Записей не найдено';
|
|
load.classList.remove('d-none');
|
|
}
|
|
}).catch(function (e) {
|
|
helper.sendRequest({
|
|
data: {'error': e, method: 'loadTreatPlaceList'}
|
|
}, helper.getHostname() + '/api/log', "POST", "json", true, "application/json");
|
|
});
|
|
}
|
|
}
|
|
|
|
function analysis(protocolName) {
|
|
const regex = /анализ/gm;
|
|
let m;
|
|
var result = false;
|
|
|
|
while ((m = regex.exec(protocolName)) !== null) {
|
|
if (m.index === regex.lastIndex) {
|
|
regex.lastIndex++;
|
|
}
|
|
|
|
m.some(function(match, groupIndex) {
|
|
result = true;
|
|
});
|
|
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
function addItem(item, wrap, webSDK) {
|
|
wrap.insertAdjacentHTML('beforeend', `
|
|
<div class="col-md-12 mt-3 px-0">
|
|
<div class="block-title">${getWeekDay(window.newDate(item.date))} ${window.dateFormat(window.newDate(item.date), 'd-m-Y')}</div>
|
|
<div class="block-content py-3 col-md-12">
|
|
<div class="row">
|
|
<div class="col-md-10 col-sm-12">
|
|
<b>${item.protocolName}</b>
|
|
<p class="pt-2">Специалист: <br> ${item.doctorName}</p>
|
|
</div>
|
|
<div class="col-md-2 col-sm-12">
|
|
<button type="button"
|
|
class="card-item__btn button ${helper.isMobile() ? 'w-100' : ''}"
|
|
data-protocol-id="${item.protocolId}"
|
|
data-treatcode="${item.treatcode}">
|
|
${helper.isMobile() ? 'Скачать' : 'Просмотр'}
|
|
</button>
|
|
</div>
|
|
<div class="col-12">
|
|
${item.attachments.length > 0 ? `
|
|
<div class="card-item__doc mt-2">
|
|
<p>Список изображений (файлов):</p>
|
|
${item.attachments.map(attachment => `
|
|
<div class="row">
|
|
<div class="col-md-8 d-none d-md-block">
|
|
${attachment.attachmentName}
|
|
</div>
|
|
|
|
<div class="col-md-2 col-sm-6">
|
|
<button type="button" class="button ${helper.isMobile() ? 'w-100' : ''}"
|
|
data-attachment-type="download"
|
|
data-attachment-id="${attachment.attachmentId}"
|
|
data-treatcode="${item.treatcode}"
|
|
data-protocol-id="${item.protocolId}">
|
|
Скачать
|
|
</button></br>
|
|
</div>
|
|
|
|
<div class="col-md-2 d-none d-md-block">
|
|
<button type="button" class="button ${helper.isMobile() ? 'w-100' : ''}"
|
|
data-attachment-type="raw"
|
|
data-attachment-id="${attachment.attachmentId}"
|
|
data-treatcode="${item.treatcode}"
|
|
data-protocol-id="${item.protocolId}">
|
|
Просмотр
|
|
</button></br>
|
|
</div>
|
|
</div>
|
|
`).join('')}
|
|
</div>
|
|
` : ''}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`);
|
|
|
|
const cardItem = wrap.lastElementChild;
|
|
|
|
if (item.attachments.length > 0) {
|
|
const attachmentLinks = cardItem.querySelectorAll('button[data-attachment-id]');
|
|
attachmentLinks.forEach(link => {
|
|
link.addEventListener('click', function(e) {
|
|
e.preventDefault();
|
|
const popup = document.getElementById('popup');
|
|
const modalBody = popup.querySelector('.modal-body');
|
|
modalBody.dataset.attachmentType = this.dataset.attachmentType;
|
|
modalBody.innerHTML = `
|
|
<div class="text-center py-4">
|
|
<div class="spinner-border text-primary" role="status">
|
|
<span class="visually-hidden">Загрузка...</span>
|
|
</div>
|
|
<p class="mt-2">Загрузка файла...</p>
|
|
</div>
|
|
`;
|
|
|
|
webSDK.downloadTreatPlaceAttachment({
|
|
protocolId: this.dataset.protocolId,
|
|
treatcode: this.dataset.treatcode,
|
|
attachmentId: this.dataset.attachmentId,
|
|
download: this.dataset.attachmentType
|
|
}).then(function(blob) {
|
|
if (modalBody.dataset.attachmentType === 'download') {
|
|
return false;
|
|
}
|
|
|
|
modalBody.innerHTML = '';
|
|
|
|
const objectURL = URL.createObjectURL(blob.result);
|
|
|
|
if (blob.result.type === 'application/pdf' ||
|
|
blob.result.type === 'application/x-pdf') {
|
|
|
|
// Для PDF создаем iframe
|
|
const iframe = document.createElement('iframe');
|
|
iframe.src = objectURL;
|
|
iframe.style.width = "100%";
|
|
iframe.style.height = "500px";
|
|
iframe.style.border = "none";
|
|
iframe.title = "PDF документ";
|
|
iframe.type = 'application/pdf';
|
|
|
|
popup.querySelector('.modal-body').appendChild(iframe);
|
|
|
|
} else if (blob.result.type.startsWith('image/')) {
|
|
// Для изображений создаем img
|
|
const image = document.createElement('img');
|
|
image.src = objectURL;
|
|
image.style.width = "100%";
|
|
image.style.maxHeight = "80vh";
|
|
image.style.objectFit = "contain";
|
|
image.alt = "Изображение";
|
|
|
|
popup.querySelector('.modal-body').appendChild(image);
|
|
|
|
} else {
|
|
// Для других типов файлов - кнопка скачивания
|
|
const downloadLink = document.createElement('a');
|
|
downloadLink.href = objectURL;
|
|
downloadLink.download = 'document';
|
|
downloadLink.className = 'btn btn-primary';
|
|
downloadLink.textContent = 'Скачать файл';
|
|
downloadLink.style.margin = '20px auto';
|
|
downloadLink.style.display = 'block';
|
|
downloadLink.style.width = '200px';
|
|
|
|
popup.querySelector('.modal-body').appendChild(downloadLink);
|
|
|
|
// Также показываем информацию о типе файла
|
|
const info = document.createElement('p');
|
|
info.textContent = `Тип файла: ${blob.result.type}`;
|
|
info.style.textAlign = 'center';
|
|
popup.querySelector('.modal-body').appendChild(info);
|
|
}
|
|
|
|
$(popup).modal('show');
|
|
|
|
// Очистка памяти при закрытии модального окна
|
|
$(popup).on('hidden.bs.modal', function() {
|
|
URL.revokeObjectURL(objectURL);
|
|
$(popup).off('hidden.bs.modal');
|
|
});
|
|
|
|
}).catch(function (e) {
|
|
console.error('Error downloading file:', e);
|
|
helper.sendRequest({
|
|
data: {'error': e, method: 'TreatPlaceAttachment'}
|
|
}, helper.getHostname() + '/api/log', "POST", "json", true, "application/json");
|
|
|
|
popup.querySelector('.modal-body').innerHTML = `
|
|
<div class="alert alert-danger">
|
|
<h5>Ошибка загрузки файла</h5>
|
|
<p>${e.message || 'Неизвестная ошибка'}</p>
|
|
<button class="btn btn-secondary" onclick="$(popup).modal('hide')">Закрыть</button>
|
|
</div>
|
|
`;
|
|
$(popup).modal('show');
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
const btnInfo = cardItem.querySelector('.card-item__btn');
|
|
btnInfo.addEventListener('click', function () {
|
|
const popup = document.getElementById('popup');
|
|
popup.querySelector('.modal-body').innerHTML = '';
|
|
webSDK.loadTreatPlaceView({
|
|
protocolId: this.dataset.protocolId,
|
|
treatcode: this.dataset.treatcode,
|
|
container: popup.querySelector('.modal-body')
|
|
});
|
|
|
|
if (!helper.isMobile()) {
|
|
$(popup).modal('show');
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|