{extend name="Public/base" /}
{block name="css"}
<!--<link rel="stylesheet" href="__PUBLIC__/item2/css/layui.css?v={$Think.const.APP_VERSION}">-->
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">

{/block}
{block name="js"}

<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>

{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con" style="min-width: auto; overflow: hidden;">
        <div class="set_tit"><span>供应商管理</span></div>
        <div class="cus-top-left layui-form layui-form-pane1">
            <label class="layui-form-label" style="width: 90px!important;">供应商名称</label>
            <div class="layui-input-block w-120">
                <input type="text" class="layui-input" id="search" placeholder="供应商名称">
            </div>
            <div class="layui-input-block cus-search" style="z-index: 1;">
                <button lay-submit lay-filter="search" id="dosearch" data-type="reload" value="查询" class="search-span"
                        style="border-radius: 5px;">查询
                </button>
            </div>
        </div>
        <div class="set-top">
            <button class="layui-btn fp-btn" id="add_php" data-type="add">新建供应商</button>
        </div>
        <table id="demo" lay-filter="table1">
        </table>
    </div>
</div>
<script type="text/html" id="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="operationModal">
    <!-- <a class="layui-btn layui-btn-mini" lay-event="edit" data-id="{{d.id}}">修改</a>
    <a class="layui-btn layui-btn-mini" lay-event="del" data-id="{{d.id}}">删除</a> -->
    <i class="layui-icon box_btn" title="编辑" lay-event="edit" data-id="{{d.id}}">&#xe6b2;</i>
    <i class="layui-icon box_btn" title="删除" lay-event="del" data-id="{{d.id}}">&#xe640;</i>
</script>

<script>
    var type = $('#type_id_php').val();
    layui.use(['table', 'jquery'], function () {
        // alert($);
        var table = layui.table;

        var table1;
        table1_init(type, 0);

        // 初次table数据渲染
        function table1_init(type, pid) {
            url = "{:url('papi/Supplier/index')}";
            table1 = table.render({
                elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
                , toolbar: '#toolbarDemo'
                , height: 'auto' //容器高度
                ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                , url: url
                , response: {
                    statusName: 'code' //数据状态的字段名称，默认：code
                    , statusCode: 200 //成功的状态码，默认：0
                    , msgName: 'msg' //状态信息的字段名称，默认：msg
                    , countName: 'count' //数据总数的字段名称，默认： count
                    , dataName: 'data' //数据列表的字段名称，默认：data
                }
                , page: {
                    curr: 1,
                    limit: 10,
                    limits: [10, 30, 50, 100],
                }
                , cols: [[ //表头
                    {field: 'id', title: '序号', sort: true, templet: '#indexTpl', width: 80},
                    {field: 'sname', title: '供应商名称', align: 'center', width: '10%'},
                    {field: 'taxpayer_identification_number', title: '纳税人识别号', align: 'center', width: '10%'},
                    {field: 'bank_name', title: '开户行名称', align: 'center', width: '10%'},
                    {field: 'bank_account', title: '银行账号', align: 'center', width: '10%'},
                    {field: 'legal_person', title: '法人', align: 'center', width: '10%'},
                    {field: 'business_license_number', title: '营业执照号', align: 'center', width: '10%'},
                    {field: 'telephone', title: '公司电话', align: 'center', width: '10%'},
                    {field: 'address', title: '公司注册地址', align: 'center'},
                    {title: '操作', align: 'center', width: '200', toolbar: '#operationModal', width: 150},
                ]], //设置表头
                //,…… //更多参数参考右侧目录：基本参数选项
            });
        }

        $("#add_php").click(function () {
            load_page(
                "{:url('oa/Supplier/add')}",
                '添加供应商',
                function () {
                    addmenu();
                },
                ['保存', '取消'], 500, 600
            );
        });

        // table数据重载
        function table1_reload() {
            table1.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    search: $('#search').val()
                }
                , page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        }

// 点击搜索
        $('#dosearch').click(function () {
            table1_reload();
        })
        table.on('tool(table1)', function (obj) {
            var layEvent = obj.event;
            var data = obj.data; //获得当前行数据
            if (layEvent === 'edit') {
                var id = $(this).attr("data-id");
                //location.href = "{:url('/oa/Supplier/edit')}?id="+id;
                load_page(
                    "{:url('oa/Supplier/edit')}?id=" + id,
                    '修改供应商',
                    function () {
                        addmenu();
                    },
                    ['保存', '取消']
                );
            } else if (layEvent === 'query') {
                var id = $(this).attr("data-id");
                table1_init(type, id);
            } else if (layEvent === 'del') {
                var id = $(this).attr("data-id");
                layer.confirm('你确定要删除这条记录吗？', function (index) {
                    layer.close(index);
                    if (id) {
                        $.ajax({
                            url: "{:url('papi/Supplier/del');}",
                            data: {id: id},
                            type: 'get',
                            success: function (e) {
                                if (e.code == 200) {
                                    obj.del();
                                    layer.msg('恭喜删除成功', {
                                        icon: 1,
                                    });
                                } else {
                                    layer.msg(e.msg, {
                                        icon: 2,
                                    });
                                }
                            }

                        })
                    }
                });
                layui.form.render();
            }
        });

    })
</script>

<script>
    $('#add_php').on('click', function () {
        //location.href = "{:url('oa/Supplier/add')}";
    });
</script>
{/block}