@extends('layouts.father')
@section('title', '付款单详情')
@section('body')
    <div class="wrap">
        <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="#">财务管理</a>
        <a>
          <cite>付款详情</cite></a>
      </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
               onclick="location.reload()" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body">
            <form class="layui-form">
                {{csrf_field()}}
                <input type="hidden" name="id" value="{{$payment->id}}">
                <xblock class="">
                    <span class="status" style="float: left;line-height: 40px;margin-right: 20px;margin-left: 20px;">状态:</span>
                    <div class="putIn" style="float: left;width: 60%">
                        <div class="find_id">
                        </div>
                        <div id="putIn" class="inPut" style="display: flex">

                            @if($payment->status == '未审核')
                                <a onclick="do_payment('{{$payment->id}}')" href="javascript:void(0)"><div class="layui-btn " id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  记账</div></a>
                                <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>  撤销记账</div>
                            @elseif($payment->status == '已审核')
                                <a onclick="" href="javascript:void(0)"><div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  记账</div></a>
                                <a onclick="back_payment('{{$payment->id}}')" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销记账</div></a>
                            @endif

                        </div>

                    </div>
                    <div class="operation" style="float: right;margin-right: 123px">
                        <button class="layui-btn" lay-filter="add" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存</button>
                        <div class="layui-btn" onclick="del_payment({{$payment->id}})"><i class="layui-icon">&#xe640;</i>  删除</div>
                        <button class="layui-btn dayin" ><i class="layui-icon">&#xe66d;</i>  打印</button>

                    </div>
                </xblock>
                <div class="info_container ">
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">付款单编号:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="pay_num" value="{{$payment->pay_num}}" autocomplete="off" placeholder="" disabled class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">关联单据:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="relevance" value="{{$payment->relevance}}" disabled utocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label"><span class="x-red">*</span>付款对象:</label>
                                <div class="layui-input-inline li_input">
                                    <select name="supplier_id" lay-verify="required" @if($mx['cnt'] != 0) disabled class="layui-btn-disabled" @endif lay-search>
                                        <option value="">请选择</option>
                                        @foreach($data['supplier'] as $key => $vo)
                                            <option value="{{$key}}" @if($payment->supplier_id == $key) selected @endif>{{$vo}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label"><span class="x-red">*</span>付款类型:</label>
                                <div class="layui-input-inline li_input">
                                    <select name="pay_type" lay-verify="required" @if($mx['cnt'] != 0) disabled class="layui-btn-disabled" @endif>
                                        <option value="">请选择</option>
                                        @foreach($data['pay_type'] as $vo)
                                            <option value="{{$vo}}" @if($payment->pay_type == $vo) selected @endif>{{$vo}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item @if($mx['cnt'] == 0) layui-hide @endif">
                                <label class="layui-form-label">应付总额:</label>
                                <div class="layui-input-block" style="">
                                    <input type="text" name="rec_money" value="{{$payment->rec_money}}" @if($payment->pay_type == '应付付款') disabled @endif autocomplete="off" placeholder="" class="layui-input li_input layui-input-inline @if($payment->pay_type == '应付付款') layui-btn-disabled @endif">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">实付总额:</label>
                                <div class="layui-input-block" style="">
                                    <input type="text" name="act_money" value="{{$payment->act_money}}" @if($payment->pay_type == '应付付款') disabled @endif autocomplete="off" placeholder="" class="layui-input li_input layui-input-inline @if($payment->pay_type == '应付付款') layui-btn-disabled @endif">
                                    <input type="checkbox" name="red" @if($payment->act_money < 0) checked @endif title="红字" lay-filter="red_info" class="layui-input layui-btn-danger layui-input-inline">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">供应商银行:</label>
                                <div class="layui-input-block">
                                    <input type="text"  name="supplier_bank" value="{{$payment->supplier_bank}}" autocomplete="off" placeholder="" class="layui-input li_input ">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">供应商账号:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="supplier_account" value="{{$payment->supplier_account}}" autocomplete="off" placeholder="" class="layui-input li_input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">供应商户名:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="supplier_name" value="{{$payment->supplier_name}}" autocomplete="off" placeholder="" class="layui-input li_input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">付款账号:</label>
                                <div class="layui-input-inline li_input">
                                    <select name="pay_account" id="" style="width: 100%">
                                        <option value="">请选择</option>
                                        @foreach($data['banklist'] as $k => $s)
                                            <option value="{{$s.$k}}" @if($payment->pay_account == $s.$k) selected @endif>{{$s.$k}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">创建时间:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="created_at" value="{{$payment->created_at}}" disabled autocomplete="off" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">创建人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="created_at" value="{{$payment->creater}}" disabled autocomplete="off" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">经办人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="arranger" value="{{$payment->arranger}}" disabled autocomplete="off" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">执行时间:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="affirm_time" value="{{$payment->affirm_time}}" disabled autocomplete="off" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>

                        <div class="layui-row">
                            <div class="layui-col-md12">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">备注:</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="remark" value="{{$payment->remark}}" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 52%">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row @if($mx['cnt']== 0) layui-hide @endif"  >
                        <span class="layui-btn btnChange active">应付明细</span>
                        <span class="layui-btn btnChange">预付款抵扣明细</span>
                        <div style="width:100%;overflow-x:auto;display: block" class="item yinfu" >
                            <div style="display: flex;justify-content: space-evenly">
                                <div>
                                    <span>本次付款金额总计:</span>
                                    <span class="price1"></span>
                                </div>
                                <div>
                                    <span>剩余应付总计:</span>
                                    <span class="price2"></span>
                                </div>
                            </div>
                            <table class="layui-table table1" lay-size="sm">
                                <thead>
                                <tr class="tr_head">
                                    <th>序号</th>
                                    <th>应付款单编号</th>
                                    <th>本次付款金额（收款填“-”）</th>
                                    <th class="itemPriceTh">剩余应付</th>
                                </tr>
                                </thead>
                                <tbody id="x-img" lay-size="sm">
                                @foreach ($mx['type1'] as $key => $vo)
                                <tr>
                                    <input type="hidden" name="mxid[]" value="{{ $vo->id }}">
                                    <input type="hidden" name="relevance_id[]" value="{{ $vo->relevance_id }}">
                                    <input type="hidden" name="relevance[]" value="{{ $vo->relevance }}">
                                    <input type="hidden" name="type[]" value="{{ $vo->type }}">
                                    <td class="layui-btn-disabled">{{$key+1}}</td>
                                    <td class="layui-btn-disabled">{{$vo->relevance}}</td>
                                    <td style="padding:0;margin:0">
                                        <input type="number" name="money[]" value="{{$vo->money}}"  lay-verify="price" autocomplete="off" placeholder="" class="layui-input changeInput" >
                                    </td>
                                    <td class="layui-btn-disabled price2Input">{{round($vo->rec_money - $vo->act_money,2)}}</td>
                                </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div style="width:100%;overflow-x:auto;display: none" class="item dik" >
                            <div style="display: flex;justify-content: space-evenly">
                                <div>
                                    <span>本次抵扣金额:</span>
                                    <span class="price1"></span>
                                </div>
                                <div>
                                    <span>剩余预付余额:</span>
                                    <span class="price2"></span>
                                </div>
                            </div>
                            <table class="layui-table table2" lay-size="sm">
                                <thead>
                                <tr class="tr_head">
                                    <th>序号</th>
                                    <th>采购单或供应商</th>
                                    <th>本次抵扣金额</th>
                                    <th class="itemPriceTh">预付金额</th>
                                </tr>
                                </thead>
                                <tbody id="x-img" lay-size="sm">
                                @php $cnt = 0 @endphp
                                @if ($mx['type2'])
                                    <tr>
                                        <input type="hidden" name="mxid[]" value="{{ $mx['type2']->id }}">
                                        <input type="hidden" name="relevance_id[]" value="{{ $mx['type2']->relevance_id }}">
                                        <input type="hidden" name="relevance[]" value="{{ $mx['type2']->relevance }}">
                                        <input type="hidden" name="type[]" value="{{ $mx['type2']->type }}">
                                        <td class="layui-btn-disabled">{{++$cnt}}</td>
                                        <td class="layui-btn-disabled">{{$mx['type2']->relevance}}</td>
                                        <td style="padding:0;margin:0">
                                            <input type="number" name="money[]" value="{{$mx['type2']->money}}" lay-verify="price" autocomplete="off" placeholder="" class="layui-input changeInput" >
                                        </td>
                                        <td class="layui-btn-disabled price2Input">{{$mx['type2']->yck}}</td>
                                    </tr>
                                @endif
                                @if ($mx['type3'])
                                    <tr>
                                        <input type="hidden" name="mxid[]" value="{{ $mx['type3']->id }}">
                                        <input type="hidden" name="relevance_id[]" value="{{ $mx['type3']->relevance_id }}">
                                        <input type="hidden" name="relevance[]" value="{{ $mx['type3']->relevance }}">
                                        <input type="hidden" name="type[]" value="{{ $mx['type3']->type }}">
                                        <td class="layui-btn-disabled">{{++$cnt}}</td>
                                        <td class="layui-btn-disabled">{{$mx['type3']->relevance}}</td>
                                        <td style="padding:0;margin:0">
                                            <input type="number" name="money[]" value="{{$mx['type3']->money}}" lay-verify="price" autocomplete="off" placeholder="" class="layui-input changeInput" >
                                        </td>
                                        <td class="layui-btn-disabled price2Input">{{$mx['type3']->yck}}</td>
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="/js/ArtNoIfNo.js"></script>
    <script type="text/javascript" src="/js/addjs.js"></script>
    <link rel="stylesheet" href="/css/addcss.css">
    <script>


        [...$('.changeInput')].forEach(item =>{
          $(item).val(Number($(item).val()).toFixed(2))
        })

        layui.use(['form','layer'], function(){
            $ = layui.jquery;
            var form = layui.form
                ,layer = layui.layer;

            //监听提交
            form.on('submit(add)', function(data){
                // 获得frame索引
                // var index = parent.layer.getFrameIndex(window.name);
                var loadIndex = layer.load(); //打开加载loading

                $.post("/admin/paymentNewInfo", data.field, function (res) {

                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {

                        // console.log(res);
                        layer.alert(res.msg, {icon: 6},function () {
                            //关闭当前frame
                            location.href = '/admin/paymentNewInfo?id='+res.data;
                            // parent.location.reload();
                            // parent.layer.close(index);

                        });
                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");

                return false;
            });


        });
        // 时间格式化
        function formatDate(date, fmt) {
        if (/(y+)/.test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
        }

        let o = {
            "M+": date.getMonth() + 1,
            "d+": date.getDate(),
            "h+": date.getHours(),
            "m+": date.getMinutes(),
            "s+": date.getSeconds()
        };

        for (let k in o) {
            if (new RegExp(`(${k})`).test(fmt)) {
            let str = o[k] + "";
            fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : padLeftZero(str));
            }
        }

        return fmt;
        }

        $(".dayin").click(function(e){
            let time = new Date();
            let url = "<div style='width:70%;margin: 0 auto;page-break-after:always; page-break-inside:avoid;text-align: center' id='order_id'>"
            url += '<!--startprint1--><!--打印内容开始-->'
            url+=`<div>
            <div style="margin:0 auto 20px;text-align:center;"><h1>付款单单据</h1></div>
<div style="display: flex">
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center">付款单编号</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">${$('input[name=pay_num]').val()}</div>
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center">关联单据</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">${$('input[name=relevance]').val()}</div>
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center">供应商户名</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">${$('input[name=supplier_name]').val()}</div>
</div>
<div style="display: flex">
<div style="flex: 1;border: 1px solid black;padding: 10px;text-align:center">制单人</div>
<div style="flex: 2;border: 1px solid black;padding: 10px;text-align:center">${$('input[name=created_at]')[1].value}</div>
<div style="flex: 1;border: 1px solid black;padding: 10px;text-align:center">制单时间</div>
<div style="flex: 2;border: 1px solid black;padding: 10px;text-align:center">${$('input[name=created_at')[0].value}</div>
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center">供应商账号</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">${$('input[name=supplier_account]').val()}</div>
</div>
<div style="display: flex">
<div style="flex: 1;border: 1px solid black;padding: 10px;text-align:center">审核人</div>
<div style="flex: 2;border: 1px solid black;padding: 10px;text-align:center">${$("input[name=arranger]").val()}</div>
<div style="flex: 1;border: 1px solid black;padding: 10px;text-align:center">审核时间</div>
<div style="flex: 2;border: 1px solid black;padding: 10px;text-align:center">${$('input[name=affirm_time]').val()}</div>
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center">供应商开户银行</div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center">${$('input[name=supplier_bank]').val()}</div>
</div>
<div style="display: flex">
<div style="flex: 1;overflow:hidden;border: 1px solid black;padding: 10px;text-align:center">付款类型</div>
<div style="flex: 2;overflow:hidden;border: 1px solid black;padding: 10px;text-align:center">${$(("select[name=pay_type]")).parent().find('input').val()}</div>
<div style="flex: 1;overflow:hidden;border: 1px solid black;padding: 10px;text-align:center">付款账号</div>
<div style="flex: 2;overflow:hidden;border: 1px solid black;padding: 10px;text-align:center">${$('select[name=pay_account]').parent().find('input').val()}</div>
<div style="flex: 1;overflow:hidden;border: 1px solid black;padding:10px;text-align:center">打印时间</div>
<div style="flex: 2;overflow:hidden;border: 1px solid black;padding:10px;text-align:center">${formatDate(new Date(),"yyyy-MM-dd-hh:mm:ss")}</div>
</div>
<div style="display: flex">
<div style="flex: 1;border: 1px solid black;padding: 10px;text-align:center">应付总额</div>
<div style="flex: 2;border: 1px solid black;padding: 10px;text-align:center">${$('input[name=rec_money]').val()}</div>
<div style="flex: 1;border: 1px solid black;padding: 10px;text-align:center">实付总额</div>
<div style="flex: 2;border: 1px solid black;padding: 10px;text-align:center">${$('input[name=act_money]').val()}</div>
<div style="flex: 1;border: 1px solid black;padding:10px;text-align:center"></div>
<div style="flex: 2;border: 1px solid black;padding:10px;text-align:center"></div>
</div>
<div style="border: 1px solid black;padding: 10px;text-align:center">
<h2>付款明细</h2>
</div>
<div style="position:relative">
<table style="width: 70%">
<thead>
<tr>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">序号</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">付款单编号</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">本次付款金额</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">剩余应付金额</th>
</tr>
</thead>
<tbody>
@foreach ($mx['type1'] as $key => $vo)
<tr>
 <td style="border:1px solid black;padding:5px;text-align:center">{{$key+1}}</td>
 <td style="border:1px solid black;padding:5px;text-align:center">{{$vo->relevance}}</td>
 <td style="border:1px solid black;padding:5px;text-align:center">{{$vo->money}}</td>
 <td style="border:1px solid black;padding:5px;text-align:center">{{round($vo->rec_money - $vo->act_money,2)}}</td>
</tr>
@endforeach
</tbody>
<tfoot>
<tr>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">本次付款金额</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">${sum($(".yinfu").find('.changeInput'))}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">剩余总金额</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">${sum($(".yinfu").find('.price2Input'))}</td>
</tr>
</tfoot>
</table>

<table style="width:70%">
<thead>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">序号</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">采购单或供应商</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">本次抵扣金额</th>
<th style="border: 1px solid black;padding: 5px 10px;text-align:center">预付金额</th>
</thead>
<tbody>
@php $cnt = 0 @endphp
@if ($mx['type2'])
<tr>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{++$cnt}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$mx['type2']->relevance}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$mx['type2']->money}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$mx['type2']->yck}}</td>
</tr>
@endif
@if ($mx['type3'])
<tr>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{++$cnt}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$mx['type3']->relevance}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$mx['type3']->money}}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">{{$mx['type3']->yck}}</td>
</tr>
@endif
</tbody>
<tfoot>
<tr>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">本次抵扣金额</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">${sum($('.dik').find('.changeInput')).toFixed(2)}</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">剩余预付金额</td>
<td style="border: 1px solid black;padding: 5px 10px;text-align:center">${sum($('.dik').find('.price2Input')).toFixed(2)}</td>
</tr>
</tfoot>
</table>
<div style="position:absolute;right:0;top:0;width:30.1%;display:flex;height:100%">
<div style="flex:1; border:1px solid;display:flex;align-items:center;justify-content:center">备注</div>
<div style="flex:2;border:1px solid;display:flex;justify-content:center;align-items:center">${$("input[name=remark]").val()}</div>
</div>
</div>
<div style="width:30%;float:right">
主管审批:
</div>
</div>
`
            url += '<!--打印内容结束--><!--endprint1-->'
          url+="</div>"
            url+=`<div class="layui-btn" onclick="printClick()">打印</div>`
            layer.open({
                type:1,
                content:url,
                area:["90%","90%"]
            })

            e.preventDefault()//阻止默认事件
        })
        function printClick(){
          // document.body.innerHTML = document.getElementById("order_id").innerHTML
          document.body.margin = '0'
          document.body.padding = '0'
          let html = document.getElementById("order_id").innerHTML
          let str = html.substring(html.indexOf('<!--startprint1--><!--打印内容开始-->'),html.length).substring(0,html.indexOf('<!--打印内容结束--><!--endprint1-->'))
          window.document.body.innerHTML = str
          window.print()
          window.location.reload()
        }
        function sum (node) {
            return [...node].reduce((a,b) => b.tagName.toLocaleLowerCase()==="input"?a+=(Number(b.value)):a+=(Number(b.innerText)), 0)
        }
        function init(){
            let item = $(".item:not(:hidden)");

            let price = sum(item.find('.changeInput')).toFixed(2);
            item.find('.price1').html(price)
            let price2 =sum(item.find('.price2Input')).toFixed(2);
            item.find(".price2").html(price2)
            // 应付总额
            if(item.find(".changeInput").length <= 0){
                return
            }
            let allPrice = sum($(".table1 .changeInput")).toFixed(2)
            $("input[name=rec_money]").val(allPrice);
            // 实付总额
            let item2 = $(".item:hidden")
            if(item.find('table').attr('class').includes('table1')){ // true => 当前显示的表格是应付明细 // false => 当前显示的表格是抵扣明细
                // 则表示 => 当前获取的是 => table1 price 是总价格
                let deletePrice = sum(item2.find('.changeInput'));//抵扣价格
                $("input[name=act_money]").val((price - deletePrice).toFixed(2));
            }else{
                // => 当前获取的价格是抵扣价格 => 要去获取总价格
                let allPirce = sum(item2.find('.changeInput'))
                $("input[name=act_money]").val((allPirce - price).toFixed(2));
            }
        }
        init()
        $(".changeInput").on('keyup' , function(e) {
          if(e.keyCode === 8){
            return;
          }
          let classLists = $(this).parent().parent().parent().parent().parent().attr('class')
            let flag = classLists.indexOf('dik')
            if(flag !== -1){
              // 这边就是进入了 预付款抵扣明细
              if(Number($(this).val()) > 0 ){
                if(Number($(this).val()) > Number($(this).parent().siblings('.price2Input').html())){
                  layer.alert(`本次输入的金额大于${$(this).parents().find(".item:not(:hidden)").find('.itemPriceTh').html()}`)
                  $(this).val($(this).val().substring(0,$(this).val().length-1))
                }
              }
            }else{
              if(Math.abs(Number($(this).val())) > Math.abs(Number($(this).parent().siblings(".price2Input").html()))){
                $(this).val($(this).val().substring(0,$(this).val().length-1))
                layer.alert(`本次输入的金额大于${$(this).parents().find(".item:not(:hidden)").find('.itemPriceTh').html()}`)
                return
              }
            }

            init()
        })
        // 切换表格
        $(".btnChange").on('click' , function(){
            let html = $(this).html();
            $(".btnChange").removeClass('active')
            let tables = $("table").parent()
            tables.hide()
            $(this).addClass("active")
            if(html === "应付明细"){
                // 应付明细 表单显示
                $(tables[0]).show()
            }else if(html === "预付款抵扣明细"){
                // 预付款表格显示
                $(tables[1]).show()
            }
            init()
        })


        //审核
        function do_payment(id){
            /*var bus_type = $("#bus_cate").val();
            if(!bus_type) {

                layer.alert("请先保存应付款单", {icon: 5});
                return;
            }*/
            dopayment(id,'确认要审核吗？','do');

        }

        //撤销审核
        function back_payment(id){

            dopayment(id,'确认要弃审吗？','back');

        }

        function dopayment(id,msg,type) {

            layer.confirm(msg,function(index){

                var loadIndex = layer.load(); //打开加载loading
                $.post("/admin/dopaymentNew", {
                    '_token':$("input[name=_token]").val(),
                    'id':id,
                    'type':type,
                }, function (res) {

                    layer.close(loadIndex);
                    if(res.status == 1) {
                        // console.log(res);
                        layer.alert(res.msg, {icon: 6},function () {
                            location.href = '/admin/paymentNewInfo?id='+id;
                        });
                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");
            });
        }

        //删除
        function del_payment(id){

            layer.confirm('确认要删除吗？',function(index){

                $.post("/admin/delpaymentNew", {
                    '_token':$("input[name=_token]").val(),
                    'id':id,
                }, function (res) {

                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            parent.location.reload();
                            parent.layer.close(index);
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");
            });
        }

        function aboutList(){
            var url = "";
            url += '<div style="margin: 20px;">'
            url += '<div class="layui-form-item" >'
            {{--@foreach($payment as $p)--}}
                    {{--url += '<label class="layui-form-label">下游单据:</label><label class="layui-form-label" style="width: 60px;padding-left: 0">付款单:</label>'--}}
                    {{--url += '<div class="layui-input-block" style="margin-bottom: 10px;margin-left: 80px">'--}}
                    {{--url += '<a onclick=\'go_url_childes("付款单","/admin/paymentInfo?id={{ $p->gather_id }}")\' style="height: 38px;display: inline-block;border:1px solid #ccc;padding: 10px;box-sizing: border-box"><div>{{ $g->ga_num }}</div></a>'--}}
                    {{--url += '</div>'--}}
                    {{--@endforeach--}}
                url += '</div>'
            url += '</div>'
            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['480px', '240px'], //宽高
                content: url
            })
        }




    </script>
    <style>
        .active{
            color:red !important;
        }
    </style>

@endsection