丁玲 / doctor_public · 文件

转到一个项目
infusion.html 12.2 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 348 349 350 
<!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;
	}
    .infuarea{
        margin: 0 auto;
    }
</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>