增加菜单选中样式和增加页头

master
zengwh 6 years ago
parent 7acf1bf3c3
commit f72c5f255d

@ -174,6 +174,13 @@
<input type="hidden" id="currentRole">
<!--当前操作角色-->
<input type="hidden" id="checker">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
出院浏览
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -3,7 +3,7 @@
<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<html>
<head>
<title>缺陷类别列表</title>
<title>字典列表</title>
<meta charset="utf-8">
<%@include file="../../jspf/comm.jspf" %>
<%@ include file="../../jspf/ztreeCommom.jsp" %>

@ -52,6 +52,13 @@
<body>
<!--隐藏是否是初始化-->
<input type="hidden" id="isSearch" value="1">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
缺陷列表
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -43,6 +43,13 @@
<body>
<!--隐藏是否是初始化-->
<input type="hidden" id="isSearch" value="1">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
审核流程明细
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -42,6 +42,13 @@
</head>
<body>
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
节假日设置
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 5px!important;">

@ -144,6 +144,13 @@
<input type="hidden" id="isSearch" value="1">
<!--当前操作角色-->
<input type="hidden" id="checker">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
在院浏览
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -23,7 +23,11 @@
height: 59px!important;
}
.indexSelected{
background-color: #42515F;
background-color: #1E2D3B;
}
.modleSelected {
font-weight: bold;
font-size: 16px;
}
.navbar-custom-menu{
padding-right:17px;
@ -35,14 +39,6 @@
#indexTreeMenu::-webkit-scrollbar{
display: none;
}
.pageTab{
font-weight: bold;
font-size: 14px;
padding-left: 15px;
}
.content{
padding-top:0px;
}
</style>
</head>
@ -63,6 +59,8 @@
}
return temp;
}
//定义是否有默认选中菜单
var faultModleSelected = false;
$(function () {
function ajaxJsonFun() {
//拥有的功能
@ -115,7 +113,13 @@
if (list[0].deptId == list[i].deptId) {
if (list[i].methodParent != 0 && (list[i].menuUrl == "#" || list[i].menuUrl == "" || list[i].menuUrl == null)) {
var mulLi = newLiFun();
var mulA = newAFun(list[i].menuName, list[i].menuIcon);
var mulA = '';
//是第一个默认选中
if(i == 1){
mulA = newAFun(list[i].menuName, list[i].menuIcon,true);
}else{
mulA = newAFun(list[i].menuName, list[i].menuIcon,false);
}
mulLi.append(mulA);
var menuAUL = newUlFun();
//sysUL = liFun(list[i].menuName,list[i].menuIcon);
@ -139,7 +143,13 @@
count = list[j].methodSort;
sysUL = "/emr_medical_record" + list[j].menuUrl + "?num=" + str + "&depts=" + depts;
}
var menuALi = newAliFun(list[j].menuName, list[j].menuIcon, "/emr_medical_record" + list[j].menuUrl + "?num=" + str + "&depts=" + depts);
var menuALi = '';
if(i == 1 && !faultModleSelected){
menuALi = newAliFun(list[j].menuName, list[j].menuIcon, "/emr_medical_record" + list[j].menuUrl + "?num=" + str + "&depts=" + depts,true);
faultModleSelected = true;
}else{
menuALi = newAliFun(list[j].menuName, list[j].menuIcon, "/emr_medical_record" + list[j].menuUrl + "?num=" + str + "&depts=" + depts,false);
}
menuAUL.append(menuALi);
mulLi.append(menuAUL);
}
@ -318,7 +328,6 @@
<div class="content-wrapper">
<span class="pageTab">归档列表/病案室终审</span>
<section class="content">
<!-- 内容 src="${path}/paper/allPaper"-->
<div class="page-content-wrapper">
@ -383,7 +392,7 @@
var headerHeight = $(".main-header").height() || 0;
var footerHeight = ($(".main-footer").height() || 0) + 31;
var windowHeight = $(window).height();
$("#iFrame1").css("height", windowHeight - headerHeight - footerHeight - 36);
$("#iFrame1").css("height", windowHeight - headerHeight - footerHeight - 32);
$("#indexTreeMenu").css("height",windowHeight - headerHeight);
})
</script>

@ -175,6 +175,13 @@
<input type="hidden" id="isSearch" value="1">
<!--当前操作角色-->
<input type="hidden" id="checker" value="4">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
病案室终审
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -50,6 +50,13 @@
</style>
</head>
<body>
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
病案终审退回日志
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -57,6 +57,13 @@
var path = "${path}";
</script>
<body>
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
病案终审退回
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -44,6 +44,13 @@
<body>
<!--隐藏是否是初始化-->
<input type="hidden" id="isSearch" value="1">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
终审记录统计报表
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -40,6 +40,13 @@
<body>
<!--隐藏是否是初始化-->
<input type="hidden" id="isSearch" value="1">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
终审记录明细报表
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -31,6 +31,13 @@
<body>
<!--隐藏是否是初始化-->
<input type="hidden" id="isSearch" value="1">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
病案室审核记录统计表
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -3,7 +3,7 @@
<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<html>
<head>
<title>印记录报表</title>
<title>印记录报表</title>
<meta charset="utf-8">
<!-- 解决部分兼容性问题如果安装了GCF则使用GCF来渲染页面如果未安装GCF则使用最高版本的IE内核进行渲染。 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@ -31,6 +31,13 @@
<body>
<!--隐藏是否是初始化-->
<input type="hidden" id="isSearch" value="1">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
复印记录报表
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -3,7 +3,7 @@
<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<html>
<head>
<title>印记录明细</title>
<title>印记录明细</title>
<meta charset="utf-8">
<!-- 解决部分兼容性问题如果安装了GCF则使用GCF来渲染页面如果未安装GCF则使用最高版本的IE内核进行渲染。 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@ -31,6 +31,13 @@
<body>
<!--隐藏是否是初始化-->
<input type="hidden" id="isSearch" value="1">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
复印记录明细
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -48,6 +48,13 @@
<!--第三层初始化按科室查-->
<input type="hidden" id="searchDeptNameTemp">
<input type="hidden" id="timeIntervalTemp" value="${record.timeInterval}">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
病案统计报表
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;height: 75px">

@ -3,7 +3,7 @@
<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<html>
<head>
<title>扫描记录报表</title>
<title>扫描上传记录报表</title>
<meta charset="utf-8">
<!-- 解决部分兼容性问题如果安装了GCF则使用GCF来渲染页面如果未安装GCF则使用最高版本的IE内核进行渲染。 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@ -31,6 +31,13 @@
<body>
<!--隐藏是否是初始化-->
<input type="hidden" id="isSearch" value="1">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
扫描上传记录报表
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -3,7 +3,7 @@
<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<html>
<head>
<title>扫描记录明细</title>
<title>扫描上传明细</title>
<meta charset="utf-8">
<!-- 解决部分兼容性问题如果安装了GCF则使用GCF来渲染页面如果未安装GCF则使用最高版本的IE内核进行渲染。 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@ -31,6 +31,13 @@
<body>
<!--隐藏是否是初始化-->
<input type="hidden" id="isSearch" value="1">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
扫描上传明细
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -40,6 +40,13 @@
<body>
<!--隐藏是否是初始化-->
<input type="hidden" id="isSearch" value="1">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
病案室审核记录明细报表
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -164,6 +164,13 @@
<input type="hidden" id="isSearch" value="1">
<!--当前操作角色-->
<input type="hidden" id="checker">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
未终审病历列表
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -48,6 +48,13 @@
<body>
<!--赋值权限按钮标识-->
<input type="hidden" id="power">
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
医师归档统计
</span>
</div>
</div>
<div class="mainDiv">
<!--搜索-->
<form style="margin-top:5px;margin-bottom: 0!important;">

@ -53,6 +53,13 @@
</style>
</head>
<body>
<div class="headDiv">
<div class="headSpanDiv">
<span class="headspan">
统计列表
</span>
</div>
</div>
<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>

@ -8,6 +8,27 @@ body {
margin-left:15px;
margin-right:15px;
}
/*
*div
*/
.headDiv{
height:30px;
background-color: #1D9ED7;
}
/*
*div
*/
.headSpanDiv{
padding:5px 15px;
}
/*
*
*/
.headspan{
color: #fff;
font-size: 1.2em;
font-weight: bold;
}
.table th, .table td {
/*text-align: center;*/
height: 38px;

@ -1,116 +1,10 @@
function indexSelected(_this){
$("ul.treeview-menu").find("a").removeClass("indexSelected");
$("#indexTreeMenu .treeview").find("a").removeClass("modleSelected");
$(_this).addClass("indexSelected");
$(_this).parent().parent().siblings().addClass('modleSelected');
}
/*========================menu========================*/
function menuRoleFun(menuArr) {
var muluArr=[];
var mulu=null;
var menuLiArr=[];
/*菜单*/
if(menuArr!=null){
/*系统目录menuArr.length*/
for (var i = 0; i < menuArr.length; i++) {
if ( menuArr[i].menuUrl == null || menuArr[i].menuUrl == '') {
mulu = liFun(menuArr[i].menuName, menuArr[i].menuIcon);
/*链接跳转*/
for (var j = 0; j < menuArr.length; j++) {
if ((menuArr[j].menuUrl != null || menuArr[j].menuUrl != '')&&menuArr[i].menuId==menuArr[j].parentId) {
menuLiArr.push(menuArr[j]);
}
}
if (menuLiArr != null) {
if (menuLiArr.length > 0) {
var liMenu = ulSysMenuFun(menuLiArr);
menuLiArr=[];
mulu.append(liMenu);
}
}
muluArr.push(mulu);
}
}
}
return muluArr;
}
function listPowerFun(menuArr){
var hosp = newLiFun();
var hospArr = [];
if (menuArr != null && menuArr.length > 0) {
/*医院*/
for (var i = 0; i < menuArr.length; i++) {
if(hospArr.indexOf(menuArr[i].hospitalName) == -1 && menuArr[i].hospitalName!=null) {
hospArr.push(menuArr[i].hospitalName);
var hospA = newAFun(menuArr[i].hospitalName, menuArr[i].menuIcon);
hosp.append(hospA);
//console.log(menuArr[i]);
/*权限系统*/
var sysUL = newUlFun();
var sysArr = [];
for (var j = 0; j < menuArr.length; j++) {
if (sysArr.indexOf(menuArr[j].sysFlag) == -1 && menuArr[j].sysFlag== "power") {
sysArr.push(menuArr[j].sysFlag);
//console.log(menuArr[j]);
var sysA = newAFun(menuArr[j].sysName, menuArr[j].menuIcon);
var sysLi = newLiFun();
sysLi.append(sysA);
/*目录*/
var muluArr = [];
var muluUL = newUlFun();
for (var y = 0; y < menuArr.length; y++) {
if (muluArr.indexOf(menuArr[y].menuId) == -1 && menuArr[y].menuUrl == null && menuArr[y].parentId==0 ) {
muluArr.push(menuArr[y].menuId);
var muluA = newAFun(menuArr[y].menuName, menuArr[y].menuIcon);
var muluLi = newLiFun();
muluLi.append(muluA);
//console.log(menuArr[y]);
/*菜单目录*/
var mulArr = [];
var mulUL = newUlFun();
for (var x = 0; x < menuArr.length; x++) {
if (mulArr.indexOf(menuArr[x].menuId) == -1 && menuArr[x].menuUrl == null && menuArr[x].parentId != 0 && menuArr[x].menuId!=null) {
muluArr.push(menuArr[x].menuId);
//console.log(menuArr[x]);
var mulA = newAFun(menuArr[x].menuName, menuArr[x].menuIcon);
var mulLi = newLiFun();
mulLi.append(mulA);
/*菜单*/
var menuAr = [];
var menuAUL = newUlFun();
for (var z = 0; z < menuArr.length; z++) {
if (menuAr.indexOf(menuArr[z].menuId) == -1 && menuArr[z].menuUrl!=null && menuArr[z].menuUrl != '') {
menuAr.push(menuArr[z].menuId);
var menuAA = newAFun(menuArr[z].menuName, menuArr[z].menuIcon);
var menuALi = newAliFun(menuArr[z].menuName, menuArr[z].menuIcon, menuArr[z].menuUrl);
menuAUL.append(menuALi);
}
}
mulLi.append(menuAUL);
mulUL.append(mulLi);
}
}
muluLi.append(mulUL);
muluUL.append(muluLi);
}
}
sysLi.append(muluUL);
sysUL.append(sysLi);
sysUL.append(sysLi)
}
}
hosp.append(sysUL);
}
}
}
return hosp;
}
function newUlFun(){
var newUl = $("<ul class=\"treeview-menu\" style=\"display: block;\"></ul>");
return newUl;
@ -119,16 +13,13 @@ function newLiFun(){
var newLi=$("<li class=\"treeview menu-open\"></li>");
return newLi;
}
function newAFun(aName, iconCss){
/*
<a href="#">
<i class="fa fa-share"></i> <span>Multilevel</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
*/
var newA = $("<a href=\"#\"></a>");
function newAFun(aName, iconCss,defaultModleSelected){
var newA = '';
if(defaultModleSelected){
newA = $("<a href=\"#\" class='modleSelected'></a>");
}else{
newA = $("<a href=\"#\"></a>");
}
var subIcon = $("<i></i>");
subIcon.addClass(iconCss);
var subSpan = $("<span class=\"pull-right-container\"><i class='fa fa-angle-left pull-right'></i></span>");
@ -138,11 +29,17 @@ function newAFun(aName, iconCss){
return newA;
}
function newAliFun(aName,iconCss,menuUrl){
function newAliFun(aName,iconCss,menuUrl,defaultMenuSelected){
/*<li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li> */
var newli = $("<li></li> ");
var newicon=$("<i></i>");
var newA=$("<a href=\"" + menuUrl + "\" target=\"iFrame1\" onclick = 'indexSelected(this)'></a>");
var newA = '';
if(defaultMenuSelected){
newA=$("<a href=\"" + menuUrl + "\" target=\"iFrame1\" onclick = 'indexSelected(this)' class='indexSelected'></a>");
}else{
newA=$("<a href=\"" + menuUrl + "\" target=\"iFrame1\" onclick = 'indexSelected(this)'></a>");
}
newicon.addClass(iconCss);
newA.append(newicon);
newA.append(aName);
@ -150,132 +47,3 @@ function newAliFun(aName,iconCss,menuUrl){
return newli;
}
function menuFun(menuArr){
console.log(menuArr);
var menuUl=$("<ul class=\"sidebar-menu\" data-widget=\"tree\" ></ul>");
var arr=[];
var hospital=null;
if(menuArr.length>0){
for(var i=0;i< menuArr.length;i++){
if(menuArr[i].menuIcon==null){
menuArr[i].menuIcon="fa fa-circle-o";
}
if(menuArr[i].hospitalName!=null){
/*
li-->a-->ul-->li-->a--ul-->li-->a-->ul-->li
*/
/*医院li*/
if (arr.indexOf(menuArr[i].hospitalName) == -1) {
arr.push(menuArr[i].hospitalName);
hospital = lihospFun(menuArr[i].hospitalName, menuArr[i].menuIcon);
hospital.addClass("tree");
/*科室*/
var dept = null;
var deptArr = [];
if (deptArr.indexOf(menuArr[i].deptId) == -1) {
deptArr.push(menuArr[i].deptId);
if (menuArr[i].deptId != null) {
dept = ulFun(menuArr[i].deptName, menuArr[i].menuIcon);
/*系统*/
var sysUl = null;
var sysArr = [];
var menuLiFun = [];
for (var j = 0; j < menuArr.length; j++) {
if (menuArr[i].dictId == menuArr[j].dictId) {
/*菜单*/
var menArr = [];
for (var k = 0; k < menuArr.length; k++) {
if (menuArr[k].menuId == menuArr[j].menuId) {
if (menArr.indexOf(menuArr[k].menuId) == -1 && menuArr[k].menuName!="菜单列表") {
menArr.push(menuArr[k].menuId);
menuLiFun.push(menuArr[k]);
}
}
}
/*系统-菜单*/
if(menuLiFun.length>0) {
if (sysArr.indexOf(menuArr[j].sysFlag) == -1) {
sysArr.push(menuArr[j].sysFlag);
sysUl = ulFun(menuArr[j].sysName, menuArr[j].menuIcon);
/*菜单sysMenuLiFun*/
var xLiFun = ulSysMenuFun(menuLiFun);
sysUl.find('li').append(xLiFun);
//sysUl.append(menuLiFun);
dept.find('li').append(sysUl);
}
}
}
}
sysArr = null;
hospital.append(dept);
}
}
menuUl.append(hospital);
}
}
}
deptArr=null;
}
return menuUl;
}
function lihospFun(liName, iconCss) {
var subLi = $("<li class=\"treeview menu-open\"></li>");
subLi.append(aFun(liName, iconCss));
return subLi;
}
function roleSysFun(menuArr) {
var subLi = $("<li class=\"treeview menu-open\"></li>");
subUl.append(liSysMenuFun(menuArr));
return subLi;
}
function ulFun(liName, iconCss) {
var subUl = $(" <ul class=\"treeview-menu \" style=\"display: block;\"></ul>");
subUl.append(liFun(liName, iconCss));
return subUl;
}
function liFun(liName,iconCss) {
var subLi = $("<li class=\"treeview menu-open\"></li>");
subLi.append(aFun(liName, iconCss));
return subLi;
}
function aFun(aName, iconCss) {
/**<a href="#"><i class="fa fa-circle-o"></i> 基本功能
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>*/
var subA = $("<a href=\"#\"></a>");
var subIcon = $("<i></i>");
subIcon.addClass(iconCss);
var subSpan = $("<span class=\"pull-right-container\"><i class='fa fa-angle-left pull-right'></i></span>");
subA.append(subIcon);
subA.append(aName);
subA.append(subSpan);
return subA;
}
function ulSysMenuFun(menuArr) {
var subUl = $(" <ul class=\"treeview-menu \" style=\"display: block;\"></ul>");
for (var i = 0; i < menuArr.length; i++) {
var subLi = $("<li></li>");
var subA = $("<a href=\""+menuArr[i].menuUrl+"\" target=\"iFrame1\"></a>");
var subIcon = $("<i></i>");
if (menuArr[i].menuIcon != undefined || menuArr[i].menuIcon != null || menuArr[i].menuIcon != '') {
subIcon.addClass(menuArr[i].menuIcon);
subA.append(subIcon);
}
subA.append(menuArr[i].menuName);
subLi.append(subA);
subUl.append(subLi);
}
return subUl;
}

Loading…
Cancel
Save