first commit

WebRoot/jsp/visual/interaction/cameraInteraction.jsp

@@ -0,0 +1,122 @@
+<%@ page language="java" pageEncoding="UTF-8"%>
+<%@page import="com.sipai.entity.visual.JspElement"%>
+<%request.setAttribute("Type_GetValue", JspElement.Type_GetValue); %>
+<%request.setAttribute("Type_GetHistory", JspElement.Type_GetHistory); %>
+<%request.setAttribute("Type_GetModbus", JspElement.Type_GetModbus); %>
+<%request.setAttribute("Type_GetHttp", JspElement.Type_GetHttp); %>
+<style>
+    html,
+    body {
+        width: 100%;
+        height: 100%;
+        padding: 0;
+        margin: 0;
+    }
+
+    /*.playWnd {
+margin: 0 0 0 0;
+position: absolute;
+left: 50%;
+top: 50%;
+transform: translate(-50%, -50%);
+border: 1px solid red;
+}*/
+    .playWnd {
+        margin: 0;
+        width: 99%;
+        height: 99%;
+        /* border: 1px solid red; */
+    }
+
+    .cbInfoDiv {
+        float: left;
+        width: 360px;
+        margin-left: 16px;
+        border: 1px solid #7F9DB9;
+    }
+
+    .cbInfo {
+        height: 200px;
+        padding: 5px;
+        border: 1px solid #7F9DB9;
+        overflow: auto;
+        word-break: break-all;
+    }
+
+    .operate {
+        margin-top: 24px;
+    }
+
+    .operate::after {
+        content: '';
+        display: block;
+        clear: both;
+    }
+
+    .operate .btns {
+        height: 32px;
+    }
+
+    .module {
+        float: left;
+        width: 340px;
+        min-height: 320px;
+        margin-left: 16px;
+        padding: 16px 8px;
+        box-sizing: border-box;
+        border: 1px solid #e5e5e5;
+    }
+
+    .module .item {
+        margin-bottom: 4px;
+    }
+
+    .module .label {
+        width: 150px;
+        display: inline-block;
+        vertical-align: middle;
+        margin-right: 8px;
+        text-align: right;
+    }
+
+    .module input[type="text"],
+    .module select {
+        box-sizing: border-box;
+        display: inline-block;
+        vertical-align: middle;
+        margin-left: 0;
+        width: 150px;
+        min-height: 20px;
+    }
+
+    .module .btn {
+        min-width: 80px;
+        min-height: 24px;
+        margin-top: 16px;
+        margin-left: 158px;
+    }
+</style>
+<jsp:include page="/jsp/incVisual.jsp"></jsp:include>
+<script type="text/javascript">
+    //自动执行第一步
+    $(function () {
+        //console.log("videoTypeInteraction1","${param.videoTypeInteraction}");
+        document.getElementById('frameCamera').src = ext.contextPath
+            + "/jsp/visual/interaction/cameraFrame.jsp?planInteractionId=${planInteractionId}&fId=frameCamera&videoType=switch&top="
+            + document.getElementById('subModal').offsetTop + "&left=" + document.getElementById('subModal').offsetLeft
+            + "&videoTypeInteraction=${param.videoTypeInteraction}";
+        //启动插件
+        document.getElementById("modalDialog").style.height = 0.7 * document.documentElement.offsetHeight + "px";
+        document.getElementById("modalDialog").style.width = 0.5 * document.documentElement.offsetWidth + "px";
+    })
+</script>
+<div class="modal fade" id="subModal" style="width:100%;height:100%">
+    <div class="modal-dialog" id="modalDialog" style="position:relative">
+        <div id="modalContent" class="modal-content" style="width:100%;height:100%">
+            <iframe id="frameCamera" scrolling="no" allowtransparency="yes"
+                style="height:100%;width:100%;border:0px;padding:0px;margin:0px"></iframe>
+        </div>
+        <!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>