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;i1){ // 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: '

搜索代码:' + d.uuid + '

' + // '

配置标题:' + d.name + '

' + // '

状态:' + d.status + '

' + // '

审核状态:' + d.props.state + '

' + // '

维护人员:' + d.props.useradmin + '

', // 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' + $scope.labels[i].iconname + ''; } } }); // 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: '

内部代码:' + $scope.selected_node.uuid + '

' + '

配置标题:' + $scope.selected_node.name + '

' + '

状态:' + $scope.selected_node.status + '

' + // '

审核状态:' + $scope.selected_node.props.state + '

' + '

资产管理员:' + $scope.selected_node.props.meansmanager + '

', 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'; str += '未定义:' + '' + //111111111111111111111 padding-left: 60px; strS + '' + '' + ' '; 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 = ''; } else { strS = ''; } if (p.fix == 1) { //固定属性 不允许编辑显示属性名 不允许删除 //类型设置 读取JSON string date int float 22222222222222222padding-left: 21px; str += '' + p.descName + ':' + '' + strS + '' + '' + ' '; break; } else { //类型设置 读取JSON string date int float str += '' + p.descName + ':' + '' + //333333333333333 padding-left: 21px; strS + '' + '' + ' '; 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 = ''; } else { strS = ''; } //类型设置 读取JSON string date int float str += '' + entity.descName + ':' + '' + strS + '' + '' + ' '; 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 = ''; } else { strS = ''; } //类型设置 读取JSON string date int float str += '' + entity.descName + ':' + '' + strS + '' + '' + ' '; 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'); } }); }]);