{extend name="Public/base" /}
{block name="css"}
<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}">
<style type="text/css">
    .box_btn{
        cursor: pointer;
        font-size: 20px;
    }
</style>
{/block}
{block name="js"}
<!-- 3389 -->
<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>
        <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="state">
    {{#if (d.state == 3){}}
    使用中
    {{# }else if (d.state == 4) { }}
    已归还
    {{# }else if (d.state == 8) { }}
    归还待入库
    {{# } }}
</script>
<script type="text/html" id="operationModal">
    <!-- <a class="layui-btn layui-btn-mini" lay-event="add" data-id="{{d.detail_id}}">生成入库单</a> -->
    {{#if (d.state == 3){}}
    <i class="layui-icon box_btn" title="物品归还" lay-event="add" data-id="{{d.detail_id}}">&#x1005;</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/Returngoods/index')}";
            table1 = table.render({
                elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
                ,toolbar: '#toolbarDemo'
                , height: 'auto' //容器高度
                , url: url
                , response: {
                    statusName: 'code' //数据状态的字段名称，默认：code
                    , statusCode: 200 //成功的状态码，默认：0
                    , msgName: 'msg' //状态信息的字段名称，默认：msg
                    , countName: 'count' //数据总数的字段名称，默认： count
                    , dataName: 'data' //数据列表的字段名称，默认：data
                }
                , cols: [[ //表头
                    {field: 'id', title: '序号', sort: true, templet: '#indexTpl', width: '10%'},
                    {field: 'goods_name', title: '名称', align: 'center', width: '10%'},
                    {field: 'asset_number', title: '编码', align: 'center', width: '20%'},
                    {field: 'wname', title: '所属仓库', align: 'center', width: '10%'},
                    {field: 'state', title: '状态', align: 'center', width: '10%', templet: '#state'},
                    {field: 'cname', title: '分类', align: 'center', width: '20%'},
                    {field: 'number', title: '数量', align: 'center', width: '10%'},
                    {title: '操作', align: 'center', width: '10%', toolbar: '#operationModal'},
                ]], //设置表头
                //,…… //更多参数参考右侧目录：基本参数选项
            });
        }

        // 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 === 'add') {
                var id = $(this).attr("data-id");
                layer.confirm('你确定要归还这次的领用吗？', function (index) {
                    var loadindex = layer.load(1);
                    layer.close(index);
                    $.ajax({
                        url: "{:url('papi/Outofstorage/restitutionDocuments');}",
                        data: {id: id},
                        type: 'get',
                        success: function (e) {
                            layer.close(loadindex);
                            if (e.code == 200) {
                                table1_reload();
                                layer.msg('提交成功，请将商品归还给仓库', {
                                    icon: 1,
                                });
                            } else {
                                layer.msg(e.msg, {
                                    icon: 2,
                                });
                            }
                        }

                    })
                });

            }
        });

    })
</script>

{/block}