代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>挂号管理</title>
<script type="text/javascript">
function first(){
var a = document.getElementsByClassName("sele");
alert("退号成功!");
}
function fn(){
var lens = document.getElementsByName("checknum");
for(var i=0;i<lens.length;i++){
if(lens[i].checked==true){
alert("挂号成功!");
}else{
alert("请选中要操作的项!");
}
}
}
</script>
</head>
<body>
<div>
<form>
<table style="background-color: purple;" width="100%">
<tr align="right">
<td style="font-size: x-small; color: white;">欢迎您!老贺 [退出]</td>
</tr>
<tr>
<td><img src="img/small1.png" /><span style="font-size: small; color: gray; background-color: white;">医院管理系统</span></td>
</tr>
</table>
</form>
</div>
<div style="background-color: cornflowerblue;">
<form>
<table style="background-color: bisque;">
<tr>
<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table width="100%" border="1" bgcolor="aliceblue">
<tr>
<td style="font-size: small; background-color: burlywood;">病例号:</td>
<td><input type="text" size=20 name="num" /></td>
<td style="font-size: small; background-color: burlywood;">主治医生:</td>
<td><input type="text" size=20 name="doctorname" /></td>
<td style="font-size: small; background-color: burlywood;">科室:</td>
<td><input type="text" size=20 name="house" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: burlywood;">挂号时间:</td>
<td colspan="5">
<input type="text" size=20 name="starttime" />至<input type="text" size=20 name="endtime" />
<input type="image" src="img/search.png" /> <input type="image" src="img/empty.png" />
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table border="1" bordercolor="gray" width="100%">
<tr style="text-align: left; background-color: darkgray;">
<th><input type="checkbox" name="checknum" /></th>
<th>门诊编号</th>
<th>主治医生</th>
<th>挂号时间</th>
<th>挂号科室</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td><input type="checkbox" name="checknum" id="ch1" /</td>
<td>1103</td>
<td>程俊</td>
<td>2015-09-09 12: 12: 12</td>
<td>血液科</td>
<td>已挂号</td>
<td>
<span style="font-size: smaller; color: blueviolet;" >详情>>> 更改>>> </span>
<span style="font-size: smaller; color: blueviolet;" class="sele" onclick="first()">退号</span>
</td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" id="ch" /</td>
<td>1104</td>
<td>王博</td>
<td>2015-12-09 12: 12: 12</td>
<td>骨科</td>
<td>已询医</td>
<td>
<span style="font-size: smaller; color: blueviolet;" >详情>>> 更改>>> </span>
<span style="font-size: smaller; color: blueviolet;" class="sele" onclick="first()">退号</span>
</td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" id="ch" /</td>
<td>1105</td>
<td>沈青川</td>
<td>2015-02-04 15: 11: 12</td>
<td>外科</td>
<td>已询医</td>
<td>
<span style="font-size: smaller; color: blueviolet;" >详情>>> 更改>>> </span>
<span style="font-size: smaller; color: blueviolet;" class="sele" onclick="first()">退号</span>
</td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" id="ch" /</td>
<td>1106</td>
<td>欧阳雨露</td>
<td>2014-09-05 12: 12: 12</td>
<td>急诊科</td>
<td>已出院</td>
<td>
<span style="font-size: smaller; color: blueviolet;" >详情>>> 更改>>> </span>
<span style="font-size: smaller; color: blueviolet;" class="sele" onclick="first()">退号</span>
</td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" id="ch" /</td>
<td>1107</td>
<td>艾小天</td>
<td>2014-02-09 12: 12: 11</td>
<td>妇科</td>
<td>已退号</td>
<td>
<span style="font-size: smaller; color: blueviolet;" >详情>>> 更改>>> </span>
<span style="font-size: smaller; color: blueviolet;" class="sele" onclick="first()">退号</span>
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table style="background-color: darkgray;" width="100%">
<tr>
<td colspan="3">
<a href="personal.html" target="rihght"><img src="img/section.png" /></a>
<input type="image" src="img/back.png" onclick="fn()" />
<input type="image" src="img/derive.png" />
<input type="image" src="img/copy.png" />
</td>
<td style="text-align: right;" align="right"><span style="font-size: smaller; color: blueviolet;">第一页 上一页 </span>1<span style="font-size: smaller; color: blueviolet;">
2 3 4 5 下一页 最后一页 </span>共32条记录 1/33 页
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面</title>
<script type="text/javascript">
function first(){
var a = document.getElementsByClassName("sele");
alert("退院成功!");
}
function second(){
var b = document.getElementsByClassName("goout");
alert("出院成功!");
}
</script>
</head>
<body>
<div>
<form>
<table width="100%" border="1" bgcolor="aliceblue">
<tr>
<td style="font-size: small; background-color: burlywood;">病例号:</td>
<td><input type="text" size=20 name="num" /></td>
<td style="font-size: small; background-color: burlywood;">主治医生:</td>
<td><input type="text" size=20 name="doctorname" /></td>
<td style="font-size: small; background-color: burlywood;">科室:</td>
<td><input type="text" size=20 name="house" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: burlywood;">挂号时间:</td>
<td colspan="5">
<input type="text" size=20 name="starttime" />至<input type="text" size=20 name="endtime" />
<input type="image" src="../img/search.png" /> <input type="image" src="../img/empty.png" />
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table border="1" bordercolor="gray" width="100%">
<tr style="text-align: left; background-color: darkgray;">
<th><input type="checkbox" name="checknum" /></th>
<th>病例号</th>
<th>姓名</th>
<th>床位号</th>
<th>联系电话</th>
<th>押金</th>
<th>主治医生</th>
<th>入院时间</th>
<th>科室</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1103</td>
<td>黄飞鸿</td>
<td>4343</td>
<td>13127653423</td>
<td>2000元</td>
<td>程俊</td>
<td>2015-01-05 12: 33: 56</td>
<td>血液科</td>
<td>已住院</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>>更改 </span>
<span style="font-size: smaller; color: blueviolet;"class="sele" οnclick="first()">退院 </span>
<span style="font-size: smaller; color: blueviolet;" class="goout" onclick="second()">出院</span>
</td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1103</td>
<td>黄飞鸿</td>
<td>4343</td>
<td>13127653423</td>
<td>2000元</td>
<td>程俊</td>
<td>2015-01-05 12: 33: 56</td>
<td>血液科</td>
<td>已退院</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>>更改 </span>
<span style="font-size: smaller; color: blueviolet;"class="sele" οnclick="first()">退院 </span>
<span style="font-size: smaller; color: blueviolet;" class="goout" onclick="second()">出院</span>
</td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1103</td>
<td>黄飞鸿</td>
<td>4343</td>
<td>13127653423</td>
<td>2000元</td>
<td>程俊</td>
<td>2015-01-05 12: 33: 56</td>
<td>血液科</td>
<td>已结算</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>>更改 </span>
<span style="font-size: smaller; color: blueviolet;"class="sele" οnclick="first()">退院 </span>
<span style="font-size: smaller; color: blueviolet;" class="goout" onclick="second()">出院</span>
</td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1103</td>
<td>黄飞鸿</td>
<td>4343</td>
<td>13127653423</td>
<td>2000元</td>
<td>程俊</td>
<td>2015-01-05 12: 33: 56</td>
<td>血液科</td>
<td>已出院</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>>更改 </span>
<span style="font-size: smaller; color: blueviolet;"class="sele" οnclick="first()">退院 </span>
<span style="font-size: smaller; color: blueviolet;" class="goout" onclick="second()">出院</span>
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table style="background-color: darkgray;" width="100%">
<tr>
<td colspan="3">
<a href="rightperson.html" target="right"><img src="../img/section.png" /></a>
<input type="image" src="../img/back.png" />
<input type="image" src="../img/back.png" />
<input type="image" src="../img/derive.png" />
<input type="image" src="../img/copy.png" />
</td>
<td style="text-align: right;" align="right"><span style="font-size: smaller; color: blueviolet;">第一页 上一页 </span>1<span style="font-size: smaller; color: blueviolet;">
2 3 4 5 下一页 最后一页 </span>共32条记录 1/33 页
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
代码同上
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户管理</title>
<script type="text/javascript">
function first(){
var a = document.getElementsByClassName("sele");
alert("删除成功!");
}
function fn(){
var lens = document.getElementsByName("check2");
for(var i=0;i<lens.length;i++){
if(lens[i].checked==true){
alert("删除成功!");
}else{
alert("请选中要操作的项!");
}
}
}
</script>
</head>
<body>
<div style="background-color: cornflowerblue;">
<form>
<table style="background-color: bisque;">
<tr>
<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
<td style="font-size: small; color:darkmagenta ;">用户管理</td>
<td style="font-size: small; color:darkmagenta ;">角色管理</td>
</tr>
</table>
</form>
</div>
<div>
<form action="../reg.html" method="post">
<table width="100%">
<tr>
<td>
用户名称:<input type="text" name="rolename" size="40" style="border-style: solid;" />
<input type="image" src="../img/search.png" height="25px" style="padding-top: 5px; text-align: center;" />
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table width="100%" border="1">
<tr style="text-align: left; background-color: gainsboro">
<th>
<input type="checkbox" name="check2" />
</th>
<th>角色账户</th>
<th>真实姓名</th>
<th>角色</th>
<th>操作</th>
</tr>
<tr>
<td>
<input type="checkbox" name="check2" />
</td>
<td>admin</td>
<td>管理员</td>
<td>管理员</td>
<td>
<span style="color: blue;">编辑 </span>
<span style="color: blue;" class="sele" onclick="first()">删除</span>
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table style="background-color: darkgray;" width="100%">
<tr>
<td colspan="3">
<a href="userMessage.html" target="right" ><img src="../img/adduser.png" /></a>
<input type="image" src="../img/deletecheck.png" onclick="fn()" />
</td>
<td style="text-align: right;" align="right"><span style="font-size: smaller; color: blueviolet;">第一页 上一页 </span>1<span style="font-size: smaller; color: blueviolet;">
2 3 4 5 下一页 最后一页 </span>共32条记录 1/33 页
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>角色管理</title>
<script type="text/javascript">
function first(){
var a = document.getElementsByClassName("sele");
alert("删除成功!");
}
function fn(){
var lens = document.getElementsByName("check2");
for(var i=0;i<lens.length;i++){
if(lens[i].checked==true){
alert("删除成功!");
}else{
alert("请选中要操作的项!");
}
}
}
</script>
</head>
<body>
<div style="background-color: cornflowerblue;">
<form>
<table style="background-color: bisque;">
<tr>
<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
<td style="font-size: small; color:darkmagenta ;">角色管理</td>
<td style="font-size: small; color:darkmagenta ;">用户管理</td>
</tr>
</table>
</form>
</div>
<div>
<form action="../reg.html" method="post">
<table width="100%">
<tr>
<td>
角色名称:<input type="text" name="rolename" size="40" style="border-style: solid;" />
<input type="image" src="../img/search.png" height="25px" style="padding-top: 5px; text-align: center;" />
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table width="100%" border="1">
<tr style="text-align: left; background-color: gainsboro">
<th>
<input type="checkbox" name="check2" />
</th>
<th>角色名称</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td>
<input type="checkbox" name="check2" class="sele" onclick="first()" />
</td>
<td>管理员</td>
<td>应用</td>
<td>
<span style="color: blue;">编辑 删除</span>
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table style="background-color: darkgray;" width="100%">
<tr>
<td colspan="3">
<a href="roleMessage1.html" target="right" ><img src="../img/addrole.png" /></a>
<input type="image" src="../img/deletecheck.png" onclick="fn()" />
</td>
<td style="text-align: right;" align="right"><span style="font-size: smaller; color: blueviolet;">第一页 上一页 </span>1<span style="font-size: smaller; color: blueviolet;">
2 3 4 5 下一页 最后一页 </span>共32条记录 1/33 页
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>资源管理</title>
<script type="text/javascript">
function first(){
var a = document.getElementsByClassName("sele");
alert("删除成功!");
}
function fn(){
var lens = document.getElementsByName("check3");
for(var i=0;i<lens.length;i++){
if(lens[i].checked==true){
alert("删除成功!");
}else{
alert("请选中要操作的项!");
}
}
}
</script>
</head>
<body>
<div style="background-color: cornflowerblue;">
<form>
<table style="background-color: bisque;">
<tr>
<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
<td style="font-size: small; color:darkmagenta ;">用户管理</td>
<td style="font-size: small; color:darkmagenta ;">角色管理</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table>
<tr>
<td style="line-height: 60px;">
资源(菜单)名称:<input type="text" name="resoucename" />
<input type="image" src="../img/search.png" height="30px" />
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table border="1" width="100%" >
<tr style="text-align: left;">
<th>
<input type="checkbox" name="check3" />
</th>
<th>资源名称</th>
<th>路径Url</th>
<th>是否有效</th>
<th>操作</th>
</tr>
<tr>
<td>
<input type="checkbox" name="check3" />
</td>
<td>挂号信息管理</td>
<td>query,action</td>
<td>有效</td>
<td>
<span style="color: blueviolet;">编辑 </span>
<span style="color: blueviolet;" class="sele" onclick="first()">删除</span>
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table style="background-color: darkgray;" width="100%">
<tr>
<td colspan="3">
<a href="userMessage.html" target="right" ><img src="../img/addresource.png" /></a>
<input type="image" src="../img/deletecheck.png" onclick="fn()" />
</td>
<td style="text-align: right;" align="right"><span style="font-size: smaller; color: blueviolet;">第一页 上一页 </span>1<span style="font-size: smaller; color: blueviolet;">
2 3 4 5 下一页 最后一页 </span>共32条记录 1/33 页
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
以上均为个人所写,如有错误,欢迎指出,谢谢~~