var simple_confNetwork={
    init:function(){
        this.loadform.initsel();
        this.loadTemp.initTemp();
        this.bindEvents.initEvent();
        this.initValidate();
    },
    ajaxData:function(datas){
        var url=datas["url"]||"";
        var data=datas["data"]||null;
        var callback=datas["callback"]||function(){};
        $.ajax({
            'url': $.baseUrl+url,
            "type":"post",
            "contentType":typeof (data)=="string"?"application/x-www-form-urlencoded":"application/json",
            "data":typeof (data)=="string"?data:JSON.stringify(data),
            "success":callback
        });
    },
    initValidate:function(){
        $("#srForm").validate({
            rules:{
                srIp:{
                    ip:true
                },
                srMask:{
                    required:true,
                    netMaskBits:true
                },
                optionTemplateId:"required"
            }
        });
    },
    //加载select子项
    loadselect:function(container,datas,cols){
        datas["callback"]=function(data){
            console.log(data);
            if($.isEmptyObject(data)){
                var $option=$('<option value="">暂无更多选项</option>');
                $option.appendTo($("#"+container));
            }else{
                $.each(data,function(i,obj){
                    var $option=$('<option value="'+obj[cols.id]+'"></option>');
                    $option.html(obj[cols.name]);
                    $option.appendTo($("#"+container));
                })
            }
        }
        simple_confNetwork.ajaxData(datas);
    },
    //加载select
    loadform:{
        allSr:{},
        //初始化select
        initsel: function () {
            this.getDhcp();
            this.getBusiness();
            this.getSR();
            this.getTemplate();
        },
        //加载dhcp
        getDhcp:function(){
            simple_confNetwork.loadselect("DHCP",{
                url:"/simpleConf/getServers",
                data:null
            },{
                id:"serverId",
                name:"serverName"
            });
        },
        //加载SR
        getSR:function(){
            var datas = {};
            datas["url"] = "/brasConfManager/findAllbrasConf";
            datas["callback"] = function (data) {
                simple_confNetwork.loadform.allSr=data;
                $("#sr").typeahead({
                    source: data,
                    displayText: function (item) {
                        return typeof item !== 'undefined' && typeof item['srname'] != 'undefined' && item['srname'] || item;
                    },
                    afterSelect: function (item) {
                        $("#sr").val(item.srinterfaceip)
                    }
                });
            }
            simple_confNetwork.ajaxData(datas);
            $.base.myTypeahead2({
                url:"/brasConfManager/findAllbrasConf",
                selector:"#sr",
                showName:"srname",
                resultName:"srinterfaceip"
            });
        },
        //加载业务
        getBusiness:function(){
            simple_confNetwork.loadselect("business",{
                url:"/simpleConf/getServices",
                data:null
            },{
                id:"serviceId",
                name:"serviceName"
            });
        },
        //加载模板名称
        getTemplate:function(){
            simple_confNetwork.loadselect("temp",{
                url:"/option_templateManager/searchTemplateName",
                data:null
            },{
                id:"templateId",
                name:"optionTemplateName"
            });
        },
    },
    //加载模板options
    loadTemp:{
        allOptions:{},
        tempOptions:["optionName","defaultValue"],
        initTemp:function(){
            this.getAllOptions();
            this.getOptionsByTempId();
        },
        getAllOptions:function(){
            var self=this;
            var datas={
                url:"/optionDictionaryManager/searchOptionName",
                data:null,
                callback:function(data){
                    self.allOptions=data;
                }
            }
            simple_confNetwork.ajaxData(datas);
        },
        getOptionsByTempId:function(){
            var datas={
                url:"/simpleConf/getOptions",
                data:"templateId="+$("#temp").val(),
                callback:function(data){
                    if($.isEmptyObject(data)){
                        $("#optionTable").attr("data-isEmpty","false");//模板是否为空
                        var $tr=$("<tr><td class='text-center'>——此模板暂无选项——</td></tr>");
                        $tr.appendTo($("#optionTable"));
                    }else{
                        $("#optionTable").attr("data-isEmpty","true");
                        $("#optionTable").empty();
                        simple_confNetwork.loadTemp.createTr($("#optionTable"),data);
                    }
                }
            }
            simple_confNetwork.ajaxData(datas);
        },
        createTr:function(container,options){
            var self=this;
            $.each(options,function(i,obj){
                var $tr=$("<tr class='info' id='"+obj.optionId+"'></tr>")
                $.each(self.tempOptions,function(k,v){
                    var temp=obj[v]==null?"":obj[v];
                    var $td=$('<td data-col="'+v+'" >'+temp+'</td>');
                    if(!($td.attr("data-col")=="optionName")){
                        $td.empty();
                            if(obj.optionId=="3"){
                            temp=$("#sr").val();
                        }
                        if(obj.optionId=="1"){
                            temp=$("#srMask").val();
                        }
                        var $input=$("<input type='text' class='form-control' value='"+temp+"' netMaskBits />");
                        $input.appendTo($td);
                    }else{
                        $td.empty();
                        var $select=$("<select class='form-control' style='border:none' disabled>" +
                            "<option>"+temp+"</option>" +
                            "</select>");
                        $select.appendTo($td);
                    }
                    $td.appendTo($tr);
                })
                $tr.appendTo(container);
            })
        },
    },
    //绑定事件
    bindEvents:{
        tempOptions:{},
        //加载事件
        initEvent:function(){
            this.temp_change();
            this.temp_addOptions();
            this.sub();
            this.preview();
            this.sr_change();
            this.preview_sub();

        },
        //模板绑定事件
        temp_change:function(){
            $("#temp").change(function(){
                simple_confNetwork.bindEvents.tempOptions={};//清空
                $("#addTempOption").removeAttr("disabled");
                $("#optionTable").empty();
                simple_confNetwork.loadTemp.getOptionsByTempId();
            });
        },
        //sr=>业务
        sr_change:function(){
          $("#sr").change(function(){

              var srs=simple_confNetwork.loadform.allSr;
              var self=this;
              $("#business").removeAttr("disabled");
              $.each(srs,function(i,obj){
                  if(obj.srname==$(self).val()){
                    $("#business").val(obj.serviceid).prop("disabled",true);
                  }
              })
          });
        },
        //模板添加事件
        temp_addOptions:function(){
            $("#addTempOption").click(function(){
                var cols=simple_confNetwork.loadTemp.tempOptions;
                var data=simple_confNetwork.loadTemp.allOptions;
                if($("#optionTable").attr("data-isEmpty")=="false"){
                    $("#optionTable").empty();
                    $("#optionTable").attr("data-isEmpty","true");
                }
                //每次增加select:option不能与之前重复
                //筛选不重复
                var options={};
                $.each(data,function(k,v){
                    var temp=true;
                    $("#optionTable tr").each(function(i,obj){
                        if(k==$(obj).find("select option:selected").text()){
                            temp=false;
                            return false;
                        }
                    })
                    if(temp){
                        options[k]=v;
                    }
                })
                console.log(options);
                if($.isEmptyObject(options)){
                    $("#addTempOption").prop("disabled",true);
                    alert("无更多Option选项,请配置!");
                }else{
                    $tr=$("<tr></tr>");
                    $.each(cols,function(k,v){
                        $td=$('<td data-col="'+v+'"></td>');
                        if(k==0){
                            var $select=$("<select class='form-control'></select>");
                            $.each(options,function(i,obj){
                                var $option=$('<option value="'+obj.optionId+'"></option>');
                                $option.html(obj.optionName);
                                $option.appendTo($select);
                            })
                            $select.change(function(){
                                var $tr=$(this).parent().parent();
                                var index=$("#optionTable tr").index($(this).parent().parent());

                                var optionId=simple_confNetwork.bindEvents.tempOptions[index];
                                var $option=$("<option value='"+optionId+"'>"+$(this).find("option[value='"+optionId+"']").text()+"</option>");
                                $tr.prop("id",$(this).val());
                                $(this).parents("tr").siblings("tr").find("select option").remove("[value='"+$(this).val()+"']");
                                $(this).parents("tr").siblings("tr").find("select").append($option);
                                simple_confNetwork.bindEvents.tempOptions[index]=$(this).val();
                            })
                            $select.appendTo($td);
                        }else{
                            var $input=$("<input type='text' class='form-control' netMaskBits />");
                            $input.appendTo($td);
                        }
                        $td.appendTo($tr);
                    })

                    $tr.appendTo($("#optionTable"));
                    $tr.find("input").focus();
                    $tr.prop("id",$tr.find("select").val());
                    $tr.siblings("tr").find("select option").remove("[value='"+$tr.find("select").val()+"']");
                    simple_confNetwork.bindEvents.tempOptions[$("#optionTable tr").index($tr)]=$tr.prop("id");
                }

            });
        },
        //按钮
        //提交
        sub:function(){
            $("#simple_btnOk").click(function(){
               if($("#srForm").valid()){
                   $("#simple_btnOk").attr("disabled","true");
                   $("#simple_btnOk span[aria-hidden]").removeClass().addClass('icon-spinner icon-spin').attr("disabled","true");
                   var url="/simpleConf/saveSubnet";
                   simple_confNetwork.bindEvents.envelopedData(url,function(data){
                       alert(data);
                       $("#simple_btnOk").removeAttr("disabled");
                       $("#simple_btnOk span[aria-hidden]").removeClass().addClass('fa fa-search');
                   });
               }
            });
        },
        //预览
        preview:function(){
            $("#preview").click(function(){
                var url="/simpleConf/showSubnet";
                simple_confNetwork.bindEvents.envelopedData(url,function(data){
                    $("#previewList").modal("show");
                    $.base.pageConf.modal_size("previewList");
                    $("#previewContent").html(data);
                });
            });
        },
        //预览=》提交
        preview_sub:function(){
            $("#preview_btnOk").click(function(){
                $("#previewList").modal("hide");
                $("#simple_btnOk").trigger('click');
            });
        },
        //封装方法
        envelopedData:function(url,subnet){
            var models=[];
            $("#optionTable").attr("data-isEmpty")=="true"&&$($("#optionTable tr")).each(function(i,obj){
                var row={};
                $($(obj).children()).each(function(k,v){
                    var key=$(v).attr("data-col");
                    key=key=="defaultValue"?"optionValue":key;
                    var content=$(v).html();
                    if($(v).children().size()>0){
                        content=$(v).children().val();
                    }
                    row[key]= content;
                });
                row["optionId"]=$(obj).prop("id");
                models.push(row);
            });
            //封装
            var data={};
            data["serverId"]=$("#DHCP").val();
            data["srIp"]=$("#sr").val();
            data["optionTemplateId"]=$("#temp").val();
            data["srMask"]=$("#srMask").val();
            data["serviceId"]=$("#business").val();
            data["models"]=models;
            var datas={
                url:url,
                data:data,
                callback:subnet
            }
            simple_confNetwork.ajaxData(datas);
        }
    },
};
simple_confNetwork.init();