订单详情.html 4.0 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 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>
	<style>
		.appoinpart6{
			width:100%;
		}
	</style>
</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-->