<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0,viewport-fit=cover">
<title></title>
<link rel="stylesheet" href="../css/order.css">
<style>
body{
padding: 0.2rem;
position: relative;
}
</style>
</head>
<body>
<div class="page">
<p class="h1">IQQA精准术前三维评估及手术规划</p>
<div class="content">
<p class="h2">请告诉我们您的联系方式，使我们能够及时通知到您服务的进度。</p>
<div class="form">
<p id="warn" style="color: red; display: none;">手机号码必须要填写！</p>
<div class="box">
<div class="text">
<p class="icon">*</p>
手机号码：
</div>
<input id="iphone" value="" type="text" maxlength="11" placeholder="手机号码">
</div>
<div class="box">
<div class="text">
<p class="icon">*</p>
姓名：
</div>
<input type="text" placeholder="用户姓名">
</div>
<div class="box">
<div class="text">
<p style="color: white; margin: auto 0;">*</p>
验证码：
</div>
<input class="code" type="text" placeholder="验证码">
<button id="button">获取验证码</button>
</div>
</div>
<p style="font-size: 0.16rem;padding-left: 1rem;margin-top: 1.2rem;">请正确提交患者信息。</p>
<div class="form">
<div class="box">
<div class="text">
<p class="icon">*</p>
患者姓名：
</div>
<input id="iphone" value="" type="text" placeholder="手机号码">
</div>
<div class="box">
<div class="text">
<p style="color: white; margin: auto 0;">*</p>
就诊医院：
</div>
<input style="width: 12rem;" id="" value="" type="text" placeholder="XX医院" disabled>
</div>
<div class="box">
<div class="text">
<p style="color: white; margin: auto 0;">*</p>
就诊科室：
</div>
<input style="width: 8rem;" id="" value="" type="text" placeholder="胸外科">
</div>
<div class="box">
<div class="text">
<p style="color: white; margin: auto 0;">*</p>
就诊医生：
</div>
<input style="width: 8rem;" id="" value="" type="text" placeholder="">
</div>
<div class="box">
<div class="text">
<p style="color: white; margin: auto 0;">*</p>
邮寄地址：
</div>
<input style="width: 8rem;" id="" value="" type="text" placeholder="">
</div>
</div>
</div>
<div class="button">
<button>我要购买此服务</button>
</div>
</div>
<div class="mask" style="display: block;">
<div class="shade">
<div class="top">
<p class="h3">技术服务自愿购买声明</p>
</div>
<div class="declare">
<div class="declare-box">
<p class="p1">《服务免责声明》</p>
<p class="p2">基于医学领域的有关规定，疾病的诊断、治疗等均应以专业的临床执业医师的意见及决定为准，本服务所提供的技术服务内容仅供患者的专业诊疗医生参考使用，因此不承担因为诊断结论错误或治疗方案不当而引发的医疗纠纷和事故责任。</p>
</div>
<div class="declare-box">
<p class="p1">《技术服务购买者声明》</p>
<p class="p2">本人为患者本人（或患者的代理人），本服务属于患者（或其代理人）自愿自费购买的第三方技术服务，并承诺所提供的信息真实可靠。本人同意并授权技术服务提供方对患者的影像数据进行存储传输及处理。</p>
</div>
<label class="check">
<input id="check" type="checkbox" onchange="checkboxOnclick(this)">
<p>已阅读并同意以上声明内容</p>
</label>
<div class="bottom">
<button id="button" disabled="disabled">确定</button>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/distpicker.data.min.js"></script>
<script src="../js/distpicker.min.js"></script>
<script>
function checkboxOnclick() {
$("#check").change(function() {
console.log($("#check").is(":checked"))
if($("#check").is(":checked") == true){
console.log($("#button").is(":disabled"))
$('#button').attr("disabled",false)
}
})
}
$("button").click(function(){
$(".mask").css("display",'none')
})
</script>
</html>