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

<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="cus-con" style="min-width: auto; overflow: hidden; height: 100%; box-sizing: border-box;">

        <div class="set_tit"><span>物品采购</span></div>


        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">采购单</li>
                <li>待采购物品</li>
            </ul>
            <div class="layui-tab-content" style="height: 100px;">
                <div class="layui-tab-item layui-show">

                    <div class="set-top">
                        <button class="layui-btn fp-btn" id="add_php" data-type="add">新建采购</button>
                    </div>
                    <table id="demo" lay-filter="table1"></table>

                </div>

                <div class="layui-tab-item">
                    <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"  name="goods_name" id="goods_name" placeholder="请输入物品名称">
                        </div>

                        <label class="layui-form-label" style="width: 70px!important;margin-left: 10px!important;">供应商：</label>
                        <div class="layui-input-block w-120"  >
                            <select class="layui-input" id="sid" lay-search>
                                <option value="">请输入</option>
                                {volist name='supplier' id='s'}
                                <option value="{$s.id}">{$s.sname}</option>
                                {/volist}
                            </select>
                        </div>


                        <label class="layui-form-label" style="width:70px!important;margin-left: 10px!important;">申请时间：</label>
                        <div class="layui-input-block w-150">
                            <div class="layui-inline w-150">
                                <input type="text" class="layui-input test-item"  name="start_time" id="start_time" readonly placeholder="开始时间">
                            </div>
                        </div>
                        <span class="date-span">-</span>
                        <div class="layui-input-block w-150">
                            <div class="layui-inline w-150">
                                <input type="text" class="layui-input test-item"  name="end_time" id="end_time" readonly placeholder="结束时间">
                            </div>
                        </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 class="set-top">
                        <button class="layui-btn layui-btn-primary cus-model-btn" id="export" data-type="export">导出采购清单</button>
                    </div>
                    <table id="export_table" lay-filter="table2"></table>
                </div>
            </div>
        </div>

    </div>
