@extends('layouts.father')
@section('style')
    <style>
        body{
            position: relative;
        }
        .info_tr a{
            text-decoration: underline!important;
        }
        .info_tr a:hover{
            color: red!important;
        }
    </style>
@endsection
@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"
               href='/admin/busCateList' title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body">
            <form action="" class="layui-form-item layui-form" style="height: 100%;position: relative;width: 100%;">
                {{csrf_field()}}
                <div class="layui-form">
                    <div class="layui-form-item">
                        <div class="buttonIndex" style="margin-left: 15px">
                            <a class="indexAbottonHref" title="新建应付款单"  onclick="x_admin_show('新建业务类型','/admin/busCateEdit','600','500')" href="javascript:;">新建业务类型</a>
                        </div>
                    </div>
                </div>
            </form>
            <form class="layui-form" action="">
                <div id="table">
                    <table class="layui-table table">
                        <thead>
                        <tr class="tr_head">
                            <th>序号</th>
                            <th>分类名称</th>
                            <th>父级ID</th>
                            <th>类型</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                    </table>
                    <table class="layui-table">
                        <tbody id="x-img">
                        @foreach( $list as $key => $vo)
                        <tr class="info_tr">
                            <td>{{ $key+1 }}</td>
                            <td>{{ $vo->name }}</td>
                            <td>{{ $CateArr[$vo->pid] or '' }}</td>
                            <td>{{ $busType[$vo->type] or '' }}</td>
                            <td>
                                <a title="编辑"  onclick="x_admin_show('编辑','/admin/busCateEdit?id={{$vo->id}}',500,600)" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">
                                    <i class="layui-icon">&#xe642;编辑</i>
                                </a>
                                <a title="删除" onclick="del({{ $vo->id }})" href="javascript:;" class="layui-btn layui-btn-danger layui-btn-xs">
                                    <i class="layui-icon">&#xe640;删除</i>
                                </a>
                            </td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </form>
            <div class="page">
                <div>
                    {{$list->appends($req)->links()}}
                </div>
            </div>

        </div>
    </div>
    <script>
        layui.use('form', function(){
            var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
        });
        /*用户-删除*/
        function del(id){

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

                //发异步删除数据
                $.post("/admin/busCateDel",
                    {
                        'id': id,
                        '_token': $("input[name=_token]").val()
                    },
                    function (res) {

                        if (res.status == 1) {
                            //发异步把用户状态进行更改
                            layer.msg(res.msg,{icon: 6,time:1000},function () {

                                location.reload();
                            });
                        } else {

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

            });

        }
    </script>
    <script type="text/javascript" src="/js/tableContentRoll.js"></script>
    <script type="text/javascript" src="/js/outboundPrint.js"></script>
    <link rel="stylesheet" href="/css/tableContentRoll.css">
@endsection