1104 lines
61 KiB
Plaintext
1104 lines
61 KiB
Plaintext
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||
<%
|
||
String path = request.getContextPath();
|
||
String basePath = request.getScheme() + "://"
|
||
+ request.getServerName() + ":" + request.getServerPort()
|
||
+ path + "/";
|
||
response.setHeader("Pragma","No-Cache");
|
||
response.setHeader("Cache-Control","No-Cache");
|
||
response.setDateHeader("Expires", 0);
|
||
%>
|
||
|
||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns=" http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<title>i18n_sdc.message.title_n81ii18n_sdc.message.title_n81i</title>
|
||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet" type="text/css" />
|
||
<script language="javascript" type="text/javascript"
|
||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||
<style type="text/css">
|
||
div
|
||
{
|
||
position: absolute; /*Div设置为position: absolute;才可以设置zIndex*/
|
||
}
|
||
|
||
</style>
|
||
<script type="text/javascript">
|
||
document.onmousemove = function (a) {//鼠标移动
|
||
if (!a) a = window.event; //移动时创建一个事件
|
||
jQuery("#indexStr2").val(a.clientX+","+a.clientY);
|
||
}
|
||
|
||
//暂时无用
|
||
function replaceSpecChars(str) {
|
||
return str.replace(new RegExp("[+]","g"),"\\\\+");//替换+，+为特殊字符
|
||
}
|
||
|
||
function getAttributeValueById(id,attrStr) {
|
||
var ele = document.getElementById(id);
|
||
return ele.getAttribute(attrStr);
|
||
}
|
||
|
||
function getAttributeValueByEle(ele,attrStr) {
|
||
return ele.getAttribute(attrStr);
|
||
}
|
||
|
||
window.onscroll=function() {
|
||
var scrollTop = document.documentElement.scrollTop;
|
||
if(${devScrollHeight=='0'}) {//devScrollHeight可能为98%
|
||
return false;
|
||
}else if(scrollTop>=${devScrollHeight}){
|
||
return false;
|
||
}
|
||
|
||
var backBut = document.getElementById("backBut");
|
||
backBut.style.top = scrollTop +5 +"px";
|
||
|
||
jQuery("div[id^='div_']").each(function() {
|
||
var divId = this.id;
|
||
var devCode = divId.split("_")[1];//设备型号
|
||
var initDivId = "initDivTop_"+devCode;
|
||
var initTextId = "initTextTop_"+devCode;
|
||
var initDivTop = document.getElementById(initDivId).value;//当ID中包含"+"时,jQuery获取不到元素
|
||
var initTextTop = document.getElementById(initTextId).value;
|
||
|
||
var newTop = "";
|
||
if(isEndWith(divId,'_name')) {
|
||
newTop = initTextTop;
|
||
}else if(isEndWith(divId,'_backImg')) {
|
||
newTop = initDivTop;
|
||
}else {
|
||
newTop = initDivTop;
|
||
}
|
||
var sum = Number(newTop)+Number(scrollTop);//不能再加字符，否则之前的数字也按字符串进行相加
|
||
this.style.top = sum+"px";
|
||
|
||
});
|
||
}
|
||
|
||
//判断str是否以endStr结尾
|
||
function isEndWith(str,endStr) {
|
||
var strLen = str.length;
|
||
var endStrLen = endStr.length;
|
||
if(endStrLen<=strLen) {
|
||
var subStr = str.substring((strLen-endStrLen),strLen);
|
||
if(subStr==endStr) {
|
||
return true;
|
||
}else {
|
||
return false;
|
||
}
|
||
}else{
|
||
return false;
|
||
}
|
||
}
|
||
|
||
var count = 1;//设备div的ID为：div_${device.deviceCode}+"_ture"+count;
|
||
var deviceCount = ${maxDevNum};//${maxDevNum}:不能加单引号，因为要自增1的，加了单引号，按字符串处理了就：0-${maxDevNum}用于存rootDevice，板卡和卡槽对应后生成一组input信息，deviceCount为生成几组input，input组也可能被删除
|
||
//var deviceCount = 1;
|
||
//var rootDeviceX=300;//顶级设备的X坐标
|
||
//var rootDeviceY=30;//顶级设备的Y坐标
|
||
var zIndexCount = 1000;//zIndex的最大值为20多亿,zIndex必须设置position为absolute或者fixed等
|
||
|
||
//将设备的div拖到和以下位置有重叠部分的时候，会删除div（设备）
|
||
/*var delArray = new Array();
|
||
delArray[0] = 100;
|
||
delArray[1] = 80;
|
||
delArray[2] = 400;
|
||
delArray[3] = 450; */
|
||
|
||
//删除板卡div：只要设备处理顶级设备的范围内，就算删除:多个设备时-----将板卡拖到整个逻辑节点外才删除---yes--
|
||
var delArray = new Array();
|
||
//多个物理设备时:如何排列
|
||
if('${sortByXorY}'=='x' || '${sortByXorY}'=='X'){
|
||
delArray[0] = ${rootDeviceX};//XMin
|
||
delArray[1] = ${rootDeviceX}+${rootDevice.deviceWidth*maxDevNum}+${(maxDevNum-1)*deviceGap};//XMax
|
||
delArray[2] = ${rootDeviceY};//YMin
|
||
delArray[3] = ${rootDeviceY}+${rootDevice.deviceHeight};//YMax :${rootDeviceY}+${rootDevice.deviceHeight}
|
||
}else {
|
||
delArray[0] = ${rootDeviceX};//XMin
|
||
delArray[1] = ${rootDeviceX}+${rootDevice.deviceWidth};//XMax
|
||
delArray[2] = ${rootDeviceY};//YMin
|
||
delArray[3] = ${rootDeviceY}+${rootDevice.deviceHeight*maxDevNum}+${(maxDevNum-1)*deviceGap};//YMax :${rootDeviceY}+${rootDevice.deviceHeight}
|
||
}
|
||
|
||
//顶级设备上的位置数组，每个位置有可以放置的设备:后台直接查询xy，未进行组合
|
||
var positArray = new Array();
|
||
var positionCount = ${fn:length(devicePositionList)};
|
||
<c:forEach items="${devicePositionList}" var="devicePosition" varStatus="vs">
|
||
|
||
//多个物理设备时:如何排列
|
||
if('${sortByXorY}'=='x' || '${sortByXorY}'=='X'){
|
||
var xMin = ${rootDeviceX}+${devicePosition.devNum*(deviceGap+rootDevice.deviceWidth)}+${devicePosition.figureX};
|
||
var xMax = xMin+${devicePosition.deviceWidth};
|
||
|
||
var yMin = ${rootDeviceY}+${devicePosition.figureY};//第一个root设备的Y坐标+（max-1）*（gap+rootDev.height）+dev.figureY
|
||
var yMax = yMin+${devicePosition.deviceHeight};
|
||
}else {//竖着排列，需要改变y坐标,默认按y排列
|
||
var xMin = ${rootDeviceX}+${devicePosition.figureX};
|
||
var xMax = xMin+${devicePosition.deviceWidth};
|
||
|
||
var yMin = ${rootDeviceY}+${devicePosition.devNum*(deviceGap+rootDevice.deviceHeight)}+${devicePosition.figureY};//第一个root设备的Y坐标+（max-1）*（gap+rootDev.height）+dev.figureY
|
||
var yMax = yMin+${devicePosition.deviceHeight};
|
||
}
|
||
|
||
var i = ${vs.count}-1;
|
||
positArray[i] = new Array();
|
||
//每个卡槽的位置范围
|
||
positArray[i][0] = xMin;
|
||
positArray[i][1] = xMax;
|
||
positArray[i][2] = yMin;
|
||
positArray[i][3] = yMax;
|
||
|
||
positArray[i][4] = '${devicePosition.showIndex}';//后台已经处理多个物理设备时的showIndex：index=自身的index+(设备编号*顶级设备位置的个数)
|
||
positArray[i][5] = '${devicePosition.deviceCode}';//update by jinsj 槽位序号，用于拖动子设备到板卡时验证，板卡和槽位是否对应
|
||
positArray[i][6] = 0;//对应上此位置是否有设备：1是，0否
|
||
positArray[i][7] = '';//对应设备的div的ID
|
||
positArray[i][8] = '${devicePosition.pid}';
|
||
positArray[i][9] = '';//顶级设备的父设备在祖父设备的位置为空(机框的父设备在祖父设备的位置为空，因为机框没有祖父设备)
|
||
//positArray[i][9] = ${devicePosition.devNum+1};//父设备(机框)在祖父设备的位置。
|
||
|
||
positArray[i][10] = '${devicePosition.figureX}';//槽的坐标:可以由后台获取，也可以前台传递
|
||
positArray[i][11] = '${devicePosition.figureY}';//槽的坐标:可以由后台获取，也可以前台传递
|
||
|
||
positArray[i][12] = ${devicePosition.devNum};//当前卡槽位置是第几个机框上的：机框从0到(maxDevNum-1)
|
||
</c:forEach>
|
||
|
||
/*
|
||
拖动设备模型（div）:
|
||
1.鼠标移动的时候，设备模板跟着移动
|
||
2.鼠标up的时候：
|
||
(1)设备模板回到原来的位置
|
||
(2)生成一个div的真实大小的设备：
|
||
(21)如果当前设备的位置和位置数组中的位置匹配的话，对齐
|
||
(211) 如果当前位置已经有设备了，则删除位置对应的设备、设备对应input组、清空positArray[i][7] = ''，并使positArray[i][6] = 0
|
||
(212)无论当前位置是否有设备：对齐位置，生成input组，修改positArray[i][7]（当前位置对应设备的divID），positArray[i][6]（当前位置是否有设备）
|
||
(3)如果当前设备移动到了回收站的位置，则删除生成的设备div+div对应的input组，修改positArray[i][7]，positArray[i][6]
|
||
|
||
*/
|
||
function drag(objId) {
|
||
if (typeof objId == "string") {
|
||
var obj = document.getElementById(objId);
|
||
}
|
||
//调用当前div的mousedown事件的同时，调用document的mousemove和mouseup事件
|
||
obj.onmousedown = function (a) {//鼠标按下
|
||
var oldX = obj.style.left;
|
||
var oldY = obj.style.top;
|
||
this.style.cursor = "move"; //设置鼠标样式 hand
|
||
zIndexCount = zIndexCount+1;
|
||
this.style.zIndex = zIndexCount;
|
||
var d = document;
|
||
if (!a) a = window.event; //按下时创建一个事件
|
||
|
||
var x = a.clientX - document.body.scrollLeft - obj.offsetLeft; //x=鼠标相对于网页的x坐标-网页被卷去的宽-待移动对象的左外边距
|
||
var y = a.clientY - document.body.scrollTop - obj.offsetTop; //y=鼠标相对于网页的y左边-网页被卷去的高-待移动对象的左上边距
|
||
|
||
//设置frame外捕获鼠标事件
|
||
if(obj.setCapture) {
|
||
obj.setCapture();
|
||
}else if(window.captureEvents) {
|
||
window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
|
||
}
|
||
|
||
d.onmousemove = function (a) {//鼠标移动
|
||
if (!a) a = window.event; //移动时创建一个事件
|
||
obj.style.left = a.clientX + document.body.scrollLeft - x +"px";
|
||
obj.style.top = a.clientY + document.body.scrollTop - y +"px";
|
||
|
||
}
|
||
d.onmouseup = function (a) {//鼠标放开
|
||
//取消frame外捕获鼠标事件
|
||
if(obj.releaseCapture) {
|
||
obj.releaseCapture();
|
||
}else if(window.captureEvents) {
|
||
window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
|
||
}
|
||
|
||
if (!a) a = window.event; //按下时创建一个事件
|
||
//此处的document.body.scrollLeft获取的值总是0，不起作用，需要使用document.documentElement.scrollTop获取，但是也没有关系，因为x、y的值使用的过程中，和它无关，因为减去一个，又加上了一个？？
|
||
var x = a.clientX - document.body.scrollLeft - obj.offsetLeft; //x=鼠标相对于网页的x坐标-网页被卷去的宽-待移动对象的左外边距
|
||
var y = a.clientY - document.body.scrollTop - obj.offsetTop; //y=鼠标相对于网页的y左边-网页被卷去的高-待移动对象的左上边距
|
||
|
||
document.onmousemove = null;
|
||
document.onmousemove = function (a) {//鼠标移动
|
||
if (!a) a = window.event; //移动时创建一个事件
|
||
jQuery("#indexStr2").val(a.clientX+","+a.clientY);
|
||
}
|
||
document.onmouseup = null;
|
||
obj.style.cursor = "normal"; //设置放开的样式
|
||
|
||
//松开鼠标的时候，使大图显示，小图片回到原来的位置
|
||
obj.style.left = oldX;
|
||
obj.style.top = oldY;
|
||
|
||
var instanceDiv = document.createElement("div");
|
||
var indstanceId = "instance_"+objId+"_ture"+count;
|
||
count = count+1;
|
||
instanceDiv.setAttribute("id",indstanceId);
|
||
var tmp = document.getElementById(objId);
|
||
instanceDiv.style.width = getAttributeValueByEle(tmp,"deviceWidth")+"px";
|
||
instanceDiv.style.height = getAttributeValueByEle(tmp,"deviceHeight")+"px";
|
||
instanceDiv.style.left = a.clientX + document.body.scrollLeft - x +"px";
|
||
|
||
instanceDiv.style.top = a.clientY + document.body.scrollTop - y +"px";
|
||
instanceDiv.style.background= getAttributeValueByEle(tmp,"imageTrue");
|
||
zIndexCount = zIndexCount+1;
|
||
instanceDiv.style.zIndex = zIndexCount;
|
||
//设备本身的信息
|
||
instanceDiv.setAttribute("parDeviceCode",getAttributeValueByEle(tmp,"parDeviceCode"));
|
||
instanceDiv.setAttribute("deviceCode",getAttributeValueByEle(tmp,"deviceCode"));
|
||
instanceDiv.setAttribute("deviceHeight",getAttributeValueByEle(tmp,"deviceHeight"));
|
||
instanceDiv.setAttribute("deviceWidth",getAttributeValueByEle(tmp,"deviceWidth"));
|
||
instanceDiv.setAttribute("showLevel",getAttributeValueByEle(tmp,"showLevel"));
|
||
instanceDiv.setAttribute("deviceFill",getAttributeValueByEle(tmp,"deviceFill"));
|
||
instanceDiv.setAttribute("isLink",getAttributeValueByEle(tmp,"isLink"));
|
||
instanceDiv.setAttribute("devId",getAttributeValueByEle(tmp,"devId"));
|
||
//instanceDiv.setAttribute("showIndex",getAttributeValueByEle(ele,"showIndex"));//此为设备的编号，对于板卡来说，没有意义，支持多级时，可能有用-------??
|
||
instanceDiv.setAttribute("isLeaf",getAttributeValueByEle(tmp,"isLeaf"));
|
||
instanceDiv.setAttribute("figureX",getAttributeValueByEle(tmp,"figureX"));
|
||
instanceDiv.setAttribute("figureY",getAttributeValueByEle(tmp,"figureY"));
|
||
|
||
document.deviceConfigForm.appendChild(instanceDiv);
|
||
|
||
//以下语句需要在 document.deviceConfigForm.appendChild(instanceDiv)之后
|
||
var oldMinX = instanceDiv.offsetLeft;
|
||
var oldMaxX = instanceDiv.offsetLeft+instanceDiv.offsetWidth;
|
||
var oldMinY = instanceDiv.offsetTop;
|
||
var oldMaxY = instanceDiv.offsetTop+instanceDiv.offsetHeight;
|
||
var halfHeight = instanceDiv.offsetHeight/2-1; //当板卡在两个位置的正中间的时候，此时两个边的距离就可能小于halfHeight一点，所以哪个位置也不符合，所以要减去1像素
|
||
var halfWidth = instanceDiv.offsetWidth/2-1; //当板卡在两个位置的正中间的时候，此时两个边的距离就可能小于halfWidth一点，所以哪个位置也不符合，所以要减去1像素
|
||
|
||
|
||
dragFree(indstanceId);
|
||
delDivMapInputAndPosition(instanceDiv);//删除div对应的input和位置
|
||
|
||
var areaArray = new Array();
|
||
//4个点所在槽位与矩形板卡重合的面积
|
||
areaArray[0] = new Array();//点1
|
||
areaArray[0][0] = 0;//面积
|
||
areaArray[0][1] = '';//positArray[i][6],此位置是否有设备。1：有设备
|
||
areaArray[0][2] = '';//对应设备的div的ID
|
||
areaArray[0][3] = '';//板卡对齐后的x坐标
|
||
areaArray[0][4] = '';//板卡对齐后的y坐标
|
||
areaArray[0][5] = '';//parShowIndex
|
||
areaArray[0][6] = '';//parShowIndex
|
||
areaArray[0][7] = '';//
|
||
areaArray[0][8] = '';//
|
||
areaArray[0][9] = '';//
|
||
areaArray[0][10] = '';//
|
||
areaArray[0][11] = '';//
|
||
areaArray[0][12] = false;//是否有和板卡div重合的槽位
|
||
|
||
|
||
for(var i=0;i<positionCount;i++) {
|
||
var tmpXMin = positArray[i][0];
|
||
var tmpXMax = positArray[i][1];
|
||
var tmpYMin = positArray[i][2];
|
||
var tmpYMax = positArray[i][3];
|
||
//jQuery("#kuangPosi"+i).val(tmpXMin+"-"+tmpXMax+","+tmpYMin+"-"+tmpYMax);//调试使用
|
||
|
||
//a.clientX和a.clientY为鼠标的坐标
|
||
//if(tmpXMin<=a.clientX && tmpXMax>=a.clientX
|
||
//&& tmpYMin<=a.clientY && tmpYMax>=a.clientY) {
|
||
/*if(positArray[i][4]=='18'||positArray[i][4]=='17'||positArray[i][4]=='5') {
|
||
alert(positArray[i][4]+"="+tmpXMin+","+tmpYMin+","+tmpXMax+","+tmpYMax);
|
||
}*/
|
||
|
||
//默认的为横向的矩形:矩形的4个点在槽位范围内时，再判断面积:1：左上点，2：左下点，3：右上点，4：右下点
|
||
var condetion1 = tmpXMin<=oldMinX && tmpXMax>=oldMinX && tmpYMin<=oldMinY && tmpYMax>=oldMinY;
|
||
var condetion2 = tmpXMin<=oldMinX && tmpXMax>=oldMinX && tmpYMin<=oldMaxY && tmpYMax>=oldMaxY;
|
||
var condetion3 = tmpXMin<=oldMaxX && tmpXMax>=oldMaxX && tmpYMin<=oldMinY && tmpYMax>=oldMinY;
|
||
var condetion4 = tmpXMin<=oldMaxX && tmpXMax>=oldMaxX && tmpYMin<=oldMaxY && tmpYMax>=oldMaxY;
|
||
|
||
if('${modelSortByXorY}'=='y' || '${modelSortByXorY}'=='Y'){//模型为竖向的矩形
|
||
|
||
condetion1 = tmpXMin<=oldMinX && tmpXMax>=oldMinX && tmpYMin<=oldMinY && tmpYMax>=oldMinY;
|
||
condetion2 = tmpXMin<=oldMinX && tmpXMax>=oldMinX && tmpYMin<=oldMaxY && tmpYMax>=oldMaxY;
|
||
condetion3 = tmpXMin<=oldMaxX && tmpXMax>=oldMaxX && tmpYMin<=oldMinY && tmpYMax>=oldMinY;
|
||
condetion4 = tmpXMin<=oldMaxX && tmpXMax>=oldMaxX && tmpYMin<=oldMaxY && tmpYMax>=oldMaxY;
|
||
}
|
||
|
||
//只有矩形四个点中的一个点和某个槽位有重叠部分，则计算重叠面积（由于有条件>=halfHeight，所以每次符合条件的只有2个点，只会计算2个面积,此时如果重合的部分都没有超过halfHeight的，则不会对齐，这样不对）
|
||
if(condetion1 || condetion2 || condetion3 || condetion4) {
|
||
var areaTmp = 0;
|
||
if(condetion1) {
|
||
areaTmp = (Number(tmpXMax)-Number(oldMinX))*(Number(tmpYMax)-Number(oldMinY));
|
||
}else if(condetion2) {
|
||
areaTmp = (Number(tmpXMax)-Number(oldMinX))*(Number(oldMaxY)-Number(tmpYMin));
|
||
}else if(condetion3) {
|
||
areaTmp = (Number(oldMaxX)-Number(tmpXMin))*(Number(tmpYMax)-Number(oldMinY));
|
||
}else if(condetion4) {
|
||
areaTmp = (Number(oldMaxX)-Number(tmpXMin))*(Number(oldMaxY)-Number(tmpYMin));
|
||
}
|
||
if(areaTmp>areaArray[0][0]) {
|
||
|
||
areaArray[0][0] = areaTmp;//面积
|
||
areaArray[0][1] = positArray[i][6];//positArray[i][6],此位置是否有设备。1：有设备
|
||
areaArray[0][2] = positArray[i][7];//对应设备的div的ID
|
||
areaArray[0][3] = tmpXMin;//板卡对齐后的x坐标
|
||
areaArray[0][4] = tmpYMin;//板卡对齐后的y坐标
|
||
areaArray[0][5] = positArray[i][9];//parShowIndex
|
||
areaArray[0][6] = positArray[i][12];//parShowIndex
|
||
areaArray[0][7] = positArray[i][4];//
|
||
areaArray[0][8] = positArray[i][10];//
|
||
areaArray[0][9] = positArray[i][11];//
|
||
areaArray[0][10] = positArray[i][8];//
|
||
areaArray[0][11] = i;//
|
||
areaArray[0][12] = true;//是否有和板卡div重合的槽位
|
||
areaArray[0][13] = positArray[i][5];//槽位序号
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
|
||
//板卡div至少和一个槽位重叠
|
||
if(areaArray[0][12]) {
|
||
|
||
if(areaArray[0][1]==1) {//此位置已有设备positArray[i][6]
|
||
//删除原来的位置上的设备，将当前设备作为新的设备放到位置上
|
||
//删除当前移动板卡对应的所有input,将当前板卡所在的位置置为无板卡-????????
|
||
var deviceDivId = areaArray[0][2];//positArray[i][7]
|
||
//说明当前卡槽的位置已经有板卡了，需要将此板卡div删除，将对应input删除，将positArray[i][7]清空，将positArray[i][6]置为无设备
|
||
if(deviceDivId!='') {
|
||
delDivMapInputAndPosition(deviceDivId);//包含positArray[i][6] = 0/positArray[i][7] = ''; 操作
|
||
var divObj = document.getElementById(deviceDivId);
|
||
document.deviceConfigForm.removeChild(divObj);
|
||
}
|
||
}
|
||
|
||
instanceDiv.style.left = areaArray[0][3] +"px";//tmpXMin
|
||
instanceDiv.style.top = areaArray[0][4] +"px";//tmpYMin
|
||
//此时不用删除div之前对应的input和位置，因为up之前不会有对应的:
|
||
var parShowIndex = generatParShowIndex(areaArray[0][5],(areaArray[0][6]+1));//因为设备型号维护时，showIndex默认为1，所以此处的设备编号要从1开始
|
||
createDeviceInfo(tmp,areaArray[0][7],areaArray[0][8],areaArray[0][9],indstanceId,areaArray[0][10],parShowIndex);
|
||
positArray[areaArray[0][11]][6] = 1;
|
||
positArray[areaArray[0][11]][7] = indstanceId;
|
||
//update by jinsj begin 验证子设备与槽位是否对应
|
||
if(areaArray[0][13] != null){
|
||
var flag = checkPosition(getAttributeValueByEle(tmp,"parDeviceCode"),getAttributeValueByEle(tmp,"deviceCode"),areaArray[0][13]);
|
||
if(!flag){
|
||
//删除当前移动板卡对应的所有input,将当前板卡所在的位置置为无板卡
|
||
delDivMapInputAndPosition(indstanceId);
|
||
document.deviceConfigForm.removeChild(instanceDiv);
|
||
return false;
|
||
}
|
||
}
|
||
//update by jinsj end
|
||
}else{//当移动板子不在任何已定义板子的槽位,但在主机架范围内时,不符合放置条件所以放开鼠标清理移动板子
|
||
delDivMapInputAndPosition(indstanceId);
|
||
document.deviceConfigForm.removeChild(instanceDiv);
|
||
return false;
|
||
}
|
||
|
||
|
||
//删除div，及关系：由于一移动div板卡则删除关系，所以删除某个板卡时，可以不用再删除关系，不过可以看一下是否有关系存在，有就删除
|
||
/*var tmpXMin = delArray[0];
|
||
var tmpXMax = delArray[1];
|
||
var tmpYMin = delArray[2];
|
||
var tmpYMax = delArray[3];
|
||
|
||
if(((tmpXMin<=oldMinX && oldMinX<=tmpXMax)
|
||
|| (tmpXMin<=oldMaxX && oldMaxX<=tmpXMax)
|
||
|| (oldMinX<=tmpXMin && tmpXMin<=oldMaxX)
|
||
|| (oldMinX<=tmpXMax && tmpXMax<=oldMaxX))
|
||
&&
|
||
((tmpYMin<=oldMinY && oldMinY<=tmpYMax)
|
||
|| (tmpYMin<=oldMaxY && oldMaxY<=tmpYMax)
|
||
|| (oldMinY<=tmpYMin && tmpYMin<=oldMaxY)
|
||
|| (oldMinY<=tmpYMax && tmpYMax<=oldMaxY))) {
|
||
|
||
//删除当前移动板卡对应的所有input,将当前板卡所在的位置置为无板卡
|
||
delDivMapInputAndPosition(indstanceId);
|
||
document.deviceConfigForm.removeChild(instanceDiv);
|
||
}*/
|
||
var tmpXMin = delArray[0];
|
||
var tmpXMax = delArray[1];
|
||
var tmpYMin = delArray[2];
|
||
var tmpYMax = delArray[3];
|
||
|
||
if( oldMaxX<tmpXMin
|
||
|| oldMinX>tmpXMax
|
||
|| oldMinY>tmpYMax
|
||
|| oldMaxY<tmpYMin) {
|
||
|
||
//删除当前移动板卡对应的所有input,将当前板卡所在的位置置为无板卡
|
||
delDivMapInputAndPosition(indstanceId);
|
||
document.deviceConfigForm.removeChild(instanceDiv);
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
function checkPosition(deviceTypeCode,subDeviceCode,postion){
|
||
var isOk = true;
|
||
var params = {
|
||
deviceTypeCode:deviceTypeCode,
|
||
subDeviceCode: subDeviceCode,
|
||
postion:postion
|
||
};
|
||
$.ajax({
|
||
type:"post",
|
||
url:"<c:url value='/detection/switchDetection!checkPostion.do'/>",
|
||
data:$.param(params),
|
||
async:false,
|
||
success:function (data,textStatus){
|
||
if(textStatus == "success" && data =="0"){
|
||
alert("i18n_sdc.message.checkPosition_n81i");
|
||
isOk = false;
|
||
}
|
||
}
|
||
})
|
||
return isOk;
|
||
}
|
||
|
||
//此方法暂时无用
|
||
function toDelete(objId) {
|
||
delDivMapInputAndPosition(objId);
|
||
var obj = document.getElementById(objId);
|
||
document.deviceConfigForm.removeChild(obj);
|
||
}
|
||
|
||
//创建input组，将位置和设备对应,tmp为document.getElementById的来的
|
||
function createDeviceInfo(tmp,showIndex,tmpX,tmpY,instanceId,pid,parShowIndex) {
|
||
//常量定义
|
||
var elementType ="input";
|
||
var inputType ="hidden";
|
||
var listName ="deviceConfigList";
|
||
|
||
//id:设备在表device_type_info的id
|
||
var inputEleParDevCode = document.createElement(elementType);
|
||
var inputEleName0 = listName+"["+deviceCount+"].id";
|
||
inputEleParDevCode.setAttribute("id",inputEleName0);
|
||
inputEleParDevCode.setAttribute("name",inputEleName0);
|
||
inputEleParDevCode.setAttribute("value",getAttributeValueByEle(tmp,"devId"));
|
||
inputEleParDevCode.setAttribute("type",inputType);
|
||
inputEleParDevCode.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleParDevCode);
|
||
|
||
//pid:设备在表device_type_info的pid,-------------------------------似乎无用？
|
||
var inputEleParDevCode = document.createElement(elementType);
|
||
var inputEleName0 = listName+"["+deviceCount+"].pid";
|
||
inputEleParDevCode.setAttribute("id",inputEleName0);
|
||
inputEleParDevCode.setAttribute("name",inputEleName0);
|
||
inputEleParDevCode.setAttribute("value",pid);
|
||
inputEleParDevCode.setAttribute("type",inputType);
|
||
inputEleParDevCode.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleParDevCode);
|
||
|
||
//parDeviceCode:父设备型号：为空（最顶层设备）或者一个设备型号
|
||
var inputEleParDevCode = document.createElement(elementType);
|
||
var inputEleName1 = listName+"["+deviceCount+"].parDeviceCode";
|
||
inputEleParDevCode.setAttribute("id",inputEleName1);
|
||
inputEleParDevCode.setAttribute("name",inputEleName1);
|
||
inputEleParDevCode.setAttribute("value",getAttributeValueByEle(tmp,"parDeviceCode"));
|
||
inputEleParDevCode.setAttribute("type",inputType);
|
||
inputEleParDevCode.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleParDevCode);
|
||
|
||
//deviceCode-设备型号
|
||
var inputEleDevCode = document.createElement(elementType);
|
||
var inputEleName2 = listName+"["+deviceCount+"].deviceCode";
|
||
inputEleDevCode.setAttribute("id",inputEleName2);
|
||
inputEleDevCode.setAttribute("name",inputEleName2);
|
||
inputEleDevCode.setAttribute("value",getAttributeValueByEle(tmp,"deviceCode"));
|
||
inputEleDevCode.setAttribute("type",inputType);
|
||
inputEleDevCode.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleDevCode);
|
||
|
||
|
||
|
||
//showIndex-设备在父设备的位置（如卡槽的位置）
|
||
var inputEleShowIndex = document.createElement(elementType);
|
||
var inputEleName3 = listName+"["+deviceCount+"].showIndex";
|
||
inputEleShowIndex.setAttribute("id",inputEleName3);
|
||
inputEleShowIndex.setAttribute("name",inputEleName3);
|
||
inputEleShowIndex.setAttribute("value",showIndex);
|
||
inputEleShowIndex.setAttribute("type",inputType);
|
||
inputEleShowIndex.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleShowIndex);
|
||
|
||
//showLevel---设备的级别：取当前设备的showLevel
|
||
var inputEleShowLevel = document.createElement(elementType);
|
||
var inputEleName4 = listName+"["+deviceCount+"].showLevel";
|
||
inputEleShowLevel.setAttribute("id",inputEleName4);
|
||
inputEleShowLevel.setAttribute("name",inputEleName4);
|
||
inputEleShowLevel.setAttribute("value",getAttributeValueByEle(tmp,"showLevel"));
|
||
inputEleShowLevel.setAttribute("type",inputType);
|
||
inputEleShowLevel.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleShowLevel);
|
||
|
||
//figureX--板卡原来的位置等于槽的位置：等于机框的位置加上槽的位置
|
||
var inputEleX = document.createElement(elementType);
|
||
var inputEleName5 = listName+"["+deviceCount+"].figureX";
|
||
inputEleX.setAttribute("id",inputEleName5);
|
||
inputEleX.setAttribute("name",inputEleName5);
|
||
inputEleX.setAttribute("value",tmpX);
|
||
inputEleX.setAttribute("type",inputType);
|
||
inputEleX.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleX);
|
||
|
||
//figureY--板卡原来的位置等于槽的位置：等于机框的位置加上槽的位置
|
||
var inputEleY = document.createElement(elementType);
|
||
var inputEleName6 = listName+"["+deviceCount+"].figureY";
|
||
inputEleY.setAttribute("id",inputEleName6);
|
||
inputEleY.setAttribute("name",inputEleName6);
|
||
inputEleY.setAttribute("value",tmpY);
|
||
inputEleY.setAttribute("type",inputType);
|
||
inputEleY.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleY);
|
||
|
||
//deviceWidth
|
||
var inputEleWidth = document.createElement(elementType);
|
||
var inputEleName7 = listName+"["+deviceCount+"].deviceWidth";
|
||
inputEleWidth.setAttribute("id",inputEleName7);
|
||
inputEleWidth.setAttribute("name",inputEleName7);
|
||
inputEleWidth.setAttribute("value",getAttributeValueByEle(tmp,"deviceWidth"));
|
||
inputEleWidth.setAttribute("type",inputType);
|
||
inputEleWidth.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleWidth);
|
||
|
||
//deviceHeight
|
||
var inputEleHeight = document.createElement(elementType);
|
||
var inputEleName8 = listName+"["+deviceCount+"].deviceHeight";
|
||
inputEleHeight.setAttribute("id",inputEleName8);
|
||
inputEleHeight.setAttribute("name",inputEleName8);
|
||
inputEleHeight.setAttribute("value",getAttributeValueByEle(tmp,"deviceHeight"));
|
||
inputEleHeight.setAttribute("type",inputType);
|
||
inputEleHeight.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleHeight);
|
||
|
||
//deviceFill：node_figure_info表的figure_fill_model和figure_fill字段
|
||
var inputEleFill = document.createElement(elementType);
|
||
var inputEleName9 = listName+"["+deviceCount+"].deviceFill";
|
||
inputEleFill.setAttribute("id",inputEleName9);
|
||
inputEleFill.setAttribute("name",inputEleName9);
|
||
inputEleFill.setAttribute("value",getAttributeValueByEle(tmp,"deviceFill"));
|
||
inputEleFill.setAttribute("type",inputType);
|
||
inputEleFill.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleFill);
|
||
|
||
//isLink：是否有链接，1是，0否，node_figure_info表的is_leaf字段
|
||
var inputEleIsLink = document.createElement(elementType);
|
||
var inputEleName10 = listName+"["+deviceCount+"].isLink";
|
||
inputEleIsLink.setAttribute("id",inputEleName10);
|
||
inputEleIsLink.setAttribute("name",inputEleName10);
|
||
inputEleIsLink.setAttribute("value",getAttributeValueByEle(tmp,"isLink"));
|
||
inputEleIsLink.setAttribute("type",inputType);
|
||
inputEleIsLink.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleIsLink);
|
||
|
||
//isLeaf：是否叶子设备，1是，0否
|
||
var inputEleIsLeaf = document.createElement(elementType);
|
||
var inputEleName11 = listName+"["+deviceCount+"].isLeaf";
|
||
inputEleIsLeaf.setAttribute("id",inputEleName11);
|
||
inputEleIsLeaf.setAttribute("name",inputEleName11);
|
||
inputEleIsLeaf.setAttribute("value",getAttributeValueByEle(tmp,"isLeaf"));
|
||
inputEleIsLeaf.setAttribute("type",inputType);
|
||
inputEleIsLeaf.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleIsLeaf);
|
||
|
||
//parShowIndex-父设备在祖父设备的位置
|
||
var inputEleParShowIndex = document.createElement(elementType);
|
||
var inputEleName12 = listName+"["+deviceCount+"].parShowIndex";
|
||
inputEleParShowIndex.setAttribute("id",inputEleName12);
|
||
inputEleParShowIndex.setAttribute("name",inputEleName12);
|
||
inputEleParShowIndex.setAttribute("value",parShowIndex);
|
||
inputEleParShowIndex.setAttribute("type",inputType);
|
||
inputEleParShowIndex.setAttribute("mapDivId",instanceId);//本组input数据对应的板卡的div的id，用于删除设备的对应数据（一组input）
|
||
document.deviceConfigForm.appendChild(inputEleParShowIndex);
|
||
deviceCount = deviceCount + 1;
|
||
|
||
//jQuery("#listSize").val(deviceCount);
|
||
}
|
||
|
||
/*
|
||
拖动设备（div）:
|
||
1.鼠标移动的时候，设备跟着移动
|
||
2.鼠标up的时候：
|
||
(1)删除当前设备相关的：input组，修改positArray[i][7]，positArray[i][6]
|
||
(11)如果当前设备的位置和位置数组中的位置匹配的话，对齐
|
||
(111) 如果当前位置已经有设备了，则删除位置对应的设备div、设备对应input组、清空positArray[i][7] = ''，并使positArray[i][6] = 0
|
||
(112) 无论当前位置是否有设备：对齐位置，生成input组，修改positArray[i][7]（当前位置对应设备的divID），positArray[i][6]（当前位置是否有设备）
|
||
(2)如果当前设备移动到了回收站的位置，则删除生成的设备div+div对应的input组+修改positArray[i][7]，positArray[i][6]
|
||
|
||
*/
|
||
function dragFree(objId) {
|
||
if (typeof objId == "string") {
|
||
var obj = document.getElementById(objId);
|
||
}
|
||
obj.onmousedown = function (a) {//鼠标按下
|
||
this.style.cursor = "move"; //设置鼠标样式 hand
|
||
zIndexCount = zIndexCount+1;
|
||
this.style.zIndex = zIndexCount;
|
||
//jQuery("#indexStr").val(obj.style.zIndex+",");
|
||
//this.style.zIndex = 1000;
|
||
var d = document;
|
||
if (!a) a = window.event; //按下时创建一个事件
|
||
|
||
var x = a.clientX - document.body.scrollLeft - obj.offsetLeft; //x=鼠标相对于网页的x坐标-网页被卷去的宽-待移动对象的左外边距
|
||
var y = a.clientY - document.body.scrollTop - obj.offsetTop; //y=鼠标相对于网页的y左边-网页被卷去的高-待移动对象的左上边距
|
||
|
||
//设置frame外捕获鼠标事件
|
||
if(obj.setCapture) {
|
||
obj.setCapture();
|
||
}else if(window.captureEvents) {
|
||
window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
|
||
}
|
||
|
||
d.onmousemove = function (a) {//鼠标移动
|
||
if (!a) a = window.event; //移动时创建一个事件
|
||
obj.style.left = a.clientX + document.body.scrollLeft - x +"px";
|
||
obj.style.top = a.clientY + document.body.scrollTop - y +"px";
|
||
|
||
}
|
||
d.onmouseup = function () {//鼠标放开:鼠标移动超出当前frame时，松开鼠标，此时的onmouseup捕捉不到
|
||
//取消frame外捕获鼠标事件
|
||
if(obj.releaseCapture) {
|
||
obj.releaseCapture();
|
||
}else if(window.captureEvents) {
|
||
window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
|
||
}
|
||
document.onmousemove = null;
|
||
document.onmousemove = function (a) {//鼠标移动
|
||
if (!a) a = window.event; //移动时创建一个事件
|
||
jQuery("#indexStr2").val(a.clientX+","+a.clientY);
|
||
}
|
||
document.onmouseup = null;
|
||
obj.style.cursor = "normal"; //设置放开的样式
|
||
|
||
//div矩形在鼠标up的时候左上角的坐标，即松开鼠标时矩形div四个点的坐标范围
|
||
var oldMinX = obj.offsetLeft;
|
||
var oldMaxX = obj.offsetLeft+obj.offsetWidth;
|
||
var oldMinY = obj.offsetTop;
|
||
var oldMaxY = obj.offsetTop+obj.offsetHeight;
|
||
var halfHeight = obj.offsetHeight/2-1; //当板卡在两个位置的正中间的时候，此时两个边的距离就可能小于halfHeight一点，所以哪个位置也不符合，所以要减去1像素
|
||
var halfWidth = obj.offsetWidth/2-1; //当板卡在两个位置的正中间的时候，此时两个边的距离就可能小于halfWidth一点，所以哪个位置也不符合，所以要减去1像素
|
||
|
||
delDivMapInputAndPosition(objId);//删除当前移动的div（板卡）的input组及对应关系
|
||
|
||
//4个点所在槽位与矩形板卡重合的面积
|
||
var areaArray = new Array();
|
||
areaArray[0] = new Array();//点1
|
||
areaArray[0][0] = 0;//面积
|
||
areaArray[0][1] = '';//positArray[i][6],此位置是否有设备。1：有设备
|
||
areaArray[0][2] = '';//对应设备的div的ID
|
||
areaArray[0][3] = '';//板卡对齐后的x坐标
|
||
areaArray[0][4] = '';//板卡对齐后的y坐标
|
||
areaArray[0][5] = '';//parShowIndex
|
||
areaArray[0][6] = '';//parShowIndex
|
||
areaArray[0][7] = '';//
|
||
areaArray[0][8] = '';//
|
||
areaArray[0][9] = '';//
|
||
areaArray[0][10] = '';//
|
||
areaArray[0][11] = '';//
|
||
areaArray[0][12] = false;//是否有和板卡div重合的槽位
|
||
|
||
for(var i=0;i<positionCount;i++) {
|
||
var tmpXMin = positArray[i][0];
|
||
var tmpXMax = positArray[i][1];
|
||
var tmpYMin = positArray[i][2];
|
||
var tmpYMax = positArray[i][3];
|
||
|
||
|
||
//默认的为横向的矩形:矩形的4个点在槽位范围内时，再判断重叠的面积:1：左上点，2：左下点，3：右上点，4：右下点,
|
||
|
||
var condetion1 = tmpXMin<=oldMinX && tmpXMax>=oldMinX && tmpYMin<=oldMinY && tmpYMax>=oldMinY;
|
||
var condetion2 = tmpXMin<=oldMinX && tmpXMax>=oldMinX && tmpYMin<=oldMaxY && tmpYMax>=oldMaxY;
|
||
var condetion3 = tmpXMin<=oldMaxX && tmpXMax>=oldMaxX && tmpYMin<=oldMinY && tmpYMax>=oldMinY;
|
||
var condetion4 = tmpXMin<=oldMaxX && tmpXMax>=oldMaxX && tmpYMin<=oldMaxY && tmpYMax>=oldMaxY;
|
||
|
||
if('${modelSortByXorY}'=='y' || '${modelSortByXorY}'=='Y'){//模型为竖向的矩形
|
||
|
||
condetion1 = tmpXMin<=oldMinX && tmpXMax>=oldMinX && tmpYMin<=oldMinY && tmpYMax>=oldMinY;
|
||
condetion2 = tmpXMin<=oldMinX && tmpXMax>=oldMinX && tmpYMin<=oldMaxY && tmpYMax>=oldMaxY;
|
||
condetion3 = tmpXMin<=oldMaxX && tmpXMax>=oldMaxX && tmpYMin<=oldMinY && tmpYMax>=oldMinY;
|
||
condetion4 = tmpXMin<=oldMaxX && tmpXMax>=oldMaxX && tmpYMin<=oldMaxY && tmpYMax>=oldMaxY;
|
||
}
|
||
|
||
//只有矩形四个点中的一个点和某个槽位有重叠部分，则计算重叠面积（由于有条件>=halfHeight，所以每次符合条件的只有2个点，只会计算2个面积）
|
||
if(condetion1 || condetion2 || condetion3 || condetion4) {
|
||
var areaTmp = 0;
|
||
if(condetion1) {
|
||
areaTmp = (Number(tmpXMax)-Number(oldMinX))*(Number(tmpYMax)-Number(oldMinY));
|
||
}else if(condetion2) {
|
||
areaTmp = (Number(tmpXMax)-Number(oldMinX))*(Number(oldMaxY)-Number(tmpYMin));
|
||
}else if(condetion3) {
|
||
areaTmp = (Number(oldMaxX)-Number(tmpXMin))*(Number(tmpYMax)-Number(oldMinY));
|
||
}else if(condetion4) {
|
||
areaTmp = (Number(oldMaxX)-Number(tmpXMin))*(Number(oldMaxY)-Number(tmpYMin));
|
||
}
|
||
if(areaTmp>areaArray[0][0]) {
|
||
|
||
areaArray[0][0] = areaTmp;//面积
|
||
areaArray[0][1] = positArray[i][6];//positArray[i][6],此位置是否有设备。1：有设备
|
||
areaArray[0][2] = positArray[i][7];//对应设备的div的ID
|
||
areaArray[0][3] = tmpXMin;//板卡对齐后的x坐标
|
||
areaArray[0][4] = tmpYMin;//板卡对齐后的y坐标
|
||
areaArray[0][5] = positArray[i][9];//parShowIndex
|
||
areaArray[0][6] = positArray[i][12];//parShowIndex
|
||
areaArray[0][7] = positArray[i][4];//
|
||
areaArray[0][8] = positArray[i][10];//
|
||
areaArray[0][9] = positArray[i][11];//
|
||
areaArray[0][10] = positArray[i][8];//
|
||
areaArray[0][11] = i;//
|
||
areaArray[0][12] = true;//是否有和板卡div重合的槽位
|
||
areaArray[0][13] = positArray[i][5];//槽位设备型号
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
//板卡div至少和一个槽位重叠
|
||
if(areaArray[0][12]) {
|
||
|
||
var tmp = document.getElementById(objId);
|
||
if(areaArray[0][1]==1) {//此位置已有设备positArray[i][6]
|
||
//删除原来的位置上的设备，将当前设备作为新的设备放到位置上
|
||
//删除当前移动板卡对应的所有input,将当前板卡所在的位置置为无板卡-????????
|
||
var deviceDivId = areaArray[0][2];//positArray[i][7]
|
||
//说明当前卡槽的位置已经有板卡了，需要将此板卡div删除，将对应input删除，将positArray[i][7]清空，将positArray[i][6]置为无设备
|
||
if(deviceDivId!='') {
|
||
delDivMapInputAndPosition(deviceDivId);//包含positArray[i][6] = 0/positArray[i][7] = ''; 操作
|
||
var divObj = document.getElementById(deviceDivId);
|
||
document.deviceConfigForm.removeChild(divObj);
|
||
}
|
||
}
|
||
|
||
obj.style.left = areaArray[0][3] +"px";//tmpXMin
|
||
obj.style.top = areaArray[0][4] +"px";//tmpYMin
|
||
//此时不用删除div之前对应的input和位置，因为up之前不会有对应的:
|
||
var parShowIndex = generatParShowIndex(areaArray[0][5],(areaArray[0][6]+1));//因为设备型号维护时，showIndex默认为1，所以此处的设备编号要从1开始
|
||
createDeviceInfo(tmp,areaArray[0][7],areaArray[0][8],areaArray[0][9],objId,areaArray[0][10],parShowIndex);
|
||
positArray[areaArray[0][11]][6] = 1;
|
||
positArray[areaArray[0][11]][7] = objId;
|
||
|
||
//update by jinsj begin 验证子设备与槽位是否对应
|
||
if(areaArray[0][13] != null){
|
||
var flag = checkPosition(getAttributeValueByEle(tmp,"parDeviceCode"),getAttributeValueByEle(tmp,"deviceCode"),areaArray[0][13]);
|
||
if(!flag){
|
||
//删除当前移动板卡对应的所有input,将当前板卡所在的位置置为无板卡
|
||
delDivMapInputAndPosition(objId);
|
||
document.deviceConfigForm.removeChild(obj);
|
||
return false;
|
||
}
|
||
}
|
||
//update by jinsj end
|
||
}
|
||
|
||
//删除div，及关系：由于一移动div板卡则删除关系，所以删除某个板卡时，可以不用再删除关系，不过可以看一下是否有关系存在，有就删除
|
||
/*var tmpXMin = delArray[0];
|
||
var tmpXMax = delArray[1];
|
||
var tmpYMin = delArray[2];
|
||
var tmpYMax = delArray[3];
|
||
|
||
if(((tmpXMin<=oldMinX && oldMinX<=tmpXMax)
|
||
|| (tmpXMin<=oldMaxX && oldMaxX<=tmpXMax)
|
||
|| (oldMinX<=tmpXMin && tmpXMin<=oldMaxX)
|
||
|| (oldMinX<=tmpXMax && tmpXMax<=oldMaxX))
|
||
&&
|
||
((tmpYMin<=oldMinY && oldMinY<=tmpYMax)
|
||
|| (tmpYMin<=oldMaxY && oldMaxY<=tmpYMax)
|
||
|| (oldMinY<=tmpYMin && tmpYMin<=oldMaxY)
|
||
|| (oldMinY<=tmpYMax && tmpYMax<=oldMaxY))) {
|
||
|
||
//删除当前移动板卡对应的所有input,将当前板卡所在的位置置为无板卡
|
||
delDivMapInputAndPosition(objId);
|
||
document.deviceConfigForm.removeChild(obj);
|
||
}*/
|
||
|
||
var tmpXMin = delArray[0];
|
||
var tmpXMax = delArray[1];
|
||
var tmpYMin = delArray[2];
|
||
var tmpYMax = delArray[3];
|
||
|
||
if( oldMaxX<tmpXMin
|
||
|| oldMinX>tmpXMax
|
||
|| oldMinY>tmpYMax
|
||
|| oldMaxY<tmpYMin) {
|
||
|
||
//删除当前移动板卡对应的所有input,将当前板卡所在的位置置为无板卡
|
||
delDivMapInputAndPosition(objId);
|
||
document.deviceConfigForm.removeChild(obj);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
function generatParShowIndex(parShowIndex,showIndex) {
|
||
var parShowIndexTmp = "";
|
||
if(isNotBlank(parShowIndex) && isNotBlank(showIndex)) {
|
||
parShowIndexTmp = parShowIndex + "," + showIndex;
|
||
}else {
|
||
parShowIndexTmp = isNotBlank(showIndex)?showIndex:(isNotBlank(parShowIndex)?parShowIndex:"");
|
||
}
|
||
|
||
return parShowIndexTmp;
|
||
}
|
||
|
||
function isNotBlank(obj) {
|
||
if(obj!="" && obj!=null && obj!='undefined') {
|
||
return true;
|
||
}else {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
|
||
//删除div（板卡设备）对应的input 及 清空父级设备位置已被占用标志，并清空位置对应的div的ID
|
||
function delDivMapInputAndPosition(objId) {
|
||
//删除当前移动板卡对应的所有input,将当前板卡所在的位置置为无板卡
|
||
var len = jQuery("input[mapDivId="+objId+"]").length;
|
||
if(len>0) {
|
||
var showIndex = jQuery("input[mapDivId="+objId+"][name$='showIndex']").val();
|
||
jQuery("input[mapDivId="+objId+"]").remove();//删除当前移动板卡对应的所有input
|
||
for(var j=0;j<positionCount;j++) {
|
||
if(showIndex==positArray[j][4]) {//将当前板卡所在的位置置为无板卡
|
||
positArray[j][6] = 0;
|
||
positArray[j][7] = '';
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
function add() {
|
||
//至少配置一个子设备
|
||
if(true) {
|
||
document.deviceConfigForm.action="<%=path%>/detection/switchDetection.do?action=addSpecialDeviceConfig";
|
||
document.deviceConfigForm.submit();
|
||
|
||
jQuery("#addButton").attr("disabled","true");
|
||
jQuery("#backButton").attr("disabled","true");
|
||
}
|
||
}
|
||
|
||
function goBack() {
|
||
document.deviceConfigForm.action="<%=path%>/detection/switchDetection.do?action=toConfigSpecialDevice";
|
||
document.deviceConfigForm.submit();
|
||
}
|
||
|
||
</script>
|
||
</head>
|
||
<body style="font-size: 12px;-moz-user-select:none;" onselectstart="return false;" unselectable="on" >
|
||
<form id="deviceConfigForm" action="<%=path%>/detection/switchDetection.do?action=addSpecialDeviceConfig" name="deviceConfigForm" method="post">
|
||
<input id="indexStr" type="hidden" />
|
||
<input id="indexStr2" type="hidden" />
|
||
<input id="kuangPosi0" type="hidden" />
|
||
<input id="kuangPosi1" type="hidden" />
|
||
<input id="kuangPosi2" type="hidden" />
|
||
<input id="kuangPosi3" type="hidden" />
|
||
<input id="kuangPosi4" type="hidden" />
|
||
<input id="kuangPosi5" type="hidden" />
|
||
<input id="kuangPosi6" type="hidden" />
|
||
<input id="kuangPosi7" type="hidden" />
|
||
<input id="kuangPosi8" type="hidden" />
|
||
<input id="kuangPosi9" type="hidden" />
|
||
<input id="kuangPosi10" type="hidden" />
|
||
<input id="kuangPosi11" type="hidden" />
|
||
<input id="oldXY" type="hidden" />
|
||
<input id="listSize" type="hidden" />
|
||
<!-- 以上均为调试使用的input -->
|
||
|
||
<input id="seqId" name="seqId" value="${seqId}" type="hidden"/>
|
||
<!-- <div style="font-size: 12px;">
|
||
配置节点IP：<select id="" name="">
|
||
<option id="" value="seqId">10.0.6.102</option>
|
||
<option id="" value="">10.0.6.250</option>
|
||
<option id="" value="">10.0.6.253</option>
|
||
<option id="" value="">10.0.6.254</option>
|
||
</select>
|
||
<br/><br/>
|
||
设备类型：<select id="" name="">
|
||
<option id="" value="DPtech">迪普分流设备</option>
|
||
<option id="" value="H3C">华三交换机</option>
|
||
</select>
|
||
<br/><br/>
|
||
设备型号：<select id="" name="">
|
||
<option id="" value="DPX8000-A12">DPX8000-A12</option>
|
||
<option id="" value="S5048E">S5048E</option>
|
||
</select>
|
||
</div>
|
||
-->
|
||
<table border="0" cellpadding="0" cellspacing="0" style="width:100%;height: 90%;margin-top: 5px;">
|
||
<tr>
|
||
<td width="5%">
|
||
<div style="left: ${rootDeviceX}px;top:7px;">
|
||
i18n_sdc.text.ip_n81i：${ip}
|
||
i18n_sdc.text.deviceBrandTypeCode_n81i：${deviceBrandTypeCode}
|
||
<div>
|
||
</td>
|
||
<td width="20%">
|
||
<c:choose>
|
||
<c:when test="${fn:length(deviceModelList) > 0}">
|
||
<!-- model的宽和高：如果板卡的宽大于高：model 宽128，高14，如果板卡的宽小于高：model 宽14,高128 -->
|
||
<c:if test="${modelSortByXorY=='x' || modelSortByXorY=='X'}">
|
||
<c:set var="modelWidth" value="128" />
|
||
<c:set var="modelHeight" value="14" />
|
||
<!-- model距离页面左边和上边的距离、及文字和model图的距离 -->
|
||
<c:set var="topStart" value="60" /><!-- 第一行距离顶部的距离 -->
|
||
<c:set var="topLen" value="60" /><!-- 每行的高度 -->
|
||
<c:set var="leftStart" value="100" /><!-- 第一列模型距离左边的距离 -->
|
||
<c:set var="columnSpace" value="148" /><!--每列之间的距离 -->
|
||
<c:set var="space" value="15" /><!-- 文字顶部和图片顶部之间的距离 -->
|
||
</c:if>
|
||
|
||
<c:if test="${modelSortByXorY=='y' || modelSortByXorY=='Y'}">
|
||
<c:set var="modelWidth" value="14" />
|
||
<c:set var="modelHeight" value="100" />
|
||
<!-- model距离页面左边和上边的距离、及文字和model图的距离 -->
|
||
<c:set var="topStart" value="40" /><!-- 第一行距离顶部的距离 -->
|
||
<c:set var="topLen" value="130" /><!-- 每行的高度 -->
|
||
<c:set var="leftStart" value="100" /><!-- 第一列模型距离左边的距离 -->
|
||
<c:set var="columnSpace" value="120" /><!--每列之间的距离 -->
|
||
<c:set var="space" value="105" /><!-- 文字顶部和图片顶部之间的距离 -->
|
||
</c:if>
|
||
|
||
<c:set var="dec2Count" value="1" />
|
||
<c:set var="columnCount" value="1" />
|
||
|
||
<c:forEach items="${deviceModelList}" var="device" >
|
||
<c:set var="leftTmp" value="${(columnCount-1)*columnSpace+leftStart}" />
|
||
<c:set var="topTmp" value="${(dec2Count-1)*topLen+topStart}" />
|
||
|
||
<c:if test="${(topTmp+topLen)>600}"><!-- 如果排列的model超过了一屏幕的高度，则新起一列 -->
|
||
<c:set var="columnCount" value="${columnCount+1}" />
|
||
<c:set var="dec2Count" value="1" />
|
||
|
||
<c:set var="leftTmp" value="${(columnCount-1)*columnSpace+leftStart}" />
|
||
<c:set var="topTmp" value="${(dec2Count-1)*topLen+topStart}" />
|
||
</c:if>
|
||
|
||
|
||
|
||
<div id="div_${device.deviceCode}_backImg" style="left: ${leftTmp}px;top: ${topTmp}px;" align="center" >
|
||
<img src="<%=path %>/images/svg/model/${device.deviceFillMini}" width="${modelWidth}px" height="${modelHeight}px;" />
|
||
</div><!-- 用于显示 -->
|
||
<div id="div_${device.deviceCode}" widthTrue="${device.deviceWidth}" heightTrue="${device.deviceHeight}"
|
||
imageTrue="url('<%=path %>/images/svg/model/${device.deviceFill}')"
|
||
devId="${device.id}"
|
||
parDeviceCode="${device.parDeviceCode}"
|
||
deviceCode="${device.deviceCode}"
|
||
deviceHeight="${device.deviceHeight}"
|
||
deviceWidth="${device.deviceWidth}"
|
||
showLevel="${device.showLevel}"
|
||
deviceFill="${device.deviceFill}"
|
||
isLink="${device.isLink}"
|
||
showIndex="${device.showIndex}"
|
||
isLeaf="${device.isLeaf}"
|
||
figureX="${device.figureX}"
|
||
figureY="${device.figureY}"
|
||
style="left: ${leftTmp}px;top: ${topTmp}px;width:${modelWidth}px;height:${modelHeight}px; background:no-repeat ; background-image: url('<%=path %>/images/svg/model/${device.deviceFillMini}');"
|
||
>
|
||
</div>
|
||
|
||
<input id="initDivTop_${device.deviceCode}" type="hidden" value="${topTmp}" />
|
||
|
||
<c:if test="${modelSortByXorY=='x' || modelSortByXorY=='X'}">
|
||
<div id="div_${device.deviceCode}_name" style="left: ${leftTmp}px;top: ${topTmp+space}px;width:${modelWidth}px;height:12px;" align="center" >
|
||
${device.deviceCode}
|
||
</div>
|
||
|
||
<input id="initTextTop_${device.deviceCode}" type="hidden" value="${topTmp+space}" />
|
||
</c:if>
|
||
<c:if test="${modelSortByXorY=='y' || modelSortByXorY=='Y'}">
|
||
<div id="div_${device.deviceCode}_name" style="left: ${leftTmp+17}px;top: ${topTmp+modelHeight/2-15}px;width:85px;height:30px;" align="center" >
|
||
${device.deviceCode}
|
||
</div>
|
||
|
||
<input id="initTextTop_${device.deviceCode}" type="hidden" value="${topTmp+modelHeight/2-15}" />
|
||
</c:if>
|
||
|
||
<c:set var="dec2Count" value="${dec2Count+1}" />
|
||
</c:forEach>
|
||
</c:when>
|
||
<c:otherwise>
|
||
|
||
</c:otherwise>
|
||
</c:choose>
|
||
<!--
|
||
<div id="rootDev" style="display:inline;width:${rootDevice.deviceWidth}px;height:${rootDevice.deviceHeight}px;left: ${rootDeviceX}px;top:${rootDeviceY}px;background:no-repeat; " >
|
||
<img src="<%=path %>/images/svg/model/${rootDevice.deviceFill}" id="" width="${rootDevice.deviceWidth}px" height="${rootDevice.deviceHeight}px;" />
|
||
<input id="" name="deviceConfigList[0].id" value="${rootDevice.id}" type="hidden"/>
|
||
<input id="" name="deviceConfigList[0].pid" value="0" type="hidden"/>
|
||
<input id="" name="deviceConfigList[0].parDeviceCode" value="" type="hidden"/>
|
||
|
||
<input id="" name="deviceConfigList[0].deviceCode" value="${rootDevice.deviceCode}" type="hidden"/>
|
||
<input id="" name="deviceConfigList[0].showIndex" value="${rootDevice.showIndex}" type="hidden"/>
|
||
<input id="" name="deviceConfigList[0].showLevel" value="${rootDevice.showLevel}" type="hidden"/>
|
||
<input id="" name="deviceConfigList[0].figureX" value="${rootDevice.figureX}" type="hidden"/>
|
||
<input id="" name="deviceConfigList[0].figureY" value="${rootDevice.figureY}" type="hidden"/>
|
||
|
||
</div>
|
||
-->
|
||
|
||
<c:set var="rootDevTopCount" value="0" />
|
||
<c:forEach begin="1" end="${maxDevNum}" varStatus="devCount">
|
||
<c:if test="${sortByXorY=='x' || sortByXorY=='X'}">
|
||
<c:set var="rootLeftTmp" value="${rootDeviceX+(rootDevice.deviceWidth+deviceGap)*rootDevTopCount}" />
|
||
<c:set var="rootTopTmp" value="${rootDeviceY}" />
|
||
</c:if>
|
||
<c:if test="${sortByXorY!='x'&& sortByXorY!='X'}">
|
||
<c:set var="rootLeftTmp" value="${rootDeviceX}" />
|
||
<c:set var="rootTopTmp" value="${rootDeviceY+(rootDevice.deviceHeight+deviceGap)*rootDevTopCount}" />
|
||
</c:if>
|
||
|
||
<div id="rootDev_${rootDevTopCount}" style="display:inline;width:${rootDevice.deviceWidth}px;height:${rootDevice.deviceHeight}px;left: ${rootLeftTmp}px;top:${rootTopTmp}px;background:no-repeat; " >
|
||
<img src="<%=path %>/images/svg/model/${rootDevice.deviceFill}" id="" width="${rootDevice.deviceWidth}px" height="${rootDevice.deviceHeight}px;" />
|
||
<input id="" name="deviceConfigList[${rootDevTopCount}].id" value="${rootDevice.id}" type="hidden"/>
|
||
<input id="" name="deviceConfigList[${rootDevTopCount}].pid" value="0" type="hidden"/>
|
||
<input id="" name="deviceConfigList[${rootDevTopCount}].parDeviceCode" value="" type="hidden"/>
|
||
|
||
<input id="" name="deviceConfigList[${rootDevTopCount}].deviceCode" value="${rootDevice.deviceCode}" type="hidden"/>
|
||
<input id="" name="deviceConfigList[${rootDevTopCount}].showIndex" value="${rootDevice.showIndex+rootDevTopCount}" type="hidden"/>
|
||
<input id="" name="deviceConfigList[${rootDevTopCount}].showLevel" value="${rootDevice.showLevel}" type="hidden"/>
|
||
<c:if test="${sortByXorY=='x' || sortByXorY=='X'}">
|
||
<input id="" name="deviceConfigList[${rootDevTopCount}].figureX" value="${rootDevice.figureX+(rootDevice.deviceWidth+deviceGap)*rootDevTopCount}" type="hidden"/>
|
||
<input id="" name="deviceConfigList[${rootDevTopCount}].figureY" value="${rootDevice.figureY}" type="hidden"/>
|
||
</c:if>
|
||
<c:if test="${sortByXorY!='x'&& sortByXorY!='X'}">
|
||
<input id="" name="deviceConfigList[${rootDevTopCount}].figureX" value="${rootDevice.figureX}" type="hidden"/>
|
||
<input id="" name="deviceConfigList[${rootDevTopCount}].figureY" value="${rootDevice.figureY+(rootDevice.deviceHeight+deviceGap)*rootDevTopCount}" type="hidden"/>
|
||
</c:if>
|
||
|
||
</div>
|
||
<c:set var="rootDevTopCount" value="${rootDevTopCount+1}" />
|
||
</c:forEach>
|
||
|
||
</td>
|
||
<td width="10%" valign="top" >
|
||
<div id="backBut" style="position: absolute; top: 5; left: 85%;">
|
||
<input type="button" class="btn3_mouseout" id="addButton"
|
||
onmouseover="this.className='btn3_mouseover'"
|
||
onmouseout="this.className='btn3_mouseout'"
|
||
onmousedown="this.className='btn3_mousedown'"
|
||
onmouseup="this.className='btn3_mouseup'"
|
||
onclick="add()" value="i18n_sdc.button.submit_n81i"/>
|
||
|
||
|
||
<input type="button" class="btn3_mouseout" id="backButton"
|
||
onmouseover="this.className='btn3_mouseover'"
|
||
onmouseout="this.className='btn3_mouseout'"
|
||
onmousedown="this.className='btn3_mousedown'"
|
||
onmouseup="this.className='btn3_mouseup'"
|
||
onclick="goBack()" value="i18n_sdc.button.back_n81i"/>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<script type="text/javascript">
|
||
<c:forEach items="${deviceModelList}" var="device" varStatus="vs">
|
||
drag("div_${device.deviceCode}");
|
||
</c:forEach>
|
||
</script>
|
||
|
||
</form>
|
||
</body>
|
||
</html>
|
||
|
||
|