infusion.html.html
12.1 KB
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
<!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 name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/infu.css" media="screen" type="text/css" />
<link href="css/common.css" rel="stylesheet" type="text/css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>
<script type="text/javascript" src="js/date.js" ></script>
<script type="text/javascript" src="js/iscroll.js" ></script>
<script type="text/javascript">
$(function(){
$('#beginTime').date();
$('#endTime').date({theme:"datetime"});
});
$(function(){
var position=$("#wu").offset();
$("#wu").click(function(){
$("#N1G").toggleClass("open");
});
$("#close2").click(function(){
$("#N1G").removeClass("open");
})
$("#queren").click(function(){
$("#N1G").removeClass("open");
})
})
$(function(){
var position=$("#yuyue").offset();
$("#yuyue").click(function(){
$("#NG").toggleClass("open");
});
$("#close").click(function(){
$("#NG").removeClass("open");
})
$("#close9").click(function(){
$("#NG").removeClass("open");
})
})
</script>
<script>
$(function(){
$(".add").click(function(){
var t = $(this).parent().find('input[class*=text_box]');
t.val(parseInt(t.val())+1);
setTotal();
})
$("input.servput").click(function(){
setTotal();
})
$("#you").click(function(){
setTotal1();
})
$(".min").click(function(){
var t = $(this).parent().find("input[class*=text_box]");
t.val(parseInt(t.val())-1);
if(parseInt(t.val())<0){
t.val(0);
}
setTotal()
})
function setTotal(){
var sum = 0;
$("#tab").each(function(){
var num = parseInt($(this).find("input[class*=text_box]").val());
var price = parseFloat($(this).find("span[class*=price]").text());
sum += num*price;
})
$("input.servput").each(function(){
if($(this).is(':checked')){
sum+=parseInt($(this).val());
}
})
$("#total").html(sum.toFixed(2));
}
function setTotal1(){
var sum = 0;
$("#tab").each(function(){
var num = parseInt($(this).find("input[class*=text_box]").val());
var price = parseFloat($(this).find("span[class*=price]").text());
sum += num*price;
})
$("#total").html(sum.toFixed(2));
}
setTotal();
})
</script>
<style>
#infutb{
box-sizing: border-box;
}
tbody{
display:inline-block;
}
input[type="checkbox"],input[type="radio"]{margin:0;opacity:0;filter: alpha(opacity=0);}
input:focus{ outline:none}
#checkbox p{cursor:pointer;}
.check_span{
float: right;
width: 20px;
height: 20px;
text-align: right;
margin-top: 0.07rem;
}
.yaofang{
width: 5.3rem;
display: inline-block;
overflow: hidden;
text-overflow:ellipsis ;
white-space: nowrap;
}
.check_span--checked{border-color: #fff;background: url(images/icon_sprites.png); background-repeat:no-repeat;}
#queren{
display: inline-block;
position: relative;
top: 0.6rem;
left: 5rem;
color: #fff;
}
.area textarea{
resize: none;
outline: none;
color: #333333;
}
.sc img{
width:0.3rem !important;
}
.insurance{
width: 7.5rem;
display: flex;
justify-content: space-between;
}
</style>
<title>上门输液</title>
</head>
<body>
<div class="orheader center">
<div class="left orback"><a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg"/></a></div>
<div class="bloodtext">上门输液</div>
</div>
<div class="infutitle">服务信息</div>
<div class="infupart1">
<div id="datePlugin"></div>
<div class="infutop"><p>李凯</p> <p>王振华</p></div>
<div class="infup">
<span><img src="images/appoinli_03.jpg"/>服务对象</span>
<span class="right"><input type="text" placeholder="请输入姓名" /></span>
</div>
<div class="infup">
<span><img src="images/appoinli_16.jpg"/>服务时间</span>
<span class="right"><input id="endTime" class="kbtn" placeholder="2018-01-20 18:03" /></span>
</div>
<div class="infup">
<span><img src="images/appoinli_13.jpg"/>联系电话</span>
<span class="right"><input type="text" placeholder="请输入联系电话" /></span>
</div>
<div class="infup">
<span><img src="images/appoinli_07.jpg"/>性别 </span>
<span class="right sex">
<input type="radio" id="male" name="sex" />
<label for="male">男</label>
<input type="radio" id="female" name="sex" />
<label for="female">女</label>
</span>
</div>
<div class="infup">
<span><img src="images/birth_03.png"/>出生日期</span>
<span class="right"><input id="beginTime" class="kbtn" placeholder="2018-01-20" /></span>
</div>
<div class="infup">
<span><img src="images/appoinli_18.jpg"/>服务地址</span>
<span class="right"><input type="text" placeholder="请输入详细地址" /></span>
</div>
<div class="infup">
<span><img src="images/appoinli_21.png"/>详细地址</span>
<span class="right"><input type="text" placeholder="街道、小区、楼层门牌号信息" /></span>
</div>
<div class="infup">
<span><img src="images/appoinli_19.png"/>身份证号</span>
<span class="right"><input type="text" placeholder="输入身份证号码我们将为您投保" /></span>
</div>
</div>
<div class="insurance" style="box-sizing: border-box;display: flex;justify-content: space-between;display: block;"><a href="#"><img src="images/infuli_27.jpg"/><span class="right">慈界免费为服务对象投保平安意外保险<img src="images/insu_03.jpg"/></span></a></div>
<div class="package">
<div class="packagetit">
<img src="images/infuli_31.jpg"/>预约套餐
<span class="right"><input type="text" placeholder="选择" id="yuyue" class="taocan"/><img src="images/pergo_03.jpg"/></span>
</div>
<div class="area"><img src="images/infuli_35.jpg" class="areaimg"/>
<textarea rows="3" cols="20" class="infuarea" placeholder="请详细描述您的疑问或症状，疾病和身体情况。（最多支持输入200字）"></textarea>
</div>
</div>
<div class="huli">
<span><img src="images/infuli_39.jpg"/>是否有护理工具 </span>
<span class="right is">
<input type="radio" id="you" name="is" />
<label for="you">有</label>
<input type="radio" id="wu" name="is"/>
<label for="wu">无</label>
</span>
</div>
<div class="package">
<div class="packagetit">
<img src="images/infuli_43.jpg"/>上传证明
<a href="#">
<span class="right sc yaofang">请上传医属、处方、病例、药品材料以便提供服务 <img src="images/sc1.png"/></span>
</a>
</div>
</div>
<div class="agree">
<div class="agreetit">
<input class='tgl tgl-light' id='cb1' type='checkbox'>
<label class='tgl-btn' for='cb1'></label>本人或接受上门服务的人以充分知晓<a href="#">《慈界服务合同》</a>所有内容，同意合同并接受上门服务。
</div>
</div>
<!--trfooter-->
<div id="trfooter">
<div id="trlprice" class="left"><span class="trmoney">￥<span id="total">268</span></span></div>
<div class="left listen"><a href="#"></a></div>
<div id="trsub" class="right"><a href="#">去预约</a></div>
</div>
<!--trfooter end-->
<div id="div2">
<div class="mPicker1 close" id="NG">
<div class="mPicker-mask1" id="ccc"></div>
<div class="mPicker-main1">
<div class="selecttaocan center">
<div class="selecttaocant">选择套餐<span class="right" id="close9"><img src="images/delete_weici2_icon.png"/></span></div>
<div style="width:6.8rem; display:inline-block;">
<div class="textleft" style="margin-top:0.2rem;">服务价格<span class="youhui">优惠¥60.0</span><span class="inyuanjia right">原价¥845.0</span><span class="injiage right">¥785.0</span></div>
<div class="inser">平台护士只提供服务</div>
<div class="textleft fuwus" style="margin-top:0.2rem;"><button type="button" class="inbu">普通服务</button><button type="button" class="inbu">高级服务（陪护120分钟）</button></div>
<div class="textleft left" style="display:inline-block; margin:0.2rem 0rem; width:6.8rem;">购买数量<span class="inser">（限购30次）</span>
<div class="right" id="tab">
<div style="display:none;"><span>单价:</span><span class="price">845.0</span></div>
<input class="min" name="" type="button" value="-" />
<input class="text_box" name="" type="text" value="1" />
<input class="add" name="" type="button" value="+" />
</div>
</div>
</div>
</div>
<div class="sersave" id="close"> 确定</div>
</div>
</div>
</div>
<div id="div2">
<div class="mPicker1 close" id="N1G">
<div class="mPicker-mask1" id="ccc"></div>
<div class="mPicker-main1">
<div class="wu center" id="checkbox2">
<table width="100%" border="1" cellspacing="0" cellpadding="0" style="display:inline-block;" id="infutb">
<tr class="dise"><td colspan="3">护理工具说明</td></tr>
<tr class="dise"><td colspan="3">特别说明：自备工具，无工具无法提供服务，如无法自备，可委托上门服务护士协商代购。</td></tr>
<tr class="dise">
<td>工具种类</td>
<td>价格</td>
<td>包含</td>
</tr>
<tr>
<td>普通换药耗材包</td>
<td>15元/个</td>
<td>一次性换药包、医用纱布、无菌棉等<span class="check_span"><input type="checkbox" name="n1g" class="servput" value="15" /></span></td>
</tr>
<tr>
<td>留置胃管耗材包</td>
<td>120元/个</td>
<td>口腔护理包、一次性硅胶胃管、注射器含盐水、医用棉签等<span class="check_span"><input type="checkbox" name="n1g" class="servput" value="120" /></span></td>
</tr>
<tr>
<td>吸痰耗材包</td>
<td>20元/个</td>
<td>一次性吸痰管（含手套）、一次性医用橡胶检查手套等<span class="check_span"><input type="checkbox" name="n1g" class="servput" value="20" /></span></td>
</tr>
<tr>
<td>压疮护理耗材包</td>
<td>20元/个</td>
<td>一次性换药包、无菌手套等<span class="check_span"><input type="checkbox" name="n1g" class="servput" value="20" /></span></td>
</tr>
<tr>
<td>灌肠耗材包</td>
<td>30元/个</td>
<td>灌肠包、医用护理垫等<span class="check_span"><input type="checkbox" name="n1g" class="servput" value="30" /></span></td>
</tr>
<tr>
<td>PICC换药耗材包</td>
<td>100元/个</td>
<td>PICC换药包、注射器等<span class="check_span"><input type="checkbox" name="n1g" class="servput" value="100" /></span></td>
</tr>
</table>
</div>
<div class="sersave" id="close2"> 确定</div>
</div>
</div>
</div>
<script src="js/checkbox.js"></script>
<script>
$(function(){
$("#checkbox1").selectCheck({
allId:null,
parentSelect:null
});
$("#checkbox2").selectCheck({
allId:null,
parentSelect:null
});
});
</script>
</body>