fei.wang
2024-05-13 68bd753f1b77f39c1dd5609620ce29f9b8b412b5
src/webapp/page/KaiPiao.jsp
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,463 @@
<%--
  Created by IntelliJ IDEA.
  User: Dell
  Date: 2023/9/21
  Time: 15:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>开票管理</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>开票管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/HxzkFlow/css/step.css" media="all">
    <link rel="stylesheet" href="/HxzkFlow/css/layui.css" media="all">
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-fluid">
            <div class="layui-card">
                <div class="layui-card-body" style="padding-top: 30px;">
                    <div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;">
                        <div carousel-item style="height: 800px">
                            <div style="background: none">
                                <fieldset class="layui-elem-field">
                                    <legend>发票信息(抬头)</legend>
                                    <div class="layui-field-box">
                                        <p><div class="layui-form-item">
                                        <label class="layui-form-label" style="width: 120px;text-align: right">发票抬头:</label>
                                        <div class="layui-input-block">
                                            <input type="text"  id="fpxx1" style="width: 70%"  value="" class="layui-input" lay-verify="number" disabled >
                                        </div>
                                    </div></p>
<%--                                        <p><div class="layui-form-item">--%>
<%--                                        <label class="layui-form-label" style=";width: 120px;text-align: right">抬头类型:</label>--%>
<%--                                        <div class="layui-input-block">--%>
<%--                                            <input type="text"  id="fpxx2"  style="width: 70%" value="" class="layui-input" lay-verify="number" disabled>--%>
<%--                                        </div>--%>
<%--                                    </div></p>--%>
                                        <p><div class="layui-form-item">
                                        <label class="layui-form-label" style="width: 120px;text-align: right">默认发票类型:</label>
                                        <div class="layui-input-block">
                                            <form class="layui-form" style="width: 70%;float: left" >
                                            <select class="layui-select"  style="width: 50%;height: 40px;border: 1px solid #ccc"  id="fpxx3" disabled>
                                                <option  id="fpxx12" value="增值税普通发票">增值税普通发票</option>
                                                <option id="fpxx13" value="增值税专用发票">增值税专用发票</option>
                                            </select>
                                            </form>
                                        </div>
                                    </div></p>
                                        <p><div class="layui-form-item">
                                        <label class="layui-form-label" style="width: 120px;text-align: right">统一社会信用代码:</label>
                                        <div class="layui-input-block">
                                            <input type="text"  id="fpxx4"  style="width: 70%" value="" class="layui-input" lay-verify="number" disabled>
                                        </div>
                                    </div></p>
                                        <p><div class="layui-form-item">
                                        <label class="layui-form-label" style="width: 120px;text-align: right">开户银行名称:</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="fpxx5"  style="width: 70%" value="" class="layui-input" lay-verify="number" disabled>
                                        </div>
                                    </div></p>
                                        <p><div class="layui-form-item">
                                        <label class="layui-form-label" style="width: 120px;text-align: right">基本开户账号:</label>
                                        <div class="layui-input-block">
                                            <input type="text"  id="fpxx6" style="width: 70%" value="" class="layui-input" lay-verify="number" disabled>
                                        </div>
                                    </div></p>
                                        <p><div class="layui-form-item">
                                        <label class="layui-form-label" style="width: 120px;text-align: right">注册场所地址:</label>
                                        <div class="layui-input-block">
                                            <input type="text"  id="fpxx7" style="width: 70%"  value="" class="layui-input" lay-verify="number" disabled>
                                        </div>
                                    </div></p>
                                        <p><div class="layui-form-item">
                                        <label class="layui-form-label" style="width: 120px;text-align: right">注册电话:</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="fpxx8" style="width: 70%"  value="" class="layui-input" lay-verify="number" disabled>
                                        </div>
                                    </div></p>
                                    </div>
                                </fieldset>
                                <p><div class="layui-form-item">
                                <label class="layui-form-label" style="width: 120px;text-align: right" >邮寄地址:</label>
                                <div class="layui-input-block">
                                    <input type="text" id="fpxx9" style="width: 70%;" size="40" placeholder="请填写邮寄地址" required  value="" class="layui-input" lay-verify="number" disabled>
                                </div>
                            </div></p>
                                <p><div class="layui-form-item">
                                <label class="layui-form-label" style="width: 120px;text-align: right">联系人:</label>
                                <div class="layui-input-block">
                                    <input type="text" id="fpxx10" value="" style="width: 70%" placeholder="请填写联系人" required  class="layui-input" lay-verify="number" disabled>
                                </div>
                            </div></p>
                                <p><div class="layui-form-item">
                                <label class="layui-form-label" style="width: 120px;text-align: right">联系电话:</label>
                                <div class="layui-input-block">
                                    <input type="text" id="fpxx11" style="width: 70%;"  value="" placeholder="请填写联系电话" required class="layui-input" lay-verify="number" disabled>
                                </div>
                            </div></p>
                                <p><div class="layui-form-item">
                                <div class="layui-input-block">
                                    <button id="cancelBtn" class="layui-btn" onclick="enableInputs()">修改</button>
                                    <button class="layui-btn" onclick="bcMail()">保存信息</button>
                                </div>
                            </div>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/HxzkFlow/js/layui.js" charset="utf-8"></script>
