115 lines
3.6 KiB
HTML
115 lines
3.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>基本信息</title>
|
||
|
|
<link rel="stylesheet" href="/css/style.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="qrderQuery-con-hed">
|
||
|
|
<a href=""><img class="img" src="/img/icon_arrow_right@2x.png" alt=""></a>
|
||
|
|
<p>基本信息</p>
|
||
|
|
</div>
|
||
|
|
<div id="completeSet">
|
||
|
|
<a class="list">
|
||
|
|
<div>
|
||
|
|
<p>常用项目代码</p>
|
||
|
|
<div><input placeholder="请输入常用的项目代码" type="text"></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a class="list">
|
||
|
|
<div>
|
||
|
|
<p>常用项目名称</p>
|
||
|
|
<div><input placeholder="请输入常用的项目名称" type="text"></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a class="list">
|
||
|
|
<div>
|
||
|
|
<p>乘机/订酒店姓名</p>
|
||
|
|
<div><input placeholder="请输入乘机/订酒店时用的证件姓名" type="text"></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a class="list">
|
||
|
|
<div>
|
||
|
|
<p>证件类型</p>
|
||
|
|
<div><button class="listBtn">请选择您的证件类型<img src="/img/icon_arrow_right@2x.png" alt=""></button></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a class="list">
|
||
|
|
<div>
|
||
|
|
<p>证件号码</p>
|
||
|
|
<div><input placeholder="请输入证件类型对应的证件号码" type="text"></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a class="list">
|
||
|
|
<div>
|
||
|
|
<p>乘机/订酒店手机</p>
|
||
|
|
<div><input placeholder="请输入订机票/订酒店时用的手机号码" type="text"></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a class="list mgtop">
|
||
|
|
<div>
|
||
|
|
<p>偏好航司(if any)</p>
|
||
|
|
<div><input placeholder="请输入个人偏好的航司" type="text"></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a class="list">
|
||
|
|
<div>
|
||
|
|
<p>偏好舱位(if any)</p>
|
||
|
|
<div><button class="listBtn">请选择个人偏好舱位 <img src="/img/icon_arrow_right@2x.png" alt=""></button></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a class="list mgtop">
|
||
|
|
<div>
|
||
|
|
<p>偏好酒店(if any)</p>
|
||
|
|
<div><button class="listBtn">请输入个人偏好酒店<img src="/img/icon_arrow_right@2x.png" alt=""></button></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a class="list">
|
||
|
|
<div>
|
||
|
|
<p>偏好无烟房(if any)</p>
|
||
|
|
<div><input placeholder="请选择个人偏好房型" type="text"> </div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a class="list">
|
||
|
|
<div>
|
||
|
|
<p>备注</p>
|
||
|
|
<div><input placeholder="请输入其它偏好备注" type="text"></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="completeSetqd"><button>确定</button></div>
|
||
|
|
|
||
|
|
<div class="mobanxuan">
|
||
|
|
<div>
|
||
|
|
<div>
|
||
|
|
<p class="p">选项5</p>
|
||
|
|
<p class="p">选项4</p>
|
||
|
|
<p class="p">选项3</p>
|
||
|
|
<p class="p">选项2</p>
|
||
|
|
<p class="p">选项1</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<p class="btn">取消</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="/js/jquery-3.4.1.min.js"></script>
|
||
|
|
<script>
|
||
|
|
$(".listBtn").on("click",()=>{
|
||
|
|
$(".mobanxuan").css("display","block")
|
||
|
|
})
|
||
|
|
$(".btn").on("click",()=>{
|
||
|
|
$(".mobanxuan").css("display","none")
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|