447 lines
17 KiB
PHP
447 lines
17 KiB
PHP
|
<?php include('techsyn_header.php'); ?>
|
||
|
|
<!-- Main Content Container for side bar and body-->
|
||
|
|
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--dis: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.close-choice::after {
|
||
|
|
content: "\f00d";
|
||
|
|
display: var(--dis);
|
||
|
|
color: #888;
|
||
|
|
font-family: FontAwesome;
|
||
|
|
font-size: 13px;
|
||
|
|
position: absolute;
|
||
|
|
right: 30px;
|
||
|
|
top: 3px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-content {
|
||
|
|
height: 100%;
|
||
|
|
/* background-image: url('images/cool-background.png'); */
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
.panel-title.center,
|
||
|
|
.page-heading,
|
||
|
|
.breadcrumb,
|
||
|
|
h1 {
|
||
|
|
font-family: 'Roboto Serif', serif !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card {
|
||
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
||
|
|
transition: 0.3s;
|
||
|
|
width: 100%;
|
||
|
|
border-radius: 5px;
|
||
|
|
margin-top: 10px;
|
||
|
|
border-radius: 5px 5px 5px 5px !important;
|
||
|
|
font-family: 'Roboto Serif', serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card:hover {
|
||
|
|
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cardcontainer {
|
||
|
|
padding: 0px 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#mybtn {
|
||
|
|
width: 60px;
|
||
|
|
height: 60px;
|
||
|
|
background-color: tomato;
|
||
|
|
border-radius: 50px !important;
|
||
|
|
color: white;
|
||
|
|
cursor: pointer;
|
||
|
|
-webkit-transition: background-color 2s ease-out;
|
||
|
|
-moz-transition: background-color 2s ease-out;
|
||
|
|
-o-transition: background-color 2s ease-out;
|
||
|
|
transition: background-color 1s ease-out;
|
||
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
#mybtn:hover {
|
||
|
|
width: 62px;
|
||
|
|
height: 62px;
|
||
|
|
background-color: green;
|
||
|
|
border-radius: 50px !important;
|
||
|
|
cursor: pointer;
|
||
|
|
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
#spinner_div {
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
border-radius: 50%;
|
||
|
|
background: conic-gradient(#0000 10%, #25b09b);
|
||
|
|
-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
|
||
|
|
animation: s3 1s infinite linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes s3 {
|
||
|
|
to {
|
||
|
|
transform: rotate(1turn)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#year,
|
||
|
|
#month {
|
||
|
|
width: 80px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.input-group-addon {
|
||
|
|
height: 25px;
|
||
|
|
width: 30px;
|
||
|
|
padding: 0px 0px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div class="main-container ace-save-state" id="main-container">
|
||
|
|
<script type="text/javascript">
|
||
|
|
try {
|
||
|
|
ace.settings.loadState('main-container')
|
||
|
|
} catch (e) {}
|
||
|
|
</script>
|
||
|
|
<script src="./js/analytics.js"></script>
|
||
|
|
<script src="./js/Chart.min.js"></script>
|
||
|
|
<script src="./js/utils.js"></script>
|
||
|
|
|
||
|
|
<?php include('techsyn_sidebar.php'); ?>
|
||
|
|
<!--breadcrumb-->
|
||
|
|
|
||
|
|
<div class="main-content">
|
||
|
|
<div class="main-content-inner">
|
||
|
|
|
||
|
|
<div class="breadcrumbs ace-save-state" id="breadcrumbs">
|
||
|
|
<ul class="breadcrumb">
|
||
|
|
<li class="active">Reports</li>
|
||
|
|
<li class="active">Business Unit Report</li>
|
||
|
|
</ul>
|
||
|
|
<!-- End of breadcrumb -->
|
||
|
|
</div>
|
||
|
|
<?php include('bu_report1.php'); ?>
|
||
|
|
|
||
|
|
<div class="page-content" style="background-color:white;">
|
||
|
|
<div id="flexigridDiv">
|
||
|
|
|
||
|
|
<div class="container-fluid">
|
||
|
|
<form id="business_unit_report_form" name="business_unit_report_form">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12">
|
||
|
|
<div class="panel panel-info card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">Select Report Type and Report</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<div class="col-sm-4">
|
||
|
|
<center><label class="float-left"> <input name="isYes" id="isYes" type="radio" onchange="showReportPanel();" class="ace" value="PSR"> <span class="lbl middle"> Patient Specific Reports </span>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<label class="float-right"> <input name="isYes" id="isYes" value="CR" onchange="showReportPanel();" class="ace" type="radio"> <span class="lbl middle"> Common Reports </span>
|
||
|
|
</label>
|
||
|
|
</center>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-4">
|
||
|
|
<select class="select2 form-control" id="report_type" name="report_type" onchange="enable(),showFilterAccToReport(),cleanOptions('report_type');" data-placeholder="Choose Report">
|
||
|
|
<option value=""></option>
|
||
|
|
|
||
|
|
</select><abbr class="close-choice"></abbr>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-4">
|
||
|
|
<select class="select2 form-control" name="choose_chart" id="choose_chart" data-placeholder="Choose Chart" onchange="chartValidate()">
|
||
|
|
<option value=""></option>
|
||
|
|
<option value="bar">Bar Chart</option>
|
||
|
|
<option value="line">Line Chart</option>
|
||
|
|
<option value="doughnut">Doughnut Chart</option>
|
||
|
|
<option value="pie">Pie Chart</option>
|
||
|
|
<option value="radar">Radar Chart</option>
|
||
|
|
<!-- <option value="polarArea">PolarArea Chart</option> -->
|
||
|
|
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container-fluid" id="main-filter-container" style="display: none;">
|
||
|
|
<div class="row text-sm">
|
||
|
|
<div class="page-header">
|
||
|
|
<h1 class="center"> <a data-toggle="collapse" href="#collapse1">Choose Report To see available filter options for your report<small>To get detailed analysis </small></a></h1>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="panel-collapse collapse" id="collapse1">
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
<div class="col-sm-3" id="OHC" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">Ohc Location</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<select class="chosen-select form-control" id="ohc_location" name="ohc_location" onchange="cleanOptions('ohc_location')" data-placeholder="Choose BU">
|
||
|
|
<option value=""></option>
|
||
|
|
<?php
|
||
|
|
$generate_query = "select * from tbl_users where emp_id='" . $_SESSION['logged_user_empid'] . "' ";
|
||
|
|
$result_ohc = mysqli_query($conn, $generate_query);
|
||
|
|
$row_ohc = mysqli_fetch_assoc($result_ohc);
|
||
|
|
error_log("qury" . $row_ohc);
|
||
|
|
$ohc_type = getCommaSeperatedValuesForInClause("select ohc_type_id from ohc_type", 'ohc_type_id', $row_ohc['ohc_type']);
|
||
|
|
error_log("access ohc:" . $ohc_type);
|
||
|
|
echo generate_options("select ohc_type_id,ohc_type_name from ohc_type where ohc_type_id in ( $ohc_type)", '', 'ohc_type_id', 'ohc_type_name', '', ''); ?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-3" id="PCAT" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">Patient Category</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<select class="chosen-select form-control" name="patient_category" data-placeholder="choose category" onchange="cleanOptions('patient_category')" id="patient_category">
|
||
|
|
<option value=""> </option>
|
||
|
|
<option value="0" <?php if ($patient_cat_id == "0") { ?> selected <?php } ?>>Non-Employee</option>
|
||
|
|
<option value="1" <?php if ($patient_cat_id == "1") { ?> selected <?php } ?>>Employee</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-3" id="DEPT" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">Department</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<select class="chosen-select form-control" id="dept" name="dept" data-placeholder="Choose Department" onchange="cleanOptions('dept')">
|
||
|
|
<option value=""></option>
|
||
|
|
<?php echo generateOption('department', 'dept_name', 'dept_id', $dept_id, ''); ?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-3" id="DEG" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">Designation</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<select class="chosen-select form-control" id="emp_designation" name="emp_designation" data-placeholder="Choose Designation" onchange="cleanOptions('emp_designation')">
|
||
|
|
<option value=""></option>
|
||
|
|
<?php echo generateOption('designation', 'designation_name', 'designation_id', '', ''); ?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-3" id="CADRE" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">Employee Cadre</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<select class="chosen-select form-control" id="emp_cadre" name="emp_cadre" data-placeholder="Choose Employee Cadre" onchange="cleanOptions('emp_cadre')">
|
||
|
|
<option value=""></option>
|
||
|
|
<?php echo generateOption('emp_cadre', 'emp_cadre', 'emp_cadre_id', '', ''); ?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-3" id="SEX" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">Gender</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<select class="chosen-select form-control" id="gender" name="gender" data-placeholder="Choose Gender" onchange="cleanOptions('gender')">
|
||
|
|
<option value=""></option>
|
||
|
|
<option value="M">Male</option>
|
||
|
|
<option value="F">Female</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-3" id="CONT" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">EMPLOYER/CONTRACTOR</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<select class="chosen-select form-control" id="employer_contractor" name="employer_contractor" data-placeholder="Choose Employee Cadre" onchange="cleanOptions('employer_contractor')">
|
||
|
|
<option value=""></option>
|
||
|
|
<?php echo generateOption('employer_contractor', 'employer_contractor_name', 'id', '', ''); ?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-3" id="ILL" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">Illness</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<select class="chosen-select form-control" id="illness" name="illness" data-placeholder="Choose illness" onchange="cleanOptions('illness')">
|
||
|
|
<option value=""></option>
|
||
|
|
<?php echo generateOption('history_parameter', 'param_name', 'param_id', '', '') ?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-3" id="SD" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">Start date</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<div class="input-group">
|
||
|
|
<input style="width:auto;" class="form-control date-picker" id="startDate" name="startDate" type="text" data-date-format="dd-mm-yyyy" onchange="cleanOptions('startDate');"> <span class="input-group-addon"> <i class="fa fa-calendar bigger-110"></i>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-3" id="ED" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">End date</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<div class="input-group">
|
||
|
|
<input style="width:auto;" class="form-control date-picker" id="endDate" name="endDate" type="text" data-date-format="dd-mm-yyyy" onchange="cleanOptions('endDate');"> <span class="input-group-addon"> <i class="fa fa-calendar bigger-110"></i>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-3" id="MONTHS" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">Month</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<select class="chosen-select form-control" id="month" name="month[]" multiple="multiple" data-placeholder="Choose month" onchange="cleanOptions('month')">
|
||
|
|
<option value="1">JANUARY</option>
|
||
|
|
<option value="2">FEBRUARY</option>
|
||
|
|
<option value="3">MARCH</option>
|
||
|
|
<option value="4">APRIL</option>
|
||
|
|
<option value="5">MAY</option>
|
||
|
|
<option value="6">JUNE</option>
|
||
|
|
<option value="7">JULY</option>
|
||
|
|
<option value="8">AUGUST</option>
|
||
|
|
<option value="9">SEPTEMBER</option>
|
||
|
|
<option value="10">OCTOBER</option>
|
||
|
|
<option value="11">NOVEMBER</option>
|
||
|
|
<option value="12">DECEMBER</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-3" id="YEARS" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">Year</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<select class="chosen-select form-control" id="year" name="year[]" data-placeholder="Choose Year" multiple="multiple" onchange="cleanOptions('year')">
|
||
|
|
<? $a = date('Y', strtotime('-5 year')); ?>
|
||
|
|
<? $b = date('Y', strtotime('-4 year')); ?>
|
||
|
|
<? $c = date('Y', strtotime('-3 year')); ?>
|
||
|
|
<? $d = date('Y', strtotime('-2 year')); ?>
|
||
|
|
<? $e = date('Y', strtotime('-1 year')); ?>
|
||
|
|
<? $f = date("Y"); ?>
|
||
|
|
<option value="<?= $a ?>"><?= $a ?></option>
|
||
|
|
<option value="<?= $b ?>"><?= $b ?></option>
|
||
|
|
<option value="<?= $c ?>"><?= $c ?></option>
|
||
|
|
<option value="<?= $d ?>"><?= $d ?></option>
|
||
|
|
<option value="<?= $e ?>"><?= $e ?></option>
|
||
|
|
<option value="<?= $f ?>"><?= $f ?></option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-3" id="SP" style="display: none;">
|
||
|
|
<div class="panel panel-warning card">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title center">patient</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<select class="chosen-select form-control" id="patient" name="patient" data-placeholder="Choose specific patient" onchange="cleanOptions('patient')">
|
||
|
|
<option value=""></option>
|
||
|
|
<?php echo generateOption('patient_master', 'patient_name', 'id', '', '') ?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<center><button type="button" class="card" id="mybtn" disabled onclick="getShowingData();">Show Report</button></center><br />
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<br /><br />
|
||
|
|
<div class="container">
|
||
|
|
<div class="loader" id="spinner_div" style="display: none;">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel panel-default" id="report_div" style="display: none; border-top: 3px solid #22CECE; border-top-color:black;background-color:white;">
|
||
|
|
<div class="panel-heading" id="pannel_heading"></div>
|
||
|
|
<div class="panel-body" id="pannel_content">
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12" style="margin:auto; width: auto;">
|
||
|
|
<div class="card" id="chart_div" style="margin: auto; padding:auto;">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- <div class="col-sm-6" style="margin:auto; width:auto">
|
||
|
|
<div class="card" id="chart_div_2" style="margin: auto; padding:auto;">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div> -->
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12" style="margin:auto">
|
||
|
|
<!-- <div class="card"> -->
|
||
|
|
<table style="width: 100%" id="age_wise_emp_dist_table" class="center card table table-striped">
|
||
|
|
</table>
|
||
|
|
<!-- </div> -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<form id="chart_pdf" action="" target="_blank" method="POST">
|
||
|
|
<input type="hidden" name="htmlText" id="htmlText" />
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- /.main-content -->
|
||
|
|
<script src="spinner.js"></script>
|
||
|
|
<script src="bu_report.js"></script>
|
||
|
|
<script src="excel_handler_script.js"></script>
|
||
|
|
<!-- <script src="bu_charts_fun.js"></script> -->
|
||
|
|
<script src="chart_js_new.js"></script>
|
||
|
|
<?php include('bu_report.php'); ?>
|
||
|
|
<?php include('techsyn_footer.php'); ?>
|
||
|
|
<script src="jspdf.min.js"></script>
|
||
|
|
<script src="html2canvas.min.js"></script>
|
||
|
|
<!-- to show an alert after page loading -->
|
||
|
|
<script type="text/javascript">
|
||
|
|
// window.onload = function(){
|
||
|
|
// BootstrapDialog.alert('To see available reports please select either common report or specific report option!!!');
|
||
|
|
// }
|
||
|
|
</script>
|