-
- 个人信息
-
-
-
-
-
-
-
- 查看药品库存列表 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ${echo}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ setTimeout(function(){
+ deferred.resolve();
+ } , parseInt(Math.random() * 800 + 800));
+ return false;
+ });
+ });
+ //////////////////////////////
+ $('#profile-feed-1').ace_scroll({
+ height: '250px',
+ mouseWheelLock: true,
+ alwaysVisible : true
+ });
+ $('a[ data-original-title]').tooltip();
+ $('.easy-pie-chart.percentage').each(function(){
+ var barColor = $(this).data('color') || '#555';
+ var trackColor = '#E2E2E2';
+ var size = parseInt($(this).data('size')) || 72;
+ $(this).easyPieChart({
+ barColor: barColor,
+ trackColor: trackColor,
+ scaleColor: false,
+ lineCap: 'butt',
+ lineWidth: parseInt(size/10),
+ animate:false,
+ size: size
+ }).css('color', barColor);
+ });
+ ///////////////////////////////////////////
+ //right & left position
+ //当鼠标进入或触摸开始时，显示用户信息在右侧或左侧，取决于其位置
+ $('#user-profile-2 .memberdiv').on('mouseenter touchstart', function(){
+ var $this = $(this);
+ var $parent = $this.closest('.tab-pane');
+ var off1 = $parent.offset();
+ var w1 = $parent.width();
+ var off2 = $this.offset();
+ var w2 = $this.width();
+ var place = 'left';
+ //判断用户信息框应该显示在左侧还是右侧
+ if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) place = 'right';
+ $this.find('.popover').removeClass('right left').addClass(place);
+ }).on('click', function(e) {
+ e.preventDefault();
+ //阻止默认点击事件
+ });
+
+ //初始化用户头像上传组件
+ $('#user-profile-3')
+ .find('input[type=file]').ace_file_input({
+ style:'well',
+ btn_choose:'Change avatar',
+ btn_change:null,
+ no_icon:'ace-icon fa fa-picture-o',
+ thumbnail:'large',
+ droppable:true,
+ allowExt: ['jpg', 'jpeg', 'png', 'gif'],
+ allowMime: ['image/jpg', 'image/jpeg', 'image/png', 'image/gif']
+ })
+ .end().find('button[type=reset]').on(ace.click_event, function(){
+ //重置文件输入框
+ $('#user-profile-3 input[type=file]').ace_file_input('reset_input');
+ })
+ .end().find('.date-picker').datepicker().next().on(ace.click_event, function(){
+ //触发日期选择框的焦点
+ $(this).prev().focus();
+ })
+ //为电话号码输入框应用掩码格式
+ $('.input-mask-phone').mask('(999) 999-9999');
+ //显示当前头像在文件列表中
+ $('#user-profile-3').find('input[type=file]').ace_file_input('show_file_list', [{type: 'image', name: $('#avatar').attr('src')}]);
+
+ //切换用户信息页面
+ $('[data-toggle="buttons"] .btn').on('click', function(e){
+ var target = $(this).find('input[type=radio]');
+ var which = parseInt(target.val());
+ //隐藏所有用户信息页面，显示被选中的页面
+ $('.user-profile').parent().addClass('hide');
+ $('#user-profile-'+which).parent().removeClass('hide');
+ });
+
+ //在AJAX加载开始前，清理页面元素
+ $(document).one('ajaxloadstart.page', function(e) {
+ try {
+ //销毁可编辑元素
+ $('.editable').editable('destroy');
+ } catch(e) {}
+ //移除所有select2元素
+ $('[class*=select2]').remove();
+ });
+ });
+
+
diff --git a/WebContent/WEB-INF/views/doctor/query-drug-list.jsp b/WebContent/WEB-INF/views/doctor/query-drug-list.jsp
index 56bde3a..362670c 100644
--- a/WebContent/WEB-INF/views/doctor/query-drug-list.jsp
+++ b/WebContent/WEB-INF/views/doctor/query-drug-list.jsp
@@ -1,443 +1,458 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
-
-
+
-
-
-
-
-
+
-
-
+
-
+
-
+
-
+
+
-
+
-
-
+
-
-
+
-
+
-
+
+ 个人信息
+
+
-
+
+
+
+
+
+
-
-
+
+
+ ${echo}
+
+
+
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
-
-
+ - ${currentDoctor.dname} - +
+
+ + ${currentDoctor.dname} + 医生 -
- -
+
-
-
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+ 查看药品库存列表 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
+
- 查看已处理处方列表 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $.fn.dataTable.Buttons.defaults.dom.container.className = 'dt-buttons btn-overlap btn-group btn-overlap';
+ new $.fn.dataTable.Buttons( myTable, {
+ buttons: [
+ {
+ "extend": "colvis",
+ "text": " Show/hide columns",
+ "className": "btn btn-white btn-primary btn-bold",
+ columns: ':not(:first):not(:last)'
+ },
+ {
+ "extend": "copy",
+ "text": " Copy to clipboard",
+ "className": "btn btn-white btn-primary btn-bold"
+ },
+ {
+ "extend": "csv",
+ "text": " Export to CSV",
+ "className": "btn btn-white btn-primary btn-bold"
+ },
+ {
+ "extend": "excel",
+ "text": " Export to Excel",
+ "className": "btn btn-white btn-primary btn-bold"
+ },
+ {
+ "extend": "pdf",
+ "text": " Export to PDF",
+ "className": "btn btn-white btn-primary btn-bold"
+ },
+ {
+ "extend": "print",
+ "text": " Print",
+ "className": "btn btn-white btn-primary btn-bold",
+ autoPrint: false,
+ message: 'This print was produced using the Print button for DataTables'
}
- /***************/
- $('.show-details-btn').on('click', function(e) {
- e.preventDefault();
- $(this).closest('tr').next().toggleClass('open');
- $(this).find(ace.vars['.icon']).toggleClass('fa-angle-double-down').toggleClass('fa-angle-double-up');
- });
- /***************/
+ ]
+ } );
+ myTable.buttons().container().appendTo( $('.tableTools-container') );
+ // 将DataTables的按钮容器附加到.tableTools-container元素中
+
+ //style the message box
+ var defaultCopyAction = myTable.button(1).action();
+ // 获取复制按钮的默认操作
+ myTable.button(1).action(function (e, dt, button, config) {
+ defaultCopyAction(e, dt, button, config);
+ // 执行复制按钮的默认操作
+ $('.dt-button-info').addClass('gritter-item-wrapper gritter-info gritter-center white');
+ // 为消息框添加样式
+ });
+ var defaultColvisAction = myTable.button(0).action();
+ // 获取列显示/隐藏按钮的默认操作
+ myTable.button(0).action(function (e, dt, button, config) {
+ defaultColvisAction(e, dt, button, config);
+ // 执行列显示/隐藏按钮的默认操作
+ if($('.dt-button-collection > .dropdown-menu').length == 0) {
+ // 如果下拉菜单不存在
+ $('.dt-button-collection')
+ .wrapInner('')
+ .find('a').attr('href', '#').wrap("")
+ // 将按钮集合包装成下拉菜单样式
+ }
+ $('.dt-button-collection').appendTo('.tableTools-container .dt-buttons')
+ // 将下拉菜单附加到.tableTools-container的.dt-buttons中
+ });
+
+ setTimeout(function() {
+ // 设置一个延时，确保DOM元素已经渲染完成
+ $($('.tableTools-container')).find('a.dt-button').each(function() {
+ var div = $(this).find(' > div').first();
+ // 为每个按钮找到它的第一个直接子div
+ if(div.length == 1) div.tooltip({container: 'body', title: div.parent().text()});
+ // 如果找到div，为这个div添加tooltip
+ else $(this).tooltip({container: 'body', title: $(this).text()});
+ // 否则，为按钮本身添加tooltip
+ });
+ }, 500);
+ // 设置延时500毫秒后执行上述代码
+
+ myTable.on( 'select', function ( e, dt, type, index ) {
+ // 监听行选择事件
+ if ( type === 'row' ) {
+ $( myTable.row( index ).node() ).find('input:checkbox').prop('checked', true);
+ // 如果选择了行，将该行的checkbox设置为选中状态
+ }
+ } );
+
+ myTable.on( 'deselect', function ( e, dt, type, index ) {
+ // 监听行取消选择事件
+ if ( type === 'row' ) {
+ $( myTable.row( index ).node() ).find('input:checkbox').prop('checked', false);
+ // 如果取消了行的选择，将该行的checkbox设置为未选中状态
+ }
+ } );
+
+ //table checkboxes
+ $('th input[type=checkbox], td input[type=checkbox]').prop('checked', false);
+ // 将表头和表体中的所有checkbox设置为未选中状态
+
+ //select/deselect all rows according to table header checkbox
+ $('#dynamic-table > thead > tr > th input[type=checkbox], #dynamic-table_wrapper input[type=checkbox]').eq(0).on('click', function(){
+ var th_checked = this.checked;//checkbox inside "TH" table header
+ // 获取表头checkbox的选中状态
+ $('#dynamic-table').find('tbody > tr').each(function(){
+ var row = this;
+ if(th_checked) myTable.row(row).select();
+ else myTable.row(row).deselect();
+ // 根据表头checkbox的状态，选择或取消选择每一行
+ });
+ });
+ // 监听表头checkbox的点击事件，根据点击状态选择或取消选择所有行
+ // 当复选框被选中或取消选中时，选择或取消选择对应的行
+ $('#dynamic-table').on('click', 'td input[type=checkbox]' , function(){
+ var row = $(this).closest('tr').get(0); // 获取当前复选框所在的行
+ // 注意这里的逻辑可能有问题：通常当复选框被选中时应该选择行，被取消选中时应该取消选择行
+ // 但这里的代码是在复选框被选中时调用 deselect 方法，在取消选中时调用 select 方法
+ // 这可能是个错误，或者是特定上下文中的特殊逻辑
+ if(this.checked) myTable.row(row).deselect(); // 如果复选框被选中，则取消选择该行
+ else myTable.row(row).select(); // 如果复选框被取消选中，则选择该行
+ });
+
+// 阻止 #dynamic-table 中 .dropdown-toggle 的点击事件冒泡和默认行为
+ $(document).on('click', '#dynamic-table .dropdown-toggle', function(e) {
+ e.stopImmediatePropagation(); // 立即停止事件冒泡
+ e.stopPropagation(); // 停止事件冒泡
+ e.preventDefault(); // 阻止默认行为
+ });
+
+// 对于没有 TableTools 或 dataTables 的简单表格
+// 根据表头复选框选中状态选择或取消选择所有行
+ var active_class = 'active'; // 定义活动行的类名
+ $('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
+ var th_checked = this.checked; // 获取表头复选框的选中状态
+ $(this).closest('table').find('tbody > tr').each(function(){ // 遍历表格中的所有行
+ var row = this; // 当前行
+ if(th_checked) { // 如果表头复选框被选中
+ $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true); // 为当前行添加活动类名，并选中复选框
+ } else { // 如果表头复选框被取消选中
+ $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false); // 移除当前行的活动类名，并取消选中复选框
+ }
+ });
+ });
+
+// 当简单表格中的复选框被选中或取消选中时，选择或取消选择对应的行（并添加或移除活动类名）
+ $('#simple-table').on('click', 'td input[type=checkbox]' , function(){
+ var $row = $(this).closest('tr'); // 获取当前复选框所在的行
+ if($row.is('.detail-row ')) return; // 如果当前行是详情行，则直接返回，不做任何操作
+ if(this.checked) $row.addClass(active_class); // 如果复选框被选中，则为当前行添加活动类名
+ else $row.removeClass(active_class); // 如果复选框被取消选中，则移除当前行的活动类名
+ });
+
+// 为小视图操作按钮添加工具提示
+ $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement}); // 使用自定义的 tooltip_placement 函数来确定工具提示的位置
+
+// 工具提示位置在右侧或左侧的判断函数
+ function tooltip_placement(context, source) {
+ var $source = $(source); // 获取触发工具提示的元素
+ var $parent = $source.closest('table'); // 获取最近的表格父元素
+ var off1 = $parent.offset(); // 获取表格的偏移量
+ var w1 = $parent.width(); // 获取表格的宽度
+ var off2 = $source.offset(); // 获取触发元素的偏移量
+ // 这里的 w2 没有被使用，可能是原始代码中的遗留部分
+ // if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right'; // 这行代码原本用于判断位置，但由于 w2 未使用，可能不是最终逻辑
+ // 简化后的逻辑：如果触发元素的左偏移量小于表格左偏移量加上表格宽度的一半，则工具提示显示在右侧，否则显示在左侧
+ if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
+ return 'left';
+ }
+
+ // 点击显示详情按钮时，切换详情行的显示状态，并切换按钮图标
+ $('.show-details-btn').on('click', function(e) {
+ e.preventDefault(); // 阻止默认行为
+ $(this).closest('tr').next().toggleClass('open'); // 切换下一行的 'open' 类名，用于显示或隐藏详情行
+ $(this).find(ace.vars['.icon']).toggleClass('fa-angle-double-down').toggleClass('fa-angle-double-up'); // 切换按钮图标
+ });
+ /***************/
/**
//add horizontal scrollbars to a simple table
$('#simple-table').css({'width':'2000px', 'max-width': 'none'}).wrap('').parent().ace_scroll(
@@ -616,8 +670,8 @@
mouseWheelLock: true
}
).css('padding-top', '12px');
- */
- })
-
-
+ */
+ })
+
+
diff --git a/WebContent/WEB-INF/views/doctor/query-solved-rx-list.jsp b/WebContent/WEB-INF/views/doctor/query-solved-rx-list.jsp
index a3c70ea..2c6675a 100644
--- a/WebContent/WEB-INF/views/doctor/query-solved-rx-list.jsp
+++ b/WebContent/WEB-INF/views/doctor/query-solved-rx-list.jsp
@@ -1,492 +1,504 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
-
-
-
+
-
-
-
-
-
+
-
+ - 查看药品库存列表 - - - 药品库存列表 - -
-
+
+
+
+ + 查看药品库存列表 + + + 药品库存列表 + +
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
- 查询结果
-
-
-
-
-
-
-
-
- | - - | -药品编号 | -药品名称 | -药品保质期 (天数) | -药品数量 | -操作 | -
|---|---|---|---|---|---|
| - - | -${drug.PDno} | -${drug.PDname} | -${drug.PDlife} | -${drug.PDnum} | -- - + + | +
-
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+ 查看已处理处方列表 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+ --%>
+
+
+
+
+
+
-
+
+
+
-
+
+
-
- -
-
-
-
-
- 3
-
-
-
-
- - - 统计信息 - -
- - -
-
-
-
- ${lowInventoryDrugsNum + close2ExpiryPDbatchesNum}
-
-
-
-
- - - 警报 - -
- - -
-
-
-
-
+ -
+
+
+
-
+
+
+
-
-
-
+
+
+
+
+
+
+
- 查看未处理处方列表 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ */
+ })
+
+
diff --git a/WebContent/WEB-INF/views/doctor/query-unsolved-rx-list.jsp b/WebContent/WEB-INF/views/doctor/query-unsolved-rx-list.jsp
index cca4960..2e1a203 100644
--- a/WebContent/WEB-INF/views/doctor/query-unsolved-rx-list.jsp
+++ b/WebContent/WEB-INF/views/doctor/query-unsolved-rx-list.jsp
@@ -1,486 +1,498 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
-
-
-
+
-
-
-
-
-
+
-
+ - 查看已处理处方列表 - - - 已处理处方列表 - -
-
+
+
+
+ + 查看已处理处方列表 + + + 已处理处方列表 + +
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
- 查询结果
-
-
-
-
-
-
-
-
- | - - | -处方编号 | -病人身份证号 | -开出医生编号 | -开出时间 | -处理护士编号 | -处理时间 | -操作 | -
|---|---|---|---|---|---|---|---|
| - - | -${rx.pno} | -${rx.pid} | -${rx.dno} | -
- |
- ${rx.nno} | -
- |
- - - + + | +
-
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+ 查看未处理处方列表 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+ --%>
+
+
+
+
+
+
-
+
+
+
-
+
+
-
- -
-
-
-
-
- 3
-
-
-
-
- - - 统计信息 - -
- - -
-
-
-
- ${lowInventoryDrugsNum + close2ExpiryPDbatchesNum}
-
-
-
-
- - - 警报 - -
- - -
-
-
-
-
+ -
+
+
+
-
+
+
+
-
-
-
+
+
+
+
+
+
+
- 欢迎 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ */
+ })
+
+
diff --git a/WebContent/WEB-INF/views/doctor/welcome.jsp b/WebContent/WEB-INF/views/doctor/welcome.jsp
index 5b0aba7..46b8e4f 100644
--- a/WebContent/WEB-INF/views/doctor/welcome.jsp
+++ b/WebContent/WEB-INF/views/doctor/welcome.jsp
@@ -1,616 +1,683 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
-
-
-
+
-
-
-
-
-
+
-
+ - 查看未处理处方列表 - - - 未处理处方列表 - -
-
+
+
+
+ + 查看未处理处方列表 + + + 未处理处方列表 + +
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
- 查询结果
-
-
-
-
-
-
-
-
- | - - | -处方编号 | -病人身份证号 | -开出医生编号 | -开出时间 | -操作 | -
|---|---|---|---|---|---|
| - - | -${rx.pno} | -${rx.pid} | -${rx.dno} | -
- |
- - - + + | +
-
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+
+
+ 欢迎 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+
+
+ --%>
+
+<%----%>
+
+
+
+
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
+ - 统计信息 -
-
+
+
+ + 统计信息 +
+
+ 个人信息页面 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+ 个人信息页面 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ // 更新提示框位置。
+ $tooltip.css({top:pos.pageY + 10, left:pos.pageX + 10});
+ } else {
+ // 如果鼠标不在任何数据点上，则隐藏提示框。
+ $tooltip.hide();
+ previousPoint = null;
+ }
+ });
+
+// 在页面开始加载ajax内容时移除提示框。
+ $(document).one('ajaxloadstart.page', function(e) {
+ $tooltip.remove();
+ });
+
+// 准备三个数据集用于绘制折线图。
+ var d1 = [], d2 = [], d3 = [];
+ for (var i = 0; i < Math.PI * 2; i += 0.5) {
+ d1.push([i, Math.sin(i)]);
+ d2.push([i, Math.cos(i)]);
+ }
+ for (var i = 0; i < Math.PI * 2; i += 0.2) {
+ d3.push([i, Math.tan(i)]);
+ }
+
+// 初始化折线图占位符，并设置其宽度和高度。
+ var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'220px'});
+
+// 使用flot插件绘制折线图。
+ $.plot("#sales-charts", [
+ { label: "Domains", data: d1 },
+ { label: "Hosting", data: d2 },
+ { label: "Services", data: d3 }
+ ], {
+ // 启用悬停事件。
+ hoverable: true,
+ // 阴影大小设置为0。
+ shadowSize: 0,
+ series: {
+ // 显示线条和点。
+ lines: { show: true },
+ points: { show: true }
+ },
+ xaxis: {
+ // 刻度长度设置为0。
+ tickLength: 0
+ },
+ yaxis: {
+ // y轴刻度设置。
+ ticks: 10,
+ min: -2,
+ max: 2,
+ tickDecimals: 3
+ },
+ grid: {
+ // 网格背景色和边框设置。
+ backgroundColor: { colors: [ "#fff", "#fff" ] },
+ borderWidth: 1,
+ borderColor:'#555'
+ }
+ });
+
+// 为具有data-rel="tooltip"属性的元素初始化Bootstrap提示框。
+ $('#recent-box [data-rel="tooltip"]').tooltip({placement: tooltip_placement});
+
+// 定义提示框位置的函数。
+ function tooltip_placement(context, source) {
+ var $source = $(source);
+ var $parent = $source.closest('.tab-content');
+ var off1 = $parent.offset();
+ var w1 = $parent.width();
+
+ var off2 = $source.offset();
+ //var w2 = $source.width(); // 未使用的变量
+
+ // 根据元素位置确定提示框的显示方向。
+ if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
+ return 'left';
+ }
+
+// 为.dialogs和.comments元素启用ace滚动条插件。
+ $('.dialogs,.comments').ace_scroll({
+ size: 300
+ });
+ //Android的默认浏览器在点击label时会混淆，导致拖动任务
+ //因此在点击label时禁用拖动
+ var agent = navigator.userAgent.toLowerCase(); // 获取用户代理字符串并转换为小写
+ if(ace.vars['touch'] && ace.vars['android']) { // 检查是否为触摸设备和Android系统
+ $('#tasks').on('touchstart', function(e){ // 绑定touchstart事件到#tasks元素
+ var li = $(e.target).closest('#tasks li'); // 获取点击事件最近的li元素
+ if(li.length == 0)return; // 如果没有找到li元素，则直接返回
+ var label = li.find('label.inline').get(0); // 在li元素内查找class为inline的label元素
+ if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ; // 如果点击的是label或其子元素，则阻止事件继续传播
+ });
+ }
+ $('#tasks').sortable({ // 使#tasks元素可排序
+ opacity:0.8, // 拖动时的透明度
+ revert:true, // 拖动后是否返回原位
+ forceHelperSize:true, // 强制帮助器大小
+ placeholder: 'draggable-placeholder', // 占位符的class
+ forcePlaceholderSize:true, // 强制占位符大小
+ tolerance:'pointer', // 触发排序的容差
+ stop: function( event, ui ) { // 排序停止时的事件
+ //仅为Chrome浏览器设置，以确保项目移动后下拉菜单不会出现在其他项目下方
+ $(ui.item).css('z-index', 'auto');
+ }
+ }
+ );
+ $('#tasks').disableSelection(); // 禁用#tasks元素内的文本选择
+ $('#tasks input:checkbox').removeAttr('checked').on('click', function(){ // 为#tasks内的checkbox元素移除checked属性并绑定点击事件
+ if(this.checked) $(this).closest('li').addClass('selected'); // 如果checkbox被选中，则为其最近的li元素添加selected类
+ else $(this).closest('li').removeClass('selected'); // 如果checkbox未选中，则移除其最近的li元素的selected类
+ });
+//根据窗口高度和菜单位置显示下拉菜单在顶部或底部
+ $('#task-tab .dropdown-hover').on('mouseenter', function(e) { // 为#task-tab内的.dropdown-hover元素绑定mouseenter事件
+ var offset = $(this).offset(); // 获取元素的偏移量
+
+ var $w = $(window) // 获取窗口对象
+ if (offset.top > $w.scrollTop() + $w.innerHeight() - 100) // 如果元素顶部距离大于窗口滚动距离加窗口内高度减去100
+ $(this).addClass('dropup'); // 则添加dropup类，表示下拉菜单应显示在上方
+ else $(this).removeClass('dropup'); // 否则移除dropup类
+ });
+ })
+
+
diff --git a/WebContent/WEB-INF/views/nurse/profile.jsp b/WebContent/WEB-INF/views/nurse/profile.jsp
index 2b78dcb..df23507 100644
--- a/WebContent/WEB-INF/views/nurse/profile.jsp
+++ b/WebContent/WEB-INF/views/nurse/profile.jsp
@@ -4,42 +4,69 @@
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
-
+
+
+ 欢迎使用
+
+ 医院药品库存管理系统
+ DIMS (v1.0)
+
+
-
+
-
-
-
-
-
-
+
-
-
- 欢迎使用
-
- 医院药品库存管理系统
- DIMS (v1.0)
-
+
+
-
+
+
-
+
+
-
+ ${solvedRxsNum}
+
已处理处方数目
+
-
-
-
-
-
-
-
-
- ${solvedRxsNum}
-
- 已处理处方数目
-
-
-
-
- ${unsolvedRxsNum}
-
- 未处理处方数目
-
-
-
-
-
- ${mySolvedRxsNum}
-
- 由我处理的处方数目
-
-
-
+
+
+
+
+
+
+ ${unsolvedRxsNum}
+
+ 未处理处方数目
+
+
+
+
+
+ ${mySolvedRxsNum}
+
+ 由我处理的处方数目
+
+
-
+
-
- 已处理处方数目
-
- ~
- 占总处方数目占比
-
-
-
-
-
-
+
+
+
+ 已处理处方数目
+
+
+ ~
+ 占总处方数目占比
+
+
+
-
+
-
- 未处理处方数目
-
- ~
- 占总处方数目占比
-
-
-
-
-
+
+
+
+ 未处理处方数目
+
+
+ ~
+ 占总处方数目占比
+
+
+
+
-
- 由我处理的处方数目
-
- ~
- 占处理处方数目占比
-
-
+ 由我处理的处方数目
+
+
+ ~
+ 占处理处方数目占比
+
+
@@ -460,13 +487,13 @@
$.fn.editable.defaults.mode = 'inline';
$.fn.editableform.loading = "
";
$.fn.editableform.buttons = ''+
- '';
- //editables
+ '';
+ //editables
//text editable
$('#username')
.editable({
type: 'text',
- name: 'username'
+ name: 'username'
});
//select2 editable
var countries = [];
@@ -502,14 +529,14 @@
source: countries,
select2: {
'width': 140
- },
+ },
success: function(response, newValue) {
if(currentValue == newValue) return;
currentValue = newValue;
var new_source = (!newValue || newValue == "") ? [] : cities[newValue];
//the destroy method is causing errors in x-editable v1.4.6+
//it worked fine in v1.4.5
- /**
+ /**
$('#city').editable('destroy').editable({
type: 'select2',
source: new_source
@@ -633,7 +660,7 @@
},
url: function(params) {
// ***UPDATE AVATAR HERE*** //
- //for a working upload example you can replace the contents of this function with
+ //for a working upload example you can replace the contents of this function with
//examples/profile-avatar-update.js
var deferred = new $.Deferred
var value = $('#avatar').next().find('input[type=hidden]:eq(0)').val();
@@ -678,7 +705,7 @@
*/
//another option is using modals
$('#avatar2').on('click', function(){
- var modal =
+ var modal =
'
\
\
\
@@ -744,77 +771,91 @@
});
});
//////////////////////////////
+ // 初始化ace_scroll插件，用于设置指定元素的滚动行为
$('#profile-feed-1').ace_scroll({
- height: '250px',
- mouseWheelLock: true,
- alwaysVisible : true
+ height: '250px', // 设置滚动容器的高度
+ mouseWheelLock: true, // 锁定鼠标滚轮，使其只能在滚动容器内滚动
+ alwaysVisible : true // 滚动条始终可见
});
+
+// 初始化tooltip插件，为所有包含data-original-title属性的标签添加提示框
$('a[ data-original-title]').tooltip();
+
+// 遍历所有class为easy-pie-chart且包含data-color属性的元素，初始化easyPieChart插件
$('.easy-pie-chart.percentage').each(function(){
- var barColor = $(this).data('color') || '#555';
- var trackColor = '#E2E2E2';
- var size = parseInt($(this).data('size')) || 72;
- $(this).easyPieChart({
- barColor: barColor,
- trackColor: trackColor,
- scaleColor: false,
- lineCap: 'butt',
- lineWidth: parseInt(size/10),
- animate:false,
- size: size
- }).css('color', barColor);
+ var barColor = $(this).data('color') || '#555'; // 获取自定义的条颜色，如果没有则使用#555
+ var trackColor = '#E2E2E2'; // 设置轨道颜色
+ var size = parseInt($(this).data('size')) || 72; // 获取自定义的大小，如果没有则使用72
+ $(this).easyPieChart({
+ barColor: barColor, // 设置条颜色
+ trackColor: trackColor, // 设置轨道颜色
+ scaleColor: false, // 不显示比例尺颜色
+ lineCap: 'butt', // 设置线条末端样式
+ lineWidth: parseInt(size/10), // 设置线条宽度
+ animate:false, // 不使用动画效果
+ size: size // 设置图表大小
+ }).css('color', barColor); // 设置元素的颜色与条颜色一致
});
- ///////////////////////////////////////////
- //right & left position
- //show the user info on right or left depending on its position
+
+///////////////////////////////////////////
+// 当鼠标进入或触摸#user-profile-2下的.memberdiv元素时，根据元素位置显示用户信息
$('#user-profile-2 .memberdiv').on('mouseenter touchstart', function(){
- var $this = $(this);
- var $parent = $this.closest('.tab-pane');
- var off1 = $parent.offset();
- var w1 = $parent.width();
- var off2 = $this.offset();
- var w2 = $this.width();
- var place = 'left';
+ var $this = $(this); // 当前元素
+ var $parent = $this.closest('.tab-pane'); // 当前元素的最近父级.tab-pane元素
+ var off1 = $parent.offset(); // 获取父级元素的偏移量
+ var w1 = $parent.width(); // 获取父级元素的宽度
+ var off2 = $this.offset(); // 获取当前元素的偏移量
+ var w2 = $this.width(); // 获取当前元素的宽度
+ var place = 'left'; // 默认显示位置为左侧
+ // 如果当前元素的左偏移量小于父级元素左偏移量加上父级元素宽度的一半，则显示位置为右侧
if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) place = 'right';
- $this.find('.popover').removeClass('right left').addClass(place);
+ $this.find('.popover').removeClass('right left').addClass(place); // 根据计算结果设置显示位置
}).on('click', function(e) {
- e.preventDefault();
+ e.preventDefault(); // 阻止默认点击事件
});
- ///////////////////////////////////////////
+
+///////////////////////////////////////////
+// 初始化ace_file_input插件，用于文件上传
$('#user-profile-3')
- .find('input[type=file]').ace_file_input({
- style:'well',
- btn_choose:'Change avatar',
- btn_change:null,
- no_icon:'ace-icon fa fa-picture-o',
- thumbnail:'large',
- droppable:true,
- allowExt: ['jpg', 'jpeg', 'png', 'gif'],
- allowMime: ['image/jpg', 'image/jpeg', 'image/png', 'image/gif']
+ .find('input[type=file]').ace_file_input({
+ style:'well', // 设置样式
+ btn_choose:'Change avatar', // 设置选择按钮的文本
+ btn_change:null, // 不显示更改按钮
+ no_icon:'ace-icon fa fa-picture-o', // 没有文件时显示的图标
+ thumbnail:'large', // 设置缩略图大小
+ droppable:true, // 允许拖放文件
+ allowExt: ['jpg', 'jpeg', 'png', 'gif'], // 允许的文件扩展名
+ allowMime: ['image/jpg', 'image/jpeg', 'image/png', 'image/gif'] // 允许的文件MIME类型
})
- .end().find('button[type=reset]').on(ace.click_event, function(){
+ .end().find('button[type=reset]').on(ace.click_event, function(){
+ // 重置文件输入
$('#user-profile-3 input[type=file]').ace_file_input('reset_input');
})
- .end().find('.date-picker').datepicker().next().on(ace.click_event, function(){
+ .end().find('.date-picker').datepicker().next().on(ace.click_event, function(){
+ // 点击日期选择器的图标时，聚焦到输入框
$(this).prev().focus();
})
+// 初始化input的mask插件，用于格式化电话号码输入
$('.input-mask-phone').mask('(999) 999-9999');
+// 显示初始文件列表（这里假设#avatar是图片元素的id）
$('#user-profile-3').find('input[type=file]').ace_file_input('show_file_list', [{type: 'image', name: $('#avatar').attr('src')}]);
- ////////////////////
- //change profile
+
+////////////////////
+// 切换用户信息页面的显示
$('[data-toggle="buttons"] .btn').on('click', function(e){
- var target = $(this).find('input[type=radio]');
- var which = parseInt(target.val());
- $('.user-profile').parent().addClass('hide');
- $('#user-profile-'+which).parent().removeClass('hide');
+ var target = $(this).find('input[type=radio]'); // 获取按钮内的单选按钮
+ var which = parseInt(target.val()); // 获取单选按钮的值
+ $('.user-profile').parent().addClass('hide'); // 隐藏所有用户信息页面
+ $('#user-profile-'+which).parent().removeClass('hide'); // 显示选中的用户信息页面
});
- /////////////////////////////////////
+
+/////////////////////////////////////
+// 在页面即将通过Ajax加载新内容时，销毁editable插件和移除select2元素
$(document).one('ajaxloadstart.page', function(e) {
- //in ajax mode, remove remaining elements before leaving page
try {
- $('.editable').editable('destroy');
+ $('.editable').editable('destroy'); // 销毁editable插件
} catch(e) {}
- $('[class*=select2]').remove();
+ $('[class*=select2]').remove(); // 移除select2元素
});
});
diff --git a/WebContent/WEB-INF/views/nurse/query-drug-list.jsp b/WebContent/WEB-INF/views/nurse/query-drug-list.jsp
index d5d523b..f8257b4 100644
--- a/WebContent/WEB-INF/views/nurse/query-drug-list.jsp
+++ b/WebContent/WEB-INF/views/nurse/query-drug-list.jsp
@@ -1,427 +1,454 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
- 查看药品库存列表 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+
+
+ 查看药品库存列表 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
-
-
-
+
+
+
+
+
+
+
- 查看具体批次明细 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ */
+ })
+
+
diff --git a/WebContent/WEB-INF/views/nurse/query-pdbatch-list.jsp b/WebContent/WEB-INF/views/nurse/query-pdbatch-list.jsp
index c1666a5..1fcbf5d 100644
--- a/WebContent/WEB-INF/views/nurse/query-pdbatch-list.jsp
+++ b/WebContent/WEB-INF/views/nurse/query-pdbatch-list.jsp
@@ -1,660 +1,698 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
-
-
-
+
-
-
-
-
-
+
-
+ - 查看药品库存列表 - - - 药品库存列表 - -
-
+
+
+
+ + 查看药品库存列表 + + + 药品库存列表 + +
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
- 查询结果
-
-
-
-
-
-
-
-
- | 药品编号 | -药品名称 | -药品保质期 (天数) | -药品数量 | -操作 | -
|---|---|---|---|---|
| ${drug.PDno} | -${drug.PDname} | -${drug.PDlife} | -${drug.PDnum} | -- - + + | +
-
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+ 查看具体批次明细 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+ 查看具体处方明细 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+ 查看具体处方明细 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- +
@@ -892,7 +912,7 @@
}
});
if(!ace.vars['touch']) {
- $('.chosen-select').chosen({allow_single_deselect:true});
+ $('.chosen-select').chosen({allow_single_deselect:true});
//resize the chosen on window resize
$(window)
.off('resize.chosen')
@@ -962,7 +982,7 @@
values: [ 17, 67 ],
slide: function( event, ui ) {
var val = ui.values[$(ui.handle).index()-1] + "";
-
+
if( !ui.handle.firstChild ) {
$("")
.prependTo(ui.handle);
@@ -985,7 +1005,7 @@
value: value,
range: "min",
animate: true
-
+
});
});
$("#slider-eq > span.ui-slider-purple").slider('disable');//disable third item
@@ -1045,14 +1065,14 @@
if(this.checked) {
btn_choose = "Drop images here or click to choose";
no_icon = "ace-icon fa fa-picture-o";
-
+
whitelist_ext = ["jpeg", "jpg", "png", "gif" , "bmp"];
whitelist_mime = ["image/jpg", "image/jpeg", "image/png", "image/gif", "image/bmp"];
}
else {
btn_choose = "Drop files here or click to choose";
no_icon = "ace-icon fa fa-cloud-upload";
-
+
whitelist_ext = null;//all extensions are acceptable
whitelist_mime = null;//all mimes are acceptable
}
@@ -1101,141 +1121,167 @@
});
*/
});
+ // 初始化第一个数值调节器，设置初始值、最小值、最大值、步长、上下按钮的样式
$('#spinner1').ace_spinner({value:0,min:0,max:200,step:10, btn_up_class:'btn-info' , btn_down_class:'btn-info'})
- .closest('.ace-spinner')
- .on('changed.fu.spinbox', function(){
- //console.log($('#spinner1').val())
- });
+ // 获取最近的父级元素.ace-spinner，并为其绑定值改变事件
+ .closest('.ace-spinner')
+ .on('changed.fu.spinbox', function(){
+ //console.log($('#spinner1').val()) // 打印当前值（此行代码被注释）
+ });
+
+// 初始化第二个数值调节器，设置初始值、最小值、最大值、步长、启用触摸滑动、上下按钮的图标
$('#spinner2').ace_spinner({value:0,min:0,max:10000,step:100, touch_spinner: true, icon_up:'ace-icon fa fa-caret-up bigger-110', icon_down:'ace-icon fa fa-caret-down bigger-110'});
+
+// 初始化第三个数值调节器，设置初始值、最小值、最大值、步长、在输入框两侧显示按钮、上下按钮的图标和样式
$('#spinner3').ace_spinner({value:0,min:-100,max:100,step:10, on_sides: true, icon_up:'ace-icon fa fa-plus bigger-110', icon_down:'ace-icon fa fa-minus bigger-110', btn_up_class:'btn-success' , btn_down_class:'btn-danger'});
+
+// 初始化第四个数值调节器，设置初始值、最小值、最大值、步长、在输入框两侧显示按钮、上下按钮的图标和统一按钮样式
$('#spinner4').ace_spinner({value:0,min:-100,max:100,step:10, on_sides: true, icon_up:'ace-icon fa fa-plus', icon_down:'ace-icon fa fa-minus', btn_up_class:'btn-purple' , btn_down_class:'btn-purple'});
- //$('#spinner1').ace_spinner('disable').ace_spinner('value', 11);
- //or
- //$('#spinner1').closest('.ace-spinner').spinner('disable').spinner('enable').spinner('value', 11);//disable, enable or change value
- //$('#spinner1').closest('.ace-spinner').spinner('value', 0);//reset to 0
- //datepicker plugin
- //link
+
+// 以下几行为注释掉的代码，展示了如何禁用、启用或改变数值调节器的值
+//$('#spinner1').ace_spinner('disable').ace_spinner('value', 11);
+//or
+//$('#spinner1').closest('.ace-spinner').spinner('disable').spinner('enable').spinner('value', 11);//disable, enable or change value
+//$('#spinner1').closest('.ace-spinner').spinner('value', 0);//reset to 0
+
+// 初始化日期选择器插件
$('.date-picker').datepicker({
- autoclose: true,
- todayHighlight: true
+ autoclose: true, // 选择日期后自动关闭
+ todayHighlight: true // 高亮显示今天
})
- //show datepicker when clicking on the icon
- .next().on(ace.click_event, function(){
+ // 点击图标时显示日期选择器
+ .next().on(ace.click_event, function(){
$(this).prev().focus();
});
- //or change it into a date range picker
+
+// 初始化日期范围选择器
$('.input-daterange').datepicker({autoclose:true});
- //to translate the daterange picker, please copy the "examples/daterange-fr.js" contents here before initialization
+
+// 初始化日期范围选择器，并设置本地化选项
$('input[name=date-range-picker]').daterangepicker({
- 'applyClass' : 'btn-sm btn-success',
- 'cancelClass' : 'btn-sm btn-default',
+ 'applyClass' : 'btn-sm btn-success', // 应用按钮样式
+ 'cancelClass' : 'btn-sm btn-default', // 取消按钮样式
locale: {
- applyLabel: 'Apply',
- cancelLabel: 'Cancel',
+ applyLabel: 'Apply', // 应用标签
+ cancelLabel: 'Cancel', // 取消标签
}
})
- .prev().on(ace.click_event, function(){
+ .prev().on(ace.click_event, function(){
$(this).next().focus();
});
+
+// 初始化时间选择器
$('#timepicker1').timepicker({
- minuteStep: 1,
- showSeconds: true,
- showMeridian: false,
- disableFocus: true,
+ minuteStep: 1, // 分钟步长
+ showSeconds: true, // 显示秒
+ showMeridian: false, // 不显示上午/下午
+ disableFocus: true, // 禁用聚焦时自动显示
icons: {
- up: 'fa fa-chevron-up',
- down: 'fa fa-chevron-down'
+ up: 'fa fa-chevron-up', // 向上图标
+ down: 'fa fa-chevron-down' // 向下图标
}
}).on('focus', function() {
- $('#timepicker1').timepicker('showWidget');
+ $('#timepicker1').timepicker('showWidget'); // 聚焦时显示时间选择器
}).next().on(ace.click_event, function(){
$(this).prev().focus();
});
+
+// 初始化日期时间选择器（在非旧版IE浏览器中）
if(!ace.vars['old_ie']) $('#date-timepicker1').datetimepicker({
- format: 'MM/DD/YYYY h:mm:ss A',//use this option to display seconds
- icons: {
- time: 'fa fa-clock-o',
- date: 'fa fa-calendar',
- up: 'fa fa-chevron-up',
- down: 'fa fa-chevron-down',
- previous: 'fa fa-chevron-left',
- next: 'fa fa-chevron-right',
- today: 'fa fa-arrows ',
- clear: 'fa fa-trash',
- close: 'fa fa-times'
- }
+ format: 'MM/DD/YYYY h:mm:ss A', // 日期时间格式（包含秒）
+ icons: {
+ time: 'fa fa-clock-o', // 时间图标
+ date: 'fa fa-calendar', // 日期图标
+ up: 'fa fa-chevron-up', // 向上图标
+ down: 'fa fa-chevron-down', // 向下图标
+ previous: 'fa fa-chevron-left', // 上一个图标
+ next: 'fa fa-chevron-right', // 下一个图标
+ today: 'fa fa-arrows ', // 今天图标
+ clear: 'fa fa-trash', // 清除图标
+ close: 'fa fa-times' // 关闭图标
+ }
}).next().on(ace.click_event, function(){
$(this).prev().focus();
});
+
+// 初始化颜色选择器
$('#colorpicker1').colorpicker();
- //$('.colorpicker').last().css('z-index', 2000);//if colorpicker is inside a modal, its z-index should be higher than modal'safe
+
+// 如果颜色选择器在模态框内，需要设置更高的z-index（此行代码被注释）
+//$('.colorpicker').last().css('z-index', 2000);
+
+// 初始化简单颜色选择器
$('#simple-colorpicker-1').ace_colorpicker();
- //$('#simple-colorpicker-1').ace_colorpicker('pick', 2);//select 2nd color
- //$('#simple-colorpicker-1').ace_colorpicker('pick', '#fbe983');//select #fbe983 color
- //var picker = $('#simple-colorpicker-1').data('ace_colorpicker')
- //picker.pick('red', true);//insert the color if it doesn't exist
- $(".knob").knob();
- var tag_input = $('#form-field-tags');
+
+// 以下几行为注释掉的代码，展示了如何使用简单颜色选择器选择颜色
+//$('#simple-colorpicker-1').ace_colorpicker('pick', 2); // 选择第二种颜色
+//$('#simple-colorpicker-1').ace_colorpicker('pick', '#fbe983'); // 选择#fbe983颜色
+//var picker = $('#simple-colorpicker-1').data('ace_colorpicker')
+//picker.pick('red', true); // 如果颜色不存在则插入红色
+ $(".knob").knob(); // 初始化所有的.knob元素为knob插件的实例
+
+ var tag_input = $('#form-field-tags'); // 获取id为form-field-tags的元素
+
try{
- tag_input.tag(
- {
- placeholder:tag_input.attr('placeholder'),
- //enable typeahead by specifying the source array
- source: ace.vars['US_STATES'],//defined in ace.js >> ace.enable_search_ahead
- /**
- //or fetch data from database, fetch those that match "query"
- source: function(query, process) {
- $.ajax({url: 'remote_source.php?q='+encodeURIComponent(query)})
- .done(function(result_items){
- process(result_items);
- });
+ tag_input.tag( // 调用tag插件初始化
+ {
+ placeholder:tag_input.attr('placeholder'), // 设置placeholder属性为input元素的placeholder属性值
+ // 通过指定source数组启用typeahead
+ source: ace.vars['US_STATES'], // 使用ace.js中定义的US_STATES数组作为typeahead的数据源
+ /**
+ // 或者从数据库中获取匹配"query"的数据
+ source: function(query, process) {
+ $.ajax({url: 'remote_source.php?q='+encodeURIComponent(query)}) // 发送ajax请求到remote_source.php，携带查询参数q
+ .done(function(result_items){
+ process(result_items); // 处理返回的结果
+ });
+ }
+ */
}
- */
- }
)
- //programmatically add/remove a tag
- var $tag_obj = $('#form-field-tags').data('tag');
- $tag_obj.add('Programmatically Added');
- var index = $tag_obj.inValues('some tag');
- $tag_obj.remove(index);
+ // 程序化地添加/移除一个tag
+ var $tag_obj = $('#form-field-tags').data('tag'); // 获取tag插件的实例
+ $tag_obj.add('Programmatically Added'); // 添加一个名为"Programmatically Added"的tag
+ var index = $tag_obj.inValues('some tag'); // 查找名为"some tag"的tag的索引
+ $tag_obj.remove(index); // 移除找到的tag
}
catch(e) {
- //display a textarea for old IE, because it doesn't support this plugin or another one I tried!
- tag_input.after('').remove();
- //autosize($('#form-field-tags'));
+ // 对于不支持此插件的旧版IE，显示一个textarea
+ tag_input.after('').remove(); // 在tag_input后插入一个textarea，并移除tag_input
+ //autosize($('#form-field-tags')); // 注释掉的代码，可能是用于自动调整textarea大小的代码
}
- /////////
- $('#modal-form input[type=file]').ace_file_input({
- style:'well',
- btn_choose:'Drop files here or click to choose',
- btn_change:null,
- no_icon:'ace-icon fa fa-cloud-upload',
- droppable:true,
- thumbnail:'large'
+/////////
+ $('#modal-form input[type=file]').ace_file_input({ // 为模态表单中的文件输入元素初始化ace_file_input插件
+ style:'well', // 设置样式为well
+ btn_choose:'Drop files here or click to choose', // 设置选择文件的按钮文本
+ btn_change:null, // 不显示更改按钮
+ no_icon:'ace-icon fa fa-cloud-upload', // 不显示图标，使用ace-icon fa fa-cloud-upload作为class
+ droppable:true, // 允许拖放文件
+ thumbnail:'large' // 设置缩略图大小为large
})
- //chosen plugin inside a modal will have a zero width because the select element is originally hidden
- //and its width cannot be determined.
- //so we set the width after modal is show
+// chosen插件在模态框内会有零宽度，因为原始的select元素是隐藏的，无法确定其宽度
+// 所以我们在模态框显示后设置宽度
$('#modal-form').on('shown.bs.modal', function () {
- if(!ace.vars['touch']) {
- $(this).find('.chosen-container').each(function(){
- $(this).find('a:first-child').css('width' , '210px');
- $(this).find('.chosen-drop').css('width' , '210px');
- $(this).find('.chosen-search input').css('width' , '200px');
+ if(!ace.vars['touch']) { // 如果不是触摸设备
+ $(this).find('.chosen-container').each(function(){ // 对每个chosen容器
+ $(this).find('a:first-child').css('width' , '210px'); // 设置第一个a标签的宽度为210px
+ $(this).find('.chosen-drop').css('width' , '210px'); // 设置下拉菜单的宽度为210px
+ $(this).find('.chosen-search input').css('width' , '200px'); // 设置搜索框的宽度为200px
});
}
})
/**
- //or you can activate the chosen plugin after modal is shown
- //this way select element becomes visible with dimensions and chosen works as expected
- $('#modal-form').on('shown', function () {
- $(this).find('.modal-chosen').chosen();
- })
- */
- $(document).one('ajaxloadstart.page', function(e) {
- autosize.destroy('textarea[class*=autosize]')
- $('.limiterBox,.autosizejs').remove();
- $('.daterangepicker.dropdown-menu,.colorpicker.dropdown-menu,.bootstrap-datetimepicker-widget.dropdown-menu').remove();
+// 或者你可以在模态框显示后激活chosen插件
+// 这样select元素就会显示尺寸，chosen插件也能正常工作
+$('#modal-form').on('shown', function () {
+ $(this).find('.modal-chosen').chosen(); // 初始化chosen插件
+})
+ */
+ $(document).one('ajaxloadstart.page', function(e) { // 在页面开始加载ajax内容时执行一次
+ autosize.destroy('textarea[class*=autosize]') // 销毁所有class包含autosize的textarea的autosize实例
+ $('.limiterBox,.autosizejs').remove(); // 移除所有limiterBox和autosizejs的class的元素
+ $('.daterangepicker.dropdown-menu,.colorpicker.dropdown-menu,.bootstrap-datetimepicker-widget.dropdown-menu').remove(); // 移除日期范围选择器、颜色选择器和日期时间选择器的下拉菜单
+
});
});
diff --git a/WebContent/WEB-INF/views/nurse/query-solved-rx-list.jsp b/WebContent/WEB-INF/views/nurse/query-solved-rx-list.jsp
index b74fe6b..9dd2ea9 100644
--- a/WebContent/WEB-INF/views/nurse/query-solved-rx-list.jsp
+++ b/WebContent/WEB-INF/views/nurse/query-solved-rx-list.jsp
@@ -1,430 +1,453 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
-
+
-
+
+
+
+
+
+--%>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/***************/
+/**
+//add horizontal scrollbars to a simple table
+$('#simple-table').css({'width':'2000px', 'max-width': 'none'}).wrap('').parent().ace_scroll(
+{
+horizontal: true,
+styleClass: 'scroll-top scroll-dark scroll-visible',//show the scrollbars on top(default is bottom)
+size: 2000,
+mouseWheelLock: true
+}
+).css('padding-top', '12px');
+*/
+})
+
+
diff --git a/WebContent/WEB-INF/views/nurse/query-rx.jsp b/WebContent/WEB-INF/views/nurse/query-rx.jsp
index 5c79f3a..cd19ffb 100644
--- a/WebContent/WEB-INF/views/nurse/query-rx.jsp
+++ b/WebContent/WEB-INF/views/nurse/query-rx.jsp
@@ -4,44 +4,64 @@
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
-
-
+
+
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
+ - 查看药品库存列表 - - - 查看具体批次明细 - -
-
+
+
-
-
-
-
+
+ + 查看药品库存列表 + + + 查看具体批次明细 + +
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
+
| 明细 | -药品编号 | -药品名称 | -药品保质期 (天数) | -药品数量 | -操作 | -
|---|---|---|---|---|---|
| - - | -${drug.PDno} | -${drug.PDname} | -${drug.PDlife} | -${drug.PDnum} | -- - - - - - - - - - + | +
- +
@@ -892,7 +912,7 @@
}
});
if(!ace.vars['touch']) {
- $('.chosen-select').chosen({allow_single_deselect:true});
+ $('.chosen-select').chosen({allow_single_deselect:true});
//resize the chosen on window resize
$(window)
.off('resize.chosen')
@@ -962,7 +982,7 @@
values: [ 17, 67 ],
slide: function( event, ui ) {
var val = ui.values[$(ui.handle).index()-1] + "";
-
+
if( !ui.handle.firstChild ) {
$("")
.prependTo(ui.handle);
@@ -985,7 +1005,7 @@
value: value,
range: "min",
animate: true
-
+
});
});
$("#slider-eq > span.ui-slider-purple").slider('disable');//disable third item
@@ -1045,14 +1065,14 @@
if(this.checked) {
btn_choose = "Drop images here or click to choose";
no_icon = "ace-icon fa fa-picture-o";
-
+
whitelist_ext = ["jpeg", "jpg", "png", "gif" , "bmp"];
whitelist_mime = ["image/jpg", "image/jpeg", "image/png", "image/gif", "image/bmp"];
}
else {
btn_choose = "Drop files here or click to choose";
no_icon = "ace-icon fa fa-cloud-upload";
-
+
whitelist_ext = null;//all extensions are acceptable
whitelist_mime = null;//all mimes are acceptable
}
@@ -1101,141 +1121,167 @@
});
*/
});
+ // 初始化第一个数值调节器，设置初始值、最小值、最大值、步长、上下按钮的样式
$('#spinner1').ace_spinner({value:0,min:0,max:200,step:10, btn_up_class:'btn-info' , btn_down_class:'btn-info'})
- .closest('.ace-spinner')
- .on('changed.fu.spinbox', function(){
- //console.log($('#spinner1').val())
- });
+ // 获取最近的父级元素.ace-spinner，并为其绑定值改变事件
+ .closest('.ace-spinner')
+ .on('changed.fu.spinbox', function(){
+ //console.log($('#spinner1').val()) // 打印当前值（此行代码被注释）
+ });
+
+// 初始化第二个数值调节器，设置初始值、最小值、最大值、步长、启用触摸滑动、上下按钮的图标
$('#spinner2').ace_spinner({value:0,min:0,max:10000,step:100, touch_spinner: true, icon_up:'ace-icon fa fa-caret-up bigger-110', icon_down:'ace-icon fa fa-caret-down bigger-110'});
+
+// 初始化第三个数值调节器，设置初始值、最小值、最大值、步长、在输入框两侧显示按钮、上下按钮的图标和样式
$('#spinner3').ace_spinner({value:0,min:-100,max:100,step:10, on_sides: true, icon_up:'ace-icon fa fa-plus bigger-110', icon_down:'ace-icon fa fa-minus bigger-110', btn_up_class:'btn-success' , btn_down_class:'btn-danger'});
+
+// 初始化第四个数值调节器，设置初始值、最小值、最大值、步长、在输入框两侧显示按钮、上下按钮的图标和统一按钮样式
$('#spinner4').ace_spinner({value:0,min:-100,max:100,step:10, on_sides: true, icon_up:'ace-icon fa fa-plus', icon_down:'ace-icon fa fa-minus', btn_up_class:'btn-purple' , btn_down_class:'btn-purple'});
- //$('#spinner1').ace_spinner('disable').ace_spinner('value', 11);
- //or
- //$('#spinner1').closest('.ace-spinner').spinner('disable').spinner('enable').spinner('value', 11);//disable, enable or change value
- //$('#spinner1').closest('.ace-spinner').spinner('value', 0);//reset to 0
- //datepicker plugin
- //link
+
+// 以下几行为注释掉的代码，展示了如何禁用、启用或改变数值调节器的值
+//$('#spinner1').ace_spinner('disable').ace_spinner('value', 11);
+//or
+//$('#spinner1').closest('.ace-spinner').spinner('disable').spinner('enable').spinner('value', 11);//disable, enable or change value
+//$('#spinner1').closest('.ace-spinner').spinner('value', 0);//reset to 0
+
+// 初始化日期选择器插件
$('.date-picker').datepicker({
- autoclose: true,
- todayHighlight: true
+ autoclose: true, // 选择日期后自动关闭
+ todayHighlight: true // 高亮显示今天
})
- //show datepicker when clicking on the icon
- .next().on(ace.click_event, function(){
+ // 点击图标时显示日期选择器
+ .next().on(ace.click_event, function(){
$(this).prev().focus();
});
- //or change it into a date range picker
+
+// 初始化日期范围选择器
$('.input-daterange').datepicker({autoclose:true});
- //to translate the daterange picker, please copy the "examples/daterange-fr.js" contents here before initialization
+
+// 初始化日期范围选择器，并设置本地化选项
$('input[name=date-range-picker]').daterangepicker({
- 'applyClass' : 'btn-sm btn-success',
- 'cancelClass' : 'btn-sm btn-default',
+ 'applyClass' : 'btn-sm btn-success', // 应用按钮样式
+ 'cancelClass' : 'btn-sm btn-default', // 取消按钮样式
locale: {
- applyLabel: 'Apply',
- cancelLabel: 'Cancel',
+ applyLabel: 'Apply', // 应用标签
+ cancelLabel: 'Cancel', // 取消标签
}
})
- .prev().on(ace.click_event, function(){
+ .prev().on(ace.click_event, function(){
$(this).next().focus();
});
+
+// 初始化时间选择器
$('#timepicker1').timepicker({
- minuteStep: 1,
- showSeconds: true,
- showMeridian: false,
- disableFocus: true,
+ minuteStep: 1, // 分钟步长
+ showSeconds: true, // 显示秒
+ showMeridian: false, // 不显示上午/下午
+ disableFocus: true, // 禁用聚焦时自动显示
icons: {
- up: 'fa fa-chevron-up',
- down: 'fa fa-chevron-down'
+ up: 'fa fa-chevron-up', // 向上图标
+ down: 'fa fa-chevron-down' // 向下图标
}
}).on('focus', function() {
- $('#timepicker1').timepicker('showWidget');
+ $('#timepicker1').timepicker('showWidget'); // 聚焦时显示时间选择器
}).next().on(ace.click_event, function(){
$(this).prev().focus();
});
+
+// 初始化日期时间选择器（在非旧版IE浏览器中）
if(!ace.vars['old_ie']) $('#date-timepicker1').datetimepicker({
- format: 'MM/DD/YYYY h:mm:ss A',//use this option to display seconds
- icons: {
- time: 'fa fa-clock-o',
- date: 'fa fa-calendar',
- up: 'fa fa-chevron-up',
- down: 'fa fa-chevron-down',
- previous: 'fa fa-chevron-left',
- next: 'fa fa-chevron-right',
- today: 'fa fa-arrows ',
- clear: 'fa fa-trash',
- close: 'fa fa-times'
- }
+ format: 'MM/DD/YYYY h:mm:ss A', // 日期时间格式（包含秒）
+ icons: {
+ time: 'fa fa-clock-o', // 时间图标
+ date: 'fa fa-calendar', // 日期图标
+ up: 'fa fa-chevron-up', // 向上图标
+ down: 'fa fa-chevron-down', // 向下图标
+ previous: 'fa fa-chevron-left', // 上一个图标
+ next: 'fa fa-chevron-right', // 下一个图标
+ today: 'fa fa-arrows ', // 今天图标
+ clear: 'fa fa-trash', // 清除图标
+ close: 'fa fa-times' // 关闭图标
+ }
}).next().on(ace.click_event, function(){
$(this).prev().focus();
});
+
+// 初始化颜色选择器
$('#colorpicker1').colorpicker();
- //$('.colorpicker').last().css('z-index', 2000);//if colorpicker is inside a modal, its z-index should be higher than modal'safe
+
+// 如果颜色选择器在模态框内，需要设置更高的z-index（此行代码被注释）
+//$('.colorpicker').last().css('z-index', 2000);
+
+// 初始化简单颜色选择器
$('#simple-colorpicker-1').ace_colorpicker();
- //$('#simple-colorpicker-1').ace_colorpicker('pick', 2);//select 2nd color
- //$('#simple-colorpicker-1').ace_colorpicker('pick', '#fbe983');//select #fbe983 color
- //var picker = $('#simple-colorpicker-1').data('ace_colorpicker')
- //picker.pick('red', true);//insert the color if it doesn't exist
- $(".knob").knob();
- var tag_input = $('#form-field-tags');
+
+// 以下几行为注释掉的代码，展示了如何使用简单颜色选择器选择颜色
+//$('#simple-colorpicker-1').ace_colorpicker('pick', 2); // 选择第二种颜色
+//$('#simple-colorpicker-1').ace_colorpicker('pick', '#fbe983'); // 选择#fbe983颜色
+//var picker = $('#simple-colorpicker-1').data('ace_colorpicker')
+//picker.pick('red', true); // 如果颜色不存在则插入红色
+ $(".knob").knob(); // 初始化所有的.knob元素为knob插件的实例
+
+ var tag_input = $('#form-field-tags'); // 获取id为form-field-tags的元素
+
try{
- tag_input.tag(
- {
- placeholder:tag_input.attr('placeholder'),
- //enable typeahead by specifying the source array
- source: ace.vars['US_STATES'],//defined in ace.js >> ace.enable_search_ahead
- /**
- //or fetch data from database, fetch those that match "query"
- source: function(query, process) {
- $.ajax({url: 'remote_source.php?q='+encodeURIComponent(query)})
- .done(function(result_items){
- process(result_items);
- });
+ tag_input.tag( // 调用tag插件初始化
+ {
+ placeholder:tag_input.attr('placeholder'), // 设置placeholder属性为input元素的placeholder属性值
+ // 通过指定source数组启用typeahead
+ source: ace.vars['US_STATES'], // 使用ace.js中定义的US_STATES数组作为typeahead的数据源
+ /**
+ // 或者从数据库中获取匹配"query"的数据
+ source: function(query, process) {
+ $.ajax({url: 'remote_source.php?q='+encodeURIComponent(query)}) // 发送ajax请求到remote_source.php，携带查询参数q
+ .done(function(result_items){
+ process(result_items); // 处理返回的结果
+ });
+ }
+ */
}
- */
- }
)
- //programmatically add/remove a tag
- var $tag_obj = $('#form-field-tags').data('tag');
- $tag_obj.add('Programmatically Added');
- var index = $tag_obj.inValues('some tag');
- $tag_obj.remove(index);
+ // 程序化地添加/移除一个tag
+ var $tag_obj = $('#form-field-tags').data('tag'); // 获取tag插件的实例
+ $tag_obj.add('Programmatically Added'); // 添加一个名为"Programmatically Added"的tag
+ var index = $tag_obj.inValues('some tag'); // 查找名为"some tag"的tag的索引
+ $tag_obj.remove(index); // 移除找到的tag
}
catch(e) {
- //display a textarea for old IE, because it doesn't support this plugin or another one I tried!
- tag_input.after('').remove();
- //autosize($('#form-field-tags'));
+ // 对于不支持此插件的旧版IE，显示一个textarea
+ tag_input.after('').remove(); // 在tag_input后插入一个textarea，并移除tag_input
+ //autosize($('#form-field-tags')); // 注释掉的代码，可能是用于自动调整textarea大小的代码
}
- /////////
- $('#modal-form input[type=file]').ace_file_input({
- style:'well',
- btn_choose:'Drop files here or click to choose',
- btn_change:null,
- no_icon:'ace-icon fa fa-cloud-upload',
- droppable:true,
- thumbnail:'large'
+/////////
+ $('#modal-form input[type=file]').ace_file_input({ // 为模态表单中的文件输入元素初始化ace_file_input插件
+ style:'well', // 设置样式为well
+ btn_choose:'Drop files here or click to choose', // 设置选择文件的按钮文本
+ btn_change:null, // 不显示更改按钮
+ no_icon:'ace-icon fa fa-cloud-upload', // 不显示图标，使用ace-icon fa fa-cloud-upload作为class
+ droppable:true, // 允许拖放文件
+ thumbnail:'large' // 设置缩略图大小为large
})
- //chosen plugin inside a modal will have a zero width because the select element is originally hidden
- //and its width cannot be determined.
- //so we set the width after modal is show
+// chosen插件在模态框内会有零宽度，因为原始的select元素是隐藏的，无法确定其宽度
+// 所以我们在模态框显示后设置宽度
$('#modal-form').on('shown.bs.modal', function () {
- if(!ace.vars['touch']) {
- $(this).find('.chosen-container').each(function(){
- $(this).find('a:first-child').css('width' , '210px');
- $(this).find('.chosen-drop').css('width' , '210px');
- $(this).find('.chosen-search input').css('width' , '200px');
+ if(!ace.vars['touch']) { // 如果不是触摸设备
+ $(this).find('.chosen-container').each(function(){ // 对每个chosen容器
+ $(this).find('a:first-child').css('width' , '210px'); // 设置第一个a标签的宽度为210px
+ $(this).find('.chosen-drop').css('width' , '210px'); // 设置下拉菜单的宽度为210px
+ $(this).find('.chosen-search input').css('width' , '200px'); // 设置搜索框的宽度为200px
});
}
})
/**
- //or you can activate the chosen plugin after modal is shown
- //this way select element becomes visible with dimensions and chosen works as expected
- $('#modal-form').on('shown', function () {
- $(this).find('.modal-chosen').chosen();
- })
- */
- $(document).one('ajaxloadstart.page', function(e) {
- autosize.destroy('textarea[class*=autosize]')
- $('.limiterBox,.autosizejs').remove();
- $('.daterangepicker.dropdown-menu,.colorpicker.dropdown-menu,.bootstrap-datetimepicker-widget.dropdown-menu').remove();
+// 或者你可以在模态框显示后激活chosen插件
+// 这样select元素就会显示尺寸，chosen插件也能正常工作
+$('#modal-form').on('shown', function () {
+ $(this).find('.modal-chosen').chosen(); // 初始化chosen插件
+})
+ */
+ $(document).one('ajaxloadstart.page', function(e) { // 在页面开始加载ajax内容时执行一次
+ autosize.destroy('textarea[class*=autosize]') // 销毁所有class包含autosize的textarea的autosize实例
+ $('.limiterBox,.autosizejs').remove(); // 移除所有limiterBox和autosizejs的class的元素
+ $('.daterangepicker.dropdown-menu,.colorpicker.dropdown-menu,.bootstrap-datetimepicker-widget.dropdown-menu').remove(); // 移除日期范围选择器、颜色选择器和日期时间选择器的下拉菜单
+
});
});
diff --git a/WebContent/WEB-INF/views/nurse/query-solved-rx-list.jsp b/WebContent/WEB-INF/views/nurse/query-solved-rx-list.jsp
index b74fe6b..9dd2ea9 100644
--- a/WebContent/WEB-INF/views/nurse/query-solved-rx-list.jsp
+++ b/WebContent/WEB-INF/views/nurse/query-solved-rx-list.jsp
@@ -1,430 +1,453 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
- 查看已处理处方列表 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+ 查看已处理处方列表 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+
+
+
+ --%>
+
+<%-- --%>
+
+
+
+
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
- 查看已处理处方列表
-
-
- 已处理处方列表
-
-
-
+
+
+
+ 查看已处理处方列表
+
+
+ 已处理处方列表
+
+
+
+
+
+
-
-
-
-
-
-
-
- 查询结果
-
-
-
-
-
-
-
- 处方编号
- 病人身份证号
- 开出医生编号
- 开出时间
- 处理护士编号
- 处理时间
- 操作
-
-
-
-
-
- ${rx.pno}
- ${rx.pid}
- ${rx.dno}
-
-
- ${rx.nno}
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ */
+ })
+
+
diff --git a/WebContent/WEB-INF/views/nurse/query-unsolved-rx-list.jsp b/WebContent/WEB-INF/views/nurse/query-unsolved-rx-list.jsp
index 26d8cd1..1161f9c 100644
--- a/WebContent/WEB-INF/views/nurse/query-unsolved-rx-list.jsp
+++ b/WebContent/WEB-INF/views/nurse/query-unsolved-rx-list.jsp
@@ -1,424 +1,440 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
- 查看未处理处方列表 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+ 查看未处理处方列表 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+
+ --%>
+
+<%----%>
+
+
+
+
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
- 查看未处理处方列表
-
-
- 未处理处方列表
-
-
-
+
+
+
+ 查看未处理处方列表
+
+
+ 未处理处方列表
+
+
+
+
+
+
-
-
-
-
-
-
-
- 查询结果
-
-
-
-
-
-
-
- 处方编号
- 病人身份证号
- 开出医生编号
- 开出时间
- 操作
-
-
-
-
-
- ${rx.pno}
- ${rx.pid}
- ${rx.dno}
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ */
+ })
+
+
diff --git a/WebContent/WEB-INF/views/nurse/welcome.jsp b/WebContent/WEB-INF/views/nurse/welcome.jsp
index df13ed9..7995690 100644
--- a/WebContent/WEB-INF/views/nurse/welcome.jsp
+++ b/WebContent/WEB-INF/views/nurse/welcome.jsp
@@ -1,616 +1,669 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
- 欢迎 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+
+
+ 欢迎 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+ --%>
+
+<%-- --%>
+
+
+
+
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
- 统计信息
-
-
+
+
+
+ 统计信息
+
+
+
+
+
+
+
+
+ 欢迎使用
+
+ 医院药品库存管理系统
+ DIMS (v1.0)
+
+
-
-
-
-
-
- 欢迎使用
-
- 医院药品库存管理系统
- DIMS (v1.0)
-
+
+
+
+
+
+ ${solvedRxsNum}
+ 已处理处方数目
+
-
-
-
-
-
-
- ${solvedRxsNum}
- 已处理处方数目
-
-
-
-
-
- ${unsolvedRxsNum}
- 未处理处方数目
-
-
-
-
-
- ${mySolvedRxsNum}
- 由我处理的处方数目
-
-
-
-
-
-
+
+
+
+ ${unsolvedRxsNum}
+ 未处理处方数目
+
+
+
+
+
+ ${mySolvedRxsNum}
+ 由我处理的处方数目
+
+
+
+
+
+
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+ 查看已处理处方列表 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+
+
+
+ --%>
+
+<%-- --%>
+
+
+
+
-
-
-
+
+
+
+
+
+
+
- 查看未处理处方列表 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ */
+ })
+
+
diff --git a/WebContent/WEB-INF/views/nurse/query-unsolved-rx-list.jsp b/WebContent/WEB-INF/views/nurse/query-unsolved-rx-list.jsp
index 26d8cd1..1161f9c 100644
--- a/WebContent/WEB-INF/views/nurse/query-unsolved-rx-list.jsp
+++ b/WebContent/WEB-INF/views/nurse/query-unsolved-rx-list.jsp
@@ -1,424 +1,440 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
-
-
-
+
-
-
-
-
-
+
-
+ - 查看已处理处方列表 - - - 已处理处方列表 - -
-
+
+
+
+ + 查看已处理处方列表 + + + 已处理处方列表 + +
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
- 查询结果
-
-
-
-
-
-
-
-
- | 处方编号 | -病人身份证号 | -开出医生编号 | -开出时间 | -处理护士编号 | -处理时间 | -操作 | -
|---|---|---|---|---|---|---|
| ${rx.pno} | -${rx.pid} | -${rx.dno} | -
- |
- ${rx.nno} | -
- |
- - - + + | +
-
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+ 查看未处理处方列表 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+
+ --%>
+
+<%----%>
+
+
+
+
-
-
-
+
+
+
+
+
+
+
- 欢迎 - 医院药品库存管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ */
+ })
+
+
diff --git a/WebContent/WEB-INF/views/nurse/welcome.jsp b/WebContent/WEB-INF/views/nurse/welcome.jsp
index df13ed9..7995690 100644
--- a/WebContent/WEB-INF/views/nurse/welcome.jsp
+++ b/WebContent/WEB-INF/views/nurse/welcome.jsp
@@ -1,616 +1,669 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
+ pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
-
-
-
-
-
-
+
-
-
-
-
-
+
-
+ - 查看未处理处方列表 - - - 未处理处方列表 - -
-
+
+
+
+ + 查看未处理处方列表 + + + 未处理处方列表 + +
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
- 查询结果
-
-
-
-
-
-
-
-
- | 处方编号 | -病人身份证号 | -开出医生编号 | -开出时间 | -操作 | -
|---|---|---|---|---|
| ${rx.pno} | -${rx.pid} | -${rx.dno} | -
- |
- - - + + | +
-
-
-
-
-
-
- 医院药品库存管理系统 DIMS
-
+
+
+
+
+
+
+
+
+ 欢迎 - 医院药品库存管理系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+ --%>
+
+
+
+
+
+
+ --%>
+
+<%-- --%>
+
+
+
+
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
+ - 统计信息 -
-
+
+
+ + 统计信息 +
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ }
+ drawPieChart(placeholder, data);
+ /**
+ we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
+ so that's not needed actually.
+ */
+ placeholder.data('chart', data);
+ placeholder.data('draw', drawPieChart);
+ //pie chart tooltip example
+ var $tooltip = $("
+
+
+ 欢迎使用
+
+ 医院药品库存管理系统
+ DIMS (v1.0)
+
+
-
+
-
-
-
-
-
-
+
-
-
- 欢迎使用
-
- 医院药品库存管理系统
- DIMS (v1.0)
-
+
+
-
+
+
-
+
+
-
+ ${solvedRxsNum}
+
已处理处方数目
+
-
-
-
-
-
-
-
-
- ${solvedRxsNum}
-
- 已处理处方数目
-
-
-
-
- ${unsolvedRxsNum}
-
- 未处理处方数目
-
-
-
-
-
- ${mySolvedRxsNum}
-
- 由我处理的处方数目
-
-
-
+
+
+
+
+
+
+ ${unsolvedRxsNum}
+
+ 未处理处方数目
+
+
+
+
+
+ ${mySolvedRxsNum}
+
+ 由我处理的处方数目
+
+
-
+
-
- 已处理处方数目
-
- ~
- 占总处方数目比例
-
-
-
-
-
-
+
+
+
+ 已处理处方数目
+
+
+ ~
+ 占总处方数目比例
+
+
+
-
+
-
- 未处理处方数目
-
- ~
- 占总处方数目比例
-
-
-
-
-
+
+
+
+ 未处理处方数目
+
+
+ ~
+ 占总处方数目比例
+
+
+
+
-
- 由我处理的处方数目
-
- ~
- 占处理处方数目比例
-
-
+ 由我处理的处方数目
+
+
+ ~
+ 占处理处方数目比例
+
+ ").hide().appendTo('body');
+ var previousPoint = null;
+ placeholder.on('plothover', function (event, pos, item) {
+ if(item) {
+ if (previousPoint != item.seriesIndex) {
+ previousPoint = item.seriesIndex;
+ var tip = item.series['label'] + " : " + item.series['percent']+'%';
+ $tooltip.show().children(0).text(tip);
+ }
+ $tooltip.css({top:pos.pageY + 10, left:pos.pageX + 10});
+ } else {
+ $tooltip.hide();
+ previousPoint = null;
+ }
+
+ });
+ /////////////////////////////////////
+ $(document).one('ajaxloadstart.page', function(e) {
+ // 当页面开始加载AJAX内容时，移除tooltip元素
+ $tooltip.remove();
+ });
+
+// 初始化一个空数组d1，用于存储正弦函数的数据点
+ var d1 = [];
+ for (var i = 0; i < Math.PI * 2; i += 0.5) {
+ // 遍历0到2π，每次增加0.5，计算i的正弦值，并将[i, Math.sin(i)]作为一个元素推入d1数组
+ d1.push([i, Math.sin(i)]);
+ }
+
+// 初始化一个空数组d2，用于存储余弦函数的数据点
+ var d2 = [];
+ for (var i = 0; i < Math.PI * 2; i += 0.5) {
+ // 遍历0到2π，每次增加0.5，计算i的余弦值，并将[i, Math.cos(i)]作为一个元素推入d2数组
+ d2.push([i, Math.cos(i)]);
+ }
+
+// 初始化一个空数组d3，用于存储正切函数的数据点
+ var d3 = [];
+ for (var i = 0; i < Math.PI * 2; i += 0.2) {
+ // 遍历0到2π，每次增加0.2，计算i的正切值，并将[i, Math.tan(i)]作为一个元素推入d3数组
+ d3.push([i, Math.tan(i)]);
+ }
+
+// 获取id为sales-charts的元素，并设置其宽度为100%，高度为220px
+ var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'220px'});
+
+// 使用jQuery的$.plot方法绘制图表
+ $.plot("#sales-charts", [
+ { label: "Domains", data: d1 }, // 数据集1，标签为"Domains"，数据为d1
+ { label: "Hosting", data: d2 }, // 数据集2，标签为"Hosting"，数据为d2
+ { label: "Services", data: d3 } // 数据集3，标签为"Services"，数据为d3
+ ], {
+ hoverable: true, // 允许鼠标悬停事件
+ shadowSize: 0, // 图表的阴影大小为0
+ series: {
+ lines: { show: true }, // 显示线条
+ points: { show: true } // 显示点
+ },
+ xaxis: {
+ tickLength: 0 // x轴的刻度长度设置为0
+ },
+ yaxis: {
+ ticks: 10, // y轴的刻度数量
+ min: -2, // y轴的最小值
+ max: 2, // y轴的最大值
+ tickDecimals: 3 // y轴刻度的小数位数
+ },
+ grid: {
+ backgroundColor: { colors: [ "#fff", "#fff" ] }, // 背景颜色
+ borderWidth: 1, // 边框宽度
+ borderColor:'#555' // 边框颜色
+ }
+ });
+
+// 为具有data-rel="tooltip"属性的元素应用tooltip
+ $('#recent-box [data-rel="tooltip"]').tooltip({placement: tooltip_placement});
+
+// 定义tooltip的放置位置
+ function tooltip_placement(context, source) {
+ var $source = $(source); // 获取触发tooltip的元素
+ var $parent = $source.closest('.tab-content') // 获取该元素的最近的tab-content父元素
+ var off1 = $parent.offset(); // 获取父元素的偏移量
+ var w1 = $parent.width(); // 获取父元素的宽度
+
+ var off2 = $source.offset(); // 获取触发元素的偏移量
+ //var w2 = $source.width(); // 获取触发元素的宽度（此行代码被注释掉了）
+
+ // 根据触发元素相对于父元素的位置，决定tooltip的显示位置
+ if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
+ return 'left';
+ }
+
+// 对.dialogs和.comments类的元素应用ace_scroll插件，并设置滚动区域的大小为300
+ $('.dialogs,.comments').ace_scroll({
+ size: 300
+ });
+
+// 如果是在Android设备上，并且支持触摸操作，则禁用对任务列表项的拖动，当点击label时
+ var agent = navigator.userAgent.toLowerCase();
+ if(ace.vars['touch'] && ace.vars['android']) {
+ $('#tasks').on('touchstart', function(e){
+ var li = $(e.target).closest('#tasks li'); // 获取被触摸的最近的li元素
+ if(li.length == 0)return; // 如果没有找到，则直接返回
+ var label = li.find('label.inline').get(0); // 获取该li元素内的label.inline元素
+ // 如果点击的是label或其子元素，则阻止事件的进一步传播
+ if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
+ });
+ }
+
+// 使#tasks元素可排序
+ $('#tasks').sortable({
+ opacity:0.8, // 拖动时的透明度
+ revert:true, // 拖动后是否回归原位
+ forceHelperSize:true, // 强制帮助器的大小
+ placeholder: 'draggable-placeholder', // 占位符的类名
+ forcePlaceholderSize:true, // 强制占位符的大小
+ tolerance:'pointer', // 触发排序的灵敏度
+ stop: function( event, ui ) {
+ // 停止拖动后执行的函数，用于修复Chrome上的下拉菜单显示问题
+ $(ui.item).css('z-index', 'auto');
+ }
+ });
+
+// 禁用#tasks元素上的文本选择
+ $('#tasks').disableSelection();
+
+// 为#tasks内的checkbox添加点击事件，当点击时切换li元素的selected类
+ $('#tasks input:checkbox').removeAttr('checked').on('click', function(){
+ if(this.checked) $(this).closest('li').addClass('selected'); // 如果被选中，则添加selected类
+ else $(this).closest('li').removeClass('selected'); // 如果未被选中，则移除selected类
+ });
+
+// 根据窗口高度和菜单位置，显示下拉菜单在顶部或底部
+ $('#task-tab .dropdown-hover').on('mouseenter', function(e) {
+ var offset = $(this).offset(); // 获取下拉菜单的偏移量
+
+ var $w = $(window) // 获取窗口对象
+ // 如果下拉菜单的顶部位置大于窗口的滚动位置加上窗口的内部高度减去100，则添加dropup类，使其向上显示
+ if (offset.top > $w.scrollTop() + $w.innerHeight() - 100)
+ $(this).addClass('dropup');
+ else $(this).removeClass('dropup'); // 否则移除dropup类，使其向下显示
+ });
+ })
+
+