itsm-whlg/wechat/pcreq/assets/js/controllers/means/meansviewCtrl.js

app.controller('meansViewCtrl', ["$rootScope","$scope", "$state","$stateParams", "$timeout","$modal",'$parse', '$injector',"$interval", "$aside", "SweetAlert", "toaster", "Restangular", "api_bpm_domain", "api_configure_data", "api_cmdb", "api_configure_form", function ($rootScope, $scope, $state,$stateParams, $timeout,$modal,$parse, $injector,$interval, $aside, SweetAlert, toaster, Restangular, api_bpm_domain, api_configure_data, api_cmdb, api_configure_form) {
 var vm = this;
    vm.options = {};
    vm.exampleTitle = ['expressionProperties','model property'];
    vm.fields=[];
    vm.model={};
    vm.model["loginUser"] = $rootScope.user;
    var that=$injector;
    var parse=$parse;

    var formKey = "";
    var pdKey = "";
    if(angular.isDefined($state.current.pdKey)&&$state.current.pdKey!=""){
        pdKey = $state.current.pdKey;
        //console.log("pdKey::"+$state.current.pdKey);
    }
    if(angular.isDefined($stateParams.formKey)&&$stateParams.formKey!=""){
        formKey = $stateParams.formKey;
        //console.log("formKey::"+$stateParams.formKey);
    }

    //用户测试数据，后续从header的auth中获取
    var userId = 2;
    userId = $rootScope.user.id;

    //==============处理表单设计数据  开始====================
    //处理组件加载后台数据选项的方法
    function refreshSelectOptions(searchVal, field) {
        if(field.templateOptions.optionsUrl){
            var process = BpmRestangular.all("");
            if(field.templateOptions.ApiService){
                process = UserRestangular.all("");
            }
            
            process.customPOST({"idx":0,"sum":1000},field.templateOptions.optionsUrl).then(function(result){
                if(!field.templateOptions.options){
                    field.templateOptions.options=[];
                }
                if(field.templateOptions.optionsDataKey){
                    field.templateOptions.options =result[field.templateOptions.optionsDataKey];
                }else{
                    field.templateOptions.options =result;
                }
            });
        }
    }
    // $scope.relationdata=[];
    // $scope.addData = function(model){
    //     var modalInstance = $modal.open({
    //         templateUrl: 'assets/views/means/tpl/relaform.html',
    //         controller: function($scope, $modalInstance, APIService,Alert){
    //             $scope.cancel = function() {
    //               $modalInstance.dismiss('cancel');
    //             };
    //             $scope.savercode = function(reladata){
    //               $modalInstance.close(reladata);
    //             }  
    //         },
    //         resolve: {
    //             APIService: function(){
    //               return api_configure_data;
    //             },
                
    //             Alert: function(){
    //               return SweetAlert;
    //             }
    //         }
    //     });
    //     modalInstance.result.then(function(selectedItem) {
    //         $scope.relationdata.push(selectedItem);
    //         var fildata={'label':selectedItem.label,'fieldType':2,'cIEdgeType':{'id':model.id}}
    //         api_configure_data.addData('ciEdgetypeAttribute',fildata).then(function(data){
    //             if(data.status==200){

    //             }else{

    //             }
    //         })
    //     });
    // }


    $scope.vm = vm;
    $scope.refreshforms = function(id,fieldata){
      api_configure_data.fetchDataById('cIEdgeType',id).then(function(data){
        if(data.status==200){
            var myData=[];
            var formdataone={fields:[]};
            var formdatatwo={fields:[]};
            for(var i=0;i<data.fields.length;i++){
                if(data.fields[i].templateOptions.fieldType&&data.fields[i].templateOptions.fieldType==1){
                    formdataone.fields.push(data.fields[i])
                     // myData[0].push(formdata[])
                }else if(data.fields[i].templateOptions.fieldType&&data.fields[i].templateOptions.fieldType==2){
                    // myData[1].form.push(data[i]);
                    formdatatwo.fields.push(data.fields[i])
                }
            }
            myData[0]={'form':formdataone};
            myData[1]={'form':formdatatwo};
            // myData[0]={'form':Restangular.stripRestangular(data)};
                $scope.templateProps = myData;
                $scope.vm.tabs = myData;
                vm.model = {};
                angular.extend(vm.model,fieldata);
                $scope.vm.tabs[0].form.model={};
                // $scope.vm.tabs[0].form.model=vm.model;
                // angular.forEach($scope.vm.tabs, function(tab){
                angular.forEach($scope.vm.tabs[0].form.fields, function(item){
                    $scope.vm.tabs[0].form.model[item.key]=vm.model[item.key];
                });
                var rel=[];
                console.log($scope.vm.tabs[0].form.model)
                for(var i=0;i<$scope.vm.tabs[1].form.fields.length;i++){
                    // if(angular.isDefined(vm.model[$scope.vm.tabs[1].form.fields[i].key])){
                        rel[i]={'label':$scope.vm.tabs[1].form.fields[i].templateOptions.label,
                                            'name':vm.model[$scope.vm.tabs[1].form.fields[i].key],
                                            'key':$scope.vm.tabs[1].form.fields[i].key
                                          };
                }
                angular.forEach(rel,function(item){
                    if(angular.isUndefined(item.name)||item.name==null){
                    }else{
                        $scope.relationdata.push(item)
                    }
                })
                // for(var i=0;i<$scope.relationdata.length;i++){
                //     if(angular.isUndefined($scope.relationdata[i].name)||$scope.relationdata[i].name==null){
                //         $scope.relationdata.splice(i, 1);
                //     }
                // }
                console.log($scope.relationdata)
                // var reladatas={label:$scope.vm.tabs[1].form.fields}
                // $scope.relationdata.push()
                // vm.model["loginUser"]= $rootScope.user.name;
                vm.model=$scope.vm.model=decodeCIModel($scope.vm.tabs[0].form.model);
                decodeVMTabForm(vm.model, vm.tabs);
        }else{
          SweetAlert.swal({
                              title: "系统错误",
                              text: "系统错误，请稍后重试!",
                              type: "error",
                              confirmButtonColor: "#DD6B55"
                            });
        };
      });
    }
    function decodeVMTabForm(model, tabs){
        var result = {model:{},tabs:[]};
        var mdata = angular.fromJson(model);
        angular.extend(result.model,mdata);
        angular.forEach(tabs, function(tab){
            tab.form.model = vm.model;
            angular.forEach(tab.form.fields,function(field){
                if(field.key==""){
                    delete field.key;
                }
                if(angular.isDefined(field.extjson)&&field.extjson!=""){
                    var extObj = angular.fromJson(field.extjson);
                    angular.extend(field.templateOptions, extObj.templateOptions);
                    delete extObj.templateOptions;
                    for(var prop in extObj){
                        if(new RegExp("Expression").test(prop)){
                            //var obj = $scope.$eval(extObj[prop]);
                            //extObj[prop] = $scope.$eval(extObj[prop]);
                            if(extObj[prop]!=null){
                                if(new RegExp("function").test(extObj[prop])){
                                    var propValue = eval(extObj[prop]);
                                    extObj[prop] = propValue;
                                }else{
                                    //console.log(extObj[prop]);
                                    var obj = $scope.$eval(extObj[prop]);
                                    extObj[prop] = obj;
                                    //console.log(obj);
                                }
                            }
                        }else if(new RegExp("expressionProperties").test(prop)){
                            for(var p in extObj[prop]){
                                if(new RegExp("function").test(extObj[prop][p])){
                                    var propValue = eval(extObj[prop][p]);
                                    extObj[prop][p] = propValue;
                                }else{
                                    //if(p.indexOf("'")>=0){
                                    // var obj = $scope.$eval(extObj[prop][p]);
                                    // extObj[prop][$scope.$eval(p)]=obj;
                                    //}
                                }
                             }
                        }else if("watcher"==prop){
                            if(angular.isArray(extObj[prop])){
                                angular.forEach(extObj[prop],function(item,index){
                                    for(var p in item){
                                        if(new RegExp("function").test(item[p])){
                                            var propValue = eval(item[p]);
                                            extObj[prop][index][p] = propValue;
                                        }
                                    }
                                });
                            }else if(angular.isObject(extObj[prop])){
                                for(var p in extObj[prop]){
                                    if(new RegExp("function").test(extObj[prop][p])){
                                        var propValue = eval(extObj[prop][p]);
                                        extObj[prop][p] = propValue;
                                    }
                                }
                            }
                        }
                    }
                    angular.extend(field,extObj);
                    delete field.extjson;
                }

                if(field.extjson==""){
                    delete field.extjson;
                }
                if(angular.isDefined(field.templateOptions)){
                    var templateOs = field.templateOptions;
                    for(var property in templateOs){
                        //console.log(property);
                        if(angular.isString(templateOs[property])&& !(new RegExp("[\u4e00-\u9fa5]").test(templateOs[property]))){
                            if(new RegExp("function").test(templateOs[property])){
                                var propValue = eval(templateOs[property]);
                                field.templateOptions[property] = propValue;
                            }else{
                                if(that.has(templateOs[property])){
                                    field.templateOptions[property] = that.get(templateOs[property]);
                                }else{
                                    field.templateOptions[property] = templateOs[property];
                                }
                            }
                        }else if(templateOs[property]==null){
                            //delete field.templateOptions[property];
                        }else{
                        }
                    }
                }

                if(angular.isDefined(field.templateOptions) && angular.isDefined(field.templateOptions.extjson)){
                    var extObj = angular.fromJson(field.templateOptions.extjson);//JSON.parse(field.extjson);
                    angular.extend(field.templateOptions,extObj);
                    delete field.templateOptions.extjson;
                }
                //...
                if(field.templateOptions){
                    //处理远程获取数据控件方法调用
                    if(field.templateOptions.optionsUrl){
                        field.templateOptions.refresh = refreshSelectOptions;
                    }

                    //处理嵌套属性数据绑定/
                    if(field.templateOptions.pkey){
                        var pmodel,i= 0;
                        angular.forEach(field.templateOptions.pkey.split("."),function(p){
                            if(i==0){
                                if(result.model[p]==null){
                                    result.model[p] = {};
                                }
                                pmodel = result.model[p];
                                i++;
                            }else{
                                if(pmodel[p]==null){
                                    pmodel[p] = {};
                                }
                                pmodel = pmodel[p];
                            }
                        });
                        if(pmodel!=null){
                            field.model = pmodel;
                            if(pmodel[field.key]==null){
                                pmodel[field.key] = null;
                            }
                        }
                    }else{
                        if(result.model[field.key]==null){
                            result.model[field.key] = null;
                        }
                    }
                    //处理弹出框组件初始化
                    if(field.type=="ui-input-selectmodal"){
                        field.templateOptions.modal = $modal;
                        //field.templateOptions.Restangular = Restangular;
                    }else if(field.type=="ui-userselect"){
                        field.templateOptions.modal = $modal;
                        //field.templateOptions.Restangular = Restangular;
                    }else if(field.type=="ui-multiuserselect"){
                        field.templateOptions.modal = $modal;
                    }else if(field.type=="ui-modelselect"){
                        field.templateOptions.modal = $modal;
                        //field.templateOptions.Restangular = Restangular;
                    }else if(field.type=="ui-dropfile"){
                        field.templateOptions.fileUploader = new FileUploader({
                            url:'/uploader'
                        });
                        field.templateOptions.taskId = $stateParams.taskId;
                        field.templateOptions.processInstanceId = $stateParams.processInstanceId;
                        field.templateOptions.userId = $rootScope.user.id;
                        //field.ApiService=api_bpm_domain;
                    }else if(field.type=="ui-dropfiletable"){
                        if(field.templateOptions.processInstanceId){
                            
                        }else{
                            field.templateOptions.processInstanceId = $stateParams.processInstanceId;
                        }
                    }else if(field.type=="ui-repeatSection"){
                        var repeatForm = {
                            model:{

                            },
                            fields:field.templateOptions.fields
                        };
                        repeatForm.model[field.key]=[];
                        decodeVMTabForm(repeatForm);
                    }
                }
                // console.log(field);
                //field
                //result.fields.push(field);
            })
        });
        
        vm.originalTabs = angular.copy(vm.form);        
    }

    //解析自定义表单设计数据
    function decodeVMForm(vmForm){
        var result = {model:{},tabs:[]};
        //设置模型实体数据 begin
//        var mdata = vmForm.model;
        //解析数据实体
        var mdata = angular.fromJson(vmForm.model);//JSON.parse(field.extjson);
        angular.extend(result.model,mdata);
        //设置模型实体数据 end
        //解析设计数据生成表单项 begin
        var fields = [];
        //处理修改设计数据中展示设置
        angular.forEach(vmForm.tabs, function(field){
            if(field.key==""){
                delete field.key;
            }

            if(angular.isDefined(field.extjson)){
                var extObj = angular.fromJson(field.extjson);//JSON.parse(field.extjson);
                angular.extend(field.templateOptions, extObj.templateOptions);
                delete extObj.templateOptions;
                for(var prop in extObj){
                    if(new RegExp("Expression").test(prop)){
                        //var obj = $scope.$eval(extObj[prop]);
                        //extObj[prop] = $scope.$eval(extObj[prop]);
                        if(extObj[prop]!=null){
                            if(new RegExp("function").test(extObj[prop])){
                                var propValue = eval(extObj[prop]);
                                extObj[prop] = propValue;
                            }else{
                                //console.log(extObj[prop]);
                                var obj = $scope.$eval(extObj[prop]);
                                extObj[prop] = obj;
                                //console.log(obj);
                            }
                        }
                    }else if(new RegExp("expressionProperties").test(prop)){
                        for(var p in extObj[prop]){
                            if(new RegExp("function").test(extObj[prop][p])){
                                var propValue = eval(extObj[prop][p]);
                                extObj[prop][p] = propValue;
                            }else{
                                //if(p.indexOf("'")>=0){
                                // var obj = $scope.$eval(extObj[prop][p]);
                                // extObj[prop][$scope.$eval(p)]=obj;
                                //}
                            }
                         }
                    }else if("watcher"==prop){
                        if(angular.isArray(extObj[prop])){
                            angular.forEach(extObj[prop],function(item,index){
                                for(var p in item){
                                    if(new RegExp("function").test(item[p])){
                                        var propValue = eval(item[p]);
                                        extObj[prop][index][p] = propValue;
                                    }
                                }
                            });
                        }else if(angular.isObject(extObj[prop])){
                            for(var p in extObj[prop]){
                                if(new RegExp("function").test(extObj[prop][p])){
                                    var propValue = eval(extObj[prop][p]);
                                    extObj[prop][p] = propValue;
                                }
                            }
                        }
                    }
                }
                angular.extend(field,extObj);
                delete field.extjson;
            }


            if(angular.isDefined(field.templateOptions)){
                var templateOs = field.templateOptions;
                for(var property in templateOs){
                    //console.log(property);
                    if(angular.isString(templateOs[property])&& !(new RegExp("[\u4e00-\u9fa5]").test(templateOs[property]))){
                        if(new RegExp("function").test(templateOs[property])){
                            var propValue = eval(templateOs[property]);
                            field.templateOptions[property] = propValue;
                        }else{
                            if(that.has(templateOs[property])){
                                field.templateOptions[property] = that.get(templateOs[property]);
                            }else{
                                field.templateOptions[property] = templateOs[property];
                            }
                        }
                    }else if(templateOs[property]==null){
                        //delete field.templateOptions[property];
                    }else{
                    }
                }
            }
            console.log(field);
            if(angular.isDefined(field.templateOptions) && angular.isDefined(field.templateOptions.extjson)){
                var extObj = angular.fromJson(field.templateOptions.extjson);//JSON.parse(field.extjson);
                angular.extend(field.templateOptions,extObj);
                delete field.templateOptions.extjson;
            }
            //...
            if(field.templateOptions){
                //处理远程获取数据控件方法调用
                if(field.templateOptions.optionsUrl){
                    field.templateOptions.refresh = refreshSelectOptions;
                }

                //处理嵌套属性数据绑定/
                if(field.templateOptions.pkey){
                    var pmodel,i= 0;
                    angular.forEach(field.templateOptions.pkey.split("."),function(p){
                        if(i==0){
                            if(result.model[p]==null){
                                result.model[p] = {};
                            }
                            pmodel = result.model[p];
                            i++;
                        }else{
                            if(pmodel[p]==null){
                                pmodel[p] = {};
                            }
                            pmodel = pmodel[p];
                        }
                    });
                    if(pmodel!=null){
                        field.model = pmodel;
                        if(pmodel[field.key]==null){
                            pmodel[field.key] = null;
                        }
                    }
                }else{
                    if(result.model[field.key]==null){
                        result.model[field.key] = null;
                    }
                }
                //处理弹出框组件初始化
                if(field.type=="ui-input-selectmodal"){
                    field.templateOptions.modal = $modal;
                    //field.templateOptions.Restangular = Restangular;
                }else if(field.type=="ui-userselect"){
                    field.templateOptions.modal = $modal;
                    //field.templateOptions.Restangular = Restangular;
                }else if(field.type=="ui-multiuserselect"){
                    field.templateOptions.modal = $modal;
                }else if(field.type=="ui-modelselect"){
                    field.templateOptions.modal = $modal;
                    //field.templateOptions.Restangular = Restangular;
                }else if(field.type=="ui-dropfile"){
                    field.templateOptions.fileUploader = new FileUploader({
                        url:'/uploader'
                    });
                    field.templateOptions.taskId = $stateParams.taskId;
                    field.templateOptions.processInstanceId = $stateParams.processInstanceId;
                    field.templateOptions.userId = $rootScope.user.id;
                    //field.ApiService=api_bpm_domain;
                }else if(field.type=="ui-dropfiletable"){
                    if(field.templateOptions.processInstanceId){
                        
                    }else{
                        field.templateOptions.processInstanceId = $stateParams.processInstanceId;
                    }
                }else if(field.type=="ui-repeatSection"){
                    var repeatForm = {
                        model:{

                        },
                        fields:field.templateOptions.fields
                    };
                    repeatForm.model[field.key]=[];
                    decodeVMForm(repeatForm);
                }
            }

//          console.log(field);
            result.fields.push(field);
        });
        angular.extend($scope.vm.fields,result.fields);
        angular.extend($scope.vm.model,result.model);
        $scope.formData = vmForm;
        //console.log($scope.vm);

        //解析设计数据生成表单项 end
        return result;
    }
    //======================处理表单设计数据  结束========================
    $scope.ldloading = {};

    function filter(obj) {
        angular.forEach(obj, function(key, value){
            if (value === "" || value === null){
                delete obj[key];
            } else if (Object.prototype.toString.call(value) === '[object Object]') {
                filter(value);
            } else if (angular.isArray(value)) {
                angular.forEach(value,function(item){
                    filter(item);
                });
            }
        });
    }


    function invokeOnAllFormOptions(fn) {
      angular.forEach(vm.tabs, function(tab) {
        if (tab.form.options && tab.form.options[fn]) {
          tab.form.options[fn]();
        }
      });
    }

    function encodeCIData(data,ciId){
        /*
          create/update state:未审核
          create createtime:系统时间
          create/update lastupdatetime : 系统时间
          label:ci分类
         */
        if(ciId){
            var baseprop = ['uuid','name','type','label','status','createtime','lastupdatetime','props'];//state｜audittime//createtime//removeflag|removetime//configperson//lastupdateperson//manager//useradmin
            var extraprop = 'props';
            data[extraprop] = {};
            for(var key in data){
                console.log(data[key]);
                if(_.indexOf(baseprop, key)>=0){
                    continue;
                }else{
                    data[extraprop][key] = data[key];
                    delete data[key];
                }
            }
            if($rootScope.user){
                data[extraprop]['lastupdateperson']=$rootScope.user.name;
                data[extraprop]['configperson']=$rootScope.user.name;
                // var isCMAdminFlag = false;
                angular.forEach($rootScope.user.role,function(roleItem){
                    if(roleItem.rolecode == "cmdb charge"){
                        // isCMAdminFlag = true;
                    }
                })
                // if(!isCMAdminFlag){
                //     data[extraprop]['state']='1';
                // }
            }
            data.label=ciId;
            return data;
        }
        return undefined;
    }

    function decodeCIModel(data){
        var extraprop = 'props';
        if(data[extraprop]){
            for(var key in data[extraprop]){
                    data[key] = data[extraprop][key];
            }
            delete data[extraprop];
        }
        // data['iscmadmin']=false;
        angular.forEach($rootScope.user.role,function(roleItem){
            if(roleItem.rolecode == "cmdb charge"){
                // data['iscmadmin'] = true;
            }
        })
        return data;
    }

    vm.remove = function(data, style){
        $scope.ldloading[style.replace('-', '_')] = true;
        var cidata = {
            label:data.label,
            id:$scope.ciId,
            uuid:data.uuid,
            name:data.name,
            props:{}
        };
        if($scope.ciId){
            cidata.props['removeflag']=true;
            //cidata.props['removetime']=new Date();
            api_cmdb.put(cidata,$scope.ciId).then(function(response){
                if(response){
                    var resData = Restangular.stripRestangular(response);
                    SweetAlert.swal({
                        title: "保存成功!",
                        confirmButtonColor: "#007AFF"
                    },function(){
                        refreshData($scope.classify);
                        reinitTabForm($scope.classify);
                    });
                }else{
                    SweetAlert.swal({
                      title: "系统错误",
                      text: "系统错误，请稍后重试!",
                      type: "error",
                      confirmButtonColor: "#DD6B55"
                    });
                }
                $scope.ldloading[style.replace('-', '_')] = false;
            });
        }else{
            $timeout(function () {
                $scope.ldloading[style.replace('-', '_')] = false;
            }, 2000);
        }

    }

    function formValid(){
        angular.forEach(vm.tabs,function(item){
            //item.
        })
    }
    $scope.closeModel = function(){
        if(angular.isDefined($stateParams.formKey)&&$stateParams.formKey!=""){
            if($stateParams.formKey=="means_editor"||$stateParams.formKey=="means_edit") { 
                $state.go('app.means.list',{});
            }
            event.preventDefault();
        }
    }
    // vm.submit = function(data,ciId,style){
    //     // $scope.ldloading[style.replace('-', '_')] = true;

    //     console.log(vm.form.$$parentForm.$valid);
    //     if (vm.form.$$parentForm.$valid) {
    //         invokeOnAllFormOptions('updateInitialValue');
    //         //alert(JSON.stringify(vm.model), null, 2);
    //         //vm.options.updateInitialValue();
    //         //console.log(vm.model);
    //         var cidata = encodeCIData(vm.model,ciId);
    //         if(cidata){
    //             //var cidata = ;
    //             if(cidata.props.id){
    //                 api_cmdb.put(cidata,ciId).then(function(response){
    //                     if(response){
    //                         var resData = Restangular.stripRestangular(response);
    //                         SweetAlert.swal({
    //                             title: "保存成功!",
    //                             confirmButtonColor: "#007AFF"
    //                         },function(){
    //                             reinitTabForm(ciId);
    //                         });
    //                     }else{
    //                         SweetAlert.swal({
    //                           title: "系统错误",
    //                           text: "系统错误，请稍后重试!",
    //                           type: "error",
    //                           confirmButtonColor: "#DD6B55"
    //                         });
    //                     }
    //                     $scope.ldloading[style.replace('-', '_')] = false;
    //                 });
    //             }else{
    //                 api_cmdb.create(cidata).then(function(response){
    //                     if(response){
    //                         var resData = Restangular.stripRestangular(response);
    //                         SweetAlert.swal({
    //                             title: "保存成功!",
    //                             confirmButtonColor: "#007AFF"
    //                         },function(){
    //                             $state.go("app.means.list");
    //                         });
    //                         // if(resData.status){
    //                         //     resData
    //                         // }
    //                     }else{
    //                         SweetAlert.swal({
    //                           title: "系统错误",
    //                           text: "系统错误，请稍后重试!",
    //                           type: "error",
    //                           confirmButtonColor: "#DD6B55"
    //                         });
    //                     }
    //                     $scope.ldloading[style.replace('-', '_')] = false;
    //                 });     
    //             }

    //         }else{
    //             SweetAlert.swal({
    //                       title: "错误",
    //                       text: "错误，请选择资产分类!",
    //                       type: "error",
    //                       confirmButtonColor: "#DD6B55"
    //             });
    //         }
    //         //alert(JSON.stringify(cidata), null, 2);
    //         $scope.ldloading[style.replace('-', '_')] = true;
    //         return;            

            
    //         var _ = window._;
    //         vm.model = (function filter(obj) {
    //             var filtered = _.pick(obj, function (v) { return angular.isDefined(v) && v !== null && (angular.isArray(v)?v.length>0:true) && (_.isPlainObject(v)?(!_.isEmpty(v)):true);  });
    //             return _.cloneDeep(filtered, function (v) { return v !== filtered && _.isPlainObject(v) ? filter(v) : undefined; });
    //         })(vm.model);
    //     }else{
    //         if(vm.form.$$parentForm.$error){
    //             SweetAlert.swal({
    //               title: "校验错误",
    //               text: "请填写必填项!",
    //               type: "error",
    //               confirmButtonColor: "#DD6B55"
    //             });
    //             angular.forEach(vm.form.$$parentForm.$error.required, function(item){
    //                 angular.forEach(vm.tabs,function(tab){
    //                     angular.forEach(tab.form.fields,function(f){
    //                         if(f.name == item.$name){
    //                             f.validation.show = true;
    //                             tab.active=true;
    //                         }
    //                     })
    //                 })
    //             });
    //             $scope.ldloading[style.replace('-', '_')] = false;
    //         }
    //     }
    // };

    // 
  // console.log(document.body.scrollWidth);
  // window.onresize = function () {
  //   width=document.body.clientWidth-360;
  //  }
  var width= $scope.width = document.body.clientWidth-360;
  // var width = $scope.width ="100%";
  var height = $scope.height = 400;
  var apple_selected, tree, treedata_avm, treedata_geography;
  $scope.my_tree_handler = function (branch) {
        //var _ref;
        var classify=$scope.classify=branch.prefix.toLowerCase()+branch.sign;
        api_cmdb.query({'sign':classify}).then(function(data){
            var myData = Restangular.stripRestangular(data);
            console.log(myData.data.node);
            if(myData.data&&myData.status==200){
                var ret = myData.data;
                redrawSvg(myData);
            }            
        });
    };
    $scope.my_data = [];


    function convertListToTree(data, treeMap){
        var idToNodeMap = {}; //Keeps track of nodes using id as key, for fast lookup
        var root = null; //Initially set our loop to null
        var parentNode = null;
        //loop over data
        for(var i = 0; i < data.length; i++) {
            var datum = data[i];
            //each node will have children, so let's give it a "children" poperty
            datum.children = [];

            //add an entry for this node to the map so that any future children can
            //lookup the parent
            idToNodeMap[datum.id] = datum;

            //Does this node have a parent?
            if(typeof datum.parent === "undefined" || datum.parent == null) {
                //Doesn't look like it, so this node is the root of the tree
                root = datum;
                treeMap[datum.id] = root;
            } else {        
                //This node has a parent, so let's look it up using the id
                parentNode = idToNodeMap[datum.parent.id];

                //We don't need this property, so let's delete it.
                delete datum.parent;

                //Let's add the current node as a child of the parent node.
                parentNode.children.push(datum);        
            }
        }
        return root;
    }

    function convertParentToChildList(data){
        var treeMap = {};
        var list=[];
        convertListToTree(data, treeMap);
        angular.forEach(treeMap,function(item){
            list.push(item);
        });
        return list;
    }


    $scope.my_tree = tree = {};
    $scope.try_async_load = function () {
        $scope.my_data = [];
        $scope.select_treedata = [];
        $scope.doing_async = true;
        api_configure_data.fetchDataList('ciclassify',{'idx':0,'sum':100}).then(function(result){
            //console.log(result['list']);
            $scope.select_treedata = $scope.my_data = convertParentToChildList(result['list']);
            $scope.doing_async = false;
            // tree.expand_all();
            //console.log(treelist);
        });
    };

    $scope.select_treedata = [];
    $scope.propTypeOptions = [];
    $scope.try_async_load();
  
    $scope.onFilterCallback = function(item){
      //console.log(item);
      if(angular.isDefined(item.children)&&item.children.length>=1){
        //not valid
      }else{
        var tempclassify=item.prefix.toLowerCase()+item.sign;
        $scope.cifilter_classic=tempclassify;
        api_configure_form.renderTabForm(tempclassify).then(function(data){
              var myData = Restangular.stripRestangular(data);
              $scope.propTypeOptions[0] = myData[0].form.fields[0];
              $scope.propTypeOptions[1] = myData[0].form.fields[1];      
        });
      }      
    }

    // $scope.onPropTypeChange = function(form){
    //   $scope.propOptions = form.fields;  
    // }

    $scope.onPropChange = function(prop){
      $scope.cifilter_prop = prop;
    }

    $scope.searchCI = function(searchKey, propObj, ciclassify){
      //if(searchKey!=null&&searchKey.length>1){
        var searchData = {};
        if(angular.isUndefined(propObj)){
          propObj = $scope.cifilter_prop;
        }
        if(angular.isUndefined(ciclassify)){
          ciclassify = $scope.cifilter_classic;
        }
        searchData['sign']=ciclassify;
        if(angular.isDefined(propObj)){
          searchData[propObj.key] = searchKey;
        }
        api_cmdb.query(searchData).then(function(response){
          var data=Restangular.stripRestangular(response);
          //此处不清空nodes
          var node=data.data.node;
          var tempNode=[];
          //nodes 或者links 要去重
          for(var i=0;i<node.length;i++){
            var tmp=0;
            for(var j=0;j<nodes.length;j++){
              if(node[i].uuid==nodes[j].uuid){
                tmp++;
                break;
              }
            }
            if(tmp==0){
              tempNode.push(node[i]);
            }
          }
          for(var i=0;i<tempNode.length;i++){//nodes  不清空
            nodes.push(tempNode[i]); 
          }
          
         
          restart();
        })
      //}
      
    }

  if($stateParams.model){
    var modeldata=JSON.parse($stateParams.model)
  }
  api_cmdb.query({'sign':modeldata.model.label}).then(function(data){
    if(data&&data.status==200){
        var ret={data:{node:[]}};
        var myData = Restangular.stripRestangular(data);
        for(var i=0;i<data.data.node.length;i++){
            if(data.data.node[i].id==modeldata.model.id){
                ret.data.node.push(myData.data.node[i])
            }else{
                // delete myData.data.node[i];
            }
        }
        // var ret = myData;
        redrawSvg(ret);
    }
      // var myData = Restangular.stripRestangular(data);
      // if(myData.data&&myData.status==200){
      //     var ret = myData.data;
      //     redrawSvg(myData);
      // }            
  });
  
    // $scope.my_data = [];
  // window.onresize = function () {
  //   width=document.body.clientWidth-360;
  //   svg = d3.select('#cmdbSVG').append('svg').attr('width', width).attr('height', height);
  //  }
  var svg = d3.select('#cmdbSVG').append('svg').attr('width', width).attr('height', height);
  // set up initial nodes and links
  //  - nodes are known by 'id', not by index in array.
  //  - reflexive edges are indicated on the node (as a bold black circle).
  //  - links are always source < target; edge directions are set by 'left' and 'right'.
  var nodes = [],links = [];
  var treeNodes=[];
  //读取labels (node)
  var labels=[];
  $scope.labels=[];
// function getlabels(){
    api_configure_data.fetchDataList('ciclassify',{'idx':0,'sum':100}).then(function(result){
        if(result.status==200){
             angular.forEach(result.list,function(item){
                $scope.labels.push(item);
             })
        }
    })
// }
// getlabels();
function hideLinkForm(hide){
  $scope.hideLink=hide;
}
function hideFeedForm(hide){
  $scope.hideFeed=hide;
}


function redrawSvg(json){
  nodes.length=0;//先清空
  links.length=0;
  var data=json.data;
  for(var i=0;i<data.node.length;i++){
     nodes.push(data.node[i]); 
  }
  //TODO
  //hideFeedForm(true);;
  //hideLinkForm(true);
  restart();
}

$scope.query = function(){
  //if(d3.event.keyCode=13){
    queryProp("","");
  //}
}

var queryProp = function(label, prop){
  var data = {sign:label,q:prop};
  api_cmdb.query(data).then(function(response){
    if(response&&(response.status==200)){
      var data=response.data;
      //此处不清空nodes
      for(var i=0;i<data.node.length;i++){
        nodes.push(data.node[i]); 
      }
      restart();
    }else{
      SweetAlert.swal({
              title: "提示!",
              text: "访问服务器出错!",
              type: "error"
            });
    }
  })
}

/*
//查询输入框  回车事件
d3.select("#query").on('keyup',function(){
  if(d3.event.keyCode==13){
    var q=this.value;
    query("",q);
  }
});


//label 查询或者条件查询
function query(label,q){
   $.ajax({
     type: "GET",
         url: window.basePath +"/api/cmdb/ci",
         data: {lb :label ,q: q},
         dataType: "json",
         success:function(json){
           nodes.length=0;//先清空
           links.length=0;
           var data=json.data;
           for(var i=0;i<data.node.length;i++){
             nodes.push(data.node[i]); 
           }
           hideFeedForm(true);;
           hideLinkForm(true);
           restart();
         },
         error:function(){
          SweetAlert.swal({
              title: "提示!",
              text: "访问服务器出错!",
              type: "error"
            });
         }
   });
}
*/

//读取status (节点  连线)
var statuses=[];
api_configure_data.fetchDataList('cistatus',{'idx':0,'sum':100}).then(function(result){
    if (result&&result.status==200){
      d3.select('#nodeStatus').selectAll('option')
      .data(statuses).enter()
      .append('option')
      .attr('value',function(d){return d.code;})
      .html(function(d){ return d.desc;});      
  }else{
    SweetAlert.swal({
              title: "提示!",
              text: "服务器请求异常!",
              type: "error"
            });
  }
});
//读取types (node)
// api_configure_data.fetchDataList('cistatus',{'idx':0,'sum':100}).then(function(result){
//     if (result&&result.status==200){
//      d3.select('#nodeType').selectAll('option')
      // .data(types).enter()
      // .append('option')
      // .attr('value',function(d){return d.source;})
      // .html(function(d){ return d.description;});
//  }else{
//    SweetAlert.swal({
//               title: "提示!",
//               text: "服务器请求异常!",
//               type: "error"
//             });
//  }
// });
/*
//读取所有params
initParams();
var params=[];
//更新加载最新的params
function initParams(){
  d3.xhr(window.basePath+"/api/cm/dynparams").send("GET", function(error, json) {
    if (!error){
      params=JSON.parse(json.responseText);
      if(selected_node){
        shownode();
      }else if(selected_link){
        showLink();
      }
    }else{
      jAlert("服务器请求异常","提示");
    }
  });
}
*/
//查询relationship_type表 name 为表里的type,label为显示值
var linkType=[];
function fetchEdgeTypes(){
  api_configure_data.fetchDataList('ciedgetype',{'idx':0,'sum':100}).then(function(response){
    if(response){
      if(response['list']){
        linkType = response['list'];
        d3.select('#linkName').selectAll('option')
          .data(linkType).enter()
          .append('option')
          .attr('value',function(d){return d.type;})
          .html(function(d){ return d.label;});
      }else{
        SweetAlert.swal({
                title: "提示!",
                text: "服务器请求异常!",
                type: "error"
              });
      }
    }else{
      SweetAlert.swal({
              title: "提示!",
              text: "服务器请求异常!",
              type: "error"
            });
    }
  })
}
fetchEdgeTypes();

//设置cost 只能输入整形    最大值为1
// d3.select('#linkCost').on('keyup',function(){
//  this.value= this.value.replace(/[^\d.]/g,function(){jAlert('只能输入数字!',"提示");return '';});
//  if(this.value>1){
//    jAlert('最大输入值为1','提示');
//    this.value='';
//    return;
//  }
// });

  //添加属性  属性类型
  var proTypes=[
    {id:1,key:'string',value:'文本类型'},
    {id:2,key:'date',value:'日期类型'},
    {id:3,key:'int',value:'数字类型'},
    {id:4,key:'float',value:'浮点类型'}
  ];
  
// init D3 force layout
var force = d3.layout.force()
    .nodes(nodes)
    .links(links)
    .size([width, height])
    .gravity(.05)
    .linkDistance(150)
    .linkStrength(2)
    .charge(-500)
    .on('tick', tick);

// define arrow markers for graph links
svg.append('svg:defs').append('svg:marker')
    .attr('id', 'end-arrow')
    .attr('viewBox', '0 -5 10 10')
    .attr('refX', 6)
    .attr('markerWidth', 3)
    .attr('markerHeight', 3)
    .attr('orient', 'auto')
  .append('svg:path')
    .attr('d', 'M0,-5L10,0L0,5')
    .attr('fill', '#000');

svg.append('svg:defs').append('svg:marker')
    .attr('id', 'start-arrow')
    .attr('viewBox', '0 -5 10 10')
    .attr('refX', 4)
    .attr('markerWidth', 3)
    .attr('markerHeight', 3)
    .attr('orient', 'auto')
  .append('svg:path')
    .attr('d', 'M10,-5L0,0L10,5')
    .attr('fill', '#000');

// line displayed when dragging new nodes
var drag_line = svg.append('svg:path')
  .attr('class', 'link dragline hidden')
  .attr('d', 'M0,0L0,0');

// handles to link and node element groups
//(1)var path = svg.append('svg:g').selectAll('g')
var path = svg.append('svg:g').selectAll('g'),
    circle = svg.append('svg:g').selectAll('g');

// mouse event vars
var selected_node = null,
    selected_link = null,
    mousedown_link = null,
    mousedown_node = null,
    mouseup_node = null;

function resetMouseVars() {
  mousedown_node = null;
  mouseup_node = null;
  mousedown_link = null;
}

// update force layout (called automatically each iteration)
function tick() {
  // draw directed edges with proper padding from node centers
  path.selectAll('path').attr('d', function(d) {
    var deltaX = d.target.x - d.source.x,
        deltaY = d.target.y - d.source.y,
        dist = Math.sqrt(deltaX * deltaX + deltaY * deltaY),
        normX = deltaX / dist,
        normY = deltaY / dist,
        sourcePadding = d.left ? 27 : 22,
        targetPadding = d.right ? 27 : 22,
        sourceX = d.source.x + (sourcePadding * normX),
        sourceY = d.source.y + (sourcePadding * normY),
        targetX = d.target.x - (targetPadding * normX),
        targetY = d.target.y - (targetPadding * normY);
        
      
    return 'M' + sourceX + ',' + sourceY + 'L' + targetX + ',' + targetY;
  });
  
  

  circle.attr('transform', function(d) {
    return 'translate(' + d.x + ',' + d.y + ')';
  });
}

// update graph (called when needed)
function restart() {
  //绑定link 数据
  path.datum(links);
  // path (link) group
  path = path.data(links,function(d) { return d.id; });
  
  var p = path.enter().append('svg:g');
  
  //update existing links
  path.selectAll('path').classed('selected', function(d) { return d === selected_link; })
    .style('marker-start', function(d) { return d.left ? 'url(#start-arrow)' : ''; })
    .style('marker-end', function(d) { return d.right ? 'url(#end-arrow)' : ''; });
  
  // add new links
  p.append('svg:path')
    .attr('class', 'link')
    .attr('id', function(d) { return "path_" + d.id; })
   // .attr('startOffset', '0%')
    .classed('selected', function(d) { return d === selected_link; })
    .style('marker-start', function(d) { return d.left ? 'url(#start-arrow)' : ''; })
    .style('marker-end', function(d) { return d.right ? 'url(#end-arrow)' : ''; })
    .on('mousedown', function(d) {
      if(d3.event.ctrlKey) return;
      
      //去除没有提交的连线
      for(var i=0;i<links.length;i++){
        if(links[i].id==-1 && d.id!=-1){
          links.splice(i, 1);
        }
      }
       
      // select link
      mousedown_link = d;
      if(mousedown_link === selected_link) {
        selected_link =  $scope.selected_link = null;
        selected_node =  $scope.selected_node = null;
    //    d3.select("#linkDetail").attr('style','display:none');
        hideLinkForm(true);//return ;
        } else {
        selected_link = $scope.selected_link = mousedown_link;
        selected_node = $scope.selected_node = null;
        //linkName
        d3.select("#linkDetail").attr('style','display:inline-block;width:100%;');  
        //showLink();
        //show("linkNamebox");//return ;
        openAside(selected_link, linkType);
      }
      selected_node = $scope.selected_node =  null;

      restart();
    });
  
 
  p.append('svg:text')
  .attr('x', 30)
  .attr('y', 20)
  .attr('class','fontM')
  .append('textPath')
  .attr('xlink:xlink:href',function(d, i){ return "#path_" + d.id; })
  .html(function(d){
    for(var i=0;i<linkType.length;i++){
      if(linkType[i].type==d.name){
        return linkType[i].label;
      }
    }
   });

  // remove old links
  path.exit().remove();


  // circle (node) group
  // NB: the function arg is crucial here! nodes are known by id, not by index!
  circle.datum(nodes);
  circle = circle.data(nodes, function(d) { return d.id; });
  
  // update existing nodes (reflexive & selected visual states)
  circle.selectAll('circle')
    .style('fill', function(d) {return (d === selected_node) ?d3.rgb(colors(d.label)).brighter().toString() : colors(d.label); })
    .style('fill-opacity', 0.75) // add by xi
    .classed('reflexive', function(d) { return d.reflexive; });
  

  // add new nodes
  var g = circle.enter().append('svg:g');
  //g.append('svg:circle').attr('r',22).style('fill','rgb(255,255,255)').style('stroke','rgb(255,255,255)').style('stroke-width','2');
  //g.append('svg:circle').attr('r',24).style('fill','rgb(255,255,255)').style('stroke', function(d) { return d3.rgb(colors(d.label)).darker().toString(); }).style('stroke-width','2');
  g.append('svg:circle').attr('r',24).style('fill', function(d){ return (d === selected_node) ? 'rgb(153,153,153)' : 'rgb(255,255,255)';}).style('stroke', function(d) { return d3.rgb(colors(d.label)).darker().toString(); }).style('stroke-width','2');  
  
  g.append('svg:circle')
    .attr('class', 'node')
    .attr('r', 18)
    .style('fill', function(d) { 
        // for(var i=0;i<$scope.labels.length;i++){
        //     var regstring=$scope.labels[i].prefix+$scope.labels[i].sign;
        //      if(d.label==regstring.toLocaleLowerCase()){
        //        return (d === selected_node) ? d3.rgb(colors($scope.labels[i].la)).brighter().toString() : colors(d.label);
        //     }
        // }
        return (d === selected_node) ? d3.rgb(colors(d.label)).brighter().toString() : colors(d.label); 
    })
    .style('stroke', function(d) { return d3.rgb(colors(d.label)).darker().toString(); })
    .style('fill-opacity', 0.25) //add by xj
    .style('stroke-opacity', 0.5) //add by xj
    .classed('reflexive', function(d) { return d.reflexive; });
  g.on('mouseover', function(d) {
    //  var title = d.name+"-["+d.uuid+"]";
    // if(!d.props.state){d.props.state="空"}
    // else if(d.props.state){
    //   if(d.props.state=="1"){d.props.state="未审核"}
    //   else if(d.props.state=="2"){d.props.state="已审核"}
    //   else if(d.props.state=="3"){d.props.state="不匹配"}
    //   else if(d.props.state=="4"){d.props.state="丢失"}
    // };
    // if(!d.name){d.name="空"};
    // if(!d.status){d.statu="空"};
    // if(!d.props.useradmin){d.props.useradmin="空"};
    // toaster.pop({
    //     type: 'info',
    //     title: title,
    //     body: '<br/><p>搜索代码:' + d.uuid + '</p>'  +
    //     '<p>配置标题:' + d.name + '</p>' +
    //     '<p>状态:' + d.status + '</p>' +
    //     '<p>审核状态:' + d.props.state + '</p>' +
    //     '<p>维护人员:' + d.props.useradmin + '</p>',
    //     bodyOutputType: 'trustedHtml',
    //     timeout: 500
    // })
      if(!mousedown_node || d === mousedown_node) return;
      // enlarge target node
      d3.select(this).attr('transform', 'scale(1.1)');
    })
    .on('mouseout', function(d) {
      if(!mousedown_node || d === mousedown_node) return;
      // unenlarge target node
      d3.select(this).attr('transform', '');
    })
    .on('mousedown', function(d) {
      if(d3.event.ctrlKey) return;
      hideLinkForm(true);      
    //去除没有提交的连线
      for(var i=0;i<links.length;i++){
        if(links[i].id==-1 ){
          links.splice(i, 1);
        }
      }
      // select node
      mousedown_node = d;
      if(mousedown_node === selected_node) {
        selected_node = $scope.selected_node = null;
        hideFeedForm(true);;
      }else {
        selected_node =  $scope.selected_node = mousedown_node;
        selected_link = $scope.selected_link = null;
        // 点击节点  查询关系及节点 /traversal/{id}/{relation}
            api_cmdb.findRefById(selected_node.id).then(function(result) {
                var d = result.data;
                var node = d.node;
                var link = d.edge;
                var tempNode = [];
                var tempLink = [];
                //nodes 或者links 要去重
                for (var i = 0; i < node.length; i++) {
                    var tmp = 0;
                    for (var j = 0; j < nodes.length; j++) {
                        if (node[i].id == nodes[j].id) {
                            tmp++;
                            break;
                        }
                    }
                    if (tmp == 0) {
                        tempNode.push(node[i]);
                    }
                }

                for (var i = 0; i < link.length; i++) {
                    var tmp = 0;
                    for (var j = 0; j < links.length; j++) {
                        if (link[i].id == links[j].id) {
                            tmp++;
                            break;
                        }
                    }
                    if (tmp == 0) {
                        tempLink.push(link[i]);
                    }
                }
                //数据写入页面
                for (var i = 0; i < tempNode.length; i++) { //nodes  不清空
                    nodes.push(tempNode[i]);
                }
                for (var i = 0; i < tempLink.length; i++) { //link  不清空
                    links.push(tempLink[i]);
                }
                //links转换
                for (var i = 0; i < links.length; i++) {
                    for (var j = 0; j < nodes.length; j++) {
                        if (links[i].source == nodes[j].id) {
                            links[i].source = nodes[j];
                        }
                        if (links[i].target == nodes[j].id) {
                            links[i].target = nodes[j];
                        }
                    }
                }

                restart();
            });
    /*
        // 点击节点  查询关系及节点 /traversal/{id}/{relation}
        $.ajax({
         type: "GET",
             url: window.basePath+"/api/cmdb/ci/"+selected_node.id+"/refs",
             dataType: "json",
             success:function(json){
               var d=json.data;
               var node=d.node;
               var link=d.edge;
               var tempNode=[];
               var tempLink=[];
              //nodes 或者links 要去重
               for(var i=0;i<node.length;i++){
                 var tmp=0;
                 for(var j=0;j<nodes.length;j++){
                   if(node[i].id==nodes[j].id){
                     tmp++;
                     break;
                   }
                 }
                 if(tmp==0){
                tempNode.push(node[i]);
                 }
               }
               
               for(var i=0;i<link.length;i++){
                var tmp=0;
                 for(var j=0;j<links.length;j++){
                   if(link[i].id==links[j].id){
                    tmp++;
                     break;
                   }
                   
                 }
                if(tmp==0){
                tempLink.push(link[i]);
                }
               }
            
               
               
               //数据写入页面
               for(var i=0;i<tempNode.length;i++){//nodes  不清空
                 nodes.push(tempNode[i]); 
               }
              for(var i=0;i<tempLink.length;i++){//link  不清空
               links.push(tempLink[i]); 
             }
              //links转换
              for(var i=0;i<links.length;i++){
                for(var j=0;j<nodes.length;j++){
                  if(links[i].source==nodes[j].id){
                    links[i].source=nodes[j];
                  }
                  if(links[i].target==nodes[j].id){
                    links[i].target=nodes[j];
                  }
                }
              }
              
               restart();
             },
             error:function(){jAlert("访问服务器出错!",'提示');}
       });
    */
        //更改编辑内容
        //shownode();
      }
     

      // reposition drag line
      drag_line
        .style('marker-end', 'url(#end-arrow)')
        .classed('hidden', false)
        .attr('d', 'M' + mousedown_node.x + ',' + mousedown_node.y + 'L' + mousedown_node.x + ',' + mousedown_node.y);

      restart();
    })
    .on('mouseup', function(d) {
      if(!mousedown_node) return;

      // needed by FF
      drag_line
        .classed('hidden', true)
        .style('marker-end', '');

      // check for drag-to-self
      mouseup_node = d;
      if(mouseup_node === mousedown_node) { resetMouseVars(); return; }

      // unenlarge target node
      d3.select(this).attr('transform', '');

      // add link to graph (update if exists)
      // NB: links are strictly source < target; arrows separately specified by booleans
      var source, target, direction;
      if(mousedown_node.id < mouseup_node.id) {
        source = mousedown_node;
        target = mouseup_node;
        direction = 'right';
      } else {
        source = mouseup_node;
        target = mousedown_node;
        direction = 'left';
      }

      var link;
      link = links.filter(function(l) {
        return (l.source === source && l.target === target);
      })[0];

      if(link) {
      //变为双向  direction 方向 
        link[direction] = true;
        //更新
        selected_link=link;
        var l= selected_link;
        var idVal=l.id;
        // 连线提交 TODO  双向提交 后台问题
        console.log("put relation type");

        //TODO
        api_cmdb.createRef({'id':l.id,'name':l.name,'source':l.source.id,'target':l.target.id,'left':l.left,'right':l.right}).then(function(resposne){
          if(response&&response.status==200){
            selected_link.name=linkName;
            links.push(selected_link);
            restart();
          }else{

          }
        })
        // $.ajax({
        //    type: "PUT",
        //    contentType:"application/json; charset=UTF-8",
        //      url: window.basePath+"/api/cmdb/edge/"+idVal,
        //      data: JSON.stringify({'id':l.id,'name':l.name,'source':l.source.id,'target':l.target.id,'left':l.left,'right':l.right}),
        //      dataType: "json",
        //      success:function(data){
        //      if(data.status==200){
        //        console.log(data.data.edge[0]);
                
        //        selected_link.name=linkName;
        //        //selected_link.status=linkStatus;
        //        selected_link.cost=linkCost;
                
        //        restart();
        //        showLink();
        //      }
                
        //    },
        //      error: function(data){jAlert("服务器请求异常",'提示');}
        // });
      
        
      } else {
        cancel();
        //添加连线
        link = {id:-1,source: source, target: target,name:'', left: false, right: false};
        link[direction] = true;
        selected_link=link;
        links.push(link); 
        //d3.select("#linkDetail").attr('style','display:inline-block;width:100%;');
        //showLink();
        openAside(link, linkType);
        //show("linkNamebox");
      }
      
      // select new link
      selected_link = $scope.selected_link = link;
      selected_node = $scope.selected_node = null;
      restart();
    });

  // show node name
  g.append('svg:text')
      .attr('x', 0)
      .attr('y', 34) 
      .attr('class', 'id')
      .text(function(d) { return d.name; });//TODO 改为  d.name

  //设置图片  
  g.append('svg:foreignObject')
  .attr("width", 32)
  .attr("height", 32)
  .attr('x', "-16px")
  .attr('y', "-14px")
  .html(function(d){
    for(var i=0;i<$scope.labels.length;i++){
        var regstring=$scope.labels[i].prefix+$scope.labels[i].sign;
        if(d.label==regstring.toLocaleLowerCase()){
            return '<i class="icon iconfont">'+$scope.labels[i].iconname+'</i>';
        }
    }
});

  // remove old nodes
  circle.exit().remove();

  // set the graph in motion
  force.start();
}

function mousedown() {
  // prevent I-bar on drag
  //d3.event.preventDefault();
  // because :active only works in WebKit?
  svg.classed('active', true);

  if(mousedown_node){
    viewNode(mousedown_node);
  }

  if(d3.event.ctrlKey || mousedown_node || mousedown_link) return;

  // insert new node at point   点击添加node
//  var point = d3.mouse(this),
//      node = {id: ++lastNodeId, reflexive: false};
//  node.x = point[0];
//  node.y = point[1];
//  nodes.push(node);
  
  restart();
}

function viewNode(node){
  if($scope.selected_node.name){
    var title = $scope.selected_node.name+"-["+$scope.selected_node.uuid+"]";
  }
    if(!$scope.selected_node.props.state){$scope.selected_node.props.state="空"}
    else if($scope.selected_node.props.state){
      if($scope.selected_node.props.state=="1"){$scope.selected_node.props.state="未审核"}
      else if($scope.selected_node.props.state=="2"){$scope.selected_node.props.state="已审核"}
      else if($scope.selected_node.props.state=="3"){$scope.selected_node.props.state="不匹配"}
      else if($scope.selected_node.props.state=="4"){$scope.selected_node.props.state="丢失"}
    };
    if(!$scope.selected_node.name){$scope.selected_node.name="空"};
    if(!$scope.selected_node.status){$scope.selected_node.statu="空"};
    if(!$scope.selected_node.props.useradmin){$scope.selected_node.props.useradmin="空"};
    toaster.pop({
        // type: 'info',
        // title: title,
        body: '<br/><p>内部代码:' + $scope.selected_node.uuid + '</p>'  +
        '<p>配置标题:' + $scope.selected_node.name + '</p>' +
        '<p>状态:' + $scope.selected_node.status + '</p>' +
        // '<p>审核状态:' + $scope.selected_node.props.state + '</p>' +
        '<p>资产管理员:' + $scope.selected_node.props.meansmanager + '</p>',
        bodyOutputType: 'trustedHtml',
        timeout: 3000
    })
}


function mousemove() {
  if(!mousedown_node) return;

  // update drag line
  drag_line.attr('d', 'M' + mousedown_node.x + ',' + mousedown_node.y + 'L' + d3.mouse(this)[0] + ',' + d3.mouse(this)[1]);

  restart();
}

function mouseup() {
  if(mousedown_node) {
    // hide drag line
    drag_line
      .classed('hidden', true)
      .style('marker-end', '');
  }

  // because :active only works in WebKit?
  svg.classed('active', false);

  // clear mouse event vars
  resetMouseVars();
}

function spliceLinksForNode(node) {
  var toSplice = links.filter(function(l) {
    return (l.source === node || l.target === node);
  });
  toSplice.map(function(l) {
    links.splice(links.indexOf(l), 1);
  });
}

// only respond once per keydown
var lastKeyDown = -1;

function keydown() {
  //d3.event.preventDefault();

  if(lastKeyDown !== -1) return;
  lastKeyDown = d3.event.keyCode;

  // ctrl
  if(d3.event.keyCode === 17) {
    circle.call(force.drag);
    svg.classed('ctrl', true);
  }

  if(!selected_node && !selected_link) return;
  switch(d3.event.keyCode) {
    case 8: // backspace
//    case 46: // delete
//      if(selected_node) {
//        nodes.splice(nodes.indexOf(selected_node), 1);
//        spliceLinksForNode(selected_node);
//      } else if(selected_link) {
//        links.splice(links.indexOf(selected_link), 1);
//      }
//      selected_link = null;
//      selected_node = null;
//      restart();
//      break;
    case 66: // B
      if(selected_link) {
        // set link direction to both left and right
        selected_link.left = true;
        selected_link.right = true;
      }
      restart();
      break;
    case 76: // L
      if(selected_link) {
        // set link direction to left only
        selected_link.left = true;
        selected_link.right = false;
      }
      restart();
      break;
    case 82: // R
      if(selected_node) {
        // toggle node reflexivity
        selected_node.reflexive = !selected_node.reflexive;
      } else if(selected_link) {
        // set link direction to right only
        selected_link.left = false;
        selected_link.right = true;
      }
      restart();
      break;
  }
}

function keyup() {
  lastKeyDown = -1;

  // ctrl
  if(d3.event.keyCode === 17) {
    circle
      .on('mousedown.drag', null)
      .on('touchstart.drag', null);
    svg.classed('ctrl', false);
  }
}

// app starts here
svg.on('mousedown', mousedown)
  .on('mousemove', mousemove)
  .on('mouseup', mouseup);
d3.select(window)
  .on('keydown', keydown)
  .on('keyup', keyup);
//restart();

//GT 颜色与数值对照表
function colors(sign){
  //num=num>20?num%20:parseInt(num);
  for(var i=0;i<labels.length;i++){
    var entity=labels[i];
    if(sign==entity.sign){
      return entity.color;
    }
    if(i==labels.length-1 && sign!=entity.sign){
      return '#ffeeee';
    }
  }
}

function postion(sign){
  for(var i=0;i<labels.length;i++){
      var entity=labels[i];
      if(sign==entity.sign){
        return i;
      }
  }
  return 1;
}

//添加设备
function addnode() {
  //先编辑提交 到数据库添加一条数据得到ID 后显示节点
  var assetNo=d3.select("#nodeAssetNo").property('value');//资产编号
  var name=d3.select("#nodeName").property('value');//资产名称
  var type=d3.select("#nodeType").property('value');//资产类型
  var label=d3.select("#nodeLabel").property('value');//label
  var status=d3.select("#nodeStatus").property('value');//资产状态
  


  $.ajax({
    type: "POST",
    contentType:"application/json; charset=UTF-8",
        url: window.basePath+"/api/cmdb/ci",
        data: JSON.stringify({'name':name,'status':status,'type':type,'label':label,'assetNo':assetNo,props:selected_node.props  }),
        dataType: "json",
        success:function(data){
          //成功后得到ID
      if(data.status==200){
        var node=data.data.node[0];
        node.x = 634;
        node.y = 265.5625;
        
        nodes.push(node);
        selected_node=node;
        restart();
        hideFeedForm(true);;
      }
      
      },
       error: function(data){jAlert("服务器请求异常",'提示');}
  });
    
    
   
}
//显示节点信息
function shownode(){
  d3.select("#nodeAssetNo").property('value',selected_node.assetNo==undefined?"":selected_node.assetNo);//资产编号
  d3.select("#nodeName").property('value',selected_node.name==undefined?"":selected_node.name);//资产名称
  d3.select("#nodeType").property('value',selected_node.type==undefined?"":selected_node.type);//资产类型
  d3.select("#nodeLabel").property('value',selected_node.label==undefined?"":selected_node.label);//label
  for(var i=0;i<treeNodes.length;i++){
    if(selected_node.label==treeNodes[i].sign){
      d3.select("#citySel").property('value',treeNodes[i].label);
      break;
    }
  }
  d3.select("#nodeStatus").property('value',selected_node.status==undefined?"":selected_node.status);//资产状态
  
  //先移除div中原来的标签
  d3.select('#nodeTab').selectAll('tr').remove('tr');
  
  if(selected_node.label){
    var label=null;
  }
  
    
  
}

//关系列表
// api_configure_data.fetchDataList('ciedgetype',{'idx':0,'sum':100}).then(function(response){
//   if(response){
//     $scope.linktypeOptions = response.list;
//   }
// })
//显示连线信息
//

// $scope.onchanges=function(modelData){
//         $scope.modelData=modelData;
//         $scope.refreshforms(modelData.id);
//     }

$scope.meansrelaname=false;
var openAside = function (model, linkTypes) {
    $scope.meansrelaname=true;
    $scope.onchanges=function(modelData){
        $scope.modelData=modelData;
        $scope.relationdata=[];
        $scope.refreshforms(modelData.id);
    }
    // api_configure_data.fetchDataList('ciedgetype',{'idx':0,'sum':100}).then(function(response){
    //     if(response){
            $scope.linktypeOptions = linkTypes;
            if(model.id==-1){
                
            }else{
                for(var i=0;i<linkTypes.length;i++){
                    if(linkTypes[i].type==model.name){
                        $scope.refreshforms(linkTypes[i].id,model.props);
                        $scope.modelData=linkTypes[i];
                        break;
                    }
                }
            }
    //     }
    // })
    $scope.relationdata=[];
    $scope.addrelation=[];
    $scope.addData = function(model){
        var modalInstance = $modal.open({
            templateUrl: 'assets/views/means/tpl/relaform.html',
            controller: function($scope, $modalInstance, APIService,Alert){
                $scope.cancel = function() {
                  $modalInstance.dismiss('cancel');
                };
                $scope.savercode = function(reladata){
                    var re=/^([\u4E00-\u9FA5]|\w)*$/; 
                    if(re.test(reladata.label)){
                        $modalInstance.close(reladata);
                    }else{
                        SweetAlert.swal("名称中含有非法字符", "名称只能为中文，字母及数字，请重新填写", "error");
                    }
                }  
            },
            resolve: {
                APIService: function(){
                  return api_configure_data;
                },
                
                Alert: function(){
                  return SweetAlert;
                }
            }
        });
        modalInstance.result.then(function(selectedItem) {
            $scope.relationdata.push(selectedItem);
            var fildata={'ciEdgetypeAttribute':{'fieldType':2,'label':selectedItem.label,'ciEdgeTypeId':model.id}}
            // var fildata={'cIEdgeType':{'label':selectedItem.label,'fieldType':2,'ciEdgeType':{'id':model.id}}};
            api_configure_data.addData('ciEdgetypeAttribute',fildata).then(function(data){
                // var fielddata=selectedItem;
                    // angular.extend(fielddata,{'key':1})
                    // $scope.addrelation.push(fielddata);
                if(data.status==200){
                    var fielddata=selectedItem;
                    angular.extend(fielddata,{'key':data.data.labelKey})
                    $scope.addrelation.push(fielddata);
                }else{

                }
            })
        });
    }
    $scope.removeopen=false;
    // sessionStorage['removeopen']=false;
    $scope.removeData = function(){
       $scope.removeopen=!$scope.removeopen;
       // vm.tabs[1]['removeopen']=$scope.removeopen;

       console.log(vm.tabs)
       // sessionStorage['removeopen']=$scope.removeopen;
    }
    $scope.cancel=function(item){
        for(var i=0;i<$scope.relationdata.length;i++){
            if($scope.relationdata[i].label==item.label){
                 // delete $scope.relationdata[i];
                 $scope.relationdata.splice(i, 1);
                 console.log($scope.relationdata);
            }
        }
    }
    $scope.closechange=function(){
        $scope.removeopen=false;
    }
    vm.submit = function(data,style){
        console.log($scope.relationdata)
        if (vm.form.$$parentForm.$valid) {
            var tomdata=data;
            var addnews={};
            for(var i=0;i<$scope.addrelation.length;i++){
               addnews[$scope.addrelation[i].key]=$scope.addrelation[i].name;
            }
            angular.extend(tomdata,addnews);
            for(var i=0;i<$scope.relationdata.length;i++){
                tomdata[$scope.relationdata[i].key]=$scope.relationdata[i].name;
            }
            if(model.id==-1){
                api_cmdb.createRef({'id':model.id,'name':$scope.modelData.type,'source':model.source.id,'target':model.target.id,'left':model.left,'right':model.right,'props':tomdata}).then(function(response){
                    if(response&&response.status==200){
                        // $scope.refreshforms(data.id);
                        SweetAlert.swal("新建关系成功!", "数据已经保存", "success");
                    }else{
                        SweetAlert.swal("新建关系失败!", "数据未保存", "error");
                    }
                })
            }else{
                api_cmdb.putRef({'id':model.id,'name':$scope.modelData.type,'source':model.source.id,'target':model.target.id,'left':model.left,'right':model.right,'props':tomdata},model.id).then(function(response){
                    if(response&&response.status==200){
                        console.log(linkTypes)
                        // api_configure_data.fetchDataList('ciedgetype',{'idx':0,'sum':100}).then(function(result){
                        //     if(result){
                                    for(var i=0;i<linkTypes.length;i++){
                                        if(linkTypes[i].type==response.data.edge[0].name){
                                            // $scope.refreshforms(result.list[i].id,data);
                                            // model=response.data.edge[0].props;
                                            console.log(links);
                                            for(var i=0;i<links.length;i++){
                                                if(links[i].name==model.name){
                                                    links[i].props=response.data.edge[0].props;
                                                    links[i].id=response.data.edge[0].id;
                                                    break;
                                                }
                                            }
                                            selected_link=response.data.edge[0];
                                            break;
                                        }
                                    }
                                
                        //     }
                        // })
                        SweetAlert.swal("修改成功!", "数据已经保存", "success");
                    }else{
                        SweetAlert.swal("修改失败!", "数据未保存", "error");
                    }
                })
            }
            
        }
    }


    // var modalInstance = $aside.open({
    //         templateUrl: 'assets/views/system/tpl/asideContent.html',
    //         placement: 'right',
    //         size: 'sm',
    //         backdrop: true,
    //         controller: function ($scope, $modalInstance, ModelData, optionLinkTypes) {
    //             $scope.modelData = ModelData;
              
    //             $scope.linktypeOptions = optionLinkTypes;
    //             if($scope.modelData.name!=""){
    //               angular.forEach($scope.linktypeOptions,function(item){
    //                 if(item.type==$scope.modelData.name){
    //                   $scope.modelData.linkName=item;
    //                 }
    //               })
    //             }
    //             $scope.ok = function (e) {
    //                 $modalInstance.close($scope.modelData);
    //                 //e.stopPropagation();
    //             };
    //             $scope.cancel = function (e) {
    //                 $modalInstance.dismiss();
    //                 //e.stopPropagation();
    //             };
    //         },
    //         resolve: {
    //           ModelData: function(){
    //             return model;
    //           },
    //           optionLinkTypes: function(){
    //             return linkTypes;
    //           }
    //         }
    // });
    // modalInstance.result.then(function (selectedItem) {
    //     //TODO create Edge
    //     console.log(selectedItem);
    //     if(selectedItem.id==-1){
    //       api_cmdb.createRef({'id':selectedItem.id,'name':selectedItem.linkName.type,'source':selectedItem.source.id,'target':selectedItem.target.id,'left':selectedItem.left,'right':selectedItem.right}).then(function(response){
    //          if(response&&response.status==200){
    //             //model.name=selectedItem.linkName.type;
    //             var link = response.data.edge[0];
    //             for (var j = 0; j < nodes.length; j++) {
    //                 if (link.source == nodes[j].id) {
    //                     link.source = nodes[j];
    //                 }
    //                 if (link.target == nodes[j].id) {
    //                     link.target = nodes[j];
    //                 }
    //             }
    //             links.push(link);
    //       //     selected_link.name=linkName;
    //       //     selected_link.cost=linkCost;
    //             restart();
    //          }else{

    //          }
    //       })
    //     }else{
    //       api_cmdb.putRef({'id':selectedItem.id,'name':selectedItem.linkName.type,'source':selectedItem.source.id,'target':selectedItem.target.id,'left':selectedItem.left,'right':selectedItem.right}, selectedItem.id).then(function(response){
    //           if(response&&response.status==200){
    //             //model=selectedItem;
    //             angular.forEach(links,function(link,index){
    //               if(link.name == model.name){
    //                 links[index]=response.data.edge[0];
    //                 for (var j = 0; j < nodes.length; j++) {
    //                     if (links[index].source == nodes[j].id) {
    //                         links[index].source = nodes[j];
    //                     }
    //                     if (links[index].target == nodes[j].id) {
    //                         links[index].target = nodes[j];
    //                     }
    //                 }
    //               }
    //             })

    //             restart();
    //           }else{

    //           }
    //       })
    //     }
        
    // }, function () {
    //     //console.log('Modal dismissed at: ' + new Date());
    // });
};
//
//
function showLink(){

  var linkeName = $scope.linkName = selected_link.name==undefined?"":selected_link.name;
  $scope.linkCost = selected_link.cost==undefined?"":selected_link.cost;


  // d3.select("#linkName").property('value',selected_link.name==undefined?"":selected_link.name);
  // d3.select("#linkCost").property('value',selected_link.cost==undefined?"":selected_link.cost);
  
  //var linkeName=d3.select("#linkName").property('value');
  //先移除div中原来的标签
  d3.select('#linkTab').selectAll('tr').remove('tr');
  
  var linkId;
  //sourceTYpe=2 and sourceId=连线nameId
  //当前选择的连线name Id
  for(var i=0;i<linkType.length;i++){
    if(linkeName==linkType[i].type){
      linkId=linkType[i].id;
    }
  }
  var props=selected_link.props;
  var keys=[];
  for(var key in props){
    keys.push(key);
  }
  // //写入固定属性
  // for(var i=0;i<params.length;i++){
  //  var p=params[i];
  //  var num=0;
  //  for(var j=0;j<keys.length;j++){
  //    if(p.sourceType==2 && p.sourceId==linkId && p.key==keys[j]){//连线已有属性
  //      num++;
  //      break;
  //    }
  //  }
  //  if(p.sourceType==2 && p.sourceId==linkId && p.fix==1 && num==0){//连线 中没有的固定属性
 //       selected_link['props'][p.key]='';
 //     }
      
  // }
  keys=[];
  for(var key in selected_link.props){
    keys.push(key);
  }

  if(keys){
    d3.select('#linkTab').selectAll('tr')
      .data(keys).enter()
      .append('tr')//.nextSibling
      .attr('id',function(d){
         return 'trLink'+d;
      }).html(function(d){
          var str="";
          if(d==""){//新增后props 属性
                  var strS="";
                  
                    strS='<input type="text" id="inputLink'+d+'" value="'+props[d]+'" disabled/>';
                    str+='<td style="padding-left: 0px;width:145px;"><span id="spanLink'
                  +d+'" style="width:50px;text-align:right;">未定义:</span><input type="hidden" id="selectLink'+
                  d+'" style="width: 90px;margin-left: 52px;"/></td>'+
                  '<td style="padding-left: 21px;">'+//111111111111111111111 padding-left: 60px;
                  strS +'</td><td>'
                  +'<input id="edtBtnLink'+d+'" type="button" name="edtBtn" style="background-image:url(css/img/tup/xiug.jpg);width:22px;height:22px;" onclick="edtBtnLinkClk(\'text\',\''
                  +d+'\',\'未定义\',\'0\')" />'
                  +'&nbsp;<input type="button" value="" style="background-image:url(css/img/tup/del.jpg);width:22px;height:22px;" onclick=\'delBtnLinkClk("'+d+'")\'/></td>';
                return str;
                  }
          
            for(var j=0;j<params.length;j++){
                    var p=params[j];
              if((p.sourceType==2 && d==p.key && p.sourceId==linkId)){//新增加行
                var strS="";
                      if(p.valueType=="date"){
                         strS='<input id="inputLink'+d+'" placeholder="请输入日期" style="width: 151px;" class="laydate-icon" onClick="laydate({istime: true, format: \'YYYY-MM-DD hh:mm:ss\'})" value="'+props[d]+'" disabled>';
                      }else{
                        strS='<input type="text" id="inputLink'+d+'" value="'+props[d]+'" disabled/>';
                        
                      }
                      if(p.fix==1){//固定属性 不允许编辑显示属性名  不允许删除
                         //类型设置 读取JSON  string date  int float   22222222222222222padding-left: 21px;
                  str+='<td style="width:145px;"><span id="spanLink'+d+'">'+p.descName+':</span></td>'+
                      '<td style="padding-left: 21px;">'+strS+'</td><td>'+'<input id="edtBtnLink'+d
                      +'" type="button" name="edtBtn" style="background-image:url(css/img/tup/xiug.jpg);width:22px;height:22px;" onclick="edtBtnLinkClk(\''
                      +p.valueType+'\',\''+d+'\',\''+p.descName+'\',\''+p.fix+'\')" />'
                      +'&nbsp;</td>';
                  break;
                      }else{
                         //类型设置 读取JSON  string date  int float
                  str+='<td style="width:145px;"><span id="spanLink'
                      +d+'">'+p.descName+':</span><input type="hidden" id="selectLink'+
                      d+'" style="width: 90px;margin-left: 52px;"/></td>'+
                      '<td style="padding-left: 21px;">'+//333333333333333 padding-left: 21px;
                      strS
                      +'</td><td>'
                      +'<input id="edtBtnLink'+d+'" type="button" name="edtBtn" style="background-image:url(css/img/tup/xiug.jpg);width:22px;height:22px;" onclick="edtBtnLinkClk(\''
                      +p.valueType+'\',\''+d+'\',\''+p.descName+'\',\''+p.fix+'\')" />'
                      +'&nbsp;<input type="button" value="" style="background-image:url(css/img/tup/del.jpg);width:22px;height:22px;" onclick=\'delBtnLinkClk("'+d+'")\'/></td>';
                  break;
                      }
                      
                          
                  }
            }
          return str;
        });
  }

  hideLinkForm(false);
}

//删除（修改状态为报废）
function delnode_update(){
  if(selected_node || selected_link){
    jConfirm('确定删除?', '提示', function(r) {
      if(r){
        if(selected_node){//删除配置
          //节点ID（节点删除执行成功，数据库节点未删除 ，删除节点关系时执行失败）
          var id=selected_node.id;
          var name=selected_node.name;
          var type=selected_node.type;//资产类型
          var label=selected_node.label;  //资产类型        
          var assetNo=selected_node.assetNo;//资产编号          
          var props =selected_node.props;
          var status=CMConstants.DISCARDE;
          //删除后，状态变为废弃 
            $.ajax({
                type: "PUT",
                contentType:"application/json; charset=UTF-8",
                  url: window.basePath+"/api/cmdb/ci/"+id,
                  data: JSON.stringify({'id':id,'name':name,'status':status,'type':type,'label':label,'assetNo':assetNo,'props':props}),
                  dataType: "json",
                  success:function(data){
                  if(data.status==200){ 
                  
                    jAlert("删除成功!",'提示'); 
                  
                    selected_node.type=type;//资产类型
                    selected_node.status=status;
                    selected_node.label=label;    //资产类型        
                    selected_node.assetNo=assetNo;  //资产编号          
                    selected_node.props=props;
                    selected_node.name=name;

                    restart();
                    query(label,"");        
                    //shownode();
                  }
                    
                },
                  error: function(data){jAlert("服务器请求异常",'提示');}
                  });
                        
              }
              
          }else{
              jAlert("请求异常",'提示');
          }
      
        });
          
      }else{
        jAlert('请先选择删除项!','提示');
      }
      
  }

//删除
function delnode(){
  if(selected_node || selected_link){
    jConfirm('确定删除?', '提示', function(r) {
      if(r){
        if(selected_node){//删除配置
          //节点ID（节点删除执行成功，数据库节点未删除 ，删除节点关系时执行失败）
          var id=selected_node.id;          
          //先删除节点关系
          d3.xhr(window.basePath+"/api/cmdb/ci/"+id+"/refs").send("DELETE", function(error, json) {
            if (!error){
              if(json.status==200){
                var edge=JSON.parse(json.responseText).data.edge;
                for(var i=0;i<edge.length;i++){
                  for(var j=0;j<links.length;j++){
                    if(edge[i].id==links[j].id){
                      links.splice(j, 1);
                      break;
                    }
                  }
                  
                }
                //再删除节点
              d3.xhr(window.basePath+"/api/cmdb/ci/"+id).send("DELETE", function(error, json) {
                    if (!error){
                      if(json.status==200){
                        //删除节点
                        nodes.splice(nodes.indexOf(selected_node), 1);
                        jAlert("删除成功!",'提示');
                        hideFeedForm(true);;
                      }
                      restart();
                    }else{
                      jAlert("请求异常",'提示');
                    }
                  });
              }
              
          

            }else{
              jAlert("请求异常",'提示');
            }
            });
        
          
          
        }
        //用户删除关系
        if(selected_link){
          //得到关系ID 删除关系
          var id=selected_link.id;
          d3.xhr(window.basePath+"/api/cmdb/edge/"+id).send("DELETE", function(error, json) {
            if (!error){
              links.splice(links.indexOf(selected_link), 1);
              jAlert("删除成功!",'提示');
              hideLinkForm(true);
              restart();
            }else{
              jAlert("请求异常",'提示');
            }
            });
        }
      }
      
    });
  }else{
    jAlert('请先选择删除项!','提示');
  }
  

}

var CI ={};
CI.add = addnode;
window.CI = CI;
d3.select("#traversal").selectAll('a').data([{name:'遍历',id:'traversalBtn'}]).enter()
.append('a')
      .html(function (d) { return d.name; })
      .on('click', function (d) {
        if(d.id=="traversalBtn"){
          if(selected_node == null){
            alert("没有选择节点。。。");
          }else{
            $.ajax({
         type: "GET",
             url: window.basePath+"/api/cmdb/traversal/"+selected_node.assetNo,
             dataType: "json",
             success:function(json){
               var d=json.data;
               var node=d.node;
               var link=d.edge;
               var tempNode=[];
               var tempLink=[];
              //nodes 或者links 要去重
               for(var i=0;i<node.length;i++){
                 var tmp=0;
                 for(var j=0;j<nodes.length;j++){
                   if(node[i].id==nodes[j].id){
                     tmp++;
                     break;
                   }
                 }
                 if(tmp==0){
                tempNode.push(node[i]);
                 }
               }
               
               for(var i=0;i<link.length;i++){
                var tmp=0;
                 for(var j=0;j<links.length;j++){
                   if(link[i].id==links[j].id){
                    tmp++;
                     break;
                   }
                 }
                if(tmp==0){
                tempLink.push(link[i]);
                }
               }
               //数据写入页面
               for(var i=0;i<tempNode.length;i++){//nodes  不清空
                 nodes.push(tempNode[i]); 
               }
              for(var i=0;i<tempLink.length;i++){//link  不清空
               links.push(tempLink[i]); 
              }
              //links转换
              for(var i=0;i<links.length;i++){
                for(var j=0;j<nodes.length;j++){
                  if(links[i].source==nodes[j].id){
                    links[i].source=nodes[j];
                  }
                  if(links[i].target==nodes[j].id){
                    links[i].target=nodes[j];
                  }
                }
              }
              
               restart();
             },
             error:function(){alert("访问服务器出错!");}
       });



          }
        }
      });

d3.select("#layout").selectAll('a').data([{name:'布局',id:'layoutBtn'}]).enter()
.append('a')
      .html(function (d) { return d.name; })
      .on('click', function (d) {
        if(d.id=="layoutBtn"){
          var k = Math.sqrt(nodes.length / (width * height));
          //var len = labels.length;
          // nodes.forEach(function(o, i) {
          //    //console.log( "postion:" + postion(o.label) % len);
          //    o.x += postion(o.label) & 1 ? 140 : -140;
          //    o.y += postion(o.label) & 2 ? 140 : -140;
          //    console.log("[" +o.id + "-" + o.name + "]:" + o.label + "(" + o.x + "," + o.y + ");");
          // });
          force.charge((-10/k)*1.5);
          force.gravity(100*k);
          force.resume();
        }
      });


//添加node 点击事件
d3.select("#addsss").selectAll('a').data([{name:'添加',id:'addBtn'}]).enter()
.append('a')
      .html(function (d) { return d.name; })
      .on('click', function (d) {
        if(d.id=="addBtn"){
        selected_node={id:-1};
        
        //内容置空
        d3.select("#nodeAssetNo").property('value','');//资产编号
        d3.select("#nodeName").property('value','');//资产名称
        d3.select("#nodeType").property('value','');//资产类型
        d3.select("#nodeLabel").property('value','');//label
        d3.select("#nodeStatus").property('value','');//资产状态
        d3.select('#nodeTab').selectAll('tr').remove();
        
        show("feedbox");return false;
        }
      });

//删除
d3.select("#delsss").selectAll('a').data([{name:'删除',id:'delBtn'}]).enter()
.append('a')
      .html(function (d) { return d.name; })
      .on('click', function (d) {
        if(d.id=="delBtn"){
        //delnode();
         delnode_update();
        }
      });



//修改
d3.select("#uppsss").selectAll('a').data([{name:'修改',id:'edtBtn'}]).enter()
.append('a')
      .html(function (d) { return d.name; })
      .on('click', function (d) {
        if(d.id=="edtBtn"){
          if(selected_node!=null){
            show("feedbox");
            return false;
          }else{
            jAlert("请选择设备",'提示');
          }
        }
 });

//节点提交
d3.select("#subBtn").on('click',function(d){
  var assetNo=d3.select("#nodeAssetNo").property('value');//资产编号
  var label=d3.select("#nodeLabel").property('value');//label
  
  var props =selected_node.props;
  for(var key in props){
    if(key==""){
      jAlert("您有未定义属性,请删除或编辑!",'提示');
      return;
    }
  }
  if(assetNo==""){
    jAlert("请输入资产编号!",'提示');
    return;
  }else if(label==null ||label==""){
    jAlert("请选择资产类型!",'提示');
    return;
  }else{
    //添加或者更新
    if(selected_node.id==-1){//添加
      addnode();
    }else{//更新
      var idVal=selected_node.id;
        var name=d3.select("#nodeName").property('value');//资产名称
        var type=d3.select("#nodeType").property('value');//资产类型
       
        var status=d3.select("#nodeStatus").property('value');//资产状态
      //节点提交 
        $.ajax({
            type: "PUT",
            contentType:"application/json; charset=UTF-8",
              url: window.basePath+"/api/cmdb/ci/"+idVal,
              data: JSON.stringify({'id':idVal,'name':name,'status':status,'type':type,'label':label,'assetNo':assetNo,'props':selected_node.props  }),
              dataType: "json",
              success:function(data){
              if(data.status==200){
                jAlert("更新成功!",'提示');
                selected_node.assetNo=assetNo;
                selected_node.name=name;
                selected_node.type=type;
                selected_node.label=label;
                selected_node.status=status;
                
                restart();
                //shownode();
              }
                
            },
              error: function(data){jAlert("服务器请求异常",'提示');}
        });

    }
    //  restart();
  }
  
});

//连线提交
d3.select("#subBtn1").on('click',function(d){
  var linkName=d3.select("#linkName").property('value');
  var linkCost=d3.select("#linkCost").property('value');
  var idVal=selected_link.id;
  
  var props =selected_link.props;
  for(var key in props){
    if(key==""){
      jAlert("您有未定义属性,请删除或编辑!",'提示');
      return;
    }
  }
  
  if(idVal==-1){//添加 
    selected_link.name=linkName;
    //selected_link.status=linkStatus;
    selected_link.cost=linkCost;
    var l=selected_link;
     $.ajax({
          type: "POST",
          contentType:"application/json; charset=UTF-8",
            url: window.basePath+"/api/cmdb/edge",
            data: JSON.stringify({'id':l.id,'name':l.name,'status':l.status,'cost':l.cost,'left':l.left,'right':l.right,'source':l.source.id,'target':l.target.id,'props':l.props}),
            dataType: "json",
            success:function(data){
            if(data.status==200){
              var link=data.data.edge[0];
              jAlert("添加成功!",'提示');
              selected_link.id=link.id;
              
              restart();
              hideLinkForm(true);
            }
              
          },
            error: function(data){jAlert("服务器请求异常",'提示');}
      });
  }else{
    // 连线提交
      $.ajax({
          type: "PUT",
          contentType:"application/json; charset=UTF-8",
            url: window.basePath+"/api/cmdb/edge/"+idVal,
            data: JSON.stringify({'id':idVal,'name':linkName,'cost':linkCost,'props':selected_link.props  }),
            dataType: "json",
            success:function(data){
            if(data.status==200){
              jAlert("更新成功!",'提示');
              
              selected_link.name=linkName;
              //selected_link.status=linkStatus;
              selected_link.cost=linkCost;
              
              restart();
              showLink();
            }
              
          },
            error: function(data){jAlert("服务器请求异常",'提示');}
      });
  }
// restart();
  
});

//全局变量 正在编辑的属性ID
var etdBtnId="";
//编辑按钮点击事件
function edtBtnClk(type,etdId,value,fix){
  var v=d3.select('#edtBtn'+etdId).property('name');

  if(v=='edtBtn'){
    d3.select('#input'+etdId).property('disabled','');//可编辑
    if(type=="date"){//加载日期
      
      //$("#input"+etdId).datepicker({dateFormat: 'yy-mm-dd'});$.datepicker.regional[ "zh-cn" ];
    }else if(type=='int'){//只能为整型
      d3.select('#input'+etdId).on('keyup',function(){
        this.value= this.value.replace(/[^\d]/g, '');
      });
    }else if(type=='float'){
      d3.select('#input'+etdId).on('keyup',function(){
        this.value= this.value.replace(/[^\d.]/g,'');
      });
    }
    //span文字隐藏  select2显示
    //   d3.select('.addtd').classed('addtds');
    if(fix==0){//动态属性  显示名称隐藏
      d3.select('#span'+etdId).attr('style','display:none');
    }
     
       //d3.select('tr#tr'+etdId + 'td + td').attr('style','padding-left:0px;');
     
    //$('#select'+etdId).select2({ multiple: true, data:selectData});//分号选择
     //根据用户选择的label 和节点类型查询
     var t=d3.select('#nodeLabel').property('value');
     var typeId="";//选中的资源label的ID
     for(var i=0;i<labels.length;i++){
       if(labels[i].sign==t){
         typeId=labels[i].id;
         break;
       }
     }
     var res=[];
    
     //改变属性
    d3.select('#edtBtn'+etdId).property('name','edt');
    d3.select('#edtBtn'+etdId).attr('style','background-image:url(css/img/tup/queding.jpg);width:22px;height:22px;');
    
     $('#select'+etdId).select2({
        ajax: {
              url: window.basePath+'/api/cm/findByPro',//sourceType=1 节点 
              type:'GET',
              dataType: 'json',
              data: function(){
                return {
                  sourceType : 1,
                  sourceId: typeId
                };
              },
              results: function (data) {
                res=data;
                
                  var bindData = [];
                for(var i = 0;i < data.length;i++){
                    bindData.push({'id':data[i].key,'text':data[i].descName});
                  } 
                
                return {results: bindData};
              }
          },
       createSearchChoice:function(term, data) { if ($(data).filter(function() { return this.text.localeCompare(term)===0; }).length===0) {return {id:term, text:term};} },
          //multiple: true,//单选 or 多选
          
     }).on("select2-selecting", function(e) {
      
       etdBtnId=this.id.substr('select'.length);
        var result = [];
            for(var i = 0;i < res.length;i++){
              result.push({'id':res[i].key,'text':res[i].descName});
              }
            
            if(result.length==0){
              //置空
          d3.select("#proType").property('value','');
          d3.select("#proNo").property('value','');
          
          d3.select('#overlay').style('display','block');
          d3.select('#win').style('display','block');
          return;
            }
       for(var i=0;i<result.length;i++){
         if(e.choice.id==result[i].id && e.choice.text==result[i].text){//用户选择的是已有的属性
           //写入nodes
           var props=selected_node.props;
           // 用户选择不能重复
           for(var key in props){
            if(e.val==key && e.val!=etdId){
              jAlert("此配置已有此属性,请另外选择!",'提示',function(){
                $('#select'+etdId).select2('data', {id:etdId,text:value});
                
              });
              return;
            }
           }
           //用户选择验证通通过  写入到nodes中
            for(var p in props){
               if(p==etdId){
                 var text=props[p];
                 delete props[p];
                 selected_node.props[e.choice.id]=text;
                 shownode();//此处不重新加载(shownode) 会有问题
                 return;
               }
             }
           
         }else if((i==result.length-1) && (e.choice!=result[i])){//用户新输入的
           
          //置空
            d3.select("#proType").property('value','');
            d3.select("#proNo").property('value','');
            
            d3.select('#overlay').style('display','block');
            d3.select('#win').style('display','block');
            return;
         }
       }
    });
    //绑定默认值
    $('#select'+etdId).select2('data', {id:etdId,text:value});
  }else{//确定
    d3.select('#edtBtn'+etdId).property('name','edtBtn');
    d3.select('#edtBtn'+etdId).attr('style','background-image:url(css/img/tup/xiug.jpg);width:22px;height:22px;');
    
    //数据写入nodes
    var props=selected_node.props;
    for(var key in props){
      if(key==etdId){
        var text=d3.select('#input'+etdId).property('value');
        var k=null;
        if(fix==0){
          k=d3.select('#select'+etdId).property('value');
        }else{
          k=etdId;
        }
        delete props[etdId];
        props[k]=text;
        shownode();
        return;
      }
    }
  }
}
//编辑按钮点击事件
function edtBtnLinkClk(type,etdId,value,fix){
  var linkeName=d3.select('#linkName').property('value');
  if(linkeName==""){
    jAlert("请先选取连线名称!",'提示');
    return;
  }
  var v=d3.select('#edtBtnLink'+etdId).property('name');
  
  if(type=="date"){//加载日期
  //  $("#inputLink"+etdId).datepicker({dateFormat: 'yy-mm-dd'});$.datepicker.regional[ "zh-cn" ];
  }else if(type=='int'){//只能为整型
    d3.select('#inputLink'+etdId).on('keyup',function(){
      this.value= this.value.replace(/[^\d]/g, '');
    });
  }else if(type=='float'){
    d3.select('#inputLink'+etdId).on('keyup',function(){
      this.value= this.value.replace(/[^\d.]/g,'');
    });
  }
  
  if(v=='edtBtn'){
    d3.select('#inputLink'+etdId).property('disabled','');//可编辑
    //改变属性
    d3.select('#edtBtnLink'+etdId).attr('style','background-image:url(css/img/tup/queding.jpg);width:22px;height:22px;');
    d3.select('#edtBtnLink'+etdId).property('name','edt');
    if(fix==0){//动态属性隐藏 
      //span文字隐藏  select2显示
       d3.select('#spanLink'+etdId).attr('style','display:none');
    }
    
    
     //根据用户选择的name（连线名称） 查询
    
     var linkId;//选中的name的ID 即属性表里的sourceId
     for(var i=0;i<linkType.length;i++){
        if(linkeName==linkType[i].type){
          linkId=linkType[i].id;
        }
      }
     var res=[];
     $('#selectLink'+etdId).select2({
        ajax: {
              url: window.basePath+'/api/cm/findByPro',//sourceType=2 连线 
              type:'GET',
              dataType: 'json',
              data: function(){
                return {
                  sourceType : 2,
                  sourceId: linkId
                };
              },
              results: function (data) {
                res=data;
                
                  var bindData = [];
                for(var i = 0;i < data.length;i++){
                    bindData.push({'id':data[i].key,'text':data[i].descName});
                  } 
                
                return {results: bindData};
              }
          },
       createSearchChoice:function(term, data) { if ($(data).filter(function() { return this.text.localeCompare(term)===0; }).length===0) {return {id:term, text:term};} },
          
     }).on("select2-selecting", function(e) {
       
       etdBtnId=this.id.substr('selectLink'.length);
        var result = [];
            for(var i = 0;i < res.length;i++){
              result.push({'id':res[i].key,'text':res[i].descName});
              }
            
            if(result.length==0){//如果没有属性  弹出添加属性框
              //置空
          d3.select("#proType").property('value','');
          d3.select("#proNo").property('value','');
          
          d3.select('#overlay').style('display','block');
          d3.select('#win').style('display','block');
          return;
            }
          
       //console.log ("selecting val="+ e.val+" choice="+ JSON.stringify(e.choice));
       for(var i=0;i<result.length;i++){
         if(e.choice.id==result[i].id && e.choice.text==result[i].text){//用户选择的是已有的属性
           //nodes props
           var props=selected_link.props;
           // 用户选择不能重复
           for(var key in props){
            if(e.val==key && e.val!=etdId){
              
              jAlert("此配置已有此属性,请另外选择!",'提示',function(){
                //绑定默认值
                $('#selectLink'+etdId).select2('data', {id:etdId,text:value});
              });
              
              return;
            }
          }
           //用户选择验证通过  写入到nodes中
          for(var p in props){
            if(p==etdId){
              delete props[etdId];
              selected_link.props[e.choice.id]=e.choice.text;
                 
              showLink();//此处不重新加载(shownode) 会有问题
              return;
            }
          }
           
         }else if((i==result.length-1) && (e.choice!=result[i])){//用户新输入的
           
          //置空
            d3.select("#proType").property('value','');
            d3.select("#proNo").property('value','');
            
            d3.select('#overlay').style('display','block');
            d3.select('#win').style('display','block');
            return;
         }
       }
    });;
    
    //绑定默认值
    $('#selectLink'+etdId).select2('data', {id:etdId,text:value});
    
  }else{//确定
    d3.select('#edtBtnLink'+etdId).property('name','edtBtn');
    d3.select('#edtBtnLink'+etdId).attr('style','background-image:url(css/img/tup/xiug.jpg);width:22px;height:22px;');
    //数据写入links
    var props=selected_link.props;
    for(var key in props){
      if(key==etdId){
        var k=null;
        var text=d3.select('#inputLink'+etdId).property('value');
        if(k==0){
          k=d3.select('#selectLink'+etdId).property('value');
        }else{
          k=etdId;
        }
        
        delete props[etdId];
        props[k]=text;

        showLink();
        return;
      }
    }
    showLink();
  }
}
//节点属性删除按钮点击事件
function delBtnClk(delId){
  jConfirm('确定删除?', '提示', function(r) {
    if(r){
      //提交的时候只删除数据，不删除属性表数据
      //删除表格
      d3.select('#tr'+delId).selectAll('td').remove('td');
      //删除node属性
      var props=selected_node.props;
      for(var key in props){
        if(delId==key){
          delete props[key];//删除node中元素 
          return;
        }
      }
    }
  });
  
}
//连线属性删除按钮点击事件
function delBtnLinkClk(delId){
  jConfirm('确定删除?', '提示', function(r) {
    //提交的时候只删除数据，不删除属性表数据
    if(r){
      //删除表格
      d3.select('#trLink'+delId).selectAll('td').remove('td');
      //删除node属性
      var props=selected_link.props;
      for(var key in props){
        if(delId==key){
          delete props[delId];//删除link中元素 
          return;
        }
      }
    }
  });

}

//连线名 的选择事件 选择后将 值写入到 selected_node
d3.select('#linkName').on('change',function(){
  var num=0;
  for(var key in selected_link.props){
    num++;
    break;
  }
  var tType=this;
  if(num>0){
    jConfirm('更换名称选项,动态属性将会被删除，是否继续？', '提示', function(r) {
      if(r){
        selected_link.name=tType.value;
        selected_link.props={};
        showLink();
        
        selected_link['props']={};
        fixPro(tType.value);
      }else{
        tType.value=selected_link.name;
        return;
      }
    });
    
    
  }else{
    selected_link.name=tType.value;
    selected_link['props']={};
    fixPro(tType.value);
  }
});
//加载固定属性(节点/连线)
function fixPro(label){
  if(selected_node){//操作节点
    var labelId=null;
    //根据选择‘节点’的label 查询label的ID 
    d3.xhr(window.basePath+"/api/cm/findLabel?sign="+label).send("GET", 
      function(error, json) {
        if (!error){
          labelId =JSON.parse(json.responseText).id;
           $.ajax({
           type: "GET",
               url: window.basePath+"/api/cm/findByPro",
               data: {sourceType : 1,sourceId: labelId},
               dataType: "json",
               success:function(data){
                 
                  var keys=[];
                  for(var i = 0;i < data.length;i++){
                    var entity=data[i];
                    if(entity.fix==1){
                      var key=entity.key;
                      keys.push(key);
                      selected_node['props'][key]='';
                    }
                    }
                //先移除div中原来的标签
                d3.select('#nodeTab').selectAll('tr').remove('tr');
                  d3.select('#nodeTab').selectAll('tr')
                      .data(keys).enter()
                      .append('tr')
                      .attr('id',function(d){
                        return 'tr'+d;
                    })
                    .html(function(d){ //undefined
                      var str="";
                    //新增加行  
                         var strS="";
                         for(var i = 0;i < data.length;i++){
                        var entity=data[i];
                        if(entity.fix==1 && entity.key==d){//固态属性  并且key相等
                          
                          if(entity.valueType=="date"){
                                 strS='<input id="input'+d+'" placeholder="请输入日期"  style="width: 151px;" class="laydate-icon" onClick="laydate({istime: true, format: \'YYYY-MM-DD hh:mm:ss\'})" value="'
                                 +'" disabled>';
                             }else{
                                   strS='<input type="text"  id="input'+d+'" value="" disabled/>';
                             }
                            //类型设置 读取JSON  string date  int float
                        str+='<td style="padding-left: 0px;width:145px;"><span id="span'
                          +d+'">'+entity.descName+':</span></td>'+
                          '<td style="padding-left: 21px;">'+strS+'</td><td>'+'<input id="edtBtn'+d
                          +'" name="edtBtn" type="button" style="background-image:url(css/img/tup/xiug.jpg);width:22px;height:22px;" onclick="edtBtnClk(\''
                          +entity.valueType+'\',\''+d+'\',\''+entity.descName+'\',\''+entity.fix+'\')" />'+'&nbsp;</td>';
                        break;
                        }
                        } 
                      
                      return str;
                      
                    });
               },
               error:function(data){jAlert("服务器访问异常!",'提示');}
         });
        }
    });     
  }else if(selected_link){//操作连线
    var sourceId=null;
    for(var i=0;i<linkType.length;i++){
      if(label==linkType[i].type){
        sourceId=linkType[i].id;
      }
    }
    if(sourceId!=null){
      $.ajax({
        type: "GET",
          url: window.basePath+"/api/cm/findByPro",
          data: {sourceType : 2,sourceId: sourceId},
          dataType: "json",
          success:function(data){
                 
              var keys=[];
            for(var i = 0;i < data.length;i++){
                var entity=data[i];
                if(entity.fix==1){
                  var key=entity.key;
                  keys.push(key);
                  selected_link['props'][key]='';
                  }
               }
             //先移除div中原来的标签
             d3.select('#linkTab').selectAll('tr').remove('tr');
             d3.select('#linkTab').selectAll('tr')
              .data(keys).enter()
              .append('tr')
              .attr('id',function(d){
                  return 'tr'+d;
              })
              .html(function(d){ //undefined
                  var str="";
                //固态属性
                 var strS="";
                 for(var i = 0;i < data.length;i++){
                      var entity=data[i];
                      if(entity.fix==1 && entity.key==d){//固态属性  并且key相等
                        if(entity.valueType=="date"){
                          strS='<input id="inputLink'+d+'" placeholder="请输入日期" style="width: 151px;" class="laydate-icon" onClick="laydate({istime: true, format: \'YYYY-MM-DD hh:mm:ss\'})" value="" disabled>';
                        }else{
                          strS='<input type="text" id="inputLink'+d+'" value="" disabled/>';
                        }
                            //类型设置 读取JSON  string date  int float
                        
                        str+='<td style="padding-left: 0px;width:145px;"><span id="spanLink'+d+'">'+entity.descName+':</span></td>'+
                        '<td style="padding-left: 21px;">'+strS+'</td><td>'+'<input id="edtBtnLink'+d
                        +'" type="button" name="edtBtn" style="background-image:url(css/img/tup/xiug.jpg);width:22px;height:22px;" onclick="edtBtnLinkClk(\''
                        +entity.valueType+'\',\''+d+'\',\''+entity.descName+'\',\''+entity.fix+'\')" />'
                        +'&nbsp;</td>';
                          break;
                        }
                        } 
                      return str;
                      
                 });
               },
               error:function(data){jAlert("服务器访问异常!",'提示');}
         });
    }
  }
          
}

//节点'添加属性' 点击事件
d3.select('#addBtn').on('click',function(){
  var label=d3.select('#nodeLabel').property('value');
  
  if(""!=label){
    addRow();
  }else{
    jAlert('请先选择资产类型!','提示');
  }
  
});
//添加属性行
function addRow(){
  if(selected_node.props){
    
    selected_node.props['']='未定义';
  }else{
    
    selected_node['props']={'':'未定义'};
  }
  //用户写入的记录下来
  updJson();
  
  shownode();
}
//刷新时记录用户输入
function updJson(){
  if(selected_node){
    selected_node.assetNo=d3.select("#nodeAssetNo").property('value');
    selected_node.name=d3.select("#nodeName").property('value');
    selected_node.type=d3.select("#nodeType").property('value');
    selected_node.label=d3.select("#nodeLabel").property('value');
    selected_node.status=d3.select("#nodeStatus").property('value');
  }else if(selected_link){
    selected_link.name=d3.select("#linkName").property('value');
    selected_link.cost=d3.select("#linkCost").property('value');
  }
}

//=============弹出层添加属性begin=======================================
//加载属性类型
d3.select('#proType').selectAll('option')
.data(proTypes).enter()
.append('option')
.attr('value',function(d){return d.key;})
.html(function(d){ return d.value;});
//提交
d3.select('#addSubBtn').on('click',function(){
  if(selected_node){
    var proType=d3.select("#proType").property('value');
    var proNo=d3.select("#proNo").property('value');
    var desName=d3.select("#select"+etdBtnId).property('value');//正在编辑select2的值

    //插入前先查询节点‘英文编号’的此label 此简称是否存在
    var t=d3.select('#nodeLabel').property('value');
    var labelId="";//选中的资源label的ID
     for(var i=0;i<labels.length;i++){
       if(labels[i].sign==t){
         labelId=labels[i].id;
         break;
       }
     }
     $.ajax({
       type: "GET",
           url: window.basePath+"/api/cm/findByPros",
           data: {sourceType : 1,sourceId: labelId,keyname:proNo},
           dataType: "text",
           success:function(data){
             if(data==0){//数据库中没有此属性  允许插入
              //插入操作 返回实体
              $.ajax({
                 type: "POST",
                 contentType:"application/json; charset=UTF-8",
                     url: window.basePath+"/api/cm/dynparam",
                     data: JSON.stringify({ descName:desName, key:proNo, sourceId:labelId, sourceType:1, valueType:proType,fix:0}),//JSON.stringify(entity),fix:0动态属性
                     dataType: "json",
                     success:function(data){
                       //插入成功后改变正在编辑的
                var props=selected_node.props;
                  for(var key in props){
                    if(key==etdBtnId){
                      delete props[key];
                      props[proNo]=desName;
                      
                      //层隐藏
                          d3.select('#overlay').style('display','none');
                          d3.select('#win').style('display','none');
                          //更新属性  
                          initParams();
                      restart();
                      return;
                    }
                  }
                
                },
                     error: function(data){jAlert("服务器请求异常",'提示');}
              });
              
             }else{
               jAlert("此属性编号已存在,请重新输入编号!",'提示');
             }
           },
           error:function(data){jAlert("服务器访问异常!",'提示');}
     });
  }else if(selected_link){
    var proType=d3.select("#proType").property('value');
    var proNo=d3.select("#proNo").property('value');
    var desName=d3.select("#selectLink"+etdBtnId).property('value');//正在编辑select2的值
    
    //插入前先查询节点‘英文编号’的此label 此简称是否存在
    
     var linkeName=d3.select('#linkName').property('value');
     var linkId;//选中的name的ID 即属性表里的sourceId
     for(var i=0;i<linkType.length;i++){
      if(linkeName==linkType[i].type){
        linkId=linkType[i].id;
      }
    }
     $.ajax({
       type: "GET",
           url: window.basePath+"/api/cm/findByPros",
           data: {sourceType : 2,sourceId: linkId,keyname:proNo},
           dataType: "text",
           success:function(data){
             if(data==0){//数据库中没有此属性  允许插入
              //插入操作 返回实体
              $.ajax({
                 type: "POST",
                 contentType:"application/json; charset=UTF-8",
                     url: window.basePath+"/api/cm/dynparam",
                     data: JSON.stringify({ descName:desName, key:proNo, sourceId:linkId, sourceType:2, valueType:proType,fix:0}),//JSON.stringify(entity),
                     dataType: "json",
                     success:function(data){
                       //插入成功后改变正在编辑的
                       //params=JSON.parse(json.responseText);
                var props=selected_link.props;
                  for(var key in props){
                    if(key==etdBtnId){
                      delete props[key];
                      props[proNo]=desName;
                      //层隐藏
                          d3.select('#overlay').style('display','none');
                          d3.select('#win').style('display','none');
                          //更新属性  
                          initParams();
                      return;
                    }
                  }
                },
                     error: function(data){jAlert("服务器请求异常",'提示');}
              });
              
             }else{
               jAlert("此属性编号已存在,请重新输入编号!",'提示');
             }
           },
           error:function(data){jAlert("服务器访问异常!",'提示');}
     });
    
     
  }


});
//取消
d3.select('#addResBtn').on('click',function(){
  d3.select('#overlay').style('display','none');
  d3.select('#win').style('display','none');
});
//关闭
d3.select('#close').on('click',function(){
  d3.select('#overlay').style('display','none');
  d3.select('#win').style('display','none');
});

//=================添加属性end==============================================

//连线'添加属性' 点击事件
d3.select('#addBtn1').on('click',function(){
  addRow1();
  
});
//添加节点
function addRow1(){
  if(selected_link){
    if(selected_link.props){
      selected_link.props['']='未定义';
    }else{
      selected_link['props']={'':'未定义'};
    }
    updJson();
    showLink();
  }
}

function cancel(){
  for(var i=0;i<links.length;i++){//确保用户不提交的时候不出错
     if(links[i].id==-1){
      // delete links[i];
       links.splice(i, 1);
       break;
     }
   }
};
//取消1
d3.select('#addResBtn1').on('click',function(){
  d3.select('#overlay1').style('display','none');
  d3.select('#win1').style('display','none');
});
//数据导入
d3.select("#importData").on("click",function(){
  d3.select('#overlay1').style('display','block');
  d3.select('#win1').style('display','block');
});
//上传
d3.select("#importBtn").on("click",function(){
  var name=d3.select("#importFile").property('value');
  var suffix=name.substring(name.lastIndexOf(".")+1,name.length);
  
  if(suffix!="xls" && suffix!="xlsx"){
    jAlert("请选择EXCEL文件!",'提示');
    return;
  }else{
    var form=$("#myform")[0];
    form.method="POST";
    form.action=window.basePath +"/api/cm/importFile";
    form.submit();
    jAlert("上传成功!",'提示');
    d3.select('#overlay1').style('display','none');
    d3.select('#win1').style('display','none');
  }
});





}]);