移动护理管理系统与小桌历功能实现-优快云博客

本文链接：https://blog.youkuaiyun.com/liuhde2008/article/details/84011971

1、
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>移动护理管理系统</title>
<link href="../sencha-touch-1.1.0/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../sencha-touch-1.1.0/sencha-touch.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>

<body>
</body>
</html>

2、
// JavaScript Document
var Nursing = new Ext.Application({
name: 'NursingApp',
useLoadMask: true,

launch: function(){

var tapHandler = function(button, event) {
var txt = "User tapped the '" + button.text + "' button.";
Ext.getCmp('toolbartxt').update(txt);
};

var showDateHandler = function(button, event){
var form = new Ext.form.FormPanel({
autoRender: true,
floating: true,
modal: true,
centered: true,
hideOnMaskTap: false,
height: 385,
width: 480,

});
form.show();
};

var buttonsGroup1 = [{
text: '我的病人',
//iconCls: 'user',
handler: tapHandler
}];

var buttonsGroup2 = [{
text: 'Vital Sign',
handler: tapHandler
},{
text: 'I/O',
handler: tapHandler
},{
text: 'GCS',
handler: tapHandler
},{
text: '其他测量',
handler: tapHandler
},{
text: '查询更新',
handler: tapHandler
},{
text: '万年历',
handler: showDateHandler
}];

var buttonsGroup5 = [
{xtype: 'spacer'},{
text: '病人申请',
handler: tapHandler
}, {
text: '生理检测',
handler: tapHandler
}, {
text: '医嘱执行',
handler: tapHandler
}, {
text: '护理评估',
handler: tapHandler
},{
text: '护理计划',
handler: tapHandler
},{
text: '护理记录',
handler: tapHandler
},{
text: '管理作业',
handler: tapHandler
},{
text: '登出系统',
ui: 'confirm',
handler: showDateHandler
},{xtype: 'spacer'}];

if (!Ext.is.Phone) {
buttonsGroup1.push({xtype: 'spacer'});
//buttonsGroup2.push({xtype: 'spacer'});

var dockedItems = [{
xtype: 'toolbar',
// dock this toolbar at the top
dock: 'top',
items: buttonsGroup1.concat(buttonsGroup2)
}, {
xtype: 'toolbar',
// dock this toolbar at the bottom
ui: 'light',
dock: 'bottom',
items: buttonsGroup5
}];
new Ext.Panel({
id: 'toolbartxt',
fullscreen: true,
styleHtmlContent: true,
dockedItems: dockedItems,
defaults: {
scroll: 'vertical',
xtype: 'panel',
layout: 'hbox',
pack: 'justify',
align: 'center',
defaults: {
xtype: 'button',
ui: 'confirm'
}
},
items: [{
html:'测试！'
}]
});
// Phone has far less screen real-estate
} else {
var dockedItems = [{
xtype: 'toolbar',
ui: 'light',
items: buttonsGroup1,
dock: 'top'
}, {
xtype: 'toolbar',
ui: 'dark',
items: buttonsGroup2,
dock: 'top'
}, {
xtype: 'toolbar',
ui: 'dark',
items: buttonsGroup3,
dock: 'top'
}, {
xtype: 'toolbar',
ui: 'light',
items: buttonsGroup4,
dock: 'bottom'
}];
}

new Ext.Panel({
id: 'toolbartxt',
dockedItems:[{
xtype:'toolbar',
ui:'light',
items:[{
text: '取消'
},{
xtype:'spacer'
},{
text:'记录补输入'
},{
xtype:'spacer'
},{
text:'完成'
}],
}],
//width:'1440',
html:'<table width="1440" border="1"><tr width="1440"><td bgColor="#006699" style="color:#FFFFFF">病区床号</td><td>W92-12</td><td bgColor="#006699">姓名</td><td>张三</td><td bgColor="#006699">年龄</td><td>1979-05-17(32岁)</td><td bgColor="#006699">住院号</td><td>2010030321</td><td bgColor="#006699">住院日期</td><td>2011-08-02(15天)</td></tr><tr><td bgColor="#006699" style="color:#FFFFFF">入院诊断</td><td colSpan="2">自然顺产</td><td bgColor="#006699">过敏</td><td colSpan="2">阿司匹林,蛋奶</td><td bgColor="#006699">转入日期</td><td>2011-08-03</td><td bgColor="#006699">医生姓名</td><td>艾晓(产科)</td></tr></table>',

fullscreen: true,
//styleHtmlContent: true,
dockedItems: dockedItems
});
}
});

3、
<HTML>
<head>
<meta http-equiv="Content-Language" content="zh-tw">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>小桌历</title>
<style>

</style>
<script language=javascript>
var year;
var month;
var date;

var currentRow = 0;
var monthEnglish = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var monthChinese = new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
var monthDigital = new Array("01","02","03","04","05","06","07","08","09","10","11","12");
var monthValue = new Array(0,1,2,3,4,5,6,7,8,9,10,11);

