NINS_CODE/bahmni_config/openmrs/apps/customDisplayControl/views/anaesthesiaBody.html

432 lines
24 KiB
HTML
Raw Permalink Normal View History

2024-12-12 22:37:39 +06:00
<style>
.main-container{
line-height: 1.2rem;
font-size: 12px;
margin: 20px 20px 0px 20px;
}
.AcceptedPreorativeRow{
display: flex;
position: relative;
top: -20px;
}
.AcceptedPreorativeRowType{
display: flex;
position: relative;
top: -20px;
}
.anaesthesiaColumn{
width: 50%;
}
.anaesthesiaProparty{
width: 170px;
float: left;
}
.anaesthesiaPropartySmall{
width: 150px;
float: left;
}
.acceptedColumn{
width: 32%;
}
.preorativeConditionColumn{
width: 66%;
}
.preorativeConditionRow{
display: flex;
}
.preorativeConditions {
margin: 5px;
padding: 5px;
width: 240px;
}
.orderList{
margin-left: 14px;
}
.coExistingList{
margin-left: 20px;
}
.testProparty{
width: 80px;
float: left;
}
.testPropartyTwo{
width: 135px;
float: left;
}
.operationColumn{
width: 65%;
}
.epiduralColumn{
width: 35%;
}
.operationSubColumn{
width: 250px;
display: flex;
}
.needsList{
display: flex;
}
.width100{
width: 100%;
}
.epiduralColumnProparty{
width: 160px;
float: left;
}
.surgicalTeam{
position: relative;
top: -25px;
}
.signature {
text-align: right;
position: relative;
top: -30px;
}
@media print {
.AcceptedPreorativeRow{
position: relative;
top: -25px;
}
.surgicalTeam{
position: relative;
top: -45px;
}
.AcceptedPreorativeRowType{
display: flex;
position: relative;
top: -50px;
}
.notice {
position: relative;
top: -40px;
}
}
</style>
<div class="main-container">
<div class="AcceptedPreorativeRow" style=" line-height: 1rem;">
<p>রোগীর নাম: <span style="font-size: 13px; text-transform: capitalize;">{{patient.name}}&ensp;</span>
<span>ওজন: <span ng-if="weightAnaesthesia.length>0">{{weightAnaesthesia[0].value}} {{weightAnaesthesia[0].concept.units}} &ensp;</span> </span>
ভর্তির তারিখ: <span ng-if="!admissionDetails.date| bahmniDate">...................................&ensp;</span><span style="font-size: 13px;" ng-if="admissionDetails.date| bahmniDate">{{admissionDetails.date| bahmniDate}} &ensp;</span> বয়স: <span style="font-size: 13px;">{{patient.age}} Years &ensp;</span> লিঙ্গ: <span ng-if="patient.gender == 'M' " style="font-size: 13px;">Male &ensp;</span>
<span ng-if="patient.gender == 'F' ">Female &ensp;</span>
<span style="font-size: 13px;" ng-if="patient.gender == 'O' ">Other &ensp;</span><br>
ইউনিট: <span ng-if="!bedDetails.wardName">..............................</span><span style="font-size: 13px;" ng-if="bedDetails.wardName">{{bedDetails.wardName}}</span> ওয়ার্ড: <span ng-if="!bedDetails.physicalLocationName">.................................................</span> <span style="font-size: 13px;" ng-if="bedDetails.physicalLocationName">{{bedDetails.physicalLocationName}}</span>
বেড: <span ng-if="!bedDetails.bedNumber">..................................................</span> <span style="font-size: 13px;" ng-if="bedDetails.bedNumber">{{bedDetails.bedNumber}}</span>
<!-- রেজি: নং: <span style="font-size: 16px;">{{patient.identifier}}</span> -->
</p>
</div>
<div class="AcceptedPreorativeRow">
<div class="anaesthesiaColumn">
<div class="">
<div class="anaesthesiaPropartySmall">Pre operative Diagnosis</div>
<span>: <span ng-if="preoperativeDiagnosis.length>0">{{preoperativeDiagnosis[0].value}}</span></span>
</div>
<div class="">
<div class="anaesthesiaPropartySmall">H/O Previous Aneasthesia</div>
<span>: <span ng-if="hOPreviousAnesthesia.length>0">{{hOPreviousAnesthesia[0].value.shortName}}</span></span>
</div>
<div class="">
<div class="anaesthesiaPropartySmall">Co-Existing Disease</div>
<span>:<span ng-if="coExistingDisease"> {{coExistingDisease}}</span><span ng-if="coExistingDiseaseNote"> ({{coExistingDiseaseNote}})</span></span>
</div>
<div class="">
<div class="anaesthesiaPropartySmall">H/O Previous surgery</div>
<span>: <span ng-if="hOPreviousSurgery.length>0">{{hOPreviousSurgery[0].value.shortName}}</span></span>
</div>
</div>
<div class="anaesthesiaColumn">
<div class="">
<div class="anaesthesiaProparty">Unit</div>
<span>: <span ng-if="bedDetails.wardName">{{bedDetails.wardName}}</span></span>
</div>
<div class="">
<div class="anaesthesiaProparty">Ward</div>
<span>: <span ng-if="bedDetails.physicalLocationName">{{bedDetails.physicalLocationName}}</span></span>
</div>
<div class="">
<div class="anaesthesiaProparty">Proposed Operation</div>
<span>: <span ng-if="proposedOperation.length>0">{{proposedOperation[0].value}}</span></span>
</div>
<div class="">
<div class="anaesthesiaProparty">Complications During Surgery</div>
<span>: <span ng-if="complicationsDuringThatSurgery.length>0">{{complicationsDuringThatSurgery[0].value.shortName}}</span></span>
</div>
</div>
</div>
<div class="AcceptedPreorativeRow">
<div class="acceptedColumn">
<h4 style="font-weight: bold;">S Electrolytes</h4>
<div class="testList">
<div class="testProparty">Na+</div>
<span>: <span ng-if="anesthesiaNa.length>0">{{anesthesiaNa[0].value}}</span></span>
</div>
<div class="testList">
<div class="testProparty">k+</div>
<span>: <span ng-if="anesthesiak.length>0">{{anesthesiak[0].value}}</span></span>
</div>
<div class="testList">
<div class="testProparty">CL</div>
<span>: <span ng-if="anesthesiaCL.length>0">{{anesthesiaCL[0].value}}</span></span>
</div>
<div class="testList">
<div class="testProparty">Others</div>
<span>: <span ng-if="anesthesiaOthers.length>0">{{anesthesiaOthers[0].value}}</span></span>
</div>
<h4 style="font-weight: bold;">Preoperative Advice and Rx</h4>
<div class="testList">
<div style="display: flex;">
<p style="width: 135px;">Maintenance drugs: </p> <p style="white-space: pre-line;line-height: 1.2;position: relative; left: -23px; top: 4px;" if="maintenanceDrugs.length>0"> {{maintenanceDrugs[0].value}} </p>
</div>
</div>
<div class="testList">
<div class="testProparty">Advice</div>
<span>: </span>
</div>
<div class="coExistingList">
<ol >
<span style="white-space: pre-line; margin: 3px 0px 0px 0px;line-height: 1.2;">{{anaesthesiaAdvice[0].value}}</span>
</ol>
</div>
<div class="testList">
<div class="testProparty">Accepted For</div>
<span>: <span ng-if="acceptedFor.length>0">{{acceptedFor[0].value.shortName}}</span></span>
</div>
<div class="testList">
<div class="testProparty">Others</div>
<span>: <span ng-if="adviceAndRxOthers.length>0">{{adviceAndRxOthers[0].value.shortName}}</span></span>
</div>
</div>
<div class="preorativeConditionColumn">
<h4 style="padding-left: 10px;">PREORATIVE CONDITION OF PATIENT:</h4>
<div class="preorativeConditionRow">
<div class="preorativeConditions">
<div class="testList">
<div class="testPropartyTwo">Pulse</div>
<span>: <span if="aneasthesiaPulse.length>0"> {{aneasthesiaPulse[0].value}} {{aneasthesiaPulse[0].concept.units}}</span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">BP</div>
<span>: <span if="aneasthesiaSystolic.length && aneasthesiaDiastolic.length>0"> {{aneasthesiaSystolic[0].value}}<span ng-if="aneasthesiaSystolic.length>0">/</span>{{aneasthesiaDiastolic[0].value}} {{aneasthesiaSystolic[0].concept.units}}</span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">Heart</div>
<span>: <span if="aneasthesiaHeart.length>0"> {{aneasthesiaHeart[0].value}} </span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">Lungs</div>
<span>: <span if="lungs.length>0"> {{lungs[0].value}} </span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">Asthma</div>
<span>: <span if="anesthesiaAsthma.length>0"> {{anesthesiaAsthma[0].value.shortName}}<span ng-if="asthmaNote.length>0"> ({{asthmaNote[0].value}}) </span> </span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">Allergy</div>
<span>: <span if="allergy.length>0"> {{allergy[0].value.shortName}} <span ng-if="allergyNote.length>0"> ({{allergyNote[0].value}}) </span></span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">Chest pain</div>
<span>: <span if="anesthesiaChestPain.length>0"> {{anesthesiaChestPain[0].value.shortName}} <span ng-if="chestPainNote.length>0"> ({{chestPainNote[0].value}}) </span></span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">Teeth</div>
<span>: <span if="anesthesiaTeeth.length>0"> {{anesthesiaTeeth[0].value}} </span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">Difficult airway</div>
<span>: <span if="difficultAirway.length>0"> {{difficultAirway[0].value.shortName}} </span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">Aspiration Risk</div>
<span>: <span if="aspirationRisk.length>0"> {{aspirationRisk[0].value.shortName}} </span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">Risk Blood Loss</div>
<span>: <span if="riskofBloodLoss.length>0"> {{riskofBloodLoss[0].value.shortName}} </span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">ASA Class</div>
<span>: <span if="aSAClass.length>0"> {{aSAClass[0].value.shortName}} <span ng-if="aSAClass[0].comment">({{aSAClass[0].comment}})</span></span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">Mallampati Grading</div>
<span>: <span if="mallampatiGrading.length>0"> {{mallampatiGrading[0].value.shortName}} <span ng-if="mallampatiGrading[0].comment">({{mallampatiGrading[0].comment}})</span></span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">GCS</div>
<span>: <span if="aneasthesiaGCS.length>0"> {{aneasthesiaGCS[0].value}} </span></span>
</div>
</div>
<div class="preorativeConditions">
<div class="testList">
<div class="testProparty">HB</div>
<span>: <span if="anesthesiaHB.length>0"> {{anesthesiaHB[0].value}} </span></span>
</div>
<div class="testList">
<div class="testProparty">RBS</div>
<span>: <span if="anesthesiaRBS.length>0"> {{anesthesiaRBS[0].value}} </span></span>
</div>
<div class="testList">
<div class="testProparty">S. Creatine</div>
<span>: <span if="anesthesiaSCreatine.length>0"> {{anesthesiaSCreatine[0].value}} </span></span>
</div>
<div class="testList">
<div class="testProparty">S. Cortisol</div>
<span>: <span if="anesthesiaSCortisol.length>0"> {{anesthesiaSCortisol[0].value}} </span></span>
</div>
<div class="testList">
<div class="testProparty">ACTH</div>
<span>: <span if="anesthesiaACTH.length>0"> {{anesthesiaACTH[0].value}} </span></span>
</div>
<div class="testList">
<div class="testProparty">Troponin I</div>
<span>: <span if="anesthesiaTroponinI.length>0"> {{anesthesiaTroponinI[0].value}} </span></span>
</div>
<div class="testList">
<div class="testProparty">CXR</div>
<span>: <span if="anesthesiaCXR.length>0"> {{anesthesiaCXR[0].value}} </span></span>
</div>
<div class="testList">
<div class="testProparty">ECG</div>
<span>: <span if="anesthesiaECG.length>0"> {{anesthesiaECG[0].value}} </span></span>
</div>
<div class="testList">
<div class="testProparty">Blood Group</div>
<span>: <span if="anesthesiaBloodGroup.length>0"> {{anesthesiaBloodGroup[0].value.shortName}} </span></span>
</div>
<div class="testList">
<div class="testProparty">Echo</div>
<span>: <span if="anesthesiaEcho.length>0"> {{anesthesiaEcho[0].value}} </span></span>
</div>
<div class="testList">
<div class="testProparty">B Urea</div>
<span>: <span if="anesthesiaBUrea.length>0"> {{anesthesiaBUrea[0].value}} </span></span>
</div>
<h4>Thyroid Function Test</h4>
<div class="testList">
<div class="testProparty">TSH</div>
<span>: <span if="thyroidTSH.length>0"> {{thyroidTSH[0].value}} </span></span>
</div>
<div class="testList">
<div class="testProparty">T3</div>
<span>: <span if="thyroidTthree.length>0"> {{thyroidTthree[0].value}} </span></span>
</div>
<div class="testList">
<div class="testProparty">T4</div>
<span>: <span if="thyroidTFour.length>0"> {{thyroidTFour[0].value}} </span></span>
</div>
<div class="testList">
<div class="testPropartyTwo">Codvid-19 Test</div>
<span>: <ol >
<li ng-repeat="data in anaesthesiaCoronaTest">{{data.value.shortName}} </li>
</ol>
</div>
</div>
</div>
</div>
</div>
<div class="surgicalTeam">
<h4 style="font-weight: bold;">Intraoperative Management and Monitoring Sheet</h4>
</div>
<div class="AcceptedPreorativeRowType">
<div class="operationColumn">
<div style="width: 100%; display: flex;">
<div style="width: 50%">
<div class="testPropartyTwo">Types of Operation</div>
<span>: <span if="typesofOperation.length>0"> {{typesofOperation[0].value.shortName}} </span></span>
</div>
<div style="width: 50%">
<div class="testPropartyTwo">Machine Check</div>
<span>: <span if="machineCheck.length>0"> {{machineCheck[0].value.shortName}} </span></span>
</div>
</div>
<div style="width: 100%; display: flex;">
<div style="width: 50%">
<div class="testPropartyTwo">Aneasthesia type</div>
<span>: <span if="anesthesiaType.length>0"> {{anesthesiaType[0].value.shortName}} <span ng-if="anesthesiaType[0].value.name === 'GENERAL ANAESTHESIA'"> (O2: {{gAOTwo[0].value}}, N2O : {{gANTwoO[0].value}} ) {{gAOTwo[0].concept.units}}</span ng-if="anesthesiaType[0].comment !='null'">{{anesthesiaType[0].comment}}<span></span></span></span>
</div>
<div style="width: 50%">
<div class="testPropartyTwo">Circuit Used</div>
<span>: <span if="circuitUsed.length>0"> {{circuitUsed[0].value.shortName}} <span ng-if="circuitUsed[0].comment"> ({{circuitUsed[0].comment}}) </span></span></span>
</div>
</div>
<div style="width: 100%; display: flex;">
<div style="width: 50%">
<div class="testPropartyTwo">Vaporizing Halothane</div>
<span>: <span if="vaporizingAgentHalothane.length>0"> {{vaporizingAgentHalothane[0].value}} </span></span>
</div>
<div style="width: 50%">
<div class="testPropartyTwo">Ventilation Mode</div>
<span>: <span if="madeOfVentilation.length>0"> {{madeOfVentilation[0].value.shortName}} <span if="ventilatorOption.length>0"> {{ventilatorOption[0].value.shortName}} <span if="controlledOption.length>0"> {{controlledOption[0].value.shortName}} </span></span></span></span>
</div>
</div>
<div style="width: 100%; display: flex;">
<div style="width: 50%">
<div class="testPropartyTwo">Vaporizing ISO Flurane</div>
<span>: <span if="vaporizingAgentISOFlanner.length>0"> {{vaporizingAgentISOFlanner[0].value}} </span></span>
</div>
<div style="width: 50%">
<div class="testPropartyTwo">Vt</div>
<span>: <span if="anesthesiaVT.length>0"> {{anesthesiaVT[0].value}} </span></span>
</div>
</div>
<div style="width: 100%; display: flex;">
<div style="width: 50%">
<div class="testPropartyTwo">Vaporizing Sevo Flurane</div>
<span>: <span if="vaporizingAgentSevoFlanner.length>0"> {{vaporizingAgentSevoFlanner[0].value}} </span></span>
</div>
<div style="width: 50%">
<div class="testPropartyTwo">RR</div>
<span>: <span if="rR.length>0"> {{rR[0].value}} </span></span>
</div>
</div>
<div style="width: 100%; display: flex;">
<div style="width: 50%">
<div class="testPropartyTwo">Maintenance airway</div>
<span>: <span if="maintenanceOfAirway.length>0"> {{maintenanceOfAirway[0].value.shortName}} <span ng-if="supraglotticDevicesOption.length>0" ><span ng-if="maintenanceOfAirway[0].value.name === 'Maintenance of Airway Supraglottic Devices'">({{supraglotticDevicesOption[0].value.shortName}})</span></span><span ng-if="maintenanceOfAirway[0].value.name === 'Maintenance of Airway ETT'" > <span ng-if="eTTOption.length>0">({{eTTOption[0].value.shortName}}) </span><span ng-if="eTTOption[0].comment">({{eTTOption[0].comment}})</span></span></span></span>
</div>
</div>
<div style="width: 100%; display: flex;">
<div style="width: 50%">
<div class="testPropartyTwo">Plexus Block/TIVA</div>
<span>: <span if="inCaseOfPlexusBlockTIVA.length>0"> {{inCaseOfPlexusBlockTIVA[0].value.shortName}} </span></span>
</div>
<div style="width: 50%">
<div class="testPropartyTwo">Monitoring</div>
<span>: <span if="monitoring"> {{monitoring}} <span ng-if="monitoringNote"> ({{monitoringNote}}) </span></span></span>
</div>
</div>
</div>
<div class="epiduralColumn">
<div class="">
<div class="">
<div class="epiduralColumnProparty">Inhalational</div>
<span>: <span if="inhalationalAnesthesiaOther.length>0"> {{inhalationalAnesthesiaOther[0].value}} </span></span>
</div>
<div class="">
<div class="epiduralColumnProparty">Condition Leaving OT</div>
<span>: <span if="conditionOnLeavingOT.length>0"> {{conditionOnLeavingOT[0].value.shortName}} <span ng-if="conditionOnLeavingOT[0].comment"> ({{conditionOnLeavingOT[0].comment}}) </span></span></span>
</div>
<div style="display: flex;">
<p>Drug and Valume: </p> <p style="white-space: pre-line; margin: 3px 0px 0px 10px;line-height: 1.2;" if="drugAndVolume.length>0"> {{drugAndVolume[0].value}} </p>
</div>
</div>
</div>
</div>
<div class="notice">
<p>
বি:দ্রঃ <span>&ensp;</span>
১। অ্যানেসথেসিয়ার এই রেকর্ডটি যন্তসহকারে সংরক্ষণ করুন। পরবর্তীতে এই রোগীর অন্য কোন অপারেশনের পূর্বে রেকর্ডটি অ্যানেসথেসিওলজিস্টকে দেখান। এতে রোগীর অপারেশন চলাকালীন বা পোষ্ট অপারেটিভ পিরিয়ডে অ্যনেসথেসিয়া জনিত ঝুঁকি ও জটিলতা হ্রাস পাবে।
</p>
<p>২। রোগী এবং রোগীর পরিবার অবশ্যই অপারেশনের পূর্বে অ্যানেসথেসিওলজিস্টের পরিচয় জানুন এবং রোগীকে অপারেশনের পূর্বেই প্রি অ্যানেসথেটিক চেক আপ করান। এতে রোগীর অপারেশন চলাকালীন এবং অপারেশন পরবর্তী অ্যানেসথেসিয়া জনিত ঝুঁকি ও জটিলতা কম হবে।</p>
</div>
<div class="signature">
<span>................................................</span><br>
<span style="margin-right: 52px">Sign of Anaesthetist</span>
</div>
</div>