{extend name="Public/base" /}
{block name="css"}
<!--<link rel="stylesheet" href="__PUBLIC__/item/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>
    $(function(){
        $(".nul_bli").eq(9).find(".navb").addClass("active");
    });
</script>
<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>

{/block}

{block name="style"}

a{
    cursor: pointer;
    color: #59c993;
}

{/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 style="margin: 15px 0 0 6px;" >
            <a onClick="javascript :history.back(-1);">返回列表</a>
        </div>

        <table id="demo" lay-filter="table1">
        </table>
    </div>
</div>
<input type="hidden" id="id_php" value="{$id}"/>
<script type="text/html" id="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="state">
    {{# switch(d.state){ case 1: }}
    盘盈
    {{# break; case 2: }}
    盘亏
    {{# break; case 3: }}
    持平
    {{# break; } }}
</script>


<script>
    var id = $('#id_php').val();
    layui.use(['table', 'jquery'], function () {
        var table = layui.table;
        var table1;
        table1_init(id);

        // 初次table数据渲染
        function table1_init(id) {
            url = "{:url('oa/Inventory/query')}?id="+id;
            table1 = table.render({
                elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
                , height: 'auto' //容器高度
                , url: url
                ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                , 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: '5%'},
                    {field: 'document_number', title: '单据号', align: 'center', width: '10%'},
                    {field: 'goods_name', title: '名称', align: 'center', width: '10%'},
                    {field: 'original_number', title: '原有数量', align: 'center', width: '10%'},
                    {field: 'actual_number', title: '实际数量', align: 'center', width: '10%'},
                    {field: 'state', title: '状态', align: 'center', width: '10%',toolbar: '#state'},
                    {field: 'reason', title: '原因', align: 'center', width: '45%'},
                ]], //设置表头
                //,…… //更多参数参考右侧目录：基本参数选项
            });
        }

        // 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 === 'query') {
                var id = $(this).attr("data-id");
                location.href = "{:url('/oa/Purchase/query')}?id="+id;
            }
        });
    })
</script>


{/block}