133 lines
4.8 KiB
Plaintext
133 lines
4.8 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8" %>
|
|
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
|
<%@ page import="com.sipai.entity.base.ServerObject" %>
|
|
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security" %>
|
|
|
|
<!DOCTYPE html>
|
|
<!-- <html lang="zh-CN"> -->
|
|
<!-- BEGIN HEAD -->
|
|
<head>
|
|
<title><%= ServerObject.atttable.get("TOPTITLE")%>
|
|
</title>
|
|
<!-- 引用页头及CSS页-->
|
|
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
|
<script type="text/javascript">
|
|
var websocket = null;
|
|
|
|
var initTreeView = function () {
|
|
$.post(ext.contextPath + '/process/dataVisualFrame/getFrameTreeForConfigure.do', {
|
|
unitId: '${param.unitId}',
|
|
menuType: '${param.menuType}'
|
|
}, function (data) {
|
|
console.info(data)
|
|
$('#tree').treeview({
|
|
data: data
|
|
});
|
|
$('#tree').on('nodeSelected', function (event, data) {
|
|
sendSocket(data.id)
|
|
});
|
|
}, 'json');
|
|
$("#menuBox").html("");
|
|
};
|
|
|
|
$(function () {
|
|
initTreeView();
|
|
|
|
// 浏览器上的websocket对象,用来和服务端通信.
|
|
if ('WebSocket' in window) {
|
|
// 创建websocket对象
|
|
var userName = "控制";
|
|
// console.log(ext.basePath.replace("http", "ws") + "/chat/" + userName);
|
|
websocket = new WebSocket(ext.basePath.replace("http", "ws") + "/chat/" + userName);
|
|
registerEvent();
|
|
} else {
|
|
alert('当前浏览器不支持websocket')
|
|
}
|
|
|
|
function registerEvent() {
|
|
websocket.onopen = function (event) {
|
|
|
|
}
|
|
websocket.onmessage = function (event) {
|
|
|
|
};
|
|
websocket.onclose = function (event) {
|
|
websocket.close();
|
|
};
|
|
//连接发生错误的回调方法
|
|
websocket.onerror = function () {
|
|
// $("#Putin").attr('disabled', 'disabled');
|
|
websocket.close();
|
|
};
|
|
}
|
|
|
|
$(window).unload(function () {
|
|
console.log("websocket关闭");
|
|
websocket.close();
|
|
});
|
|
|
|
});
|
|
|
|
function sendSocket(frameId) {
|
|
// //清除交互
|
|
// var clearInterationJsonStr = "[{'type':'clearInteraction'}]";
|
|
// websocket.send(clearInterationJsonStr);
|
|
var jsonstr = "[{'type':'plan','frameId':'" + frameId + "'}]";
|
|
websocket.send(jsonstr);
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
</head>
|
|
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
|
|
<div class="wrapper">
|
|
<!-- 引用top -->
|
|
<%-- <jsp:include page="/jsp/top.jsp"></jsp:include> --%>
|
|
<!-- 菜单栏 -->
|
|
<%-- <jsp:include page="/jsp/left.jsp"></jsp:include> --%>
|
|
<div class="content-wrapper">
|
|
<!-- Content Header (Page header) -->
|
|
<section class="content-header">
|
|
<h1 id="head_title"></h1>
|
|
<ol class="breadcrumb">
|
|
<%-- <li><a id='head_firstlevel' href="#"><i class="fa fa-dashboard"></i> </a></li>--%>
|
|
<!-- <li class="active">Here</li> -->
|
|
</ol>
|
|
</section>
|
|
<!-- Main content -->
|
|
<section class="content container-fluid">
|
|
<div id="mainAlertdiv"></div>
|
|
<div id="subDiv"></div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="box box-solid">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title"></h3>
|
|
|
|
<div class="box-tools">
|
|
<%-- <button type="button" class="btn btn-box-tool" onclick="addFun();"><i--%>
|
|
<%-- class="fa fa-plus"></i>--%>
|
|
<%-- </button>--%>
|
|
</div>
|
|
</div>
|
|
<div class="box-body no-padding">
|
|
<div id="tree" style="height:550px;overflow:auto;"></div>
|
|
</div>
|
|
<!-- /.box-body -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
<!-- /.content -->
|
|
</div>
|
|
<%-- <jsp:include page="/jsp/bottom.jsp"></jsp:include> --%>
|
|
<%-- <jsp:include page="/jsp/side.jsp"></jsp:include> --%>
|
|
</div>
|
|
</body>
|
|
</html> |