510 lines
16 KiB
HTML
510 lines
16 KiB
HTML
{include file="public/head" /}
|
|
|
|
<link rel="stylesheet" href="/static/css/weui.min.css">
|
|
<link rel="stylesheet" href="/static/css/jquery-weui.min.css">
|
|
<script type="text/javascript" src="/static/js/jquery-weui.min.js"></script>
|
|
<link rel="stylesheet" href="/static/home/css/home-menu.css?v=4">
|
|
<link rel="stylesheet" href="/static/home/css/user.css?v=5">
|
|
<link rel="stylesheet" href="/visa/css/layui.css">
|
|
<script src="/static/home/js/layer/layer.js"></script>
|
|
<body class="home-layout-page user-center-page">
|
|
<style type="text/css">
|
|
|
|
|
|
.item_desc span {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.productItem-text a {
|
|
color: #ffffff;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.form-btn {
|
|
display: block;
|
|
width: 100%;
|
|
height: 50px;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
background: var(--banner-color);
|
|
margin: 15px 0;
|
|
border-radius: 8px;
|
|
border-radius: 2px solid var(--banner-color);
|
|
}
|
|
|
|
.form-btn:hover {
|
|
background: var(--banner-color);
|
|
}
|
|
|
|
.checkbox-inline input[type="checkbox"]:checked:after {
|
|
top: 7px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.content select {
|
|
min-width: 120px !important;
|
|
}
|
|
}
|
|
|
|
.input-group {
|
|
width: 80%;
|
|
}
|
|
|
|
.djtable table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border: 2px solid var(--banner-color);
|
|
}
|
|
|
|
.djtable th, .djtable td {
|
|
text-align: center;
|
|
border: 1px solid var(--banner-color);
|
|
height: 40px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.djtable th {
|
|
color: #fff;
|
|
background: var(--banner-color);
|
|
}
|
|
|
|
.djtable td {
|
|
color: #333;
|
|
}
|
|
|
|
.djtable2 table {
|
|
width: 100%;
|
|
text-align: center;
|
|
line-height: 36px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.djtable2 tr {
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.djtable2 th {
|
|
text-align: center;
|
|
}
|
|
|
|
.djtable2 td {
|
|
color: #666;
|
|
text-align: center;
|
|
}
|
|
|
|
.formrow {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.m-help ul {
|
|
padding: 0 !important;
|
|
}
|
|
</style>
|
|
<style>
|
|
.djtable table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border: 2px solid var(--banner-color);
|
|
}
|
|
|
|
.djtable th, .djtable td {
|
|
text-align: center;
|
|
border: 1px solid var(--banner-color);
|
|
height: 40px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.djtable th {
|
|
color: #fff;
|
|
background: var(--banner-color);
|
|
}
|
|
|
|
.djtable td {
|
|
color: #333;
|
|
}
|
|
|
|
.djtable2 table {
|
|
width: 100%;
|
|
text-align: center;
|
|
line-height: 36px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.djtable2 tr {
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.djtable2 th {
|
|
text-align: center;
|
|
}
|
|
|
|
.djtable2 td {
|
|
color: #666;
|
|
text-align: center;
|
|
}
|
|
|
|
.formrow {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.input-button {
|
|
width: 40%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.m-help ul {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background: #337ab7 !important;
|
|
}
|
|
|
|
.modal-open .modal .modal-dialog.modal-txt {
|
|
max-height: 550px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.input-group input:first-child[type=text] {
|
|
padding: .8rem;
|
|
}
|
|
|
|
.nodata a {
|
|
width: 30%;
|
|
height: 40px;
|
|
margin: 10px;
|
|
line-height: 40px;
|
|
display: inline-block;
|
|
border-radius: 4px;
|
|
background: var(--banner-color);
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
<style>
|
|
.addBox {
|
|
width: 90%;
|
|
text-align: right;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.addBox .layui-icon {
|
|
font-size: 14px;
|
|
color: #666;
|
|
cursor: pointer;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.layui-icon-add-circle:before {
|
|
content: "\e61f";
|
|
}
|
|
</style>
|
|
<div class="u-bg-greylight">
|
|
<div class="content">
|
|
{include file="public/home_menu" /}
|
|
<div class="container">
|
|
<div class="usercon">
|
|
<div class="user-l">
|
|
<div class="user-tit">{:lang('menu_user')}</div>
|
|
<a href="{:url('user/order')}" class="user-a">evus订单</a>
|
|
<a href="{:url('user/orderEsta')}" class="user-a">esta订单</a>
|
|
<a href="{:url('user/invoice')}" class="user-a">{:lang('user_invoice')}</a>
|
|
<a href="{:url('user/multiple')}" class="user-a user-on">{:lang('user_multiple_invoice')}</a>
|
|
<a href="{:url('user/logout')}" class="user-a">{:lang('user_logout')}</a>
|
|
</div>
|
|
<div class="user-r">
|
|
<form id="lookupform" name="form1">
|
|
<p style="color: #951e14;margin-top: 16px;text-align: center; font-size: 16px;">
|
|
适用于多个订单合并开票，如果只有单个订单请点击自助开票</p>
|
|
<div class="m-form-application-container col-sm-12 u-pad--t0">
|
|
<div class="formrow" style="margin-top: 16px; font-size: 16px;">
|
|
<div id="form-type" class=" j-form-container col-sm-6">
|
|
|
|
<div class="col-xs-12 col-sm-12">
|
|
<label for="type">
|
|
类型 <span class="m-txt--color-15">*</span> </label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-12">
|
|
<div class="input-group">
|
|
<select class=" select-countries" name="type" id="type" autocomplete="off"
|
|
required="">
|
|
<option value="evus">EVUS</option>
|
|
<option value="esta">ESTA</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<section class="m-form-application-category-container active">
|
|
|
|
<div class="m-form-application-inputs-container">
|
|
<div class="formrow">
|
|
<div class=" j-form-container col-sm-6">
|
|
|
|
<div class="col-xs-12 col-sm-12">
|
|
<label>
|
|
护照号码 <span class="m-txt--color-15">*</span> </label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-12">
|
|
<div class="input-group">
|
|
<input type="text" name="passport_number" class=""
|
|
maxlength="9" minlength="9" required=""
|
|
placeholder="输入护照号码">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=" j-form-container col-sm-6">
|
|
|
|
<div class="col-xs-12 col-sm-12">
|
|
<label>
|
|
订单号 <span class="m-txt--color-15">*</span> </label>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-12">
|
|
<div class="input-group">
|
|
<input type="text" name="order_sn" class=""
|
|
required="" placeholder="输入订单号">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="formrow">
|
|
<div class=" j-form-container col-sm-6">
|
|
|
|
<div class="col-xs-12 col-sm-12">
|
|
<label>
|
|
姓氏 <span class="m-txt--color-15">*</span> </label>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-12">
|
|
<div class="input-group">
|
|
<input type="text" name="last_name" class="" maxlength="45"
|
|
required="" placeholder="填写姓氏拼音" pattern="[A-z]*">
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div class=" j-form-container col-sm-6">
|
|
<div class="col-xs-12 col-sm-12">
|
|
<label>
|
|
名字 <span class="m-txt--color-15">*</span> </label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-12">
|
|
<div class="input-group">
|
|
|
|
<input type="text" name="first_name" class="" maxlength="40"
|
|
required="" placeholder="填写名字拼音" pattern="[A-z]*">
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
<div class="addBox">
|
|
<span class="layui-icon layui-icon-add-circle layui-add layui-add-tous">添加</span>
|
|
<span class="layui-icon layui-icon-reduce-circle layui-reduce">删除</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="input-group input-button" style="display: block; padding-right: 44px;">
|
|
<input class="form-btn" type="button" value="提交"/>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{include file="public/footer" /}
|
|
<style type="text/css">
|
|
@media (max-width: 700px) {
|
|
body {
|
|
padding: 0;
|
|
}
|
|
|
|
.user-xx li span {
|
|
min-width: 30% !important;
|
|
width: auto !important;
|
|
}
|
|
|
|
.user-tit2 {
|
|
display: none;
|
|
}
|
|
|
|
.user-l {
|
|
width: 100%;
|
|
min-height: unset;
|
|
display: flex;
|
|
}
|
|
|
|
.user-a {
|
|
width: 50%;
|
|
}
|
|
|
|
.user-tit {
|
|
display: none;
|
|
}
|
|
|
|
.user-xx li {
|
|
width: 100%;
|
|
}
|
|
|
|
.user-xx li:nth-child(even) {
|
|
background: #fff !important;
|
|
}
|
|
|
|
.user-xx li:nth-child(odd) {
|
|
background: #eee !important;
|
|
}
|
|
|
|
.usercon {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.container {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.user-r {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.input-group {
|
|
width: 100%;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.input-group.input-button {
|
|
width: 50%;
|
|
padding-right: unset !important;
|
|
}
|
|
|
|
.input-group input:first-child[type=text] {
|
|
padding: 1rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 700px) {
|
|
.user-xx li span {
|
|
min-width: 30% !important;
|
|
width: auto !important;
|
|
}
|
|
|
|
.user-xx li {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.user-xx li a {
|
|
float: left;
|
|
margin: 6px 15px 6px 0;
|
|
}
|
|
}
|
|
</style>
|
|
<script>
|
|
var formersHtml = $(".m-form-application-category-container").html();
|
|
$('.m-form-application-inputs-container').eq(0).find('.layui-reduce').hide()
|
|
$(document).on("click", ".layui-add", function () {
|
|
var passport_number = $(this).parent('.addBox').parent().find("input[name='passport_number']").val();
|
|
var order_sn = $(this).parent('.addBox').parent().find("input[name='order_sn']").val();
|
|
var last_name = $(this).parent('.addBox').parent().find("input[name='last_name']").val();
|
|
var first_name = $(this).parent('.addBox').parent().find("input[name='first_name']").val();
|
|
var is_check = check(passport_number, order_sn, last_name, first_name);
|
|
if (is_check == false) {
|
|
return false;
|
|
}
|
|
$(".m-form-application-category-container").append(formersHtml)
|
|
})
|
|
$(document).on("click", ".layui-reduce", function () {
|
|
$(this).parent('.addBox').parent().remove()
|
|
})
|
|
</script>
|
|
<script>
|
|
|
|
var datas = [];
|
|
$(".form-btn").click(function () {
|
|
datas = [];
|
|
$('.m-form-application-inputs-container').each(function (i, v) {
|
|
var passport_number = $(v).find("input[name='passport_number']").val();
|
|
var order_sn = $(v).find("input[name='order_sn']").val();
|
|
var last_name = $(v).find("input[name='last_name']").val();
|
|
var first_name = $(v).find("input[name='first_name']").val();
|
|
datas.push({
|
|
passport_number: passport_number,
|
|
order_sn: order_sn,
|
|
last_name: last_name,
|
|
first_name: first_name
|
|
})
|
|
});
|
|
var index1;
|
|
var type = $('#type').val()
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "checkMultiple",
|
|
data: {datas: JSON.stringify(datas), type: type},
|
|
beforeSend: function () {
|
|
index1 = layer.load(1, {
|
|
shade: [0.3, '#fff'] //0.1透明度的白色背景
|
|
});
|
|
},
|
|
success: function (data) {
|
|
layer.close(index1);
|
|
if (data.status == 1) {
|
|
layer.msg('查询成功');
|
|
window.location.href = data.url;
|
|
} else {
|
|
layer.msg(data.msg);
|
|
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
});
|
|
|
|
function check(passport_number, order_sn, last_name, first_name) {
|
|
if (passport_number == "") {
|
|
layer.msg('请输入护照号')
|
|
return false
|
|
}
|
|
if (order_sn == "") {
|
|
layer.msg('请输入订单号')
|
|
return false
|
|
}
|
|
if (last_name == "") {
|
|
layer.msg('请输入姓氏')
|
|
return false
|
|
}
|
|
if (first_name == "") {
|
|
layer.msg('请输入名字')
|
|
return false
|
|
}
|
|
var res = false;
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "checkInvoice",
|
|
async: false,
|
|
data: {passport_number: passport_number, order_sn: order_sn, last_name: last_name, first_name: first_name},
|
|
success: function (data) {
|
|
if (data.status == 1) {
|
|
res = true;
|
|
} else {
|
|
res = false;
|
|
layer.msg(data.msg);
|
|
|
|
}
|
|
}
|
|
});
|
|
return res;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|