</div>
<script type="text/html" id="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="process_state">
    {{# switch(d.process_state){ case 1: }}
    {{#  if(d.state == 3){ }}
    入库完成
    {{#  } else { }}
    审核通过
    {{#  } }}

    {{# break; case 2: }}
    拒绝
    {{# break; case 0: }}
    审核中
    {{# break; } }}
</script>

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

    {{#  if(d.state == '0'){ }}
    待入库
    {{#  } else { }}
    已入库
    {{#  } }}

</script>

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

    {{#  if(d.type == 1){ }}
    固定资产
    {{#  } else if(d.type ==2 ) { }}
    低值易耗品
    {{#  } else if(d.type ==3 ) { }}
    赠品
    {{#  } else { }}
    固定资产
    {{#  } }}

</script>
<script type="text/html" id="operationModal">
    <!-- <a class="layui-btn layui-btn-mini" lay-event="process" data-id="{{d.audit_info_id}}">详情</a> -->
    <i class="layui-icon box_btn" title="审批进度" lay-event="process" data-id="{{d.audit_info_id}}">&#xe673;</i>

</script>

<script type="text/html" id="operationModa2">
    <!-- <a class="layui-btn layui-btn-mini" lay-event="info" data-id="{{d.audit_info_id}}">详情</a> -->
    <i class="layui-icon box_btn" title="详情" lay-event="info" data-id="{{d.audit_info_id}}">&#xe60a;</i>
</script>

<script>

    layui.use(['table', 'jquery','laydate','element'], function () {
        var table = layui.table,laydate = layui.laydate,element = layui.element;
        var table1;
        var table2;
        table1_init();
        table2_init();

        var goods_name = '';
        var sid = '';
        var start_time = '';
        var end_time = '';

        lay('.test-item').each(function(){
            laydate.render({
                elem: this
                ,trigger: 'click'
            });
        });

        // 初次采购单table数据渲染
        function table1_init() {
            var url = "{:url('papi/Purchase/index')}";
            table1 = table.render({
                elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
                ,toolbar: '#toolbarDemo'
                , height: 'auto' //容器高度
                ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                , 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, templet: '#indexTpl', width: 80},
                    {field: 'staffname', title: '申请人', align: 'center', width: 200},
                    {field: 'department_name', title: '申请部门', align: 'center', width: 200},
                    {field: 'present_price', title: '采购金额', align: 'center', width: 130},
                    {field: 'explain', title: '采购说明', align: 'center'},
                    {field: 'process_state', title: '状态', align: 'center', width: 100, templet: '#process_state'},
                    {field: 'regdate', title: '添加时间', align: 'center', width: 200},
                    {title: '操作', align: 'center', width: 150, toolbar: '#operationModal'},
                ]], //设置表头
                //,…… //更多参数参考右侧目录：基本参数选项
            });
        }

        // 初次待采购物品table数据渲染
        function table2_init() {
            var url = "{:url('oa/Purchase/purchaseGoods')}";
            table2 = table.render({
                elem: '#export_table' //指定原始表格元素选择器（推荐id选择器）
                ,toolbar: '#toolbarDemo'
                , height: 'auto' //容器高度
                ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                , url: url
                , response: {
                    statusName: 'code' //数据状态的字段名称，默认：code
                    , statusCode: 200 //成功的状态码，默认：0
                    , msgName: 'msg' //状态信息的字段名称，默认：msg
                    , countName: 'count' //数据总数的字段名称，默认： count
                    , dataName: 'data' //数据列表的字段名称，默认：data
                }
                , page:true
                , cols: [[ //表头
                    {field: 'id', title: '序号', sort: true, templet: '#indexTpl', width: 80},
                    {field: 'goods_name', title: '物品名称', align: 'center', width: 200},
                    {field: 'univalent', title: '单价', align: 'center', width: 130},
                    {field: 'number', title: '数量', align: 'center', width: 130},
                    {field: 'total', title: '合计', align: 'center', width: 130},
                    {field: 'sname', title: '供应商名称', align: 'center'},
                    {field: 'state', title: '状态', align: 'center', width: 150, templet: '#goods_state'},
                    {field: 'type', title: '物品类型', align: 'center', width: 150, templet: '#goods_type'},
                    {field: 'regdate', title: '申请时间', align: 'center', width: 150},
                    {title: '操作', align: 'center', width: 150, toolbar: '#operationModa2'},
                ]], //设置表头
                //,…… //更多参数参考右侧目录：基本参数选项
            });
        }

        // table1数据重载
        function table1_reload() {
            table1.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    search: $('#search').val()
                }
                , page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        }

        // table2数据重载
        function table2_reload() {
            table2.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    goods_name: goods_name,
                    sid:sid,
                    start_time:start_time,
                    end_time:end_time
                }
                , page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        }


        // table1点击搜索
        $('#dosearch').click(function () {
            table1_reload();
        });

        //table2搜索
        $('#search').on('click', function(){
            goods_name = $('#goods_name').val();
            sid  = $('#sid').val();
            start_time  = $('#start_time').val();
            end_time  = $('#end_time').val();
            table2_reload();
        });
        $(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;
        });

        table.on('tool(table2)', function (obj) {
            var layEvent = obj.event;
            var data = obj.data; //获得当前行数据
            if (layEvent === 'info') {

                var id = data.id;

                load_page(
                        '/oa/Purchase/info?id=' + id,
                        '审批审核',
                        function () {
                            check(function () {
                            });
                        },
                        ['保存', '取消'],
                        600, 500
                );
            }
        });

        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");
                layer.confirm('你确定要入库这条记录吗？', function (index) {
                    layer.close(index);
                    $.ajax({
                        url: "{:url('papi/Outofstorage/purchaseOperation');}",
                        data: {id: id,type:1},
                        type: 'get',
                        success: function (e) {
                            if (e.code == 200) {
                                table1_reload();
                                layer.msg('恭喜入库成功', {
                                    icon: 1,
                                });
                            } else {
                                layer.msg(e.msg, {
                                    icon: 2,
                                });
                            }
                        }

                    })
                });

            } else if (layEvent === 'query') {
                var id = $(this).attr("data-id");
                table1_init(type, id);
            } else if (layEvent === 'del') {
                var id = $(this).attr("data-id");
                layer.confirm('你确定要删除这条记录吗？', function (index) {
                    layer.close(index);
                    if (id) {
                        $.ajax({
                            url: "{:url('papi/Purchase/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 === 'process') {
                var id = $(this).attr("data-id");
                layer.open({
                    title: '审批审核',
                    type: 2,
                    area: ['600px', '600px'],
                    maxmin: true,
                    content: '/oa/Process/addPosition?id=' + id,
                });
            }
        });

        $('#add_php').on('click', function () {
            $.ajax({
                url:'/oa/Collar/isleave',
                type:'get',
                data:'',
                dataType:'json',
                success:function(res)
                {
                    if(res.code  == 200){
                        layer.open({
                            content: '您目前处于离职状态, 无法进行此操作!',
                            btn: ['确认'],
                            yes: function (index, layero) {
                                location.href = '/oa/index/index';
                            }
                        });
                    }else if (res.code  == 201){
                        location.href="{:url('oa/Purchase/add')}";
                    }
                }
            })
        });

        $('#export').click(function(){
            goods_name = $('#goods_name').val();
            sid  = $('#sid').val();
            //table2_reload();

            location.href="{:url('oa/Purchase/export')}?goods_name="+goods_name+'&sid='+sid+'&start_time='+start_time+'&end_time='+end_time;
        });

    });


</script>
{/block}