{extend name="Public/base" /}
{block name="js"}
<script>

    var staff_name = "{$Think.session.staff_name}";
    var colModel = "{$colModel}";
    var colNames = "{$colNames}";
</script>

{/block}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">

{/block}
{block name="style"}
    .layui-table-cell {
        height: 25px!important;
        line-height: 25px!important;
    }

    .layui-table-cell .layui-form-checkbox[lay-skin="primary"]{
        top: 3px;
        padding: 0;
    }
    .box_btn {
        font-size: 21px;
        cursor: pointer;
    }
{/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" id="cus-top">

                <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" style="width: 150px">
                        <select class="layui-input" id="c_id" lay-search>
                            <option value=""></option>
                            {volist name='category' id='c'}
                            <option value="{$c.id}">{$c.cname}</option>
                            {/volist}
                        </select>
                    </div>

                    <label class="layui-form-label" style="width: 90px!important;">资产名称：</label>
                    <div class="layui-input-block" style="width: 150px">
                        <input type="text" class="layui-input"  name="name" id="name" placeholder="资产名称">
                    </div>

                    <div class="layui-input-block cus-search" style="z-index: 1;">
                        <button lay-submit lay-filter="search" id="search" data-type="reload"  value="查询" class="search-span" style="border-radius: 5px;">查询</button>
                    </div>
                    <div class="layui-input-block cus-search" style="z-index: 1;">
                        <button lay-filter="reset" id="reset"  value="重置" class="search-span" style="border-radius: 5px;">重置</button>
                    </div>
                </div>

            </div>
            <div class="cus-filter">
            </div>
            <div class="cus-model">


                <button class="layui-btn layui-btn-primary cus-model-btn" id="api-add">
                    <i class="iconfont">&#xe622;</i> 新建盘点单
                </button>

                <button class="layui-btn layui-btn-primary cus-model-btn" data-type="to_manage">
                    <i class="iconfont">&#xe607;</i> 盈亏处理
                </button>

                <button class="layui-btn layui-btn-primary cus-model-btn" data-type="down_excel" style="width: auto;">
                    <i class="layui-icon">&#xe601;</i> 下载盘点结果
                </button>

                <button class="layui-btn layui-btn-primary cus-model-btn" data-type="reload">
                    <i class="iconfont">&#xe668;</i> 刷新
                </button>

            </div>
            <div class="cus-link" style="width: 1730px;"></div>

            <div class="cus-table">
                <table id="demo" lay-filter="demo" lay-data="{id: 'idTest'}"></table>
                <div id="pager"></div>
            </div>
        </div>
</div>
<!--<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>-->
<script src="__PUBLIC__/js/jquery-ui.js"></script>
<script src="__PUBLIC__/js/jquery.contextmenu.js"></script>

<script type="text/html" id="barDemo">
    <!-- <span style="margin-top: -4px;" lay-event="edit" data-id="{{d.id}}" class="layui-btn edit layui-btn-normal">编辑</span>
    <span style="margin-top: -4px;" lay-event="info" data-id="{{d.id}}" class="layui-btn edit layui-btn-normal">盘点详情</span>
    <span style="margin-top: -4px;" lay-event="cancel" data-id="{{d.id}}" class="layui-btn layui-btn-danger del">取消</span>
    <span style="margin-top: -4px;" lay-event="del" data-id="{{d.id}}" class="layui-btn layui-btn-danger del">删除</span> -->
        <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="info" data-id="{{d.id}}">&#xe63c;</i>
        <i class="layui-icon box_btn" title="取消" lay-event="cancel" data-id="{{d.id}}">&#x1006;</i>
        <i class="layui-icon box_btn" title="删除" lay-event="del" data-id="{{d.id}}">&#xe640;</i>
</script>

<script type="text/html" id="pd_status">
    {{# if(d.pd_status==1){ }}
    <span class="layui-btn layui-btn-xs layui-btn-radius layui-btn-normal" style="margin-top: 0px;height: 24px;line-height: 25px!important;cursor: default;">盘点中</span>
    {{# }else if(d.pd_status==2){ }}
    <span class="layui-btn layui-btn-xs layui-btn-radius layui-btn-primary" style="margin-top: 0px!important;cursor: default;">已完成</span>
    {{# }else if(d.pd_status==3){ }}
    <span class="layui-btn layui-btn-xs layui-btn-radius layui-btn-primary" style="margin-top: 0px!important;cursor: default;">已完成并处理</span>
    {{# }else if(d.pd_status==4){ }}
    <span class="layui-btn layui-btn-xs layui-btn-radius layui-btn-warm" style="margin-top: 0px;height: 24px;line-height: 25px!important;cursor: default;">已取消</span>
    {{# }else{ }}
    \
    {{# } }}

</script>

<script type="text/html" id="pd_type">
    {{# if(d.pd_type==1){ }}
        库存类
    {{# }else if(d.pd_type==2){ }}
        领用类
    {{# } }}

</script>

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

    <a href="{:url('takeStockInfoList')}?pd_id={{d.id}}" data-id="{{d.id}}" style="color: #1E9FFF;">{{d.pd_name}}</a>

</script>

<script>

    var listStr=function(name){
        var str="";
        for(var i=0;i<$(name).length;i++){
            var text=$(name).eq(i).html();
            var listid=$(name).eq(i).attr("id");
            if(i==$(name).length-1){
                str+=listid;
            }else{
                str+=listid+',';
            }
        }
        return str;
    };

    var name;//资产名称，查询条件
    var c_id;//分类，查询条件

    var table;
    layui.use(['layer', 'table','form'], function () {
         table = layui.table, layer = layui.layer, form = layui.form;
         form.render();
        //第一个实例
        var tableIns=table.render({
            elem: '#demo'
            ,toolbar: '#toolbarDemo'
            , url: '/oa/Assets/takeStockFormList' //数据接口
            ,id: 'testReload'
            ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            //,even: true
            ,where: {name:name,c_id:c_id}
            , page: {
                curr: 1,
                limit: 10,
                limits: [10, 30, 50,100],
            }
            ,response: {
                statusCode: 200 //规定成功的状态码，默认：0
            }
            , cols: [[ //表头
                {type:'checkbox',fixed:'left'}
                ,{title: '操作', align: 'center',width:150, toolbar: '#barDemo',fixed:'left'}
//                ,{field:'id', title: 'ID', sort: true,templet: '#sexTpl',width:'3%'}
                ,{field:'pd_status', title: '资产状态', align: 'center',toolbar:'#pd_status', sort: true,width:120}
                ,{field:'pd_name', title: '盘点单名称', align: 'center',toolbar:'#pd_name',width:180, sort: true}
                ,{field:'pd_type', title: '盘点类型', align: 'center',toolbar:'#pd_type',width:100, sort: true}
                ,{field:'scope_text', title: '盘点范围',width:200, align: 'center'}
                ,{field:'pd_staff', title: '盘点人', align: 'center',width:100, sort: true}
                ,{field:'pd_date', title: '计划盘点时间', align: 'center',width:180}
                ,{field:'create_staff', title: '创建人', align: 'center',width:100, sort: true}
                ,{field:'create_time', title: '创建时间', align: 'center',width:180, sort: true}
                
            ]],
            done: function(res, curr, count){
                $(".mark-red").parents("tr").css({
                    "color":"#fff",
                    "background":"red"
                });
            }
        });

        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
            var id   = $(this).attr("data-id");

            if(layEvent=='edit'){

                form.render();
                load_page(
                        '/oa/Assets/addTakeStockForm?id='+id,
                        '编辑盘点单',
                        function () {
                            addTakeStockForm(function () {
                                active["search_reload"].call(this);
                            });
                        },
                        ['保存', '取消'],
                        580, 600
                );


            }else if(layEvent=='info'){

                location.href = "{:url('oa/Assets/takeStockInfoList')}?pd_id="+id;

            }else if(layEvent=='del'){

                layer.confirm('你确定删除此盘点单吗？', {
                    btn: ['确定','取消'] //按钮
                }, function(index){
                    $.ajax({
                        type: "POST",
                        url: 'delTakeStockForm',
                        data: {id:id},
                        success: function(msg){
                            if( msg.code == 200 ){
                                layer.close(index);
                                active["search_reload"] ? active["search_reload"].call(this) : '';
                            }else{
                                layer.alert(msg.msg);
                                layer.msg(msg.msg, {
                                    icon: 5,
                                    shade: [0.6, '#393D49'],
                                    time:1500
                                });
                            }
                        }
                    });
                });
            } else if(layEvent=='cancel'){

                layer.confirm('你确定取消盘点吗？', {
                    btn: ['确定','取消'] //按钮
                }, function(index){
                    $.ajax({
                        type: "POST",
                        url: 'cancelTakeStockForm',
                        data: {id:id},
                        success: function(msg){
                            if( msg.code == 200 ){
                                layer.close(index);
                                active["search_reload"] ? active["search_reload"].call(this) : '';
                            }else{
                                layer.alert(msg.msg);
                                layer.msg(msg.msg, {
                                    icon: 5,
                                    shade: [0.6, '#393D49'],
                                    time:1500
                                });
                            }
                        }
                    });
                });
            }

        });
        $('.cus-model-btn').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
            $(this).addClass("active").siblings(".cus-model-btn").removeClass("active");
            if (type == "allot") {
                $("#allot-box").parent().css("overflow", "inherit");
            }
        });

        $('#search').on('click', function(){
            name = $('#name').val();
            c_id = $('#c_id').val();
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
        $(document).keyup(function(event){
            if(event.keyCode ==13){
                $("#search").trigger("click");
            }
        });

        // 重置搜索条件
        $("#reset").click(function (val) {

            $("#cus-top input").val("");
            $("#cus-top select").val("");

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


    });

    //触发事件
    var active = {

        //刷新列表
        reload: function(data){

            //执行重载
            table.reload('testReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    name:name,
                    c_id:c_id,
                }
            });
        },
        search_reload:function(){
            table.reload('testReload', {
                where: {
                    name:name,
                    c_id:c_id,
                }
            });
        },to_manage: function () {

            var checkStatus = table.checkStatus('testReload')
                    ,data = checkStatus.data;

            var idArr = [];

            $.each(data,function(k,v){
                idArr.push(v.id);
            });

            if(idArr.length > 1 || idArr.length == 0){
                layer.alert('请选中一条盘点单');
                return false;
            }

            location.href = "{:url('manageAssets')}?pd_id="+idArr[0];

        },down_excel:function(){
            var checkStatus = table.checkStatus('testReload')
                    ,data = checkStatus.data;

            var idArr = [];

            $.each(data,function(k,v){
                idArr.push(v.id);
            });

            if(idArr.length > 1 || idArr.length == 0){
                layer.alert('请选中一条盘点单');
                return false;
            }

            location.href = "{:url('downExcel')}?pd_id="+idArr[0];
        }
    };





    layui.use(['layer', 'form'], function() {
        var $ = layui.jquery, layer = layui.layer,form = layui.form;

        $('#api-add').on('click', function () {

            form.render();
            load_page(
                    '/oa/Assets/addTakeStockForm',
                    '新建盘点单',
                    function () {
                        addTakeStockForm(function () {
                            active["search_reload"].call(this);
                        });
                    },
                    ['保存', '取消'],
                    580, 600
            );


        });


    });


</script>

{/block}