{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 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">

        <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" style="padding-top: 50px;"> 点击列表中的编号列，进行编辑</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="query" data-id="{{d.id}}">查看</a>-->
    </script>

<script type="text/html" id="state">

    {{#  if(d.state == 1){ }}
    正常
    {{#  } else if(d.state ==2 ) { }}
    领用
    {{#  } else if(d.state ==3 ) { }}
    调拨出库
    {{#  } else if(d.state ==3 ) { }}
    作废
    {{#  } else { }}
    赠品
    {{#  } }}

</script>

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

            var table1;
            table1_init(type,0);


            //监听单元格编辑
            table.on('edit(table1)', function(obj){
                var value = obj.value //得到修改后的值
                        ,data = obj.data //得到所在行所有键值
                        ,field = obj.field; //得到字段
                var id = data.id;

                var oldValue = obj.tr.find('td[data-field="'+obj.field+'"]').first().text();

                $.ajax({
                    type:'post',
                    url:"{:url('oa/Inventory/editGoodsNumber')}",
                    data:{id:id,number:value},
                    success:function(res){
                        if(res.code != 200){

                            layer.alert(res.msg);
                            obj.update({asset_number:oldValue});
                        }
                    }
                })
            });


            // 初次table数据渲染
            function table1_init(type,pid) {
                url = "{:url('oa/Inventory/fixed')}?pid="+pid;
                table1 = table.render({
                    elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
                    ,id:'demo'
                    ,toolbar: '#toolbarDemo'
                    ,width:1300
                    , height: 'auto' //容器高度
                    , 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, width: '76'},
                        {field: 'goods_name', title: '仓库名称', align: 'center', width: '260'},
                        {field: 'wname', title: '仓库名称', align: 'center', width: '260'},
                        {field: 'asset_number', title: '编号', align: 'center', width: '260',edit:true},
                        {field: 'state', title: '状态', align: 'center', width: '260',toolbar:'#state'},
                        {title: '操作', align: 'center', width: '25%', toolbar: '#operationModal', width: '150'},
                    ]], //设置表头
                    //,…… //更多参数参考右侧目录：基本参数选项
                });
            }

            // 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/Warehouse/edit')}?id="+id;
                }else if(layEvent ==='query'){
                    var id = $(this).attr("data-id");
                    location.href = "{:url('/oa/Warehouse/edit')}?id="+id+'&type=1';
                } else if (layEvent === 'del') {
                    var id = $(this).attr("data-id");
                    layer.confirm('你确定要删除这条记录吗？', function (index) {
                        layer.close(index);
                        if (id) {
                            $.ajax({
                                url: "{:url('papi/Warehouse/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();
                } else if (layEvent === 'inventory') {
                    var id = $(this).attr("data-id");
                    location.href = "{:url('/oa/inventory/index')}?id="+id;
                }
            });

        })
    </script>

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