183 lines
9.8 KiB
HTML
183 lines
9.8 KiB
HTML
{include file="public/head" /}
|
||
<link rel="stylesheet" href="/static/css/user.css">
|
||
<link rel="stylesheet" href="/static/css/invoice.css">
|
||
</head>
|
||
<body class="user-page">
|
||
{include file="public/newnav" /}
|
||
|
||
<main class="user-main">
|
||
<div class="layui-container">
|
||
<div class="account-layout">
|
||
<aside class="account-nav">
|
||
<div class="account-nav__title">个人中心</div>
|
||
<a href="{:url('user/index')}" class="account-nav__link">
|
||
<i class="bi bi-receipt"></i><span>我的订单</span>
|
||
</a>
|
||
<a href="{:url('user/invoice')}" class="account-nav__link is-active">
|
||
<i class="bi bi-file-earmark-text"></i><span>自助开票</span>
|
||
</a>
|
||
<a href="{:url('user/multiple')}" class="account-nav__link">
|
||
<i class="bi bi-files"></i><span>合并开票</span>
|
||
</a>
|
||
</aside>
|
||
|
||
<section class="account-panel">
|
||
<div class="account-panel__title">发票申请</div>
|
||
<div class="account-panel__body">
|
||
<div class="invoice-summary">
|
||
<div>
|
||
<strong>开票金额</strong>
|
||
<span>{$data.total_price}</span>
|
||
</div>
|
||
<p>提交后，商家将在 1-3 个工作日内完成开票。</p>
|
||
</div>
|
||
|
||
<p class="invoice-tip">
|
||
个人开票时，税号请填写身份证号码；企业开票请填写统一社会信用代码。
|
||
</p>
|
||
|
||
<form class="layui-form invoice-form" action="">
|
||
<div class="invoice-section-title">必填信息</div>
|
||
<div class="layui-row layui-col-space24">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">手机号<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<input type="tel" autocomplete="off" class="layui-input" lay-verify="required|phone" name="phone" placeholder="用于接收发票通知">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">客户名称<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="title" lay-verify="required" placeholder="限55个字符" maxlength="55" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">税号<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="tax_number" lay-verify="required" placeholder="请输入税号或身份证号码" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">联系人<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="link_person" lay-verify="required" placeholder="请输入联系人姓名" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">邮箱<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<input type="email" name="link_email" lay-verify="required|email" placeholder="用于接收电子发票" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="invoice-section-title invoice-section-title--sub">补充信息</div>
|
||
<div class="layui-row layui-col-space24">
|
||
<div class="layui-col-xs12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">地址</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="address" placeholder="请输入注册地址" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">电话</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="mobile" placeholder="请输入联系电话" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">开户行</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="bank" placeholder="请输入开户银行" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">账号</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="account" placeholder="请输入银行账号" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12">
|
||
<input type="hidden" name="order_id" value="{$data.id}">
|
||
<input type="hidden" name="order_sn" value="{$data.order_sn}">
|
||
<button type="submit" id="button" class="layui-btn layui-btn-fluid" lay-submit lay-filter="demo1">
|
||
<span>提交申请</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
{include file="public/newfooter" /}
|
||
<!--//倒计时-->
|
||
<script>
|
||
layui.use(function(){
|
||
var $ = layui.$;
|
||
var form = layui.form;
|
||
var layer = layui.layer;
|
||
// 提交事件
|
||
form.on('submit(demo1)', function(data){
|
||
var field = data.field; // 获取表单字段值
|
||
field.tax_number = $.trim(field.tax_number || '');
|
||
var tax_len = field.tax_number.length;
|
||
var arr = [15, 17, 18, 20];
|
||
if (arr.indexOf(tax_len) == -1) {
|
||
layer.msg('仅支持购方税号长度为15、17、18、20，请重新输入');
|
||
return false;
|
||
}
|
||
var $button = $('#button');
|
||
var buttonText = $button.find('span').text();
|
||
$button.prop('disabled', true).find('span').text('提交中...');
|
||
$.ajax({
|
||
url: "/home/invoice/add_invoice",
|
||
type: 'POST',
|
||
data: field,
|
||
success: function (res) {
|
||
if (res.status == 1) {
|
||
layer.alert('已提交开票申请,商家会在 1-3个工作日内完成开票,<br>请扫描下方二维码进行添加客服收取发票<br><div class="in-img"><img src="{$fapiao_kefu}" width: 150px;></div>', {
|
||
icon: 1,
|
||
title:'发票申请',
|
||
closeBtn: 0
|
||
}, function(index){
|
||
layer.close(index);
|
||
window.location.href = res.url;
|
||
});
|
||
} else {
|
||
$button.prop('disabled', false).find('span').text(buttonText);
|
||
layer.msg(res.msg || '提交失败，请稍后重试');
|
||
}
|
||
},
|
||
error: function () {
|
||
$button.prop('disabled', false).find('span').text(buttonText);
|
||
layer.msg('网络异常，请稍后重试');
|
||
}
|
||
})
|
||
return false; // 阻止默认 form 跳转
|
||
});
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|