{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}
<style type="text/css">
{block name="style"}
    .layui-table-cell {
        height: 25px!important;
        line-height: 25px!important;
    }
    .box_btn {
        font-size: 21px;
        cursor: pointer;
    }
{/block}
</style>
{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: 50px!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: 50px!important;">状态：</label>
                    <div class="layui-input-block" style="width: 150px">
                        <select class="layui-input" id="status" lay-search>
                            <option value=""></option>
                            <option value="1">正常</option>
                            <option value="2">故障</option>
                            <option value="3">维修中</option>
                            <option value="4">丢失</option>
                            <option value="5">报废</option>
                        </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_search" id="name_search" 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">
                {auth code='menu1578984852'}
                <button class="layui-btn layui-btn-primary cus-model-btn" id="api-add">
                    <i class="iconfont">&#xe622;</i> 新增
                </button>
                {/auth}
                {auth code='menu1578984961'}
                <a href="{:url('oa/Assets/importAssets')}" class="layui-btn layui-btn-primary" data-type="import_assets">
                    <i class="iconfont">&#xe607;</i> 导入资产
                </a>
                {/auth}
                {auth code='menu1578984960'}
                <a href="{:url('oa/Assets/repair')}" class="layui-btn layui-btn-primary">
                    <i class="layui-icon">&#xe631;</i> 维修管理
                </a>
                {/auth}
                {auth code='menu1578996303'}
                <a href="{:url('oa/Assets/destory')}" class="layui-btn layui-btn-primary">
                    <i class="layui-icon">&#xe631;</i> 报废管理
                </a>
                {/auth}
                <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">
    {auth code='menu1578984852'}
    {{# if(d.assets_status != 5) {}}
    <i class="layui-icon box_btn" title="编辑" lay-event="edit" style="cursor: pointer;" data-id="{{d.id}}">&#xe642;</i>
    {{#} }}
    {/auth}
    {auth code='menu1578984879'}
    <i class="layui-icon box_btn" title="删除" lay-event="del" style="cursor: pointer;" data-id="{{d.id}}">&#xe640;</i>
    {/auth}
    {auth code='menu1578984906'}
    {{# if(d.assets_status == 2 || d.assets_status == 1) {}}
    <i class="layui-icon box_btn" title="报修" lay-event="repair" style="cursor: pointer;" data-id="{{d.id}}">&#xe631;</i>
    {{# } }}
    {/auth}
    {auth code='menu1578990768'}
    {{# if(d.destory_status != 2 && d.destory_status != 1) {}}
    <i class="layui-icon box_btn" title="报废" lay-event="destory" style="cursor: pointer;" data-id="{{d.id}}">&#xe64d;</i>
    {{# } }}
    {/auth}
</script>

<script type="text/html" id="use_status">
    {{# if(d.use_status==1){ }}
    <span class="layui-btn layui-btn-xs layui-btn-radius layui-btn-primary" style="margin-top: 0px;cursor: default!important;">空闲</span>
    {{# }else if(d.use_status==2){ }}
    <span class="layui-btn layui-btn-xs layui-btn-radius layui-btn-normal" style="margin-top: 0px;height: 24px;line-height: 25px!important;">领用</span>

    {{# }else{ }}
    \
    {{# } }}

</script>

<script type="text/html" id="assets_status">
    {{# if(d.assets_status==1){ }}
        正常
    {{# }else if(d.assets_status==2){ }}
        故障
    {{# }else if(d.assets_status==3){ }}
        维修中
    {{# }else if(d.assets_status==4){ }}
        丢失
    {{# }else if(d.assets_status==5){ }}
        报废
    {{# }else{ }}
    \
    {{# } }}

</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 status;
    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/assetsList' //数据接口
            ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            ,id: 'testReload'
            //,even: true
            ,where: {name:name,c_id:c_id}
            , page: {
                curr: 1,
                limit: 10,
                limits: [10, 30, 50,100],
            }
             ,response: {
                statusCode: 200 //规定成功的状态码，默认：0
            }
            , cols: [[ //表头
                {field:'id', title: 'ID', sort: true,templet: '#sexTpl',width:'5%',fixed:'left'}
                ,{title: '操作', align: 'center',width:'170', toolbar: '#barDemo',fixed:'left'}
                ,{field:'use_status', title: '使用状态', align: 'center',toolbar:'#use_status',width:'7%', sort: true}
                ,{field:'name', title: '资产名称', align: 'center',width:'8%', sort: true}
                ,{field:'number', title: '资产编号', align: 'center',width:'200', sort: true}
                ,{field:'assets_status', title: '资产状况', align: 'center',toolbar:'#assets_status',width:'7%', sort: true}
                ,{field:'cname', title: '分类', align: 'center',width:'8%'}
                ,{field:'brand', title: '品牌', align: 'center',width:'8%', sort: true}
                ,{field:'model', title: '型号', align: 'center',width:'8%'}
                ,{field:'purchase_price', title: '采购价格', align: 'center',width:'6%', sort: true}
                ,{field:'wname', title: '所属仓库', align: 'center',width:'10%'}
                ,{field:'use_staff', title: '使用人', align: 'center',width:'7%'}
//                ,{field:'use_date', title: '领用时间', align: 'center',width:'8%', sort: true}
                ,{field:'sname', title: '供应商', align: 'center',width:'10%'}
            ]],
            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'){
                layer.open({
                    title: '编辑资产',
                    type: 2,
                    area: ['860px', '600px'],
                    maxmin: true,
                    content: 'editAssets?id='+id,
                    btn: ['提交', '取消'],
                    yes: function (iframeDom,index) {
                        //获取iframe
                        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;
                        }

                        $.ajax({
                            type: "POST",
                            url: 'editAssets',
                            data: params,
                            success: function(msg){
                                if( msg.code == 200 ){
                                    layer.alert('编辑成功');

                                    setTimeout(function(){
                                        layer.closeAll('iframe');
                                        active["search_reload"] ? active["search_reload"].call(this) : '';
                                    },1500);
                                }else{
                                    layer.alert(msg.msg);
                                    return false;
                                }
                            }
                        });
                    }

                });
            }else if(layEvent=='del'){
                layer.confirm('你确定删除此资产吗？', {
                    btn: ['确定','取消'] //按钮
                }, function(index){
                    $.ajax({
                        type: "POST",
                        url: 'delAssets',
                        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 == 'set_position'){
                load_page(
                        '/oa/Dept/setDeptPosition.html?type=2&keyid='+id,
                        '设定岗位',
                        function(){
                            setDeptPosition();
                        },['保存','取消'],800,600
                );
            }else if(layEvent == 'repair'){
                load_page(
                        '/oa/assets/repairadd.html?id='+id,
                        {
                            title:'资产报修',
                            button:false,
                            width:650,
                            height:520,
                            complete:function(index){
                                setOpenpageIndex(index);
                            },
                            end:function(){
                                active["search_reload"] ? active["search_reload"].call(this) : '';
                            }
                        }
                );
            } else if (layEvent == 'destory'){
                load_page(
                        '/oa/assets/destoryadd.html?id='+id,
                        {
                            title:'资产报废',
                            button:false,
                            width:650,
                            height:520,
                            complete:function(index){
                                setOpenpageIndex(index);
                            },
                            end:function(){
                                active["search_reload"] ? active["search_reload"].call(this) : '';
                            }
                        }
                );
            }
        });
        $('.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_search').val();
            c_id = $('#c_id').val();
            status = $('#status').val();
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
        $('#name_search').keyup(function(event){
            if(event.keyCode ==13){
                $("#search").trigger("click");
            }
        });

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

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

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


    });

    //触发事件
    var active = {

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

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

            load_page(
                    '/oa/Dept/import?type=2',
                    '导入资产信息',
                    function(){
                        close_index();
                    },
                    ['确定','取消'],
                    700,450
            );

        },sel_dept:function(){
            load_page(
                    '/oa/Dept/selector?get_type=3',
                    '选择组织架构',
                    function(){
                        get_select(function(res){
                            console.log(res);
                            $.ajax({
                                type:'post',
                                url:'/oa/Dept/get_all_tkp_staff',
                                data:{data:res},
                                success:function(result){
                                    console.log(result);
                                }
                            })
                        });
                    },
                    ['确定','取消'],
                    900,600
            );
        },sh:function(){
            layer.open({
                title: '审批进度',
                type: 2,
                skin: 'layui-layer-rim',
                area: ['600px', '600px'],
                content: "/oa/Dept/audit"
            });
        },position:function(){
            load_page(
                    '/oa/Dept/selectZhiWei.html?get_type=1',
                    '设定岗位',
                    function(){
                        selectZhiWei(function(res){
                            console.log(res);
                        });
                    },['保存','取消'],590,575
            );

        }
    };

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

            layer.open({
                title: '新增资产',
                type: 2,
                skin: 'layui-layer-rim',
                area: ['860px', '600px'],
                content: "addAssets",
                btn: ['提交', '取消'],
                yes: function (iframeDom,index) {
                    //获取iframe
                    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;
                    }

                    $.ajax({
                        type: "POST",
                        url: 'addAssets',
                        data: params,
                        success: function(msg){
                            if( msg.code == 200 ){
                                layer.alert('添加成功');
                                setTimeout(function(){
                                    layer.closeAll('iframe');
                                    active["search_reload"] ? active["search_reload"].call(this) : '';
                                },1500);
                            }else{
                                layer.alert(msg.msg);
                                return false;
                            }
                        }
                    });
                }
            });

        });


</script>

{/block}