-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreportList.html
117 lines (110 loc) · 9.8 KB
/
reportList.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<title>智慧医疗-首页</title>
<style>
/*.smooth { -webkit-transition-duration:300ms; }*/
.menu{
font-size:28px;
font-weight:bold;
color:#ffffff;
text-align:center;
line-height:46px;
}
.itemText{
padding-left: 100px;
padding-right: 16px;
margin: 26px 0 0;
color: #FFF;
text-align: left;
font-size: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
</head>
<body style="background:url(images/bg.jpg) no-repeat; width:1280px; height:720px; overflow:hidden;position:relative; margin: 0; padding: 0;"> <!-- loading -->
<div id="loadingDiv" class="smooth" style="position:absolute; top:320px; left:600px; width:70px; height:70px; z-index:10; visibility:hidden;">
<img src="./images/loading.gif" style="position:absolute; top:0px; left:0px;background: transparent;" />
</div>
<!-- logo -->
<div style="position:absolute; top:0px; left:0px; width:1280px; height:100px;">
<img id="logo" src="images/logo.png" width="227" height="52" style="position:absolute; top:38px; left:64px;" />
<!-- <img id="service_tel" src="images/service_tel.png" width="179" height="19" style="position:absolute; top:58px; left:1038px;" /> -->
</div>
<div class="title" style=" position: absolute; top: 68px; left: 0; width: 1280px;
text-align: center;"><img src="images/title_index.png" alt=""></div>
<!-- 内容框 -->
<div id="content" style="position:absolute; top:160px; left:58px; width:1218px; height:470px;">
<div class="report_list" >
<div id="Listitem_0" class="smooth" style="position: absolute; top: 0px; left: 0px; width: 312px; height: 111px; background-image: url(images/reportPic.png); visibility: hidden;">
<p id="hospital_0" class="itemText" style="">南方医院</p><p id="reportTitle_0" class="itemText" style=" margin: 10px 0 0; font-size: 16px;" >普通伤风感冒</p><img src="images/report_notRead.png" alt="" style="position: absolute; top: 0; right: 0;">
</div>
<div id="Listitem_1" class="smooth" style="position: absolute; top: 0px; left: 328px; width: 312px; height: 111px;background-image: url(images/reportPic.png); visibility: hidden; "><p id="hospital_1" class="itemText" style="">南方医院</p><p id="reportTitle_1" class="itemText" style=" margin: 10px 0 0; font-size: 16px;" >普通伤风感冒</p><img src="images/report_notRead.png" alt="" style="position: absolute; top: 0; right: 0;"></p>
</div>
<div id="Listitem_2" class="smooth" style="position: absolute; top: 0px; left: 656px; width: 312px; height: 111px; background-image: url(images/reportPic.png); visibility: hidden;"><p id="hospital_2" class="itemText" style="">南方医院</p><p id="reportTitle_2" class="itemText" style=" margin: 10px 0 0; font-size: 16px;" >普通伤风感冒</p><img src="images/report_notRead.png" alt="" style="position: absolute; top: 0; right: 0;"></div>
<div id="Listitem_3" class="smooth" style="position: absolute; top: 127px; left: 0px; width: 312px; height: 111px;background-image: url(images/reportPic.png); visibility: hidden; "><p id="hospital_3" class="itemText" style="">南方医院</p><p id="reportTitle_3" class="itemText" style=" margin: 10px 0 0; font-size: 16px;" >普通伤风感冒</p><img src="images/report_notRead.png" alt="" style="position: absolute; top: 0; right: 0;"></div>
<div id="Listitem_4" class="smooth" style="position: absolute; top: 127px; left: 328px; width: 312px; height: 111px;background-image: url(images/reportPic.png); visibility: hidden; "><p id="hospital_4" class="itemText" style="">南方医院</p><p id="reportTitle_4" class="itemText" style=" margin: 10px 0 0; font-size: 16px;" >普通伤风感冒</p><img src="images/report_notRead.png" alt="" style="position: absolute; top: 0; right: 0;"></div>
<div id="Listitem_5" class="smooth" style="position: absolute; top: 127px; left: 658px; width: 312px; height: 111px; background-image: url(images/reportPic.png); visibility: hidden; "><p id="hospital_5" class="itemText" style="">南方医院</p><p id="reportTitle_5" class="itemText" style=" margin: 10px 0 0; font-size: 16px;" >普通伤风感冒</p><img src="images/report_notRead.png" alt="" style="position: absolute; top: 0; right: 0;"></div>
<div id="Listitem_6" class="smooth" style="position: absolute; top:254px; left: 0px; width: 312px; height: 111px;background-image: url(images/reportPic.png); visibility: hidden; "><p id="hospital_6" class="itemText" style="">南方医院</p><p id="reportTitle_6" class="itemText" style=" margin: 10px 0 0; font-size: 16px;" >普通伤风感冒</p><img src="images/report_notRead.png" alt="" style="position: absolute; top: 0; right: 0;"></div>
<div id="Listitem_7" class="smooth" style="position: absolute; top: 254px; left: 328px; width: 312px; height: 111px; background-image: url(images/reportPic.png); visibility: hidden;"><p id="hospital_7" class="itemText" style="">南方医院</p><p id="reportTitle_7" class="itemText" style=" margin: 10px 0 0; font-size: 16px;" >普通伤风感冒</p><img src="images/report_notRead.png" alt="" style="position: absolute; top: 0; right: 0;"></div>
<div id="Listitem_8" class="smooth" style="position: absolute; top: 254px; left: 656px; width: 312px; height: 111px;background-image: url(images/reportPic.png); visibility: hidden; "><p id="hospital_8" class="itemText" style="">南方医院</p><p id="reportTitle_8" class="itemText" style=" margin: 10px 0 0; font-size: 16px;" >普通伤风感冒</p><img src="images/report_notRead.png" alt="" style="position: absolute; top: 0; right: 0;"></div>
</div>
</div>
<div id="testList" style="width:1280px;height:720px; display:none">
<div id="mask" class="mask" style=" position: absolute; width: 1280px; height: 720px; background-color: #000; opacity: 0.6; text-align: center; "></div>
<div id="imgBox" style=" width:457px; height:648px; position: absolute; top: 8px; left: 411px; z-index: 100; overflow: hidden; ">
<div id="imgList" style=" position: absolute; top: 0px; left:0px; width: 36000px; height: 648px; overflow: hidden; ">
<img src="images/test0.Jpeg" alt="" id="listImg_0" style="float:left; width:457px; height:648px; background:url(images/test0.Jpeg);display:block">
<img src="images/test1.Jpeg" alt="" id="listImg_1" style="float:left; width:457px; height:648px; background:url(images/test1.Jpeg);display:none">
<img src="images/test2.Jpeg" alt="" id="listImg_2" style="float:left;width:457px; height:648px; background:url(images/test2.Jpeg);display:none">
<img src="images/test3.Jpeg" alt="" id="listImg_3" style="float:left; width:457px; height:648px; background:url(images/test3.Jpeg);display:none">
<img src="images/test0.Jpeg" alt="" id="listImg_4" style="float:left; width:457px; height:648px; background:url(images/test4.Jpeg);display:none">
<img src="images/test1.Jpeg" alt="" id="listImg_5" style="float:left; width:457px; height:648px; background:url(images/test0.Jpeg);display:none">
<img src="images/test2.Jpeg" alt="" id="listImg_6" style="float:left; width:457px; height:648px; background:url(images/test1.Jpeg);display:none">
</div>
</div>
<div id="page" style="position:absolute; top:442px; left:580px; width:120px; height:35px; color:#FFFFFF; font-size:24px; text-align:center;"></div>
<div style="position:absolute; top:186px; left:278px; width:42px; height:74px; background-image: url(images/on_100x80.png); background-repeat: no-repeat; background-position: left center; z-index: 100; "></div>
<div style="position:absolute; top:186px; left:960px; width:42px; height:74px; background-image: url(images/on_100x80.png); background-repeat: no-repeat; background-position: right center; z-index: 100; "></div>
</div>
<!-- focus框 -->
<div style="position:absolute; top:160px; left:0px; width:1280px; height:470px;">
<div id="content_focus" class="smooth" style="position:absolute; top:-88px; left:-30px; width:488px; height:286px; z-index:5; opacity:0;visibility: hidden;">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100" height="100" style="background:url(images/focus_lt.png); background-repeat:no-repeat;"></td>
<td style="background:url(images/focus_t.png);background-repeat:repeat-x;"></td>
<td width="100" style="background:url(images/focus_rt.png);background-repeat:no-repeat;"></td>
</tr>
<tr>
<td style="background:url(images/focus_l.png);background-repeat:repeat-y;"></td>
<td> </td>
<td style="background:url(images/focus_r.png);background-repeat:repeat-y;"></td>
</tr>
<tr>
<td width="100" height="100" style="background:url(images/focus_lb.png);background-repeat:no-repeat;"></td>
<td style="background:url(images/focus_b.png);background-repeat:repeat-x;"></td>
<td style="background:url(images/focus_rb.png);background-repeat:no-repeat;"></td>
</tr>
</table>
</div>
</div>
<div class="bottom" style=" position: absolute; bottom: 0; color: #FFF; width: 100%; text-align: right; padding-bottom: 58px;">
<span style=" text-align: right; padding-right: 58px; padding-left: 56px; background: url(images/diretion_lr.png) no-repeat left center;">方向选择</span>
</div>
</body>
<script type="text/javascript" src="js/keyEvent.js"></script>
<script type="text/javascript" src="js/lib.js"></script>
<script type="text/javascript" src="js/param.js"></script>
<script type="text/javascript" src="js/showList.js"></script>
<script type="text/javascript" src="js/listSlip.js"></script>
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/showTips.js"></script>
<script type="text/javascript" src="js/reportList.js"></script>
<script>
</script>
</html>