This commit is contained in:
gaofeng
2026-05-12 18:27:28 +08:00
commit 6d9aee81aa
3664 changed files with 274415 additions and 0 deletions

View File

@@ -0,0 +1,182 @@
{include file="public/head" /}
<link rel="stylesheet" href="/static/css/user.css?v={:time()}">
<link rel="stylesheet" href="/static/css/invoice.css?v={:time()}">
</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>