shyaf
/
shyaf-resource


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							<!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>
        <p style="font-size: 0.16rem;padding-left: 1rem;margin-top: 1.2rem;">请正确提交患者信息。</p>
        <div class="content">
            <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="">
                </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>
            <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 type="text" placeholder="用户姓名">
                </div>
                <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 style="color: white; margin: auto 0;">*</p>
                        验证码：
                    </div>
                    <input class="code" type="text" placeholder="验证码">
                    <button>获取验证码</button>
                </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>
            <p style="font-size: 0.85rem;">服务项目：器官三维重建&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3900元</p>
        </div>
        <div class="button">
            <button id="buy">立即提交</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">
                    <p>已阅读并同意以上声明内容</p>
                </label>
                <div id="button" class="bottom disabled">
                    <button>确定</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>
    let isMaskClick = false;// 是否允许点击弹窗确认按钮
    // 单选框
     $("#check").on('change',function(e){
        isMaskClick = $(e)[0].currentTarget.checked;
        $('.bottom').attr('class','bottom '+(isMaskClick?'':'disabled'))
     })

    $("#button").click(function(){
        if(!isMaskClick) return;
        $(".mask").css("display",'none')
    })
    
    // 点击跳转付款
    $("#buy").click(function() {
        $(location).attr('href', 'https://qr.95516.com/01020001/wcqr?f=ICBCqr&X=1&T=3&P=13&I=e03d925776684b4d&N=eda2cd4a81a690c8a44f6a1288309c1b&L=36ad66c7d4f1df99ad431122ec6b4d0774e38c3de3782b4392089929f8cc79095b600d358c26ac3ae82f054450ffda778601187d6463813cfdaf2738b54b60765aed8ef16cfc24ee');
    })
</script>
</html>