<script src="/HxzkFlow/js/miniTab.js" charset="utf-8"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="/HxzkFlow/js/step.js" media="all">
<script>
    var fapiao = localStorage.getItem("fapiao")
    function reloads(){
        location.reload();
    }
    layui.use(['form','miniTab'], function () {
        var form = layui.form,
            layer = layui.layer,
            miniTab = layui.miniTab;
        //监听提交
        form.on('submit(saveBtn)', function (data) {
            miniTab.deleteCurrentByIframe()
            return false;
        });
    });
    $(document).ready(function(){
        $('#cancelBtn').click(function(){
            $('.layui-select').prop('disabled', false); // å–消禁用状态
            layui.use(['form'], function(){
                var form = layui.form;
                form.render(); // é‡æ–°æ¸²æŸ“Select选择器
            });
        });
    });
    function enableInputs(){
        var inputBoxes = document.getElementsByClassName("layui-input"); // èŽ·å–æ‰€æœ‰çš„è¾“å…¥æ¡†å…ƒç´ 
        console.log(inputBoxes.length)
        for(var i=0;i<inputBoxes.length;i++){
            inputBoxes[i].disabled = false; // å–消禁用状态
        }
    }
    //查询发票信息
    var company = "company="+localStorage.getItem("gsmc")
    console.log(company)
    $.post("/HxzkFlow/hxzk/Invoicess",company,function (data){
        if(data == "" || data == null){
            alert("请先添加发票信息")
        }else{
            $("#fpxx1").val(data.companyname);
            $("#fpxx2").val('公司');
            $("#fpxx4").val(data.shuinum);
            $("#fpxx5").val(data.accountbank);
            $("#fpxx6").val(data.account);
            $("#fpxx7").val(data.address);
            $("#fpxx8").val(data.phone);
        }
    })
    //查询邮寄信息
    var youji = "company="+localStorage.getItem("gsjc");
    $.post("/HxzkFlow/hxzk/findMailUser",youji,function (data){
       $("#fpxx9").val(data.mailingaddress);
       $("#fpxx10").val(data.contacts);
       $("#fpxx11").val(data.phone);
        $("#ffp7").val(data.mailingaddress);
    })
    function bcMail(){
        var fp1 = $("#fpxx1").val();
        var fp2 = $("#fpxx2").val();
        var fp3 = $("#fpxx3").val();
        var fp4 = $("#fpxx4").val();
        var fp5 = $("#fpxx5").val();
        var fp6 = $("#fpxx6").val();
        var fp7 = $("#fpxx7").val();
        var fp8 = $("#fpxx8").val();
        var pd1 = $("#fpxx9").val();
        var pd2 = $("#fpxx10").val();
        var pd3 = $("#fpxx11").val();
        var regEx = /^\d{11}$/;
        location.reload();
        if(fp1!= "" && fp2 !="" && fp3 !="" && fp4 !="" && fp5 !="" && fp6 !="" && fp7 !="" && fp8 !="" && pd1 !=""&& pd2 !=""&& pd3 !="") {
            if(regEx.test(pd3)){
                var company = localStorage.getItem("gsjc");
                var data = "company="+company+"&mailingaddress="+pd1+"&contacts="+pd2+"&phone="+pd3
                $.get("/HxzkFlow/hxzk/addMail",data,function (data){
                })
                var company1 = localStorage.getItem("gsmc");
                var data1 = "invoicetitle="+fp1+"&titletype="+fp2+"&defaultinvoicetype="+fp3+"&creditcode="+fp4+"&bankname="+fp5+"&bankaccount="+fp6+"&registeredaddress="+fp7+"&registeredphone="+fp8+"&company="+company1
                $.post("/HxzkFlow/hxzk/InvoicesAdd",data1,function (data){
                })
                var data2 = "companyname="+fp1+"&shuinum="+fp4+"&accountbank="+fp5+"&account="+fp6+"&address="+fp7+"&phone="+fp8+"&company="+company1
                $.post("/HxzkFlow/hxzk/bcHxg",data2,function (data){
                })
                alert("保存信息成功")
            }else{
                alert("请填写正确的手机号格式")
            }
        }else{
            alert("请将内容填写完整")
        }
    }
    layui.use([ 'form', 'step'], function () {
        var $ = layui.$,
            form = layui.form,
            step = layui.step;
        step.render({
            elem: '#stepForm',
            filter: 'stepForm',
            width: '100%', //设置容器宽度
            stepWidth: '750px',
            height: '500px',
            stepItems: [{
                title: '发票信息(抬头)'
            }, {
                title: '开具发票'
            }, {
                title: '结果'
            }]
        });
        var ze = 0
        form.on('submit(formStep1)', function (data) {
            var pd1 = $("#fpxx9").val();
            var pd2 = $("#fpxx10").val();
            var pd3 = $("#fpxx11").val();
            var company = localStorage.getItem("gsjc");
            var data = "company="+company
            if(pd1!= "" || pd2!= "" || pd3!=""){
                $.post("/HxzkFlow/hxzk/findMail",data,function (data){
                        if(data == 0){
                            alert("请先保存信息!")
                        }else{
                           var fapiao = localStorage.getItem("fapiaonum")
                            if (fapiao!=null){
                                step.next('#stepForm');
                                var fapiaomoney1 = parseInt(localStorage.getItem("fapiaomoney"));
                                fapiaomoney1 = (fapiaomoney1/100);
                                var z1 =(fapiaomoney1*6).toFixed(2);
                                var z2 = localStorage.getItem("fapiaomoney")
                                var z3 = z2-z1
                                ze = z3
                                $(".FuWuFei").text((fapiaomoney1*6).toFixed(2));
                                $("#ZgMoney").text("ï¿¥"+z3)
                            }else{
                                alert("请先去充值记录中选择记录进行开票!")
                                return false;
                            }
                        }
                })
            }else{
                alert("请完善邮寄地址以及联系电话!")
            }
            return false;
        });
        form.on('submit(formStep)', function (data) {
            step.next('#stepForm');
            var data = "jynum="+localStorage.getItem("fapiaonum")+"&status=已开票"
            $.post("/HxzkFlow/hxzk/upstatus",data,function (data){
            })
            //获取发票抬头,发票总额,发票性质,发票状态,运单号
            // èŽ·å–å•é€‰æŒ‰é’®ç»„çš„åç§°
            var groupName = "sex";
            var selectedValue = "";
            // èŽ·å–å•é€‰æŒ‰é’®ç»„çš„æ‰€æœ‰å…ƒç´ 
            var radioButtons = document.getElementsByName(groupName);
            // éåŽ†å•é€‰æŒ‰é’®ç»„çš„å…ƒç´ 
            for (var i = 0; i < radioButtons.length; i++) {
                // åˆ¤æ–­å½“前单选按钮是否被选中
                if (radioButtons[i].checked) {
                    // èŽ·å–è¢«é€‰ä¸­çš„å•é€‰æŒ‰é’®çš„å€¼
                    selectedValue = radioButtons[i].value;
                    console.log("被选中的值为:" + selectedValue);
                    break; // æ‰¾åˆ°è¢«é€‰ä¸­çš„值后可以结束循环
                }
            }
            var fptt = $("#ffp1").val();
            var fpmoney = localStorage.getItem("fapiaomoney")
            var fpxz = selectedValue;
            var fpstate = "未开票"
            var sqdate = time();
            var company = localStorage.getItem("gsmc");
            var data = "sqdate="+sqdate+"&fptt="+fptt+"&fpmoney="+ze+"&fpxz="+fpxz+"&fpstate="+fpstate+"&company="+company
            $.post("/HxzkFlow/hxzk/addinjilu",data,function (data){
            })
            //申请时间
            var xydm=$("#fpxx4").val();
            var khh=$("#ffp3").val();
            var zcaddress =$("#fpxx7").val();
            var zcphone =$("#fpxx8").val();
            var fptype=fpxz;
            var sqkpmoney = ze;
            var shuilv1 = $(".shuilv").text();
            var shuilv = shuilv1[0]
            var fpstate1 = "未开票"
            var data = "sqdate="+sqdate+"&fptt="+fptt+"&xydm="+xydm+"&khh="+khh+"&zcaddress="+zcaddress+"&zcphone="+zcphone+"&fptype="+fptype+"&sqkpmoney="+sqkpmoney+"&shuilv="+shuilv+"&fpstate="+fpstate1+"&company="+localStorage.getItem("gsmc")
           $.post("/HxzkFlow/hxzk/zongfpadd",data,function (data){
           })
            localStorage.removeItem("fapiaonum")
            localStorage.removeItem("fapiaomoney")
            return false;
        });
        form.on('submit(formStep2)', function (data) {
            step.next('#stepForm');
            return false;
        });
        $('.pre').click(function () {
            step.pre('#stepForm');
        });
        $('.next').click(function () {
            step.next('#stepForm');
        });
    })
    layui.use(['layer', 'form'], function(){
        var layer = layui.layer
            ,form = layui.form;
        //从本地存储获取用户登录信息,如果是子账号,只显示else å¦‚果是总账号显示if
        layui.use('table', function(){
            var table = layui.table;
            var Zong = localStorage.getItem("gsjc")
            var data ="Zong="+Zong
            if(Zong == null){
            }else{
                $.post("/HxzkFlow/hxzk/jiemi",data,function (data){
                    if(data == "1"){
                        table.render({
                            elem: '#demo'
                            ,layEvent: 'LAYTABLE_TIPS'
                            ,height: 820
                            ,url: '/HxzkFlow/hxzk/findinvoicesjilu' //数据接口
                            ,page: true //开启分页
                            ,toolbar:'#toolbarDemo'
                            ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
                                title: '提示'
                                ,layEvent: 'LAYTABLE_TIPS'
                                ,icon: 'layui-icon-tips'
                            }]
                            ,cols: [[ //表头
                                {type:'checkbox',sort: true,fixed: "left"}
                                ,{field: 'sqdate', title: '申请时间',  sort: true}
                                ,{field: 'fptt', title: '发票抬头',  sort: true}
                                ,{field: 'fpmoney', title: '发票总额/元',  sort: true}
                                ,{field:'fpxz', title: '发票性质',templet: '#titleTpl'}
                                ,{field: 'fpstate', title: '发票状态', }
                                ,{field: 'danhao', title: '运单号',sort: true }
                            ]],
                            limit:100,
                            limits:[10,20,30,40,50,60,70,80,90,100],
                        });
                    }else{
                        $("#relo").css("left","-620px")
                        var Zi = localStorage.getItem("gsmc")
                        var dt ="Zong="+Zi
                        $.post("/HxzkFlow/hxzk/chaZi",dt,function (data){
                            var jc = Zi;
                            table.render({
                                elem: '#demo'
                                ,layEvent: 'LAYTABLE_TIPS'
                                ,height: 820
                                ,url: '/HxzkFlow/hxzk/findinvoicesjilu?company='+jc //数据接口
                                ,page: true //开启分页
                                ,limit: 100
                                ,toolbar:'#toolbarDemo1'
                                ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
                                    title: '提示'
                                    ,layEvent: 'LAYTABLE_TIPS'
                                    ,icon: 'layui-icon-tips'
                                }]
                                ,cols: [[ //表头
                                    {type:'checkbox',sort: true,fixed: "left"}
                                    ,{field: 'sqdate', title: '申请时间',  sort: true}
                                    ,{field: 'fptt', title: '发票抬头',  sort: true}
                                    ,{field: 'fpmoney', title: '发票总额/元',  sort: true}
                                    ,{field:'fpxz', title: '发票性质',templet: '#titleTpl'}
                                    ,{field: 'fpstate', title: '发票状态', }
                                    ,{field: 'danhao', title: '运单号',sort: true }
                                ]],
                                limit:100,
                                limits:[10,20,30,40,50,60,70,80,90,100],
                            });
                        })
                    }
                })
            }
            });
        });
    function time(){
        // èŽ·å–å½“å‰æ—¶é—´
        var currentDate = new Date();
// èŽ·å–å¹´ã€æœˆã€æ—¥ã€å°æ—¶å’Œåˆ†é’Ÿ
        var year = currentDate.getFullYear();
        var month = String(currentDate.getMonth() + 1).padStart(2, '0');
        var day = String(currentDate.getDate()).padStart(2, '0');
        var hours = String(currentDate.getHours()).padStart(2, '0');
        var minutes = String(currentDate.getMinutes()).padStart(2, '0');
// æ‹¼æŽ¥æ—¶é—´å­—符串
        var currentTime = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes;
        console.log(currentTime); // è¾“出当前系统时间 "yyyy-mm-dd hh:ss"
        return currentTime
    }
</script>
</body>
</html>
</body>
</html>