ebene/prestation
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
b6408839bb
prestation/Vue/Priseenmainrapide/index.php
KANE LAZENI b6408839bb Import initial du projet prestation
2025-12-01 18:54:33 +00:00

587 lines
19 KiB
PHP
Raw Blame History

<?php $this->titre = "INTER-SANTE - Prise en main"; ?>
<legend> <i class="fa-solid fa-book"></i>&nbsp; &nbsp; <?= _("Prise en main rapide")?> </legend>
<div class="inter-sante-container">
<?php if($_SESSION['p_codeProfil'] == 'CSO'): ?>
<div class="guide-download">
<a href="/Docs/GUIDE INTER-SANTE - CENTRE DE SOINS.pdf" target="_blank" class="download-btn">
<i class="fas fa-file-download"></i> <?= _("Manuel d'utilisation - Télécharger") ?>
</a>
</div>
<!-- CONSULTATION -->
<section class="process-section accordion-section">
<h2 class="process-title accordion-header">
<i class="fas fa-stethoscope"></i>
<span class="accordion-title-text"><?= _('CONSULTATION') ?></span>
<span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
</h2>
<div class="accordion-content" style="display: none;">
<h3 class="process-subtitle"><?= _("POUR CONSULTER UN PATIENT, IL FAUT").":"?></h3>
<ol class="process-steps">
<li><?= _("Sélectionner un acte de consultation dans <em>Acte Médical</em>.") ?></li>
<li><?= _("Sélectionner une spécialité dans <em>Spécialité</em> si elle est vide, ainsi le prix tarifé de l'acte s'affichera.") ?></li>
<li><?= _("Sélectionner un(e) praticien(ne) dans <em>Praticien(ne)</em>.") ?></li>
<li><?= _("Sélectionner une raison de consultation dans <em>Raison Consultation</em>.") ?></li>
<li><?= _("Saisir une observation dans <em>Observations</em> [optionnel].") ?></li>
<li><?= _("Pour terminer, cliquer sur le bouton «<strong>ENREGISTRER CONSULTATION</strong>».") ?></li>
</ol>
<p class="note"><strong>NB :</strong>
<?= _("L'adhérent recevra automatiquement une notification (par E-mail, WhatsApp et/ou SMS) contenant le numéro de bon de consultation crée.") ?>
</p>
</div>
</section>
<!-- MEDICAMENTS -->
<section class="process-section accordion-section">
<h2 class="process-title accordion-header">
<i class="fas fa-pills"></i>
<span class="accordion-title-text">MEDICAMENTS</span>
<span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
</h2>
<div class="accordion-content" style="display: none;">
<h3 class="process-subtitle">POUR PRESCRIRE LES MEDICAMENTS EN LIGNE</h3>
<ol class="process-steps">
<li>Sur la page <strong>DOSSIER MEDICAL</strong>, cliquer sur le bouton<em>PRESCR PPHARM</em></li>
<li>Cliquer dans la case "VEUILLEZ RECHERCHER ET SELECTIONNER UN MEDICAMMENT ICI"</li>
<li>Inscrire les trois premières lettres du médicament et sélectionner le médicament</li>
<li>Ajouter la quantité et la posologie du médicament sélectionné (répéter l'action pour chaque médicament sélectionné)</li>
<li>Valider la prescription en cliquant sur l'onglet VALIDER à gauche dans la bande verte.</li>
<li class="note"><strong>NB :</strong> Retranscrire le numéro de bon pharmacie sur l'ordonnance du patient. Le patient recevra aussi l'ordonnance et le numéro de bon pharmacie par message (SMS)</li>
</ol>
</div>
</section>
<!-- EXAMENS -->
<section class="process-section accordion-section">
<h2 class="process-title accordion-header">
<i class="fas fa-flask"></i>
<span class="accordion-title-text">EXAMENS</span>
<span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
</h2>
<div class="accordion-content" style="display: none;">
<h3 class="process-subtitle">POUR PRESCRIRE LES EXAMENS EN LIGNE</h3>
<ol class="process-steps">
<li>Cliquer sur l'onglet PRESCR EXAM</li>
<li>Renseigner le motif puis faire entrer du clavier</li>
<li>Inscrire les trois premières lettres de l'examen et sélectionner l'examen</li>
<li>Valider la prescription en cliquer sur l'onglet VALIDER à gauche dans la bande verte.</li>
<li class="note"><strong>NB :</strong> Retranscrire le numéro de bon pharmacie sur l'ordonnance du patient. Le patient recevra aussi l'ordonnance et le numéro de bon pharmacie par message (SMS)</li>
</ol>
<h3 class="process-subtitle">POUR L'EXECUTION (FACTURATION) DES EXAMENS</h3>
<ol class="process-steps">
<li>Cliquer sur l'onglet GESTION EXAMEN</li>
<li>A l'aide des signes (+) sélectionner les examens à exécuter</li>
<li>Cliquer sur VALIDER à gauche dans la bande verde.</li>
</ol>
</div>
</section>
<!-- SOINS DENTAIRE -->
<section class="process-section accordion-section">
<h2 class="process-title accordion-header">
<i class="fas fa-tooth"></i>
<span class="accordion-title-text">SOINS DENTAIRE</span>
<span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
</h2>
<div class="accordion-content" style="display: none;">
<ol class="process-steps">
<li>Cliquer sur l'onglet GESTION ACTE</li>
<li>Dérouler l'onglet famille acte puis choisir DENTAIRE</li>
<li>Renseigner le motif des soins dans le champs Motif</li>
<li>A l'aide du signe (=>) sélectionner les soins à exécuter</li>
<li>Cliquer sur VALIDER à gauche dans la bande verde.</li>
</ol>
</div>
</section>
<!-- OPTIQUE -->
<section class="process-section accordion-section">
<h2 class="process-title accordion-header">
<i class="fas fa-glasses"></i>
<span class="accordion-title-text">OPTIQUE</span>
<span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
</h2>
<div class="accordion-content" style="display: none;">
<ol class="process-steps">
<li>Appuyer sur l'onglet PRESCR OPTIQUE</li>
<li>Renseigner le motif puis faire entrer du clavier</li>
<li>Renseigner les différents champs</li>
<li>Cliquer sur VALIDER à gauche dans la bande verde.</li>
</ol>
</div>
</section>
<!-- HOSPITALISATION -->
<section class="process-section accordion-section">
<h2 class="process-title accordion-header">
<i class="fas fa-bed"></i>
<span class="accordion-title-text">HOSPITALISATION</span>
<span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
</h2>
<div class="accordion-content" style="display: none;">
<h3 class="process-subtitle">ENREGISTREMENT D'UNE HOSPITALISATION</h3>
<ol class="process-steps">
<li>Cliquer sur le bouton <strong>HOSPITALISATION</strong>.</li>
<li>Indiquer le service, le médecin traitant et le diagnostic.</li>
<li>Valider pour enregistrer l'hospitalisation.</li>
</ol>
<h3 class="process-subtitle">GESTION DE LA SORTIE</h3>
<ol class="process-steps">
<li>Cliquer sur le bouton <strong>SORTIE</strong>.</li>
<li>Indiquer la date et l'heure de sortie.</li>
<li>Valider pour clôturer l'hospitalisation.</li>
</ol>
</div>
</section>
<!-- AUTRES ACTES MEDICAUX OU MISE EN OBSERVATION MEDICALE -->
<section class="process-section accordion-section">
<h2 class="process-title accordion-header">
<i class="fas fa-procedures"></i>
<span class="accordion-title-text">AUTRES ACTES MEDICAUX OU MISE EN OBSERVATION MEDICALE</span>
<span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
</h2>
<div class="accordion-content" style="display: none;">
<ol class="process-steps">
<li>Cliquer sur l'onglet GESTION ACTE</li>
<li>Dérouler l'onglet famille acte puis choisir le type d'acte approprié</li>
<li>Renseigner le motif de l'acte médical ou de la mise en observation</li>
<li>A l'aide du signe (=>) sélectionner les actes à exécuter</li>
<li>Pour une mise en observation, préciser la durée et les consignes particulières</li>
<li>Cliquer sur VALIDER à gauche dans la bande verde.</li>
<li class="note"><strong>NB :</strong> Le système générera un numéro de bon spécifique pour le suivi de l'acte médical ou de l'observation</li>
</ol>
<p class="note"><strong>NB :</strong> La facture est envoyée directement à l'assureur, sans intervention supplémentaire.</p>
</div>
</section>
<!-- FACTURATION -->
<section class="process-section accordion-section">
<h2 class="process-title accordion-header">
<i class="fas fa-file-invoice-dollar"></i>
<span class="accordion-title-text">FACTURATION</span>
<span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
</h2>
<div class="accordion-content" style="display: none;">
<h3 class="process-subtitle">POUR FACTURER LES PRESTATIONS </h3>
<ol class="process-steps">
<li>Cliquer sur le bouton <strong>FACTURATION</strong>.</li>
<li>Sélectionner les actes et prestations réalisés.</li>
<li>Cliquer sur <strong>VALIDER</strong> pour générer la facture.</li>
</ol>
</div>
</section>
<?php elseif($_SESSION['p_codeProfil'] == 'PHA'): ?>
<div class="guide-download">
<a href="/Docs/GUIDE INTER-SANTE - PHARMACIE.pdf" target="_blank" class="download-btn">
<i class="fas fa-file-download"></i> Manuel d'utilisation - Télécharger
</a>
</div>
<section class="process-section accordion-section">
<h2 class="process-title accordion-header">
<i class="fas fa-prescription-bottle-alt"></i>
<span class="accordion-title-text">SERVIR UN BON PHARMACIE</span>
<span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
</h2>
<div class="accordion-content" style="display: none;">
<div class="scenario-card">
<h3 class="scenario-title">1er cas: les médicaments prescrits sont tous disponibles</h3>
<ol class="process-steps">
<li>Renseigner le numéro ordonnance dans le champ NO ORDONNANCE et cliquer sur RECHERCHER.</li>
<li>Cliquer sur le signe [++] figurant au niveau du nom NON LIVRER</li>
<li>Pour finir, vous faites FACTURER à gauche dans la bande verde.</li>
</ol>
</div>
<div class="scenario-card">
<h3 class="scenario-title">2eme cas: les médicaments prescrits ne sont pas tous disponibles</h3>
<ol class="process-steps">
<li>Renseigner le numéro ordonnance dans le champ NO ORDONNANCE et cliquer sur RECHERCHER.</li>
<li>Sélectionner les médicaments que vous pouvez livrer ou servir à l'aide du signe [+] figurant avant le non du médicament.</li>
<li>Renseigner le prix de chaque médicament dans le champ TARIF PHARMACIE.</li>
<li>Pour finir, vous faites FACTURER à gauche dans la bande verde.</li>
</ol>
</div>
<div class="scenario-card">
<h3 class="scenario-title">3eme Cas: Substituer un médicament et servir les médicaments par la suite.</h3>
<ol class="process-steps">
<li>Renseigner le numéro ordonnance dans le champ NO ORDONNANCE et cliquer sur RECHERCHER.</li>
<li>Cliquer sur le signe […] qui se trouve dans la colonne <em>SUBSTITUT</em> pour entamer la substitution d'un médicament.</li>
<li>Cliquer dans la case "VEUILLEZ RECHERCHER ET SELECTIONNER UN MEDICAMMENT ICI".</li>
<li>Inscrire les trois premières lettres du médicament de substitution et sélectionner le médicament.</li>
<li>Renseigner le prix du médicament dans la case tarif pharmacie et faire ENREGISTRER</li>
<li>Répéter les actions (2) et (3) du 1er cas</li>
<li>Pour finir, vous faites FACTURER à gauche dans la bande verde.</li>
</ol>
</div>
</div>
</section>
<?php elseif($_SESSION['p_codeProfil'] == 'OPT'): ?>
<div class="guide-download">
<a href="/Docs/GUIDE INTER-SANTE - OPTICIEN.pdf" target="_blank" class="download-btn">
<i class="fas fa-file-download"></i> Manuel d'utilisation - Télécharger
</a>
</div>
<section class="process-section accordion-section">
<h2 class="process-title accordion-header">
<i class="fas fa-eye"></i>
<span class="accordion-title-text">FACTURATION D'UN BON OPTIQUE</span>
<span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
</h2>
<div class="accordion-content" style="display: none;">
<ol class="process-steps">
<li>Entrer le numéro de bon optique et cliquer sur RECHERCHER (qui se trouve dans la bande verde à gauche).</li>
<li>Pour la recherche de verre, vous cliquez sur SELECTIONNER UN ACTE.</li>
<li>Sélectionner le verre dans la case DESIGNATION et faites ENREGISTRER</li>
<li>Renseigner le prix du verre dans la case PU (les informations s'afficherons, notamment le TM, le dépassement et la part de l'assuré.</li>
<li>Cliquer sur DEMANDER UN ACCORD. Après 15 minutes,consulter la boite de message ; en cas d'accord vous cliquez sur ACTUALISER.</li>
<li>Pour finir, vous faites FACTURER</li>
</ol>
<p class="note"><strong>NB :</strong>
<?= _("La facture est envoyée directement à l'assureur pour le décompte périodique, sans intervention supplémentaire.") ?>
</p>
</div>
</section>
<?php endif; ?>
</div>
<style>
/* Variables CSS pour une maintenance facile */
:root {
--primary-color: #254DCF;
--secondary-color: #808080;
--text-color: #333;
--light-bg: #f8f9fa;
--border-color: #dee2e6;
--note-color: #6c757d;
}
/* Styles de base */
.inter-sante-container {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
max-width: 1200px;
margin: 0 auto;
color: var(--text-color);
line-height: 1.6;
}
/* Styles communs pour les titres */
.section-title,
.process-title {
background-color: var(--secondary-color) !important;
color: white !important;
padding: 10px 15px !important;
border-radius: 5px;
font-size: 1.2rem;
margin: 15px 0 10px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.section-title i,
.process-title i {
margin-right: 10px;
}
/* Styles spécifiques pour process-title dans process-section */
.process-section .process-title {
background-color: #fff !important;
color: var(--secondary-color) !important;
padding: 0;
margin-bottom: 10px;
border-bottom: 1px solid #E6E1FC;
font-weight: bold;
}
.accordion-header {
position: relative;
padding-right: 40px !important;
}
.accordion-title-text {
flex-grow: 1;
margin-left: 10px;
}
.accordion-icon {
position: absolute;
right: 15px;
transition: transform 0.3s ease;
}
.accordion-header.active .accordion-icon {
transform: rotate(180deg);
}
.process-subtitle {
color: var(--secondary-color);
border-bottom: 2px solid var(--secondary-color);
padding-bottom: 5px;
margin: 20px 0 12px;
font-size: 1.1rem;
}
/* Styles des tableaux */
.modern-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.modern-table th {
background-color: var(--light-bg);
color: var(--secondary-color);
font-weight: 600;
padding: 10px 12px;
text-align: left;
border-bottom: 2px solid var(--border-color);
}
.modern-table td {
padding: 10px 12px;
border-bottom: 1px solid var(--border-color);
vertical-align: top;
}
.modern-table tr:nth-child(even) {
background-color: var(--light-bg);
}
.modern-table tr:hover {
background-color: #f1f3f5;
}
.col-no {
width: 10%;
text-align: center;
}
.col-desc {
width: 90%;
}
/* Styles des étapes et sous-étapes */
.custom-steps {
padding-left: 10px;
}
.step,
.sub-step {
display: flex;
align-items: flex-start;
margin-bottom: 8px;
}
.sub-step {
margin-bottom: 6px;
}
.step-number,
.sub-step-number {
font-weight: bold;
margin-right: 8px;
min-width: 20px;
}
.sub-step-number {
min-width: 30px;
}
.step-content,
.sub-step-content {
flex: 1;
}
.sub-steps-container {
margin-left: 25px;
margin-bottom: 12px;
}
/* Styles des listes */
.process-steps {
padding-left: 18px;
list-style-type: none;
counter-reset: step;
margin-bottom: 15px;
}
.process-steps li {
position: relative;
padding-left: 28px;
margin-bottom: 12px;
}
.process-steps li::before {
content: counter(step);
counter-increment: step;
position: absolute;
left: 0;
top: 0;
background-color: var(--secondary-color);
color: white;
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 20px;
font-size: 0.8rem;
}
.sub-steps {
list-style-type: disc;
padding-left: 18px;
margin-top: 6px;
}
/* Styles communs pour notes et cartes */
.note {
font-style: italic;
color: var(--note-color);
background-color: var(--light-bg);
padding: 8px 12px;
border-radius: 4px;
margin-top: 12px;
font-size: 0.95rem;
}
.inter-sante-container .note {
border-left: 3px solid var(--secondary-color);
}
.process-section .note {
border-left: 3px solid var(--primary-color);
}
.scenario-card {
background-color: white;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
padding: 15px;
margin-bottom: 20px;
border-left: 4px solid var(--secondary-color);
}
.scenario-title {
color: var(--secondary-color);
margin-top: 0;
margin-bottom: 12px;
font-size: 1.05rem;
}
/* Styles des boutons */
.guide-download {
margin: 15px 0;
}
.download-btn {
display: inline-flex;
align-items: center;
background-color: #E6E1FC;
color: var(--secondary-color);
padding: 10px 16px;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s;
}
.download-btn:hover {
background-color: #D1C7F9;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.download-btn i {
margin-right: 8px;
font-size: 1.1rem;
}
/* Styles de texte */
strong {
color: var(--primary-color);
}
em {
font-style: italic;
color: #555;
}
/* Responsive */
@media (max-width: 768px) {
.modern-table {
display: block;
overflow-x: auto;
}
.section-title,
.process-title {
font-size: 1.05rem;
padding: 8px 12px !important;
}
.modern-table th,
.modern-table td {
padding: 8px 10px;
font-size: 0.9rem;
}
.sub-steps-container {
margin-left: 15px;
}
.accordion-icon {
right: 10px;
}
.process-steps li {
padding-left: 25px;
margin-bottom: 10px;
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const accordionHeaders = document.querySelectorAll('.accordion-header');
accordionHeaders.forEach(header => {
header.addEventListener('click', function() {
// Fermer toutes les autres sections
accordionHeaders.forEach(otherHeader => {
if (otherHeader !== header) {
otherHeader.classList.remove('active');
otherHeader.nextElementSibling.style.display = 'none';
}
});
// Toggle active class on clicked header
this.classList.toggle('active');
// Get the content element
const content = this.nextElementSibling;
// Toggle display of content
if (content.style.display === 'block') {
content.style.display = 'none';
} else {
content.style.display = 'block';
}
});
});
});
</script>
Reference in New Issue View Git Blame Copy Permalink