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

{/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>
        <!--<form class="layui-form layui-form-pane1">-->
        <div class="cus-top-left layui-form layui-form-pane1">
            <div class="layui-input-block w-120" >
                <select id="storehouse">
                    <option value="">查询仓库</option>
                    {foreach name="storehouse" key="keys" item="vo"}
                    <option value="{$vo.id}">{$vo.wname}</option>
                    {/foreach}
                </select>
            </div>
            <div class="layui-input-inline in_float">
                <input type="checkbox" class="storage_type" name="storage_type" value="2" title="出库单">
                <input type="checkbox" class="storage_type" name="storage_type"  value="1" title="入库单">
            </div>
            <div class="layui-input-inline in_float">
                <select id="staff_id" lay-search>
                    <option value="">领用人</option>
                    {foreach name="staffs" key="keys" item="vo"}
                    <option value="{$vo.id}">{$vo.staffname}</option>
                    {/foreach}
                </select>
            </div>
            <div class="layui-input-inline in_float">
                <input type="text" class="layui-input in_float"  name="search" id="search" placeholder="查询名称" >
            </div>
            <div class="layui-input-inline in_float">
                <button lay-submit lay-filter="search" id="dosearch" data-type="reload"  value="查询" class="search-span" style="position: inherit;">查询</button>
             </div>
        <!--</form>-->
        </div>
        <div class="cus-filter">
        </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">
    {if $pdcount ==0 }
    {{# if(d.state == 1 && d.storage_type ==1 ){  }}

        {{# if(d.gid == -1){  }}
            <a class="layui-btn layui-btn-mini layui-btn-primary" style="font-size: 12px;padding:0 5px;"  lay-event="assets_add" data-state="{{d.relation_type}}" data-id="{{d.id}}">资产入库</a>
        {{#  }else{ }}
            <a class="layui-btn layui-btn-mini layui-btn-primary" style="font-size: 12px;padding:0 5px;"  lay-event="add" data-state="{{d.relation_type}}" data-id="{{d.id}}">入库</a>
        {{#  } }}

    {{#  }else if(d.state == 1 && d.storage_type ==2){ }}
        {{# if(d.gid == -1){  }}
            <a class="layui-btn layui-btn-mini layui-btn-primary" style="font-size: 12px;padding:0 5px;"  lay-event="assets_out" data-state="{{d.relation_type}}" data-id="{{d.id}}">资产出库</a>
        {{#  }else{ }}
            <a class="layui-btn layui-btn-mini layui-btn-primary" style="font-size: 12px;padding:0 5px;"  lay-event="add" data-state="{{d.relation_type}}" data-id="{{d.id}}">出库</a>
        {{#  } }}
    {{#  }else if(d.state == 2 && d.storage_type ==1){ }}
    入库完成
    {{#  }else if(d.state == 2 && d.storage_type ==2){ }}
    出库完成
    {{#  } }}
    {/if}
</script>
<script type="text/javascript" id="toolbarDemo">
    {if $pdcount >0 }
    <span style="color:red;">当前有未完成的盘点单，不能办理出入库</span>
    {/if}
</script>
<script type="text/html" id="assets_type">
    {{# if(d.gid == -1 ){  }}
        固定资产

    {{#  }else{ }}

        {{# if(d.type == 2 ){  }}
            低值易耗品
        {{#  }else if(d.type == 3 ){ }}
            赠品
        {{#  } }}

    {{#  } }}
</script>

<script type="text/html" id="state">
    {{# if(d.state == 1 && d.storage_type ==1 ){  }}
    待入库
    {{#  }else if(d.state == 2 && d.storage_type ==1 ){ }}
    入库完成
    {{#  }else if(d.state == 1 && d.storage_type ==2 ){ }}
    待出库
    {{#  }else if(d.state == 2 && d.storage_type ==2 ){ }}
    出库完成
    {{#  } }}
</script>
<script type="text/html" id="relation_type">
    {{# switch(d.relation_type){ case 1: }}
    采购单
    {{# break; case 2: }}
    调拨单
    {{# break; case 3: }}
    物品领用单
    {{# break; case 4: }}
    盘点单
    {{# break; } }}
</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/Outofstorage/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
                }
                , page: {
                    curr: 1,
                    limit: 10,
                    limits: [50, 100,500],
                }
                , cols: [[ //表头
                    {field: 'id', title: '序号', sort: true, templet: '#indexTpl', width: '5%'},
                    {field: 'goods_name', title: '名称', align: 'center', width: '10%'},
                    {field: 'gid', title: '类型', align: 'center', width: '10%',toolbar:'#assets_type'},
                    {field: 'cname', title: '分类', align: 'center', width: '10%'},
                    {field: 'plan_number', title: '数量', align: 'center', width: '10%'},
                    {field: 'wname', title: '库房', align: 'center', width: '15%'},
                    {field: 'relation_type', title: '类型', align: 'center', width: '10%', templet: '#relation_type'},
                    {field: 'regdate', title: '审核通过时间', align: 'center', width: '10%'},
                    {field: 'state', title: '状态', align: 'center', width: '10%', templet: '#state'},
                    {title: '操作', align: 'center', width: '10%', toolbar: '#operationModal'},
                ]], //设置表头
                //,…… //更多参数参考右侧目录：基本参数选项
            });
        }

        // table数据重载
        function table1_reload() {
            var storage_type = [];
            $('.storage_type').each(function(){
                if(this.checked){
                    storage_type.push(this.value);
                }
            });
            table1.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    search: $('#search').val(),
                    storehouse: $('#storehouse').val(),
                    staff_id: $('#staff_id').val(),
                    storage_type:storage_type,
                }
                , 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/Purchase/edit')}?id="+id;
            } else if (layEvent === 'add') {
                var id = $(this).attr("data-id");
                var state = $(this).attr("data-state");
                load_page(
                        '/oa/Outofstorage/add.html?id='+id+'&state='+state,
                        '出入库',
                        function () {
                            addmenu();
                        },
                        ['保存', '取消'],
                        500,450
                );
            } else if (layEvent === 'query') {
                var id = $(this).attr("data-id");
                table1_init(type, id);
            }else if(layEvent == 'assets_add'){
                var title,area,url;
                if(data.relation_type == 3){
                    title = '资产归还入库';
                    area = ['850px', '400px'];
                    url = '/oa/outOfStorage/returnAssets';
                }
                if(data.relation_type == 2){
                    title = '资产调拔入库';
                    area = ['860px', '600px'];
                    url = '/oa/outOfStorage/addAssets';
                }
                if(data.relation_type == 1){
                    title = '资产采购入库';
                    area = ['860px', '600px'];
                    url = '/oa/outOfStorage/addAssets';
                }
                var id = data.id;
                layer.open({
                    title: title,
                    type: 2,
                    skin: 'layui-layer-rim',
                    area: area,
                    content: "/oa/outOfStorage/addAssets?id="+id,
                    btn: ['提交', '取消'],
                    yes: function (iframeDom,index) {
                        //获取iframe
                        if(data.relation_type == 1){
                            var cus = $(".layui-layer-content iframe").contents().children();
                            var params  = cus.find("#form1").serialize();

                            var name = cus.find('#name').val();
                            if(!name){
                                layer.alert('请填写资产名称');
                                return false;
                            }

                            var use_staff_id = cus.find('#use_staff_id').val();
                            if(use_staff_id){
                                params += '&use_staff='+cus.find('#use_staff_id option:selected').html();
                            }

                            var s_id = cus.find('#s_id').val();
                            if(s_id){
                                params += '&sname='+cus.find('#s_id option:selected').html();
                            }else{
                                layer.alert('请选择供应商');
                                return false;
                            }

                            var w_id = cus.find('#w_id').val();
                            if(w_id && w_id !=0){
                                params += '&wname='+cus.find('#w_id option:selected').html();
                            }else{
                                layer.alert('请选择仓库');
                                return false;
                            }
                        }
                        if(data.relation_type == 3){
                            var cus = $(".layui-layer-content iframe").contents().children();
                            var params  = cus.find("#form1").serialize();
                        }
                        $.ajax({
                            type: "POST",
                            url: url,
                            data: params,
                            success: function(msg){
                                if( msg.code == 200 ){
                                    layer.alert('操作成功');
                                    setTimeout(function(){
                                        layer.closeAll('iframe');
                                        location.reload();
                                    },1500);
                                }else{
                                    layer.alert(msg.msg);
                                    return false;
                                }
                            }
                        });
                    }
                });
            }else if(layEvent == 'assets_out'){
                var id = data.id;
                layer.open({
                    title: '资产领用出库',
                    type: 2,
                    skin: 'layui-layer-rim',
                    area: ['860px', '600px'],
                    content: "/oa/outOfStorage/assetsOut?id="+id,
                    btn: ['提交', '取消'],
                    yes: function (iframeDom,index) {
                        //获取iframe
                        var cus = $(".layui-layer-content iframe").contents().children();
                        var params  = cus.find("#form1").serialize();

                        var use_staff_id = cus.find('#use_staff_id').val();
                        if(!use_staff_id){
                            layer.alert('请选择领用人');
                            return false;
                        }

                        params += '&use_staff='+cus.find('#use_staff_id option:selected').html();

                        $.ajax({
                            type: "POST",
                            url: 'assetsOut',
                            data: params,
                            success: function(msg){
                                if( msg.code == 200 ){
                                    layer.alert('操作出库成功');

                                    setTimeout(function(){
                                        layer.closeAll('iframe');
                                        location.reload();
                                    },1500);
                                }else{
                                    layer.alert(msg.msg);
                                    return false;
                                }
                            }
                        });
                    }
                });

            }
        });

    })
</script>

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

</script>
{/block}