<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
<link rel="stylesheet" type="text/css" href="${base}/business/topo/css/reset.css">
|
|
<!--plugin(end)-->
|
|
<!--topo(start)-->
|
<link rel="stylesheet" type="text/css" href="${base}/business/topo/css/topo.css">
|
|
|
<script type="text/javascript" src="${base}/business/topo/js/jquery.min.js"></script>
|
<script type="text/javascript" src="${common_static}/static/script/jquery.util.js"></script>
|
<script src="${base}/business/topo/js/qunee-min.js"></script>
|
<!--<script src="../../qunee.js" ></script>-->
|
<script src="${base}/business/topo/js/common1.js"></script>
|
|
|
<script src="${base}/business/topo/js/framework.js"></script>
|
<script type="text/javascript">
|
var jsonDataUrl = "${base}/business/getJsonData.html";
|
function clickme() {
|
var model = graph.graphModel;
|
var nodeArray = new Array();
|
var relationArray = new Array();
|
model.forEachByBreadthFirst(function(node){
|
var name = node.name;
|
if(node.type==1) {
|
var relationMap = {};
|
relationMap.name = name;
|
relationMap.fromNode = node.from.newId;
|
relationMap.toNode = node.to.newId;
|
relationMap.edgeType = node.imageType;
|
relationArray.push(JSON.stringify(relationMap));
|
} else {
|
var nodeMap = {};
|
nodeMap.name = name;
|
nodeMap.imageType = node.imageType;
|
nodeMap.id = node.newId;
|
nodeMap.xlot = node.x;
|
nodeMap.ylot = node.y;
|
nodeArray.push(JSON.stringify(nodeMap));
|
}
|
}, null, true);
|
|
if(nodeArray.length == 0 && relationArray.length==0) {
|
alert("请先选择节点");
|
return;
|
}
|
|
var relations = relationArray.join(";");
|
|
var nodes = nodeArray.join(";");
|
|
var params = {"relations":relations,"nodes":nodes};
|
$.post("${base}/business/saveData.html",params,function(data,textStatus) {
|
if(data==1) {
|
alert("保存成功");
|
}
|
})
|
|
|
}
|
|
</script>
|
<title>dtopo</title>
|
</head>
|
|
<body class="topobody">
|
<div class="topocon">
|
<div class="topoleft">
|
<div class="companylogo">工具栏</div>
|
<h3 class="topotitle"><span>网络拓扑图</span></h3>
|
<div class="lefticon clearfix" id="toolbox">
|
|
</div>
|
<h3 class="topotitle"><span>设备关系线</span></h3>
|
<div class="lefticon clearfix" id="linePanel">
|
|
</div>
|
</div>
|
<div class="toporight" >
|
<div class="funcbtn">
|
<div id="toolbar" style="float:left;">
|
|
</div>
|
<div class="morebtn">
|
<a id="viewTopoBtn"><img src="${base}/business/topo/images/preview.gif" alt="预览" /><font>预览</font></a>
|
<a id="saveTopoBtn" href="javascript:clickme();"><img src="${base}/business/topo/images/save.gif" alt="保存" /><font>保存</font></a>
|
</div>
|
</div>
|
<div class="topocontent" id="canvas">
|
|
</div>
|
</div>
|
</div>
|
<div class="rightkeypop" id="rightkeyPop">
|
<span class="delele" id="delEle">删除元素</span>
|
<div class="relevancebox" id="relevanceBox">
|
<span class="relevanceto">关联到</span>
|
<div class="relation_wrap" id="relationWrap">
|
<a>高清显示器</a>
|
<a>5K等离子显示器</a>
|
<a>高清显示器</a>
|
<a>5K等离子显示器</a>
|
</div>
|
</div>
|
</div>
|
<div class="loading_pop" id="loadingPop"><img src="${base}/business/topo/images/loading.gif" width="500" height="500" alt="loading......"></div>
|
</body>
|
</html>
|