var days = new Array(31,29,31,30,31,30,31,31,30,31,30,31);
var day = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var dayB = new Array("Sun","Mon","Tues","Wed","Thur","Fri","Sat");
var dayC = new Array("日","一","二","三","四","五","六");

function init(){
var today = new Date();
var thisYear = today.getFullYear(); // 年 YYYY
var thisMonth = today.getMonth(); // 月 0-11
var thisDate = today.getDate(); // 日 1-31
var thisDay = today.getDay(); // 星期 0-6

showCal(thisYear,thisMonth,thisDate);
}

function showCal(thisYear,thisMonth,thisDate){
year = thisYear;
month = thisMonth;
date = thisDate;

//alert(year+"-"+month+"-"+date);
for(i=document.all("tblCal").rows.length-1;i>0;i--){
document.all("tblCal").deleteRow(i);
currentRow--;
}

var firstDate = new Date(year,month,1);
var startDay = firstDate.getDay();

if( ((year%4 == 0) && (year%100 != 0)) || (year%400 == 0) ){
days[1] = 29;
}
else{
days[1] = 28;
}

//======================================================================
var str1="";
str1 += "<img src='image/back.gif' alt='上一年' align=left width=20px height=20px οnclick=showCal("+(year-1)+","+month+","+date+")>";
str1 += "<img src='image/next.gif' alt='下一年' align=right width=20px height=20px οnclick=showCal("+(year+1)+","+month+","+date+")>";

str1 += "<select id=selectMonth name=selectMonth align=right class=cls_FontGeneral οnchange=showCal("+year+",document.all('selectMonth').value,"+date+")>";
for(i=0;i<12;i++){
if(i == month)
str1 += "<option value="+monthValue[i]+" selected>"+monthChinese[i];
else
str1 += "<option value="+monthValue[i]+">"+monthChinese[i];
}
str1 += "</select>";

str1 += "<div align=center>"+year+"</div>";

document.all("banner").innerHTML = str1;
//======================================================================

var cnt=0;

createRow("tblCal",++currentRow);
for(i=0;i<7;i++){
if(cnt == 0)
createCellHead("tblCal",currentRow,i,dayC[i],"cls_Box","red");
else
createCellHead("tblCal",currentRow,i,dayC[i],"cls_Box","blue");
cnt++;
}

cnt=0;
createRow("tblCal",++currentRow);

// Process dates before a month
for(i=0;i<startDay;i++){
createCell("tblCal",currentRow,cnt++,"","cls_Date","black");
}
// Process dates of a month
for(i=1;i<=days[month];i++){
if(cnt == 7){
cnt = 0;
createRow("tblCal",++currentRow);
}
if(cnt == 0){
createCell("tblCal",currentRow,cnt++,i,"cls_Date","red");
}
else{
createCell("tblCal",currentRow,cnt++,i,"cls_Date","blue");
}
}
// Process dates after a month
for(i=cnt;i<7;i++){
createCell("tblCal",currentRow,i,"","cls_Date","black");
}
}

function createRow(tableName,indexRow){
document.all(tableName).insertRow(indexRow);
}
function createCellHead(tableName,indexRow,indexCell,cellValue,className,fontColor){
document.all(tableName).rows[indexRow].insertCell();
document.all(tableName).rows[indexRow].cells[indexCell].innerHTML = cellValue;
document.all(tableName).rows[indexRow].cells[indexCell].align = "center";
document.all(tableName).rows[indexRow].cells[indexCell].width = 30;
document.all(tableName).rows[indexRow].cells[indexCell].className = className;
document.all(tableName).rows[indexRow].cells[indexCell].style.color = fontColor;
}
function createCell(tableName,indexRow,indexCell,cellValue,className,fontColor){
document.all(tableName).rows[indexRow].insertCell();
document.all(tableName).rows[indexRow].cells[indexCell].innerHTML = "<div οnclick=selectDate("+cellValue+")>"+cellValue+"</div>";
document.all(tableName).rows[indexRow].cells[indexCell].align = "center";
document.all(tableName).rows[indexRow].cells[indexCell].width = 30;
document.all(tableName).rows[indexRow].cells[indexCell].style.cursor = "hand";
document.all(tableName).rows[indexRow].cells[indexCell].className = className;
document.all(tableName).rows[indexRow].cells[indexCell].style.color = fontColor;
if(date == cellValue)
document.all(tableName).rows[indexRow].cells[indexCell].className = "cls_Box";
//document.all(tableName).rows[indexRow].cells[indexCell].style.backgroundColor = "#c9d000";
}
function selectDate(aa){
if(aa<10) aa="0"+aa;
foo = year+"/"+monthDigital[month]+"/"+aa;
//window.opener.ans.value = foo;
window.returnValue = foo;
window.close();
}
//#F6F7EE
</script>
</head>
<body bgcolor="#E9F1F5" οnlοad=init()>
<br>
<table id=tblCal name=tblCal border=0 align=center>
<tr>
<td rowspan=9> </td>
<td id=banner name=banner colspan=7 class=cls_Box></td>
</tr>
</table>
</body>
</HTML>

nursing