NeusoftBI前端组件总结一
Head
<head> <meta charset="utf-8" /> <title>全院实时监控</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1" name="viewport" /> <meta content="实时监控->门诊实时监控" name="description" /> <jsp:include page="/WEB-INF/views/bi3/framework/basePath.jsp"></jsp:include> <jsp:include page="/WEB-INF/views/bi3/framework/linkInclude.jsp"></jsp:include> <jsp:include page="/WEB-INF/views/bi3/framework/scriptInclude.jsp"></jsp:include> </head>
/WEB-INF/views/bi3/framework/basePath.jsp
<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <base href="<%=basePath%>">
/WEB-INF/views/bi3/framework/linkInclude.jsp
<!-- BEGIN GLOBAL MANDATORY STYLES --> <!-- <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" /> --> <link href="resources/bi3/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" /> <!-- END GLOBAL MANDATORY STYLES --> <!-- BEGIN PAGE LEVEL PLUGINS --> <!-- <link href="resources/bi3/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" /> --> <!-- <link href="resources/bi3/assets/global/plugins/date/ym-datepicker/datepicker.css" rel="stylesheet" type="text/css" /> --> <link href="resources/bi3/assets/global/plugins/clockface/css/clockface.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/nouislider/nouislider.min.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/global/plugins/nouislider/nouislider.pips.css" rel="stylesheet" type="text/css" /> <!-- END PAGE LEVEL PLUGINS --> <!-- BEGIN THEME GLOBAL STYLES --> <link href="resources/bi3/assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" /> <link href="resources/bi3/assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" /> <!-- END THEME GLOBAL STYLES --> <!-- BEGIN THEME LAYOUT STYLES --> <link href="resources/bi3/assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/layouts/layout/css/themes/grey.min.css" rel="stylesheet" type="text/css" /> <link href="resources/bi3/assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" /> <!-- END THEME LAYOUT STYLES --> <!-- table列锁定,样式冲突修补 --> <!-- <style type="text/css"> table.dataTable { clear: both; margin-top: 1px !important; margin-bottom: 0px !important; max-width: none !important; } </style> --> <style type="text/css"> .tooltip-inner{ /* background: #fafafa !important; //修改背景色 color:#363636 !important;//字体颜色 border:1px solid #dedede;//添加boder */ text-align: left !important; max-width: 1000px !important; } .dataTables_scroll { margin: 0; } .portlet.box .dataTables_wrapper .dt-buttons { margin-top: -35px; margin-right: 10px; } </style>
/WEB-INF/views/bi3/framework/scriptInclude.jsp
<!-- BEGIN CORE PLUGINS --> <script src="resources/bi3/assets/global/plugins/jquery.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/js.cookie.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script> <!-- END CORE PLUGINS --> <!-- BEGIN PAGE LEVEL PLUGINS --> <script src="resources/bi3/assets/global/plugins/moment.min.js" type="text/javascript"></script> <!-- <script src="resources/bi3/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script> --> <!-- <script src="resources/bi3/assets/global/plugins/date/ym-datepicker/datepicker.js" type="text/javascript"></script> --> <script src="resources/bi3/assets/global/plugins/clockface/js/clockface.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/morris/morris.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script> <!-- <script src="resources/bi3/assets/global/scripts/datatable.js" type="text/javascript"></script> --> <script src="resources/bi3/assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script> <!-- <script src="resources/bi3/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script> --> <script src="resources/bi3/assets/global/plugins/nouislider/wNumb.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/global/plugins/nouislider/nouislider.min.js" type="text/javascript"></script> <!-- END PAGE LEVEL PLUGINS --> <!-- BEGIN THEME GLOBAL SCRIPTS --> <script src="resources/bi3/assets/global/scripts/app.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/bi/script/echarts.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/bi/script/myEcharts.js" type="text/javascript"></script> <script src="resources/bi3/assets/bi/script/myTable.js" type="text/javascript"></script> <script src="resources/bi3/assets/bi/script/formula.js" type="text/javascript"></script> <script src="resources/bi3/assets/bi/script/util.js" type="text/javascript"></script> <!-- END THEME GLOBAL SCRIPTS --> <!-- BEGIN PAGE LEVEL SCRIPTS --> <script src="resources/bi3/assets/pages/scripts/dashboard.min.js" type="text/javascript"></script> <!-- <script src="resources/bi3/assets/pages/scripts/components-date-time-pickers.js" type="text/javascript"></script> --> <!-- END PAGE LEVEL SCRIPTS --> <!-- BEGIN THEME LAYOUT SCRIPTS --> <script src="resources/bi3/assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script> <script src="resources/bi3/assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script> <!-- END THEME LAYOUT SCRIPTS -->