订单详情.html 3.9 KB
<!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" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<SCRIPT type="text/javascript">        
	var maxtime = 30 * 60; //一个小时,按秒计算,自己调整!   
	function CountDown() {
		if (maxtime >= 0) {
			minutes = Math.floor(maxtime / 60);
			seconds = Math.floor(maxtime % 60);
			msg = "支付剩余时间&nbsp;" + minutes + ":" + seconds + "";
			document.all["timer"].innerHTML = msg;
			if (maxtime == 5 * 60)alert("还剩5分钟");
				--maxtime;
		} else{
			clearInterval(timer);
			alert("时间到,结束!");
		}
	}
	timer = setInterval("CountDown()", 1000);                
</SCRIPT>
<title>预约详情</title>
</head>

<body>
<div class="seheader center">
	<div class="left seback"><a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg"/></a></div>
    <div class="headertext">订单详情</div>
</div>

<!--appoinpart1 -->
<div class="appoinpart1 center">
	<div id="timer" class="paytime"></div>
	<div id="warring"></div>
	<!--<div class="paytime">支付剩余时间 29:12</div>-->
</div>
<!--appoinpart1 end-->

<!--appoinpart2 -->
<div class="appoinpart2 center">
	<div class="apointit"><img src="images/hol_03.jpg"/>静脉采血 1 次 <span class="right">待付款</span></div>
    <div class="apoincon">
    	<p><img src="images/appoinli_03.jpg"/>服务对象<span>李凯</span></p>
        <p><img src="images/appoinli_13.jpg"/>联系电话<span>18110605623</span></p>
        <!--<p><img src="images/appoinli_07.jpg"/>性别&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>男</span></p>
        <p><img src="images/appoinli_10.jpg"/>出生日期<span>1965-08-12</span></p>
        <p><img src="images/appoinli_16.jpg"/>上门时间<span>2018-03-15 14:00</span></p>
        <p><img src="images/appoinli_18.jpg"/>服务地址<span>北京市 丰台区 总部基地六区2号楼A座层305</span></p>-->
    </div>
</div>
<!--appoinpart2 end-->

<!--appoinpart3 -->
<!--<div class="appoinpart3 center">
	<div class="apointit"><img src="images/hol_03.jpg"/>病情描述</div>
    <div class="apoindes">胃消化性溃疡,需上门采取化验</div>
</div>-->
<!--appoinpart3 end-->

<!--appoinpart4 -->
<!--<div class="appoinpart4 center">
	<div class="apointit"><img src="images/hol_03.jpg"/>就医证明</div>
    <div class="apoinprove">
    	<ul>
        	<li><img src="images/apoinli_03.jpg"/></li>
            <li><img src="images/apoinli_03.jpg"/></li>
        </ul>
    </div>
</div>-->
<!--appoinpart4 end-->

<!--appoinpart5 -->
<div class="appoinpart5 center">
	<div class="appoinli5">下单日期<span class="right">2018-02-19   17:11</span></div>
    <div class="appoinlik5">
        <a href="#"><img class="left" src="images/part4_li_12.jpg"/></a>
        <div class="corigt left">
            <a href="#"><span>女士高发肿瘤风险评估E(2项)</span><p>评估卵巢癌、子宫内膜癌风险</p></a>
        <p class="minute">
            <span><img src="images/min_09.jpg"/>可测1人</span><span><img src="images/min_11.jpg"/>10-15个工作日</span>
        </p>      
        <p class="price">¥8686</p>
        </div>
    </div>
    <div class="appoinlif5">总服务费<span class="right">194元</span></div>
</div>
<!--appoinpart5 end-->

<div class="apoinnum">订单号:010201800078</div>

<!--appoinpart6 -->
<div class="appoinpart6">
	<button type="button" class="apoinbut">去支付</button>
    <button type="button" class="apoinbut">取消支付</button>
</div>
<!--appoinpart6 end-->