$(document).ready(function () {
    $('.add-btn').click(function () {
        if($('.rule-field tbody tr').length >= 5){
            layer.alert('最多只能设置5个项目！');
            return ;
        }
        $('.dialog').removeAttr('data-id');
        $('.dialog input').val('');
        $('.mask').fadeIn();
    });

    $('.cancel').click(function () {
        $('.mask').fadeOut();
        $('.dialog').removeAttr('data-id');
        $('.dialog').removeAttr('data-type');
    })

    $('.rule-field').on('click','.edit',function () {
        var tr =$(this).parents('tr');
        var name = tr.find('.name').text();
        var id = tr.attr('data-id');
        var type = tr.attr('data-type');
        $('.mask').fadeIn();
        $('.dialog input').val(name);
        $('.dialog').attr('data-id',id);
        $('.dialog').attr('data-type',type)
    });
    $('.rule-field').on('click','.del',function () {
        var tr =$(this).parents('tr');
        var id = tr.attr('data-id');
        qikoo.dialog.confirm('确认要删除？',
            function () {
                $.ajax({
                    url: '/api/cmptScoreField/del/' + id,
                    type: 'get',
                    success: function (data) {
                        if (data.status) {
                            tr.remove();
                            layer.msg("删除成功！")
                        } else {
                            layer.msg("操作失败！")
                        }
                    }
                })
            }, function () {

            });
    });


    $('body').on('click', '.status', function () {
        var checked = $(this).hasClass('checked');
        var param = {}
        param.cmptId = getCmptId()
        if (checked) {
            $(this).removeClass("checked");
            $(this).addClass("unchecked");
            $(this).find('.txt').text('未启动')
            param.isOpen = 0;
        } else {
            $(this).removeClass("unchecked");
            $(this).addClass("checked");
            $(this).find('.txt').text('启动');
            param.isOpen = 1;
        }
        $.ajax({
            url: "/api/cmptScoreField/saveOrUpdateOcr",
            type: 'post',
            data: param,
            success: function (data) {
                if (data.status) {
                    layer.msg("操作成功！")
                } else {
                    layer.msg("操作失败！")
                }
            }
        });
    });

    $('body').on('click', '.joyrunSyn', function () {
        var checked = $(this).hasClass('checked');
        var param = {}
        param.cmptId = getCmptId()
        if (checked) {
            $(this).removeClass("checked");
            $(this).addClass("unchecked");
            $(this).find('.txt').text('未启动')
            param.isOpen = 0;
        } else {
            $(this).removeClass("unchecked");
            $(this).addClass("checked");
            $(this).find('.txt').text('启动');
            param.isOpen = 1;
        }
        $.ajax({
            url: "/api/cmptScoreField/saveOrUpdateJoy",
            type: 'post',
            data: param,
            success: function (data) {
                if (data.status) {
                    layer.msg("操作成功！")
                } else {
                    layer.msg("操作失败！")
                }
            }
        });
    });


    $('.sure').click(function () {
        var name = $('.dialog input').val();
        if(!name){
            layer.alert("请输入名称！");
            return ;
        }
        if(name.length > 20){
            layer.alert("不能超过20个字符！");
            return ;
        }
        var id = $('.dialog').attr('data-id');
        var type = $('.dialog').attr('data-type');
        var param ={id:id,fieldName:name,cmptId:getCId(),fieldType:type};
        if(!id){
            var index = $('.rule-field tbody tr:last').attr('data-index') == undefined ? 0 :$('.rule-field tbody tr:last').attr('data-index');
            param.filedIndex = Number(index)+1;
        }
        var tr = $('tr[data-id='+id+']');
        $.ajax({
            url : "/api/cmptScoreField/saveOrUpdate",
            type: 'post',
            data: param,
            success:function (data) {
                if(data.status){
                    if(id){
                        layer.msg('更新成功!')
                        tr.find('.name').text(name);
                    }else{
                        layer.msg('添加成功!');

                        $('.rule-field tbody').append(' <tr data-id="'+data.content.id+'" data-index="'+data.content.filedIndex+'">' +
                            '                           <td class="name">'+data.content.fieldName+'</td>\n' +
                            '<td style="text-align: center;position: relative">\n' +
                            '                                <select name="" id="" class="select">\n' +
                            '                                    <option value="1" selected>照片</option>\n' +
                            '                                    <option value="2" >视频</option>\n' +
                            '                                    <option value="4" >照片/视频</option>\n' +
                            '                                </select>\n' +
                            '                                <span class="down-arrow"></span>\n' +
                            '                            </td>'+
                            '                           <td style="text-align: right">\n' +
                            '                               <div>\n' +
                            '                                   <div class="opt edit.opt">\n' +
                            '                                       <span class="icon-edit"></span><span class="edit">编辑</span>\n' +
                            '                                   </div>\n' +
                            '                                   <div class="opt del">\n' +
                            '                                       <span class="icon-del"></span><span >删除</span>\n' +
                            '                                   </div>\n' +
                            '                               </div>\n' +
                            '                            </td>')
                    }
                }else{
                    layer.msg('操作失败！')
                }
            }
        });
        $('.mask').fadeOut();
        $('.dialog').removeAttr('data-id');
    })

    $('body').on('change','select',function () {
        var fieldType = $(this).val();
        var id = $(this).parents('tr').attr('data-id');
        var param = {};
        param.id=id;
        param.fieldType=fieldType;
        $.ajax({
            url : "/api/cmptScoreField/saveOrUpdate",
            type: 'post',
            data: param,
            success:function (data) {
                if(data.status){
                    layer.msg('更新成功!')
                }else{
                    layer.msg('操作失败！')
                }
            }
        });
    });

    $('#score-body').on('click','.opt',function () {
        var tr = $(this).parents('tr');
        var id = tr.attr('data-id');
        if(id){
            qikoo.dialog.confirm('确认要删除？',
                function () {
                    $.ajax({
                        url : '/gk/score/delScore/'+getCId()+'/'+$('.search').val()+'/'+id,
                        type:'post',
                        success:function (data) {
                            if(data.status){
                                tr.remove()
                                layer.msg('删除成功！');
                            }else{
                                layer.msg('操作失败！');
                            }
                            console.log(data);
                        }
                }, function () {

                });
            })
        }

    });



});

function delItem(param) {
    $.ajax({
        url : '/api/cmptScoreRule/del/'+param,
        contentType:'application/json',
        type:'post',
        success:function (data) {
            console.log(data);

        }
    })
}