{extend name="Public/base" /}
{block name="js"}

{/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;
    }
    .box_btn {
        font-size: 21px;
        cursor: pointer;
    }

{/block}

{block name="main"}
<div class="if_wrap">
    <div class="cus-con">

        <div class="set_tit">
            <span>
                <i class="layui-icon box_btn" title="返回资产列表" style="cursor: pointer; color: #000;"id="back_assets">&#xe65c;</i>
                资产维修管理
            </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="0">已取消</option>
                            <option value="1">已提报</option>
                            <option value="2">已送修</option>
                            <option value="3">已返回</option>
                            <option value="4">已完成</option>
                        </select>
                    </div>
                    <label class="layui-form-label" style="width: 80px!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-table">
                <table id="demo" lay-filter="demo" lay-data="{id: 'idTest'}"></table>
                <div id="pager"></div>
            </div>
        </div>
</div>
<div style="" class="layui-form">
    <div style="width: 200px; margin: 0 auto;" class="cancel_confirm"><div style="padding: 20px 0 10px 0;">取消报修后资产状态：</div><div style="padding: 20px 0 10px 0;"><select class="layui-input cancel_select" style="width: 200px;margin: 10px 20px;" ><option value="1">正常</option><option value="2">损坏</option></select></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">
    <i class="layui-icon box_btn" title="查看" lay-event="detail" data-id="{{d.id}}">&#xe615;</i>
    {{# if(d.repair_status == 1) { }}
        <!--span style="margin-top: -4px;" lay-event="cancel" data-id="{{d.id}}" class="layui-btn layui-btn-danger">取消</span-->
        <i class="layui-icon box_btn" title="取消" lay-event="cancel" data-id="{{d.id}}">&#x1007;</i>
        <i class="layui-icon box_btn" title="送件" lay-event="repairsend" data-id="{{d.id}}">&#xe609;</i>
        <!--span style="margin-top: -4px;" lay-event="repairsend" data-id="{{d.id}}" class="layui-btn layui-btn-normal">送件</span-->
    {{# }else if(d.repair_status==2){ }}
        <!--span style="margin-top: -4px;" lay-event="repairreceive" data-id="{{d.id}}" class="layui-btn layui-btn-normal">收件</span-->
        <i class="layui-icon box_btn" title="收件" lay-event="repairreceive" data-id="{{d.id}}">&#xe857;</i>
    {{# }else if(d.repair_status==3){ }}
        <!--span style="margin-top: -4px;" lay-event="repairtostaff" data-id="{{d.id}}" class="layui-btn layui-btn-normal">领取</span-->
        <i class="layui-icon box_btn" title="领取" lay-event="repairtostaff" data-id="{{d.id}}">&#xe770;</i>
        {{# if(d.repair_result == 2){ }}
            <!--span style="margin-top: -4px;" lay-event="repairadd" data-id="{{d.id}}" class="layui-btn layui-btn-normal">重维修</span-->
            <i class="layui-icon box_btn" title="重维修" lay-event="repairadd" data-id="{{d.id}}">&#xe631;</i>
        {{# } }}
    {{# } }}
</script>

<script type="text/html" id="use_status">
    {{# if(d.repair_status==0){ }}
    <span class="layui-btn layui-btn-xs layui-btn-radius layui-btn-primary" style="margin-top: 0px;cursor: default!important;">已取消</span>
    {{# }else if(d.repair_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.repair_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 if(d.repair_status==3){ }}
    <span class="layui-btn layui-btn-xs layui-btn-radius layui-btn-primary" style="margin-top: 0px;cursor: default!important;">已返回</span>
    {{# }else if(d.repair_status==4){ }}
    <span class="layui-btn layui-btn-xs layui-btn-radius layui-btn-primary" style="margin-top: 0px;cursor: default!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{ }}
    \
    {{# } }}

</script>
<script type="text/html" id="resulttpl">
{{# if(d.repair_result==1){ }}
    已修好
{{# }else if(d.repair_result==2){ }}
    未修好
{{# }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/repair' //数据接口
            ,id: 'testReload'
            //,even: true
            ,where: {name:name,c_id:c_id,status:''}
            , 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:'150', toolbar: '#barDemo',fixed:'left'}
                ,{field:'use_status', title: '维修状态', align: 'center',toolbar:'#use_status',width:'7%', sort: true}
                ,{field:'assets_name', title: '资产名称', align: 'center',width:'8%', sort: true}
                ,{field:'assets_number', title: '资产编号', align: 'center',width:'7%', sort: true}
                ,{field:'warranty_date', title: '保修时间', align: 'center',width:'8%'}
                ,{field:'send_date', title: '送修时间', align: 'center',width:'8%', sort: true}
                ,{field:'back_date', title: '返回时间', align: 'center',width:'8%', sort: true}
                ,{field:'repair_result', title: '维修结果', align: 'center',width:'8%', sort: true,templet: '#resulttpl'}
                ,{field:'shop_name', title: '归属门店', align: 'center',width:'8%'}
                ,{field:'wname', title: '所属仓库', align: 'center',width:'10%'}
                ,{field:'use_staff', title: '使用人', align: 'center',width:'7%'}                
            ]]
        });

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

            if(layEvent=='detail'){
                load_page(
                        'repairoption?act=detail&id='+id,
                        {
                            title:'报修详情',
                            button:false,
                            width:600,
                            height:600,
                        }
                );
            }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 == 'cancel'){
                $('.cancel_select').val("");
                form.render("select");
                var index =
                layer.open({
                        type: 1,
                        skin: 'layui-layer-rim', //加上边框
                        area: ['420px', '260px'], //宽高
                        content: $('.cancel_confirm'),
                        btn:['确定','取消'],
                        yes: function(){
                            var status = $('.cancel_select').val();
                            if(!status){
                                alert('请选择取消后资产状态。');
                                return ;
                            }
                            var params = {};
                            params.id = id;
                            params.status = status;
                            params.act = 'cancel';
                            $.ajax({
                                type: "POST",
                                url: 'repairoption',
                                data: params,
                                success: function(msg){
                                    layer.close(index);
                                    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 == 'repairsend'){
                load_page(
                        'repairoption?act=repairsend&id='+id,
                        {
                            title:'送修',
                            button:false,
                            width:600,
                            height:600,
                            end:function(){
                                active["search_reload"] ? active["search_reload"].call(this) : '';
                            }
                        }
                );
            }else if (layEvent == 'repairreceive'){
                load_page(
                        'repairoption?act=repairreceive&id='+id,
                        {
                            title:'维修收件',
                            button:false,
                            width:600,
                            height:600,
                            end:function(){
                                active["search_reload"] ? active["search_reload"].call(this) : '';
                            }
                        }
                );
            }else if (layEvent == 'repairtostaff'){
                layer.confirm('确定让员工领取此资产吗？',function(){
                    var index = layer.load();
                    $.ajax({
                        type: "POST",
                        url: 'repairoption?act=repairtostaff&id='+id,
                        success: function(msg){
                            layer.close(index);
                            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 == 'repairadd'){
                load_page(
                    '/oa/assets/repairadd.html?id='+data.assets_id+'&r_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,
                    status:status,
                }
            });
        },
        search_reload:function(){
            table.reload('testReload', {
                where: {
                    name:name,
                    c_id:c_id,
                    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;
                            }
                        }
                    });
                }
            });

        });

    $("#back_assets").click(function(){
        location.href='/oa/assets/assetslist'
    });
</script>

{/block}