|
| xqd
@@ -32,7 +32,6 @@
|
|
|
width: 50px;
|
|
|
height: 50px;
|
|
|
margin-top: 3px;
|
|
|
- margin-left: 10px;
|
|
|
}
|
|
|
h3{
|
|
|
text-align: center;
|
|
| xqd
@@ -41,10 +40,6 @@
|
|
|
flex-wrap: wrap;
|
|
|
display: flex;
|
|
|
}
|
|
|
- .all .input{
|
|
|
- /*width: 40%;*/
|
|
|
- margin:4px 6%;
|
|
|
- }
|
|
|
.all .input-group{
|
|
|
margin:4px 6%;
|
|
|
}
|
|
| xqd
@@ -52,6 +47,15 @@
|
|
|
width: 66.66%;
|
|
|
margin: 4px 16.66%;
|
|
|
}
|
|
|
+ #tanchuang{
|
|
|
+ position: fixed;
|
|
|
+ z-index: 999;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ background: rgba(0,0,0,0.5);
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
| xqd
@@ -78,14 +82,16 @@
|
|
|
}, 1000)
|
|
|
}
|
|
|
function tijiao(){
|
|
|
- var yanz=document.getElementById("yanz")
|
|
|
- yanz.style="display:none;"
|
|
|
- }
|
|
|
+ var tanc=document.getElementById("tanchuang")
|
|
|
+ tanc.style="display:auto;"
|
|
|
+ }
|
|
|
function closeyan(){
|
|
|
var yanz=document.getElementById("yanz")
|
|
|
yanz.style="display:none;"
|
|
|
}
|
|
|
function yanzhengma(){
|
|
|
+ var yanzheng = document.getElementById("yzma")
|
|
|
+ yanzheng.style="display:auto;"
|
|
|
console.log('aaa')
|
|
|
sending = true;
|
|
|
var obj = $("#fasong");
|
|
| xqd
@@ -95,44 +101,50 @@
|
|
|
<div class="all">
|
|
|
<div class="col-xs-0 col-lg-2"></div>
|
|
|
<div class="col-xs-12 col-lg-8 main" style="margin: 0 auto;margin-top: 10px;">
|
|
|
- <div class="imgbox" style="width:90%;margin: 4px 5%;margin-bottom:20px;display: flex;height: auto;">
|
|
|
- <img src="{{cdn_asset('/assets/img/logo.jpg')}}">
|
|
|
- <h3 style="width: 70%;">健康体检服务知情同意书</h3>
|
|
|
+ <div class="col-xs-12 col-lg-12 imgbox" style="width:100%;margin-bottom:20px;display: flex;height: auto;">
|
|
|
+ <div class="col-xs-0 col-lg-2"></div>
|
|
|
+ <img class="col-xs-3 col-lg-1" src="{{cdn_asset('/assets/img/logo.jpg')}}">
|
|
|
+ <h3 class="col-lg-8">健康体检服务知情同意书</h3>
|
|
|
</div>
|
|
|
|
|
|
<form class="bs-example bs-example-form main" role="form">
|
|
|
<div class="col-xs-12 col-lg-4 input-group input">
|
|
|
<span class="input-group-addon">姓名：</span>
|
|
|
- <input type="text" class="form-control" name="jname" placeholder="请输入姓名">
|
|
|
+ <input type="text" class="form-control" name="jname" placeholder="请输入姓名" required>
|
|
|
</div>
|
|
|
<div class="col-xs-12 col-lg-4 input-group input">
|
|
|
<span class="input-group-addon">籍贯：</span>
|
|
|
- <input type="text" class="form-control" name="jiguan" placeholder="请输入籍贯">
|
|
|
+ <input type="text" class="form-control" name="jiguan" placeholder="请输入籍贯" required>
|
|
|
</div>
|
|
|
<div class="col-xs-12 col-lg-4 input-group input">
|
|
|
<span class="input-group-addon">民族：</span>
|
|
|
- <input type="text" class="form-control" name="nation" placeholder="请输入民族">
|
|
|
+ <input type="text" class="form-control" name="nation" placeholder="请输入民族" required>
|
|
|
</div>
|
|
|
<div class="col-xs-12 col-lg-4 input-group input">
|
|
|
<span class="input-group-addon">年龄：</span>
|
|
|
- <input type="text" class="form-control" name="old" placeholder="请输入年龄">
|
|
|
+ <input type="text" class="form-control" name="old" placeholder="请输入年龄" required>
|
|
|
</div>
|
|
|
<div class="col-xs-12 col-lg-4 input-group input">
|
|
|
<span class="input-group-addon">职业：</span>
|
|
|
- <input type="text" class="form-control" name="zhiye" placeholder="请输入职业">
|
|
|
+ <input type="text" class="form-control" name="zhiye" placeholder="请输入职业" required>
|
|
|
</div>
|
|
|
<div class="col-xs-12 col-lg-4 input-group input">
|
|
|
<span class="input-group-addon">邮箱地址：</span>
|
|
|
- <input type="text" class="form-control" name="phone" placeholder="请输入邮箱">
|
|
|
+ <input type="text" class="form-control" name="phone" placeholder="请输入邮箱" required>
|
|
|
</div>
|
|
|
<div class="col-xs-12 col-lg-6 input-group">
|
|
|
<span class="input-group-addon">住址：</span>
|
|
|
- <input type="text" class="form-control" name="address" placeholder="请输入住址">
|
|
|
+ <input type="text" class="form-control" name="address" placeholder="请输入住址" required>
|
|
|
</div>
|
|
|
- <div class="col-xs-12 col-lg-6 input-group" style="display: flex;">
|
|
|
- <span style="width: 20%;line-height: 20px;font-size: 10px;" class="input-group-addon">手机号</span>
|
|
|
- <input style="width: 44%;" type="text" class="form-control" placeholder="请输入手机号">
|
|
|
- <input style="width:36%;font-size: 10px;" class="btn btn-default" id="fasong" value="获取验证码" onclick="yanzhengma()"/>
|
|
|
+ <div class="col-xs-12 col-lg-12 input-group" style="display: flex;flex-wrap: wrap;">
|
|
|
+ <div class="col-xs-12 col-lg-6 input-group" style="display: flex;margin:4px 0;">
|
|
|
+ <span style="width: 20%;line-height: 20px;font-size: 10px;" class="input-group-addon">手机号</span>
|
|
|
+ <input style="width: 44%;" type="text" name="phone" class="form-control" placeholder="请输入手机号" required>
|
|
|
+ <input style="width:36%;font-size: 10px;" class="btn btn-default" id="fasong" value="获取验证码" onclick="yanzhengma()"/>
|
|
|
+ </div>
|
|
|
+ <div id="yzma" class="col-xs-12 col-lg-4 input-group" style="margin:4px 0;display: none;">
|
|
|
+ <input style="width: 100%;" type="text" name="yzma" class="form-control" placeholder="请输入验证码" required>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="danxuan">
|
|
|
<label for="name">性别：</label>
|
|
| xqd
@@ -154,9 +166,11 @@
|
|
|
<div class="checkbox">
|
|
|
<label><input type="radio" value="l3" name="gender">宫颈刷</label>
|
|
|
</div>
|
|
|
- <button style="margin-left: 45%;margin-bottom: 20px;" type="submit" class="btn btn-default">提交</button>
|
|
|
+ <button style="margin-left: 45%;margin-bottom: 20px;" type="button" onclick="" class="btn btn-default">提交</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div id="tanchuang" style="display: none;">
|
|
|
+ </div>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
