|
|
|
|
@ -41,53 +41,73 @@
|
|
|
|
|
.filter-option-inner-inner {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
|
|
|
|
/**
|
|
|
|
|
* echartDiv样式
|
|
|
|
|
*/
|
|
|
|
|
.echartsClass{
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
background-color:#ECF0F5;
|
|
|
|
|
width:calc(100vw - 60px);
|
|
|
|
|
height:calc(100vh - 57px);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div style="margin-left:30px;margin-right:10px;height:auto">
|
|
|
|
|
<!--搜索-->
|
|
|
|
|
<form style="margin-top:5px;margin-bottom: 0!important;">
|
|
|
|
|
<div class="form-inline">
|
|
|
|
|
<div class="form-group divCss8" style="height: 18px;margin-top: -7px;">
|
|
|
|
|
<label>出院科室:</label>
|
|
|
|
|
<select class="selectpicker bla bla bli" multiple data-live-search="true" name="deptName" id="deptName" title="请输入出院科室">
|
|
|
|
|
<option value="">全部</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group divCss">
|
|
|
|
|
<label>出院日期:</label>
|
|
|
|
|
<div class="input-group input-daterange">
|
|
|
|
|
<input type="text" class="input-sm form-control" name="start" id="startDate"/>
|
|
|
|
|
<span class="input-group-addon">-</span>
|
|
|
|
|
<input type="text" class="input-sm form-control" name="end" id="endDate"/>
|
|
|
|
|
<div class="mainDiv">
|
|
|
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
|
|
|
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">统计表格</a></li>
|
|
|
|
|
<li role="presentation"><a href="#home1" aria-controls="home1" role="tab" data-toggle="tab">归档率统计图表</a></li>
|
|
|
|
|
<li role="presentation"><a href="#home2" aria-controls="home2" role="tab" data-toggle="tab">出院统计图表</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="tab-content">
|
|
|
|
|
<div role="tabpanel" class="tab-pane fade in active" id="home">
|
|
|
|
|
<!--搜索-->
|
|
|
|
|
<form style="margin-top:5px;margin-bottom: 0!important;">
|
|
|
|
|
<div class="form-inline">
|
|
|
|
|
<div class="form-group divCss8" style="height: 18px;margin-top: -7px;">
|
|
|
|
|
<label>出院科室:</label>
|
|
|
|
|
<select class="selectpicker bla bla bli" multiple data-live-search="true" name="deptName" id="deptName" title="请输入出院科室">
|
|
|
|
|
<option value="">全部</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group divCss">
|
|
|
|
|
<label>出院日期:</label>
|
|
|
|
|
<div class="input-group input-daterange">
|
|
|
|
|
<input type="text" class="input-sm form-control" name="start" id="startDate" autocomplete="off"/>
|
|
|
|
|
<span class="input-group-addon">-</span>
|
|
|
|
|
<input type="text" class="input-sm form-control" name="end" id="endDate" autocomplete="off"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button type="button" class="btn btn-primary btn-sm divCss" id="searchBtn">查询</button>
|
|
|
|
|
<button type="button" class="btn btn-info btn-sm divCss" id="excelBtn">条件导出</button>
|
|
|
|
|
<button type="button" class="btn btn-danger btn-sm divCss" id="excelBtn2">未归档导出</button>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<!--数据表格-->
|
|
|
|
|
<table id="table" class="table table-striped"></table>
|
|
|
|
|
<div id="toolbar" class="btn-group pull-right" style="margin-right: 20px;">
|
|
|
|
|
<div class="columns columns-right btn-group pull-right">
|
|
|
|
|
<div class="btn-group btn-info">
|
|
|
|
|
<select id="sel_exportoption" class="form-control">
|
|
|
|
|
<option value="">导出当前页面数据</option>
|
|
|
|
|
<option value="all">导出全部数据</option>
|
|
|
|
|
<option value="selected">导出选中数据</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<button class=" btn btn-success" style="height: 34px" type="button" id="refreshBtn" name="refresh" aria-label="Refresh" title="Refresh">
|
|
|
|
|
<i class="glyphicon glyphicon-refresh icon-refresh"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button type="button" class="btn btn-primary btn-sm divCss" id="searchBtn">查询</button>
|
|
|
|
|
<button type="button" class="btn btn-info btn-sm divCss" id="excelBtn">条件导出</button>
|
|
|
|
|
<button type="button" class="btn btn-danger btn-sm divCss" id="excelBtn2">未归档导出</button>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<!--数据表格-->
|
|
|
|
|
<table id="table" class="table table-striped"></table>
|
|
|
|
|
<div id="toolbar" class="btn-group pull-right" style="margin-right: 20px;">
|
|
|
|
|
<div class="columns columns-right btn-group pull-right">
|
|
|
|
|
<div class="btn-group btn-info">
|
|
|
|
|
<select id="sel_exportoption" class="form-control">
|
|
|
|
|
<option value="">导出当前页面数据</option>
|
|
|
|
|
<option value="all">导出全部数据</option>
|
|
|
|
|
<option value="selected">导出选中数据</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<button class=" btn btn-success" style="height: 34px" type="button" id="refreshBtn" name="refresh" aria-label="Refresh" title="Refresh">
|
|
|
|
|
<i class="glyphicon glyphicon-refresh icon-refresh"></i>
|
|
|
|
|
</button>
|
|
|
|
|
<div role="tabpanel" class="tab-pane fade" id="home1">
|
|
|
|
|
<div class="echartsClass" id="chartmainTwo"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div role="tabpanel" class="tab-pane fade" id="home2">
|
|
|
|
|
<div class="echartsClass" id="chartmainOne"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row" style="margin-top: 20px;margin-left:30px;background-color:#ECF0F5;width:100%;height:600px;"
|
|
|
|
|
id="chartmainTwo"></div>
|
|
|
|
|
<div class="row" style="margin-top: 20px;margin-left:30px;background-color:#ECF0F5;width:100%;height:600px;"
|
|
|
|
|
id="chartmainOne"></div>
|
|
|
|
|
</body>
|
|
|
|
|
<script>
|
|
|
|
|
var path = "${path}";
|
|
|
|
|
@ -680,9 +700,6 @@
|
|
|
|
|
pagination: true, // 在表格底部显示分页组件，默认false
|
|
|
|
|
paginationShowPageGo: true,
|
|
|
|
|
pageList: [5, 10, 20, 50, 100], // 如果设置了分页，设置可供选择的页面数据条数。设置为All 则显示所有记录。
|
|
|
|
|
smartDisplay: false,
|
|
|
|
|
pageSize: 2, // 页面数据条数
|
|
|
|
|
pageNumber: 1, // 初始化加载第一页，默认第一页
|
|
|
|
|
sidePagination: 'server', // 设置为服务器端分页 客户端：client
|
|
|
|
|
search: false,
|
|
|
|
|
showColumns: true,
|
|
|
|
|
@ -691,7 +708,7 @@
|
|
|
|
|
undefinedText: '--', //当数据为 undefined 时显示的字符
|
|
|
|
|
singleSelect: false,//设置True 将禁止多选
|
|
|
|
|
clickToSelect: true,//设置true 将在点击行时，自动选择rediobox 和 checkbox
|
|
|
|
|
height: getHeight(140), //定义表格的高度。
|
|
|
|
|
height: getHeight(197), //定义表格的高度。
|
|
|
|
|
searchTimeOut: 500,// 默认500 设置搜索超时时间。
|
|
|
|
|
toolbarAlign: 'right',// 指定 toolbar 水平方向的位置。'left' 或 'right'
|
|
|
|
|
paginationDetailHAlign: 'left',//指定 分页详细信息 在水平方向的位置。'left' 或 'right'。
|
|
|
|
|
@ -856,11 +873,10 @@
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
onLoadSuccess: function (result) { //加载成功时执行
|
|
|
|
|
//console.info("加载成功");
|
|
|
|
|
$(".page-list").show();
|
|
|
|
|
tipLoad = 0;
|
|
|
|
|
},
|
|
|
|
|
onLoadError: function () { //加载失败时执行
|
|
|
|
|
//console.info("加载数据失败");
|
|
|
|
|
tipLoad = 0;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
