Files
hpos-web/scripts/report_template.html

157 lines
5.1 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
2023-08-06 14:01:52 +05:30
<head>
2023-08-06 14:01:52 +05:30
<title>Report</title>
<style>
.person-details-row {
display: flex;
flex-direction: row;
}
.person-details-col {
display: flex;
flex-direction: column;
height: 90px;
2023-08-06 15:25:56 +05:30
width: 50%;
margin: 1px;
border: 0;
2023-08-06 14:01:52 +05:30
}
2023-08-06 15:25:56 +05:30
.test-details-row {
border: 0;
}
2023-08-06 14:01:52 +05:30
2023-08-06 15:25:56 +05:30
.test-details-col {
height: 150px;
}
2023-08-06 14:01:52 +05:30
2023-08-06 15:25:56 +05:30
.test-cell-div {
border: 1px solid black;
border-collapse: collapse;
height: 30px;
padding: 10px;
}
2023-08-06 14:01:52 +05:30
2023-08-06 15:25:56 +05:30
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
2023-08-06 14:01:52 +05:30
2023-08-06 15:25:56 +05:30
ul {
list-style-type: none;
/* margin: 0; */
/* padding: 0; */
}
</style>
</head>
2023-08-06 14:01:52 +05:30
2023-08-06 15:25:56 +05:30
<body>
2023-08-06 14:01:52 +05:30
2023-08-06 15:25:56 +05:30
<div>
<table style="border: 1px solid black; margin: 10px; width: 98%;">
<tr class="person-details-row">
<td class="person-details-col" style="border-right: 2; width: 70%;">
<div>Person Name : </div>
<div>Age & Sex : </div>
<div>Sample type : </div>
<div>Family History of Sickle Cell Anemia (Yes / No): </div>
</td>
<td class="person-details-col" style="width: 30%;">
<div>Received on : </div>
<div>Reported on : </div>
<div>Ref. Doctor : </div>
<div>Serial No: </div>
</td>
</tr>
</table>
</div>
2023-08-06 14:01:52 +05:30
2023-08-06 15:25:56 +05:30
<div>
<table class="test-details-table" style="border: 1px solid black; margin: 10px; width: 98%;">
<tr style="height: 50px;">
<th>
Test Description
</th>
<th>
RESULT
</th>
<th>
ABSORBANCE RATIO REFERENCE RANGE
</th>
<th>
INTERPRETATION
</th>
</tr>
<tr class="test-details-row">
<td class="test-details-col" style="width: 10%;">
Sickle Cell
Anemia
</td>
<td style="width: 20%;">
<div class="test-cell-div">Normal</div>
<div class="test-cell-div">Sickle Cell Trait</div>
<div class="test-cell-div">Sickle Cell Disease</div>
<div class="test-cell-div">Negative Borderline</div>
<div class="test-cell-div">Positive Borderline</div>
</td>
<td style="width: 5%;">
<div class="test-cell-div">
< 0.29</div>
<div class="test-cell-div">0.32 0.5</div>
<div class="test-cell-div"> > 0.55 </div>
<div class="test-cell-div">0.29-0.32</div>
<div class="test-cell-div">0.5 0.55</div>
</td>
<td style="width: 25%;">
<div class="test-cell-div">Normal</div>
<div class="test-cell-div">Sickle Cell Trait</div>
<div class="test-cell-div">Sickle Cell Disease</div>
<div class="test-cell-div">Recommended for HPLC or Electrophoresis Tests</div>
<div class="test-cell-div">Recommended for HPLC or Electrophore</div>
</td>
</tr>
</table>
</div>
2023-08-06 15:25:56 +05:30
<div>
<div style="font-weight: 600; margin: 10px;">INTERPRETATION:</div>
<div style="margin: 10px;">
<strong>Test Principle:</strong> The diagnostic test work on the principle of absorption spectroscopy. The test helps in
differentiating heterozygous/homozygous hemoglobin from normal hemoglobin.
</div>
<div style="margin: 10px;">
<strong>Method:</strong> High Performance Optical Spectroscopy for detection of Sickle cell trail and sickle cell disease
</div>
<div style="margin: 10px;">
<strong> Note:</strong>
<ul>
<li>a. Blood transfusion may have an impact on the test results.</li>
<li>
b. Patients already on sickle-cell medications may impact test results.
</li>
</ul>
</div>
<div
2023-08-06 15:34:59 +05:30
style="margin: 100px 10px 20px 50px; width: 88%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;">
2023-08-06 15:25:56 +05:30
<div style="margin: 5px;">DATE:</div>
<div style="margin: 5px;">Hematologist</div>
</div>
2023-08-06 15:34:59 +05:30
<div style="margin: 30px;">
2023-08-06 15:25:56 +05:30
This report is for the perusal of doctor only. Not for medico legal cases. Clinical correlation is
essential.
Please contact us in case of unexpected result.
</div>
2023-08-06 15:34:59 +05:30
<div style="height: 3px;width: 98%; background-color: black;"> </div>
2023-08-06 14:01:52 +05:30
</div>
</body>
2023-08-06 14:01:52 +05:30
</html>