@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="{{$payable->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($payable->status == '未审核')
                                <a onclick="do_payable('{{$payable->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($payable->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_payable('{{$payable->id}}')" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销记账</div></a>
                                <a onclick="aboutList()" href="javascript:void(0)" style="margin-left: 1px;"><div class="layui-btn aboutList"><i class="layui-icon">&#xe655;</i>整单关联</div></a>
                                <a onclick="x_admin_show('付款单','/admin/paymentNewInfo?pid={{$payable->id}}')" href="javascript:void(0)" style="margin-left: 1px;"><div class="layui-btn"><i class="layui-icon">&#xe655;</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_payable({{$payable->id}})"><i class="layui-icon">&#xe640;</i>  删除</div>
                    </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="payable_num" value="{{$payable->payable_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" 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">付款对象:</label>
                                <div class="layui-input-inline li_input">
                                    <input type="hidden" name="supplier_id" value="{{$payable->supplier_id}}">
                                    <input type="hidden" name="purchase_num" value="{{$payable->purchase_num}}">
                                    <input type="text" name="supplier" value="{{$payable->supplier}}" disabled  autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                    <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="rec_money" value="{{$payable->rec_money}}" 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" value="{{$payable->rec_money - $payable->act_money}}"  autocomplete="off" placeholder="" disabled class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                    <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="auditor" value="{{$payable->auditor}}" disabled readonly autocomplete="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">记账日期:</label>
                                <div class="layui-input-block">
                                    <input type="text"  name="auditor_time" value="{{$payable->auditor_time}}" disabled autocomplete="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">创建人:</label>
                                <div class="layui-input-block">
                                    <input type="text"  name="creater" value="{{$payable->creater}}" disabled autocomplete="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">创建时间:</label>
                                <div class="layui-input-block">
                                    <input type="text"  name="created_at" value="{{$payable->created_at}}" 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="{{$payable->remark}}" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 52%">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="width:100%;overflow-x:auto">
                        <table class="layui-table" lay-size="sm">
                            <thead>
                            <tr class="tr_head">
                                <th>序号</th>
                                <th>出入库单编号</th>
                                <th>产品名称</th>
                                <th>货号</th>
                                <th>本次核销数量</th>
                                <th>核销单价</th>
                                <th>核销金额</th>
                                <th>应付数量</th>
                                <th>应付单价</th>
                                <th>应付金额</th>
                            </tr>
                            </thead>
                            <tbody id="x-img" lay-size="sm">
                            @foreach ($payable->mx as $key => $vo)
                            <tr data-id="{{$vo['id']}}">
                                <input type="hidden" name="mx_id[]" value="{{$vo['id']}}">
                                <input type="hidden" name="mx_relevance[]" value="{{$vo['relevance']}}">
                                <input type="hidden" name="mx_vid[]" value="{{$vo['vid'] or ''}}">
                                <input type="hidden" name="mx_oid[]" value="{{$vo['oid'] or ''}}">
                                <input type="hidden" name="mx_proname[]" value="{{$vo['proname']}}">
                                <input type="hidden" name="mx_number[]" value="{{$vo['number']}}">
                                <input type="hidden" name="mx_hx_num[]" value="{{$vo['hx_num']}}">
                                <input type="hidden" name="mx_hx_price[]" value="{{$vo['hx_price']}}">
                                <input type="hidden" name="mx_hx_money[]" value="{{$vo['hx_money']}}">
                                <input type="hidden" name="mx_yf_num[]" value="{{$vo['yf_num']}}">
                                <input type="hidden" name="mx_yf_price[]" value="{{$vo['yf_price']}}">
                                <input type="hidden" name="mx_yf_money[]" value="{{$vo['yf_money']}}">
                                <td class="layui-btn-disabled">{{++$key}}</td>
                                <td class="layui-btn-disabled">{{$vo['relevance']}}</td>
                                <td class="layui-btn-disabled">{{$vo['proname']}}</td>
                                <td class="layui-btn-disabled">{{$vo['number']}}</td>
                                <td class="td_padd td_width2 price"><input type="number" lay-verify="price" data-type="hx" autocomplete="off" value="{{$vo['hx_num']}}" @if($payable->status == '已审核') disabled @endif class="layui-input" ></td>
                                <td class="layui-btn-disabled">{{$vo['hx_price']}}</td>
                                <td class="layui-btn-disabled">{{$vo['hx_money']}}</td>
                                <td class="td_padd td_width2 price"><input type="number" lay-verify="price" data-type="yfnum" autocomplete="off" value="{{$vo['yf_num']}}" @if($payable->status == '已审核') disabled @endif class="layui-input" ></td>
                                <td class="layui-btn-disabled">{{$vo['yf_price']}}</td>
                                <td class="td_padd td_width2 price"><input type="number" lay-verify="price" data-type="yfmoney" autocomplete="off" value="{{$vo['yf_money']}}" @if($payable->status == '已审核') disabled @endif class="layui-input" ></td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </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>

        var msg = '{{$msg}}';

        layui.use(['form','layer'], function(){
            $ = layui.jquery;
            var form = layui.form
                ,layer = layui.layer;
            if(msg.length > 0){
                // 表示错误 关闭当前页面
                layer.confirm(msg,{
                    btn:['确认'],
                    btn1:function(index,layero) {
                        var index2 = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index2)
                    }
                })

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

                $.post("/admin/payableInfo", 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/payableInfo?id='+res.data;
                            // parent.location.reload();
                            // parent.layer.close(index);

                        });
                    } else {

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

                }, "json");

                return false;
            });


        });
        // 节流去控制请求
        let timer;
        $('.price').on('keyup' , function() {
            timer ? clearTimeout(timer) : null;
            let id = $("input[name=id]").val()
            let mx_id = $(this).parent().data("id"); // 明细id
            if(!id || !mx_id) {
                layer.alert("请先保存单据", {icon: 5});
            } else {

                let num = $(this).find("input").val(); // 用户输入的值
                let type = $(this).find("input").data("type"); // 接口类型

                timer = setTimeout(() => {
                    var loadIndex = layer.load(); //打开加载loading
                    $.post("/admin/payableMXEdit", {
                        '_token': $("input[name=_token]").val(),
                        'num': num,
                        'mx_id': mx_id,
                        'id': id,
                        'type': type,
                    }, 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/payableInfo?id=' + id;
                                // parent.location.reload();
                                // parent.layer.close(index);

                            });
                        } else {

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

                    }, "json");
                }, 500)
            }
        })



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

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

        }

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

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

        }

        function dopayable(id,msg,type) {

            layer.confirm(msg,function(index){

                var loadIndex = layer.load(); //打开加载loading
                $.post("/admin/dopayable", {
                    '_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/payableInfo?id='+id;
                        });
                    } else {

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

                }, "json");
            });
        }

        //删除
        function del_payable(id){

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

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

@endsection