xzzn/SIPAIIS_WMS_JSSW
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
SIPAIIS_WMS_JSSW/WebRoot/jsp/process/dataVisualConfigureList.jsp
dashixiong 903ff8d495 first commit
2026-01-16 14:13:44 +08:00

2779 lines
154 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%@ 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" %>
<%String contextPath = request.getContextPath();%>
<%@page import="com.sipai.entity.process.DataVisualFrame" %>
<%request.setAttribute("Type_structure", DataVisualFrame.Type_structure); %>
<%request.setAttribute("Type_frame", DataVisualFrame.Type_frame); %>
<%@page import="com.sipai.entity.process.DataVisualContent" %>
<%request.setAttribute("Type_SignalPoint", DataVisualContent.Type_SignalPoint); %>
<%request.setAttribute("Type_DataPoint", DataVisualContent.Type_DataPoint); %>
<%request.setAttribute("Type_Text", DataVisualContent.Type_Text); %>
<%request.setAttribute("Type_Camera", DataVisualContent.Type_Camera); %>
<%request.setAttribute("Type_Form", DataVisualContent.Type_Form); %>
<%request.setAttribute("Type_BarChart", DataVisualContent.Type_BarChart); %>
<%request.setAttribute("Type_LineChart", DataVisualContent.Type_LineChart); %>
<%request.setAttribute("Type_PieChart", DataVisualContent.Type_PieChart); %>
<%request.setAttribute("Type_PercentChart", DataVisualContent.Type_PercentChart); %>
<%request.setAttribute("Type_RadarChart", DataVisualContent.Type_RadarChart); %>
<%request.setAttribute("Type_GaugeChart", DataVisualContent.Type_GaugeChart); %>
<%request.setAttribute("Type_Picture", DataVisualContent.Type_Picture); %>
<%request.setAttribute("Type_Date", DataVisualContent.Type_Date); %>
<%request.setAttribute("Type_Iframe", DataVisualContent.Type_Iframe); %>
<%request.setAttribute("Type_Tab", DataVisualContent.Type_Tab); %>
<%request.setAttribute("Type_MpView", DataVisualContent.Type_MpView); %>
<%request.setAttribute("Type_ProgressBar", DataVisualContent.Type_ProgressBar); %>
<%request.setAttribute("Type_Line", DataVisualContent.Type_Line); %>
<%request.setAttribute("Type_DateSelect", DataVisualContent.Type_DateSelect); %>
<%request.setAttribute("Type_SuspensionFrame", DataVisualContent.Type_SuspensionFrame); %>
<%request.setAttribute("Type_PolarCoordinates", DataVisualContent.Type_PolarCoordinates); %>
<%request.setAttribute("Type_Weather", DataVisualContent.Type_Weather); %>
<%request.setAttribute("Type_Switch", DataVisualContent.Type_Switch); %>
<%request.setAttribute("Type_PersonnelPositioning", DataVisualContent.Type_PersonnelPositioning); %>
<%request.setAttribute("Type_Svg", DataVisualContent.Type_Svg); %>
<%request.setAttribute("Type_TaskPoints", DataVisualContent.Type_TaskPoints); %>
<%request.setAttribute("Type_EqPoints", DataVisualContent.Type_EqPoints); %>
<%request.setAttribute("Type_SelectJump", DataVisualContent.Type_SelectJump); %>
<!DOCTYPE html>
<!-- <html lang="zh-CN"> -->
<!-- BEGIN HEAD -->
<head>
<title><%= ServerObject.atttable.get("TOPTITLE")%>
</title>
<!-- 引用页头及CSS页-->
<jsp:include page="/jsp/incProVisual.jsp"></jsp:include>
<!-- 农历-->
<script type="text/javascript" src="<%=request.getContextPath()%>/JS/lunarCalendar.js"
charset="utf-8"></script>
<!-- 组件自定义js-->
<script type="text/javascript" src="<%=request.getContextPath()%>/jsp/process/dataVisualAssembly/assembly.js"
charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/jsp/process/dataVisualAssembly/ZResize.js"
charset="utf-8"></script>
<!-- 颜色选择器-->
<link rel="stylesheet"
href="<%=request.getContextPath()%>/plugins/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css"
type="text/css" rel="stylesheet"/>
<script type="text/javascript"
src="<%=request.getContextPath()%>/plugins/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"
charset="utf-8"></script>
<!-- 拖拽排序-->
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-table/jquery.tablednd.js"
charset="utf-8"></script>
<script type="text/javascript"
src="<%=request.getContextPath()%>/plugins/bootstrap-table/extensions/reorder-rows/bootstrap-table-reorder-rows.js"
charset="utf-8"></script>
<link rel="stylesheet"
href="<%=request.getContextPath()%>/plugins/bootstrap-table/extensions/reorder-rows/bootstrap-table-reorder-rows.css"/>
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/daterangepicker/daterangepicker-bs3.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/daterangepicker/moment.js"></script>
<script type="text/javascript"
src="<%=request.getContextPath()%>/node_modules/daterangepicker/daterangepicker.js"></script>
<!-- 文件上传-->
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/css/fileinput.min.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/JS/commonFileUpload.js" charset="utf-8"></script>
<script type="text/javascript">
document.write("<scr" + "ipt src=\"<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/fileinput.min.js\"></sc" + "ript>")
document.write("<scr" + "ipt src=\"<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/locales/zh.js\"></sc" + "ript>")
</script>
<%--文件上传 minio--%>
<script type="text/javascript" src="<%=request.getContextPath()%>/JS/commonFile.js" charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/moment.min.js"
charset="utf-8"></script>
<style type="text/css">
.choiceColor {
background: rgba(121, 116, 116, 0.2);
}
.rightClickMenu_form {
padding: 1px;
border: 1px solid #B8CBCB;
background-color: #fff;
-moz-box-shadow: 2px 2px 5px #666;
-webkit-box-shadow: 2px 2px 5px #666;
box-shadow: 2px 2px 5px #666;
width: 100px;
position: absolute;
display: none;
}
.rightClickMenu_in_form {
display: block;
height: 25px;
line-height: 24px;
padding: 0 5px 0 15px;
color: #000;
font-size: 12px;
text-decoration: none;
cursor: pointer;
}
.rightClickMenu_in_form:hover {
background: #348CCC;
color: white;
}
.rightClickMenu_frame {
padding: 1px;
border: 1px solid #B8CBCB;
background-color: #fff;
-moz-box-shadow: 2px 2px 5px #666;
-webkit-box-shadow: 2px 2px 5px #666;
box-shadow: 2px 2px 5px #666;
width: 100px;
position: absolute;
display: none;
}
.rightClickMenu_in_frame {
display: block;
height: 25px;
line-height: 24px;
padding: 0 5px 0 15px;
color: #000;
font-size: 12px;
text-decoration: none;
cursor: pointer;
}
.rightClickMenu_in_frame:hover {
background: #348CCC;
color: white;
}
</style>
<script type="text/javascript">
//屏蔽浏览器右键菜单
document.oncontextmenu = function () {
return false;
}
var frameId = "";
var nowChoiceContainer = "";
var nowUnitId = "";
var isTabSt = "false";
$(function () {
initFrameTreeView();
var leftToolsTop = $("#leftTools").offset().top;
var leftToolsLeft = $("#leftTools").offset().left;
$(window).scroll(function () {
var offsetTop = leftToolsTop + $(window).scrollTop() + "px";
var offsetLeft = leftToolsLeft + $(window).scrollLeft() + "px";
$("#leftTools").animate({top: offsetTop, left: offsetLeft}, {duration: 300, queue: false});
});
var leftToolsPackupTop = $("#leftToolsPackup").offset().top;
var leftToolsPackupLeft = $("#leftToolsPackup").offset().top;
$(window).scroll(function () {
var offsetTop = leftToolsPackupTop + $(window).scrollTop() + "px";
var offsetLeft = leftToolsPackupLeft + $(window).scrollLeft() + "px";
$("#leftToolsPackup").animate({top: offsetTop, left: offsetLeft}, {duration: 300, queue: false});
});
var rightToolsTop = $("#rightTools").offset().top;
var rightToolsLeft = $("#rightTools").offset().left;
$(window).scroll(function () {
var offsetTop = rightToolsTop + $(window).scrollTop() + "px";
var offsetLeft = rightToolsLeft + $(window).scrollLeft() - 20 + "px";
$("#rightTools").animate({top: offsetTop, left: offsetLeft}, {duration: 300, queue: false});
});
var rightToolsPackupTop = $("#rightToolsPackup").offset().top;
var rightToolsPackupLeft = $("#rightToolsPackup").offset().left;
$(window).scroll(function () {
var offsetTop = rightToolsPackupTop + $(window).scrollTop() + "px";
var offsetLeft = rightToolsPackupLeft + $(window).scrollLeft() + "px";
$("#rightToolsPackup").animate({top: offsetTop, left: offsetLeft}, {duration: 300, queue: false});
});
});
function framePackup() {
$("#leftToolsLvl2").css("display", "none");
$("#leftTools").animate({width: 'toggle'}, 350);
setTimeout('$("#leftToolsPackup").css("display","block");', 350);
}
function frameOpen() {
$("#leftTools").animate({width: 'toggle'}, 350);
setTimeout('$("#leftToolsPackup").css("display","none");$("#leftToolsLvl2").css("display","block");', 350);
}
function toolsPackup() {
$("#rightToolsLvl2").css("display", "none");
$("#rightTools").animate({width: 'toggle'}, 350);
setTimeout('$("#rightToolsPackup").css("display","block");', 350);
}
function toolsOpen() {
$("#rightTools").animate({width: 'toggle'}, 350);
setTimeout('$("#rightToolsPackup").css("display","none");$("#rightToolsLvl2").css("display","block");', 350);
}
function getFirstFrame(id, type, data) {
if (type == '${Type_structure}') {
if (data != null) {
getFirstFrame(data[0].id, data[0].type, data[0].nodes);
}
} else if (type == '${Type_frame}') {
showFrame(id);
}
}
var rightClickId = "";
var initFrameTreeView = function () {
$.post(ext.contextPath + '/process/dataVisualFrame/getFrameTree.do', {
unitId: unitId,
menuType: '${param.menuType}'
}, function (data) {
//console.info(data)
if (data != '') {
getFirstFrame(data[0].id, data[0].type, data[0].nodes);
}
$('#frameTree').treeview({
data: data,
levels: 2,
showBorder: false,
});
$('#frameTree').on('nodeSelected', function (event, data) {
showFrame(data.id);
});
$('.treeview').on('mousedown', 'li', function (e) {
e.stopPropagation();
var key = e.which;//获取鼠标键位 //1：代表左键；2：代表中键；3：代表右键
var target = e.target;
rightClickId = target.id;
$.post(ext.contextPath + '/process/dataVisualFrame/getFrame.do', {
id: rightClickId
}, function (clickData) {
if (clickData.type == '${Type_frame}') {
//右击事件
if (key == 3) {
//获取右键点击坐标
var x = e.pageX;
var y = e.pageY;
$('.rightClickMenu_frame').show().css({left: x, top: y});
}
}
}, 'json')
})
}, 'json');
};
var nowFrameWidth = "";
var nowFrameHeight = "";
var allContainers = new Array();
function showFrame(id) {
allContainers = new Array();
frameId = id;
$.post(ext.contextPath + '/process/dataVisualFrame/getFrame.do', {id: id}, function (data) {
if (data.type == '${Type_frame}') {
var id = data.id;
nowUnitId = data.unitid;
var bodyWidth = $(window).width();
var bodyHeight = $(window).height();
$('#bodyId').css('width', bodyWidth);
$('#bodyId').css('height', bodyHeight);
$('#bodyId').css('background-color', data.background);
var frameStyle = data.style;
if (frameStyle != '' && frameStyle.length > 0) {
document.getElementById("showFrame").style = frameStyle;
} else {
document.getElementById("showFrame").style = "";
}
$('#showFrame').css('width', data.width);
$('#showFrame').css('height', data.height);
$('#showFrame').css('background', '');
$.post(ext.contextPath + '/base/getInputFileList.do', {
masterId: id,
tbName: 'tb_pro_dataVisual_frame_file'
}, function (imgdata) {
if (imgdata != '' && imgdata.length > 0) {
var path = imgdata[0].abspath;
path = path.substring(path.indexOf('webapps') + 7, path.length);
path = ext.basePath.replace(ext.contextPath, '') + path.replace(/\\/g, "\/");
$('#showFrame').css("background", "url(" + path + ") no-repeat");
$('#showFrame').css("background-size", "100% 100%");
} else {
$('#showFrame').css('background', data.background);
}
}, 'json');
// showContent(id);
nowFrameWidth = $('#showFrame').width();
nowFrameHeight = $('#showFrame').height();
$.post(ext.contextPath + '/process/dataVisualFrameContainer/getJson.do', {frameId: frameId}, function (data) {
var html = "<table style=\"width: 100%;height: 100%;border-collapse: collapse;\">";
// var trLength=data.length;
// $('#containerC').css('height',(trLength*50)+"px");
for (var i = 0; i < data.length; i++) {
var r = data[i];
let trStyle = "";
if (r.height != null && r.height != '') {
trStyle += "height:" + r.height + ";";
}
if (r.width != null && r.width != '') {
trStyle += "height:" + r.width + ";";
}
html += "<tr style='" + trStyle + "'>";
if (r.nodes != '') {
for (var j = 0; j < r.nodes.length; j++) {
var c = r.nodes[j];
var width = c.width + "%";
var height = c.height + "%";
var bkcolor = c.background;
html += "<td rowspan=" + c.rows + " colspan=" + c.columns + " showRow=" + (r.insertRow) + " showColumn=" + (c.insertColumn) + " style='width:" + width + ";height:" + height + ";background:" + bkcolor + ";' ondblclick=\"choiceContainer('" + c.id + "');\">";
html += "<div id=" + c.id + " style=\"float:left;width:100%;height:100%;border: 1px solid rgb(176, 176, 176);\">";
html += "<div id=\"" + c.id + "contentRelativeDiv\" style=\"position:relative;width: 100%;height: 100%;\"></div>";
html += "</div>";
allContainers.push(c.id);
html += "</td>";
}
}
html += "</tr>"
}
html += "</table>"
// console.log(html);
$('#showFrame').html(html);
for (let index = 0; index < allContainers.length; index++) {
const did = allContainers[index];
showContent(did, 'td', did);
}
}, 'json');
}
}, 'json');
}
function choiceContainer(id) {
isTabSt = "false";
if (nowChoiceContainer == id) {
nowChoiceContainer = "";
$('#' + id).css('border', '1px solid #B0B0B0');
} else {
nowChoiceContainer = id;
for (let index = 0; index < allContainers.length; index++) {
const did = allContainers[index];
$('#' + did).css('border', '1px solid #B0B0B0');
}
$('#' + id).css('border', '2px solid red');
}
}
function showContent(containerId, st, containerId2) {
// $('#'+containerId+'contentDiv').html("");
$.ajax({
type: "GET",
url: ext.contextPath + "/process/dataVisualContent/getJson.do?pid=" + containerId,
async: true,
globle: false,
success: function (data) {
var datas = JSON.parse(data);
if (datas != '') {
for (let i = 0; i < datas.length; i++) {
var divHtml = "";
const content = datas[i];
if (content.type == '${Type_SignalPoint}') {
divHtml = showAssembly_mpdata_DI(content);
} else if (content.type == '${Type_DataPoint}') {
divHtml = showAssembly_mpdata_AI(content);
} else if (content.type == '${Type_Text}') {
divHtml = showAssembly_Text(content);
} else if (content.type == '${Type_Camera}') {
divHtml = showAssembly_Camera(content);
} else if (content.type == '${Type_Form}') {
divHtml = showAssembly_Form(content);
} else if (content.type == '${Type_LineChart}') {
divHtml = showAssembly_LineChart(content);
} else if (content.type == '${Type_BarChart}') {
divHtml = showAssembly_BarChart(content);
} else if (content.type == '${Type_PercentChart}') {
divHtml = showAssembly_PercentChart(content);
} else if (content.type == '${Type_RadarChart}') {
divHtml = showAssembly_RadarChart(content);
} else if (content.type == '${Type_PieChart}') {
divHtml = showAssembly_PieChart(content);
} else if (content.type == '${Type_Picture}') {
divHtml = showAssembly_Picture(content);
} else if (content.type == '${Type_GaugeChart}') {
divHtml = showAssembly_GaugeChart(content);
} else if (content.type == '${Type_Date}') {
divHtml = showAssembly_Date(content);
} else if (content.type == '${Type_Weather}') {
divHtml = showAssembly_Weather(content);
} else if (content.type == '${Type_PersonnelPositioning}') {
divHtml = showAssembly_PersonnelPositioning(content);
} else if (content.type == '${Type_Iframe}') {
divHtml = showAssembly_Iframe(content);
} else if (content.type == '${Type_Tab}') {
divHtml = showAssembly_Tab(content);
$.ajax({
type: 'GET',
url: ext.contextPath + "/process/dataVisualTab/getJson.do?pid=" + content.id,
async: true,
globle: false,
dataType: 'json',
error: function () {
return false;
},
success: function (tabdata) {
for (let index = 0; index < tabdata.length; index++) {
if (tabdata[index].firstck == 'true') {
showContent(tabdata[index].id, 'tab', containerId2);
}
}
}
});
} else if (content.type == '${Type_MpView}') {
divHtml = showAssembly_MpView(content);
} else if (content.type == '${Type_ProgressBar}') {
divHtml = showAssembly_ProgressBarChart(content);
} else if (content.type == '${Type_Line}') {
divHtml = showAssembly_Line(content);
} else if (content.type == '${Type_DateSelect}') {
divHtml = showAssembly_DateSelect(content);
} else if (content.type == '${Type_SuspensionFrame}') {
divHtml = showAssembly_SuspensionFrame(content);
} else if (content.type == '${Type_PolarCoordinates}') {
divHtml = showAssembly_PolarCoordinates(content);
} else if (content.type == '${Type_Switch}') {
divHtml = showAssembly_Switch(content);
} else if (content.type == '${Type_Svg}') {
divHtml = showAssembly_Svg(content);
} else if (content.type == '${Type_TaskPoints}') {
divHtml = showAssembly_TaskPoints(content);
} else if (content.type == '${Type_EqPoints}') {
divHtml = showAssembly_EqPoints(content);
} else if (content.type == '${Type_SelectJump}') {
divHtml = showAssembly_SelectJump(content);
}
// console.log(divHtml);
if (st == 'tab') {
$('#' + containerId2 + 'contentRelativeDiv').append(divHtml);
} else {
$('#' + containerId + 'contentRelativeDiv').append(divHtml);
}
if (content.type == '${Type_Form}') {
creatTableChoice(content.id);
} else if (content.type == '${Type_DateSelect}') {
$.ajax({
type: 'GET',
url: ext.contextPath + "/process/dataVisualDateSelect/getJson.do?pid=" + content.id,
async: true,
globle: false,
dataType: 'json',
error: function () {
return false;
},
success: function (dateSelectData) {
dateSelectData = dateSelectData[0];
let dateSelectType = dateSelectData.type;
showDateSelect(content.id, dateSelectType);
}
});
} else if (content.type == '${Type_SelectJump}') {
// $("#"+content.id+"select-menu-list").hide();
$("#" + content.id).on("click", function (e) {
$("#" + content.id + "_select-menu-list").toggle();
});
} else if (content.type == '${Type_Tab}') {
// $(".radios").each(function (i, domEle) {
// // 回调函数第一个参数一定是索引号 可以自己指定索引号号名称
// // console.log(index);
// // console.log(i);
// // 回调函数第二个参数一定是 dom元素对象 也是自己命名
// // console.log(domEle);
// // domEle.css("color"); dom对象没有css方法
// // $(domEle).css("color", arr[i]);
// // sum += parseInt($(domEle).text());
// console.log($(domEle).atter("aria-checked"));
//
// })
// $(".a12333_class").click(function () {
// $(".a12333_class").css("background-color","red");
// })
// input[type="radio"]:checked:before{
// content:"";
// display: block;
// width: 9px;
// height: 9px;
// margin: 1px;
// border-radius: 10px;
// background-color: #80A231;
// }
}
<%--if (content.type == '${Type_SignalPoint}') {--%>
<%-- $('#' + content.id).draggable();--%>
<%--} else if (content.type == '${Type_DataPoint}') {--%>
<%-- $('#' + content.id).draggable();--%>
<%--} else if (content.type == '${Type_Text}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--} else if (content.type == '${Type_Camera}') {--%>
<%-- $('#' + content.id).draggable();--%>
<%--} else if (content.type == '${Type_Form}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--} else if (content.type == '${Type_LineChart}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--} else if (content.type == '${Type_BarChart}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--} else if (content.type == '${Type_PercentChart}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--} else if (content.type == '${Type_RadarChart}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--} else if (content.type == '${Type_PieChart}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--} else if (content.type == '${Type_Picture}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--} else if (content.type == '${Type_GaugeChart}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--} else if (content.type == '${Type_Date}') {--%>
<%-- $('#' + content.id).draggable();--%>
<%--} else if (content.type == '${Type_Iframe}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--} else if (content.type == '${Type_Tab}') {--%>
<%-- $('#' + content.id).draggable();--%>
<%--} else if (content.type == '${Type_MpView}') {--%>
<%-- $('#' + content.id).draggable();--%>
<%--} else if (content.type == '${Type_ProgressBar}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--} else if (content.type == '${Type_Line}') {--%>
<%-- $('#' + content.id).draggable();--%>
<%--} else if (content.type == '${Type_DateSelect}') {--%>
<%-- $('#' + content.id).draggable();--%>
<%--} else if (content.type == '${Type_SuspensionFrame}') {--%>
<%-- $('#' + content.id).draggable();--%>
<%--} else if (content.type == '${Type_PolarCoordinates}') {--%>
<%-- if (content.isfixed == 'false' || content.isfixed == '') {--%>
<%-- $('#' + content.id).draggable();--%>
<%-- }--%>
<%--}--%>
if (content.isfixed == 'false' || content.isfixed == '') {
$('#' + content.id).draggable();
}
}
}
}
});
}
function showOneContent(contentId, st) {
$.ajax({
type: "GET",
url: ext.contextPath + "/process/dataVisualContent/getOneJson.do?id=" + contentId,
async: true,
globle: false,
success: function (data) {
let content = JSON.parse(data);
content = content[0];
// console.log(content);
if (content != '') {
let containerId = content.pid;
$('#' + contentId).remove();
let divHtml = "";
if (content.type == '${Type_SignalPoint}') {
divHtml = showAssembly_mpdata_DI(content);
} else if (content.type == '${Type_DataPoint}') {
divHtml = showAssembly_mpdata_AI(content);
} else if (content.type == '${Type_Text}') {
divHtml = showAssembly_Text(content);
} else if (content.type == '${Type_Camera}') {
divHtml = showAssembly_Camera(content);
} else if (content.type == '${Type_Form}') {
divHtml = showAssembly_Form(content);
} else if (content.type == '${Type_LineChart}') {
divHtml = showAssembly_LineChart(content);
} else if (content.type == '${Type_BarChart}') {
divHtml = showAssembly_BarChart(content);
} else if (content.type == '${Type_PercentChart}') {
divHtml = showAssembly_PercentChart(content);
} else if (content.type == '${Type_RadarChart}') {
divHtml = showAssembly_RadarChart(content);
} else if (content.type == '${Type_PieChart}') {
divHtml = showAssembly_PieChart(content);
} else if (content.type == '${Type_Picture}') {
divHtml = showAssembly_Picture(content);
} else if (content.type == '${Type_GaugeChart}') {
divHtml = showAssembly_GaugeChart(content);
} else if (content.type == '${Type_Date}') {
divHtml = showAssembly_Date(content);
} else if (content.type == '${Type_Weather}') {
divHtml = showAssembly_Weather(content);
} else if (content.type == '${Type_Iframe}') {
divHtml = showAssembly_Iframe(content);
} else if (content.type == '${Type_Tab}') {
divHtml = showAssembly_Tab(content);
} else if (content.type == '${Type_MpView}') {
divHtml = showAssembly_MpView(content);
} else if (content.type == '${Type_ProgressBar}') {
divHtml = showAssembly_ProgressBarChart(content);
} else if (content.type == '${Type_Line}') {
divHtml = showAssembly_Line(content);
} else if (content.type == '${Type_DateSelect}') {
divHtml = showAssembly_DateSelect(content);
} else if (content.type == '${Type_SuspensionFrame}') {
divHtml = showAssembly_SuspensionFrame(content);
} else if (content.type == '${Type_PolarCoordinates}') {
divHtml = showAssembly_PolarCoordinates(content);
} else if (content.type == '${Type_Switch}') {
divHtml = showAssembly_Switch(content);
} else if (content.type == '${Type_PersonnelPositioning}') {
divHtml = showAssembly_PersonnelPositioning(content);
} else if (content.type == '${Type_Svg}') {
divHtml = showAssembly_Svg(content);
} else if (content.type == '${Type_TaskPoints}') {
divHtml = showAssembly_TaskPoints(content);
} else if (content.type == '${Type_EqPoints}') {
divHtml = showAssembly_EqPoints(content);
} else if (content.type == '${Type_SelectJump}') {
divHtml = showAssembly_SelectJump(content);
}
if (st != null && st == 'tab') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: containerId}, function (contentData) {
contentData = contentData[0];
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
if (content.type == '${Type_Form}') {
creatTableChoice(content.id);
}
if (content.type == '${Type_DateSelect}') {
$.ajax({
type: 'GET',
url: ext.contextPath + "/process/dataVisualDateSelect/getJson.do?pid=" + content.id,
async: true,
globle: false,
dataType: 'json',
error: function () {
return false;
},
success: function (dateSelectData) {
dateSelectData = dateSelectData[0];
let dateSelectType = dateSelectData.type;
showDateSelect(content.id, dateSelectType);
}
});
} else if (content.type == '${Type_SelectJump}') {
// $("#"+content.id+"select-menu-list").hide();
$("#" + content.id).on("click", function (e) {
$("#" + content.id + "_select-menu-list").toggle();
});
}
if (content.isfixed == 'false' || content.isfixed == '') {
$('#' + content.id).draggable();
}
}, 'json');
} else {
$('#' + containerId + 'contentRelativeDiv').append(divHtml);
if (content.type == '${Type_Form}') {
creatTableChoice(content.id);
}
if (content.type == '${Type_DateSelect}') {
$.ajax({
type: 'GET',
url: ext.contextPath + "/process/dataVisualDateSelect/getJson.do?pid=" + content.id,
async: true,
globle: false,
dataType: 'json',
error: function () {
return false;
},
success: function (dateSelectData) {
dateSelectData = dateSelectData[0];
let dateSelectType = dateSelectData.type;
showDateSelect(content.id, dateSelectType);
}
});
} else if (content.type == '${Type_SelectJump}') {
// $("#"+content.id+"select-menu-list").hide();
$("#" + content.id).on("click", function (e) {
$("#" + content.id + "_select-menu-list").toggle();
});
}
if (content.isfixed == 'false' || content.isfixed == '') {
$('#' + content.id).draggable();
}
}
}
}
});
}
// function stopMove(id, st) {
// if (st == 'move') {
// return;
// }
// // $('#'+id).css('border-color','red');
// $('#' + id).css('border', '2px dashed red');
// $('#' + id).draggable({
// disabled: true
// });
// }
function setdata() {
var obj = document.getElementsByTagName("DIV");
for (var i = 0; i < obj.length; i++) {
if (obj[i].className.indexOf("moveDiv") >= 0) {
$.post(ext.contextPath + '/process/dataVisualContent/updateLayout.do', {
id: obj[i].id,
postx: obj[i].style.left,
posty: obj[i].style.top
}, function (data) {
}, 'json');
}
}
}
// function addFrameFun(){
// var node=$('#frameTree').treeview('getSelected');
// var pid="";
// if(node!=null && node.length>0){
// pid=node[0].id;
// }else{
// pid="-1";
// }
// $.post(ext.contextPath + '/process/dataVisualFrame/frameAdd.do', {unitId:unitId,pid:pid,menuType:'${param.menuType}'} , function(data) {
// $("#subDiv").html(data);
// openModal('subModal');
// });
// };
// function doFrameEdit(id){
// $.post(ext.contextPath + '/process/dataVisualFrame/frameEdit.do', {id:id} , function(data) {
// $("#subDiv").html(data);
// openModal('subModal');
// });
// }
function doFrameDel(id) {
event.stopPropagation();
swal({
text: "您确定要删除此记录？",
dangerMode: true,
buttons: {
cancel: {
text: "取消",
value: null,
visible: true,
className: "btn btn-default btn-sm",
closeModal: true,
},
confirm: {
text: "确定",
value: true,
visible: true,
className: "btn btn-danger btn-sm",
closeModal: true
}
}
})
.then(function (willDelete) {
if (willDelete) {
$.post(ext.contextPath + '/process/dataVisualFrame/doFrameDelete.do', {id: id}, function (data) {
if (data.code == 1) {
initFrameTreeView();
} else {
showAlert('d', '删除失败', 'alertDiv');
}
}, 'json');
}
});
}
var moveType = '';
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev, nowMoveType) {
moveType = nowMoveType;
}
function drop(ev) {
var event = event || window.event;
// console.log(event);
var x = event.offsetX;
var y = event.offsetY;
if (frameId == '') {
alert('请选择画面！');
return;
} else if (nowChoiceContainer == '') {
alert('请双击选择容器！');
return;
}
if (moveType == '${Type_Text}') {
$.post(ext.contextPath + '/process/dataVisualText/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_Text(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_Text(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_Form}') {
$.post(ext.contextPath + '/process/dataVisualForm/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
insertrow: 3,
insertcolumn: 3,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_Form(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_Form(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
creatTableChoice(data.id);
}, 'json');
} else if (moveType == '${Type_LineChart}') {
$.post(ext.contextPath + '/process/dataVisualLineChart/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_LineChart(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_LineChart(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_BarChart}') {
$.post(ext.contextPath + '/process/dataVisualBarChart/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_BarChart(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_BarChart(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_PercentChart}') {
$.post(ext.contextPath + '/process/dataVisualPercentChart/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_PercentChart(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_PercentChart(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_RadarChart}') {
$.post(ext.contextPath + '/process/dataVisualRadarChart/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_RadarChart(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_RadarChart(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_PieChart}') {
$.post(ext.contextPath + '/process/dataVisualPieChart/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_PieChart(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_PieChart(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_Picture}') {
$.post(ext.contextPath + '/process/dataVisualContent/doSavePicture.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_Picture(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_Picture(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_GaugeChart}') {
$.post(ext.contextPath + '/process/dataVisualGaugeChart/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_GaugeChart(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_GaugeChart(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_Date}') {
$.post(ext.contextPath + '/process/dataVisualDate/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_Date(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_Date(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_Weather}') {
$.post(ext.contextPath + '/process/dataVisualWeather/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_Weather(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_Weather(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_PersonnelPositioning}') {
$.post(ext.contextPath + '/process/dataVisualPersonnelPositioning/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_PersonnelPositioning(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_PersonnelPositioning(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_Iframe}') {
$.post(ext.contextPath + '/process/dataVisualContent/doSaveIframe.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_Iframe(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_Iframe(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_Tab}') {
$.post(ext.contextPath + '/process/dataVisualTab/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_Tab(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_Tab(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_MpView}') {
$.post(ext.contextPath + '/process/dataVisualMpView/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_MpView(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_MpView(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_ProgressBar}') {
$.post(ext.contextPath + '/process/dataVisualProgressBarChart/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_ProgressBarChart(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_ProgressBarChart(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_Line}') {
$.post(ext.contextPath + '/process/dataVisualContent/doSaveLine.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_Line(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_Line(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_DateSelect}') {
$.post(ext.contextPath + '/process/dataVisualDateSelect/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_DateSelect(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_DateSelect(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_SuspensionFrame}') {
$.post(ext.contextPath + '/process/dataVisualSuspensionFrame/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_SuspensionFrame(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_SuspensionFrame(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_PolarCoordinates}') {
$.post(ext.contextPath + '/process/dataVisualPolarCoordinates/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_PolarCoordinates(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_PolarCoordinates(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_Switch}') {
$.post(ext.contextPath + '/process/dataVisualSwitch/dosave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_Switch(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_Switch(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
} else if (moveType == '${Type_SelectJump}') {
$.post(ext.contextPath + '/process/dataVisualContent/doSelectJumpSave.do', {
frameId: nowChoiceContainer,
x: x,
y: y,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_SelectJump(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_SelectJump(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
}
moveType = '';
}
function showMpList() {
if (frameId == '') {
alert('请选择画面！');
} else if (nowChoiceContainer == '') {
alert('请双击选择容器！');
} else {
$.post(ext.contextPath + '/work/mpoint/mpointList4LayerES.do', {
// mpids: mpids,
mpids: '',
fucname: 'choiceMps'
}, function (data) {
$("#subDiv").html(data);
openModal('subModalMpoint');
});
}
}
function choiceMps(datas) {
$.post(ext.contextPath + '/process/dataVisualMPoint/dosave.do', {
frameId: nowChoiceContainer,
datas: datas,
unitId: nowUnitId,
isTabSt: isTabSt
}, function (data) {
closeModal("subModalMpoint");
showContent(nowChoiceContainer, 'td', nowChoiceContainer);
});
};
// function showMpList() {
// if (frameId == '') {
// alert('请选择画面！');
// } else if (nowChoiceContainer == '') {
// alert('请双击选择容器！');
// } else {
// $.post(ext.contextPath + '/process/dataVisualContent/showMplistForSelect.do', {frameId: nowChoiceContainer,unitId:nowUnitId}, function (data) {
// $("#subDiv").html(data);
// openModal('MPointModel');
// });
// }
// }
function showCameraList() {
if (frameId == '') {
alert('请选择画面！');
} else if (nowChoiceContainer == '') {
alert('请双击选择容器！');
} else {
$.post(ext.contextPath + '/process/dataVisualCamera/selectListForVisual.do', {frameId: nowChoiceContainer}, function (data) {
$("#subDiv").html(data);
openModal('cameraSubModal');
});
}
}
function editDI(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualContent/editDI.do', {
id: contentId,
frameId: frameId
}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
}
function editAI(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualContent/editAI.do', {
id: contentId,
frameId: frameId
}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
}
function editText(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualContent/editText.do', {
id: contentId,
frameId: frameId
}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
}
function editCrame(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualContent/editCamera.do', {
id: contentId,
frameId: frameId
}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
}
function editPersonnelPositioning(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualPersonnelPositioning/doedit.do', {
id: contentId,
frameId: frameId
}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
}
function editSvg(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualSvg/doedit.do', {
contentId: contentId,
frameId: frameId
}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
}
function showContainer() {
$.post(ext.contextPath + '/process/dataVisualFrameContainer/showContainer.do', {frameId: frameId}, function (data) {
$("#subDiv").html(data);
openModal('containerSubModal');
});
}
function showContainerForm(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualForm/showContainer.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('containerFormSubModal');
});
}
function containerFormEdit(containerFormId, contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualForm/containerEdit.do', {
id: containerFormId,
contentId: contentId
}, function (data) {
$("#subDiv").html(data);
openModal('containerFormSubModal');
});
}
function editLineChart(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualLineChart/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('lineChartSubModal');
});
}
function editBarChart(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualBarChart/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('barChartSubModal');
});
}
function editPercentChart(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualPercentChart/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('percentChartSubModal');
});
}
function editRadarChart(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualRadarChart/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('radarChartSubModal');
});
}
function editPieChart(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualPieChart/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('pieChartSubModal');
});
}
function editGaugeChart(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualGaugeChart/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('gaugeChartSubModal');
});
}
function editPicture(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualContent/editPicture.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('pictureSubModal');
});
}
function editDate(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualDate/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('dateSubModal');
});
}
function editWeather(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualWeather/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('dateSubModal');
});
}
function editDateSelect(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualDateSelect/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('dateSelectSubModal');
});
}
function editIframe(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualContent/editIframe.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('iframeSubModal');
});
}
function showContainerTab(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualTab/showContainer.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('containerTabSubModal');
});
}
function showContainerMpView(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualMpView/showContainer.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('containerMpViewSubModal');
});
}
function editProgressBarChart(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualProgressBarChart/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('percentChartSubModal');
});
}
function editLine(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualContent/editLine.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('lineSubModal');
});
}
function editSwitch(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualSwitch/doedit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('switchSubModal');
});
}
function editSuspensionFrame(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualSuspensionFrame/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('suspensionFrameSubModal');
});
}
function editPolarCoordinates(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualPolarCoordinates/containerEdit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('polarCoordinatesSubModal');
});
}
function editTaskPoints(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualTaskPoints/doedit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('taskPointsSubModal');
});
}
function editEqPoints(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualEqPoints/doedit.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('eqPointsSubModal');
});
}
function editSelectJump(contentId) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/process/dataVisualContent/editSelectJump.do', {contentId: contentId}, function (data) {
$("#subDiv").html(data);
openModal('selectJumpSubModal');
});
}
$(document).on('click', function () {
$('.rightClickMenu_frame').hide();
})
$(document).on('click', function () {
$('.rightClickMenu_form').hide();
})
function doContainerMerge() {
stopBubbleDefaultEvent();
var choiceColor = $('.choiceColor');
if (choiceColor.length > 1) {
var length = choiceColor.length;
var firstRow = choiceColor[0].attributes.showrow.value;
var firstColumn = choiceColor[0].attributes.showcolumn.value;
var lastRow = choiceColor[length - 1].attributes.showrow.value;
var lastColumn = choiceColor[length - 1].attributes.showcolumn.value;
var ckframeId = choiceColor[0].attributes.frameId.value;
// console.log(firstRow+","+firstColumn);
// console.log(lastRow+","+lastColumn);
$.post(ext.contextPath + '/process/dataVisualForm/doContainerMerge.do', {
frameId: ckframeId,
firstRow: firstRow,
firstColumn: firstColumn,
lastRow: lastRow,
lastColumn: lastColumn
}, function (data) {
var content = data;
$('.rightClickMenu_form').hide();
$('#' + content.id).remove();
// console.log(divHtml);
var divHtml = showAssembly_Form(data);
if (content.istab == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: content.pid}, function (contentData) {
contentData = contentData[0];
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + content.id).draggable();
creatTableChoice(content.id);
}, 'json');
} else {
$('#' + content.pid + 'contentRelativeDiv').append(divHtml);
$('#' + content.id).draggable();
creatTableChoice(content.id);
}
}, 'json');
}
//attributes
}
function doBorderChange(st) {
stopBubbleDefaultEvent();
var choiceColor = $('.choiceColor');
if (choiceColor.length > 1) {
var length = choiceColor.length;
var firstRow = choiceColor[0].attributes.showrow.value;
var firstColumn = choiceColor[0].attributes.showcolumn.value;
var lastRow = choiceColor[length - 1].attributes.showrow.value;
var lastColumn = choiceColor[length - 1].attributes.showcolumn.value;
var ckframeId = choiceColor[0].attributes.frameId.value;
// console.log(firstRow+","+firstColumn);
// console.log(lastRow+","+lastColumn);
$.post(ext.contextPath + '/process/dataVisualForm/doBorderChange.do', {
borderSt: st,
frameId: ckframeId,
firstRow: firstRow,
firstColumn: firstColumn,
lastRow: lastRow,
lastColumn: lastColumn
}, function (data) {
var content = data;
$('.rightClickMenu_form').hide();
$('#' + content.id).remove();
// console.log(divHtml);
var divHtml = showAssembly_Form(data);
if (content.istab == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: content.pid}, function (contentData) {
contentData = contentData[0];
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + content.id).draggable();
creatTableChoice(content.id);
}, 'json');
} else {
$('#' + content.pid + 'contentRelativeDiv').append(divHtml);
$('#' + content.id).draggable();
creatTableChoice(content.id);
}
}, 'json');
}
}
function creatTableChoice(contentId) {
/**
* 报表选择
*/
$('.' + contentId + 'choiceTable').on('mousedown', 'td', function (e) {
e.stopPropagation();
// console.log(e);
var key = e.which;//获取鼠标键位 //1：代表左键；2：代表中键；3：代表右键
if (key == 1) {
$('.choiceColor').removeClass('choiceColor');
var startLeft = e.pageX;
var startTop = e.pageY;
// var thatTd_ = $(screenX);
$(document).on('mousemove', function (e) {
var moveLeft = e.pageX;
var moveTop = e.pageY;
// 动态生成选择区域时占位的碰撞检测块
crashPlaceholder(moveLeft, moveTop, startLeft, startTop);
// 元素碰撞检测
elementCrash();
// 处理有表格合并之后的的选择问题 通过检测高度来实现效果
formMergeChoice(moveLeft, moveTop)
});
}
//右击事件
if (key == 3) {
//获取右键点击坐标
var x = e.pageX;
var y = e.pageY;
$('.rightClickMenu_form').show().css({left: x, top: y});
}
})
// 鼠标抬起事件
$(document).on('mouseup', function (e) {
$(document).unbind('mousemove');
$('.tableCKshow').remove();
e.stopPropagation();
});
// 生成占位块
function crashPlaceholder(A, B, C, D) {
// 开始的行列
var a = A > C ? C : A;
var b = B > D ? D : B;
$('.tableCKshow').remove();
$('body').append('<div class="tableCKshow"></div>');
$('.tableCKshow').css('width', Math.abs(A - C)).css('height', Math.abs(B - D)).css('position', 'absolute').css('left', a).css(
'top', b).css('border', '1px dotted black');
}
// 碰撞检测
function elementCrash() {
$('.' + contentId + 'choiceTable td').each(function () {
$(this).removeClass('choiceColor');
// 碰撞检测
var t1 = $(this).offset().top;
var l1 = $(this).offset().left;
var r1 = $(this).offset().left + $(this).innerWidth();
var b1 = $(this).offset().top + $(this).innerHeight();
var t2 = $('.tableCKshow').offset().top;
var l2 = $('.tableCKshow').offset().left;
var r2 = $('.tableCKshow').offset().left + $('.tableCKshow').innerWidth();
var b2 = $('.tableCKshow').offset().top + $('.tableCKshow').innerHeight();
if (b1 < t2 || l1 > r2 || t1 > b2 || r1 < l2) {
$(this).removeClass('choiceColor');
} else {
$(this).addClass('choiceColor');
}
})
}
// 处理有表格合并之后的的选择问题 通过检测高度来实现效果
function formMergeChoice() {
var heightArr = [],
heightArr1 = [],
widthArr = [],
widthArr1 = [];
$('.choiceColor').each(function () {
heightArr.push($(this).offset().top);
heightArr1.push($(this).offset().top + $(this).outerHeight());
widthArr.push($(this).offset().left);
widthArr1.push($(this).offset().left + $(this).outerWidth());
})
var minHeight = Math.min.apply(null, heightArr);
var maxHeight = Math.max.apply(null, heightArr1);
var minWidth = Math.min.apply(null, widthArr);
var maxWidth = Math.max.apply(null, widthArr1);
$('.tableCKshow').outerHeight(maxHeight - minHeight - 3).outerWidth(maxWidth - minWidth).css('top', minHeight).css('left', minWidth);
// 当改变碰撞占位检测块之后的高度和定位之后 再次进行碰撞检测
elementCrash();
$('.choiceColor').each(function () {
heightArr.push($(this).offset().top);
heightArr1.push($(this).offset().top + $(this).outerHeight());
widthArr.push($(this).offset().left);
widthArr1.push($(this).offset().left + $(this).outerWidth());
})
var minHeight1 = Math.min.apply(null, heightArr);
var maxHeight1 = Math.max.apply(null, heightArr1);
var minWidth1 = Math.min.apply(null, widthArr);
var maxWidth1 = Math.max.apply(null, widthArr1);
// 递归函数
if (minHeight == minHeight1 && maxHeight == maxHeight1 && minWidth == minWidth1 && maxWidth == maxWidth1) {
return;
} else {
formMergeChoice();
}
}
}
function clickTab(ckid, data) {
stopBubbleDefaultEvent();
for (let index = 0; index < allContainers.length; index++) {
const did = allContainers[index];
$('#' + did).css('border', '1px solid #B0B0B0');
}
if (nowChoiceContainer == ckid) {
nowChoiceContainer = "";
isTabSt = "false";
} else {
nowChoiceContainer = ckid;
isTabSt = "true";
}
// console.log(nowChoiceContainer)
// if (tabId == ckid) {
// tabId = "";
// } else {
// tabId = ckid;
// }
for (let i = 0; i < data.length; i++) {
let tab = data[i];
let ckbackground = 'transparent';
if (tab.ckbackground != null && tab.ckbackground != '') {
ckbackground = tab.ckbackground;
if (ckbackground.indexOf("/") >= 0) {
var path = getRootPath() + ckbackground;
ckbackground = 'url(' + path + ')';
}
}
let ckfontcolor = '#3c8dbc';
if (tab.ckfontcolor != null && tab.ckfontcolor != '') {
ckfontcolor = tab.ckfontcolor;
}
let ckfontsize = '14';
if (tab.ckfontsize != null && tab.ckfontsize != '') {
ckfontsize = tab.ckfontsize;
}
let ckfontweight = '400';
if (tab.ckfontweight != null && tab.ckfontweight != '') {
ckfontweight = tab.ckfontweight;
}
let cktextAlign = 'center';
// if (tab.cktextAlign != null && tab.cktextAlign != '') {
// cktextAlign = tab.cktextAlign;
// }
let ckstyle = '';
if (tab.ckstyle != null && tab.ckstyle != '') {
ckstyle = tab.ckstyle;
}
let unckbackground = 'transparent';
if (tab.unckbackground != null && tab.unckbackground != '') {
unckbackground = tab.unckbackground;
if (unckbackground.indexOf("/") >= 0) {
var path = getRootPath() + unckbackground;
unckbackground = 'url(' + path + ')';
}
}
let unckfontcolor = '#555555';
if (tab.unckfontcolor != null && tab.unckfontcolor != '') {
unckfontcolor = tab.unckfontcolor;
}
let unckfontsize = '14';
if (tab.unckfontsize != null && tab.unckfontsize != '') {
unckfontsize = tab.unckfontsize;
}
let unckfontweight = '400';
if (tab.unckfontweight != null && tab.unckfontweight != '') {
unckfontweight = tab.unckfontweight;
}
let uncktextAlign = 'center';
// if (tab.uncktextAlign != null && tab.uncktextAlign != '') {
// uncktextAlign = tab.uncktextAlign;
// }
let unckstyle = '';
if (tab.unckstyle != null && tab.unckstyle != '') {
unckstyle = tab.unckstyle;
}
if (tab.id == ckid) {
$('#' + tab.id).css('background', ckbackground);
$('#' + tab.id).css('background-size', "100% 100%");
$('#' + tab.id).css('color', ckfontcolor);
$('#' + tab.id).css('font-size', ckfontsize + "px");
$('#' + tab.id).css('font-weight', ckfontweight);
} else {
$('#' + tab.id).css('background', unckbackground);
$('#' + tab.id).css('background-size', "100% 100%");
$('#' + tab.id).css('color', unckfontcolor);
$('#' + tab.id).css('font-size', unckfontsize + "px");
$('#' + tab.id).css('font-weight', unckfontweight);
}
$.ajax({
type: "GET",
url: ext.contextPath + "/process/dataVisualContent/getIdsForAllTabContent.do?pid=" + tab.id,
async: true,
globle: false,
success: function (data) {
data = data.split(',');
for (let t = 0; t < (data.length - 1); t++) {
const element = data[t];
$('#' + element).remove();
}
}
});
}
$.ajax({
type: "GET",
url: ext.contextPath + "/process/dataVisualContent/getIdsForTab.do?pid=" + ckid,
async: true,
globle: false,
success: function (data) {
data = data.split(',');
for (let t = 0; t < (data.length - 1); t++) {
const element = data[t];
showOneContent(element, 'tab');
}
}
});
}
function getRootPath() {
// var pathName = window.location.pathname.substring(1);
// var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));
// return window.location.protocol + '//' + window.location.host;
return window.location.protocol;
}
function showDateSelect(contentId, type) {
var beginTimeStore = '';
var endTimeStore = '';
let separator = " ~ ";
let singleDatePicker = "false";
let calendarMode = "day";
let format = "YYYY-MM-DD";
if (type == '0') {
singleDatePicker = "true";
calendarMode = "day";
format = "YYYY-MM-DD";
beginTimeStore = moment().subtract(0, 'days').format(format);
$('#' + contentId + 'reservationtime').val(beginTimeStore);
} else if (type == '1') {
singleDatePicker = "true";
calendarMode = "month";
format = "YYYY-MM";
beginTimeStore = moment().subtract(0, 'days').format(format);
$('#' + contentId + 'reservationtime').val(beginTimeStore);
} else if (type == '2') {
singleDatePicker = "true";
calendarMode = "year";
format = "YYYY";
beginTimeStore = moment().subtract(0, 'days').format(format);
$('#' + contentId + 'reservationtime').val(beginTimeStore);
} else if (type == '3') {
singleDatePicker = "false";
calendarMode = "day";
format = "YYYY-MM-DD";
beginTimeStore = moment().subtract(6, 'days').format(format);
endTimeStore = moment().subtract(0, 'days').format(format);
$('#' + contentId + 'reservationtime').val(beginTimeStore + separator + endTimeStore);
} else if (type == '4') {
singleDatePicker = "false";
calendarMode = "month";
format = "YYYY-MM";
beginTimeStore = moment().subtract(1, 'month').format(format);
endTimeStore = moment().subtract(0, 'days').format(format);
$('#' + contentId + 'reservationtime').val(beginTimeStore + separator + endTimeStore);
} else if (type == '5') {
singleDatePicker = "false";
calendarMode = "year";
format = "YYYY";
beginTimeStore = moment().subtract(1, 'year').format(format);
endTimeStore = moment().subtract(0, 'days').format(format);
$('#' + contentId + 'reservationtime').val(beginTimeStore + separator + endTimeStore);
}
var locale = {
"format": format,
"separator": separator,
"applyLabel": "确定",
"cancelLabel": "取消",
"fromLabel": "起始时间",
"toLabel": "结束时间",
"customRangeLabel": "自定义",
"weekLabel": "W",
"daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
"monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
"firstDay": 1
};
$('#' + contentId + 'reservationtime').daterangepicker({
startDate: beginTimeStore,
endDate: endTimeStore,
singleDatePicker: eval(singleDatePicker.toLowerCase()), //单日历
// minDate: '1937-01-01',
// maxDate: moment(),
// dateLimit: {
// days: 14000
// },
calendarMode: calendarMode,
showDropdowns: false,
showWeekNumbers: false,
timePicker: false,
timePickerIncrement: 1,
timePicker12Hour: false,
linkedCalendars: false,
autoUpdateInput: false,
timePickerSeconds: false,
// buttonClasses: ['btn'],
// applyClass: 'green',
// cancelClass: 'default',
format: format,
separator: separator,
// alwaysShowCalendars:true,
// autoApply:true,
// ranges: {
// // '今日': [moment(), moment().subtract(-1, 'days')],
// '昨日': [moment().subtract(1, 'days'), moment()],
// '最近7日': [moment().subtract(6, 'days'), moment().subtract(-1, 'days')],
// '本月': [moment().startOf('month'), moment().endOf('month').subtract(-1, 'days')],
// '上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month').subtract(-1, 'days')]
// },
locale: locale
}, function (start, end, label) {
beginTimeStore = start.format(format);
endTimeStore = end.format(format);
// if (!this.startDate) {
// this.element.val('');
// } else {
// this.element.val(this.startDate.format(format) + separator + this.endDate.format(format));
// }
});
}
// function placeholderPic() {
// var w = document.getElementById("showFrame").offsetWidth;
// document.getElementById("showFrame").style = w / 40 + 'px';
// // document.documentElement.style.fontSize = w / 40 + 'px';
// }
//
// window.onresize = function () {
// console.log(12)
// placeholderPic();
// }
function fixedFrame(st) {
$.post(ext.contextPath + '/process/dataVisualFrame/fixedFrame.do', {
id: rightClickId,
st: st
}, function (data) {
if (data > 0) {
alert('执行成功');
showFrame(rightClickId);
} else {
alert('执行失败');
}
});
}
function allContentDel() {
swal({
text: "确认删除画面所有元素？该动作无法撤回！",
dangerMode: true,
buttons: {
cancel: {
text: "取消",
value: null,
visible: true,
className: "btn btn-default btn-sm",
closeModal: true,
},
confirm: {
text: "确定",
value: true,
visible: true,
className: "btn btn-danger btn-sm",
closeModal: true
}
}
})
.then(function (willDelete) {
if (willDelete) {
swal({
text: "再次确认删除画面所有元素？",
dangerMode: true,
buttons: {
cancel: {
text: "取消",
value: null,
visible: true,
className: "btn btn-default btn-sm",
closeModal: true,
},
confirm: {
text: "确定",
value: true,
visible: true,
className: "btn btn-danger btn-sm",
closeModal: true
}
}
})
.then(function (willDelete) {
if (willDelete) {
$.post(ext.contextPath + '/process/dataVisualContent/doAllContentDel.do', {
frameId: frameId
}, function (data) {
showFrame(frameId);
});
}
});
}
});
}
let svgPoints = [];
let svgDrawSt = "begin";
function svgDraw() {
if (svgDrawSt == 'begin') {
if (frameId == '') {
alert('请选择画面！');
return;
} else if (nowChoiceContainer == '') {
alert('请双击选择容器！');
return;
}
alert('依次点击绘制节点,再次点击工具按钮结束绘制');
svgDrawSt = "end";
$("#showFrame").on("mousedown", function (event) {
let x = event.pageX - $(this).offset().left;
let y = event.pageY - $(this).offset().top;
let clickPoint = x + "," + y;
// console.log("Mouse pointer position: " + clickPoint);
svgPoints.push(clickPoint);
let lssvgpoint = "";
for (let i = 0; i < svgPoints.length; i++) {
lssvgpoint += svgPoints[i] + "|";
}
let lssvg = showSvgLine(lssvgpoint);
if (lssvg != "") {
$('#' + nowChoiceContainer + 'contentRelativeDiv').append(lssvg);
}
});
} else if (svgDrawSt == 'end') {
// console.log(svgPoints)
$("#showFrame").off("mousedown");
svgDrawSt = "begin";
if (svgPoints.length > 0) {
let firstPoint = svgPoints[0].split(",");
let firstX = firstPoint[0];
let firstY = firstPoint[1];
let savePoints = "";
for (let i = 0; i < svgPoints.length; i++) {
savePoints += svgPoints[i] + "|";
}
savePoints = savePoints.substring(0, savePoints.length - 1);
svgPoints = [];
$("#lssvg").remove();
$.post(ext.contextPath + '/process/dataVisualSvg/dosave.do', {
frameId: nowChoiceContainer,
x: firstX,
y: firstY,
savePoints: savePoints,
isTabSt: isTabSt
}, function (data) {
if (isTabSt == 'true') {
$.post(ext.contextPath + '/process/dataVisualTab/getContainer.do', {tabId: nowChoiceContainer}, function (contentData) {
contentData = contentData[0];
$('#' + data.id).remove();
const divHtml = showAssembly_Svg(data);
$('#' + contentData.containerId + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}, 'json');
} else {
$('#' + data.id).remove();
const divHtml = showAssembly_Svg(data);
$('#' + data.pid + 'contentRelativeDiv').append(divHtml);
$('#' + data.id).draggable();
}
}, 'json');
}
}
}
function taskPoints() {
if (frameId == '') {
alert('请选择画面！');
} else if (nowChoiceContainer == '') {
alert('请双击选择容器！');
} else {
$.post(ext.contextPath + '/process/dataVisualTaskPoints/selectListForVisual.do', {frameId: nowChoiceContainer}, function (data) {
$("#subDiv").html(data);
openModal('taskPointsSubModal');
});
}
}
function eqPoints() {
if (frameId == '') {
alert('请选择画面！');
} else if (nowChoiceContainer == '') {
alert('请双击选择容器！');
} else {
$.post(ext.contextPath + '/process/dataVisualEqPoints/selectListForVisual.do', {frameId: nowChoiceContainer}, function (data) {
$("#subDiv").html(data);
openModal('eqPointsSubModal');
});
}
}
</script>
</head>
<body id="bodyId" style="overflow: auto;" draggable="false">
<div id="subDiv"></div>
<div id="alertDiv"></div>
<div id="containerEditDiv"></div>
<div id="chartDDiv"></div>
<div id="contentDDiv"></div>
<div id="mpSelectDiv"></div>
<div id="formShowStyleDiv"></div>
<div id="fileInputDiv"></div>
<div id="hiddenBottom"
style="width: 100%;height: 100%;z-index: 0;display: none;background-color: rgba(191,191,191,0.3);"></div>
<div id="showFrame" draggable="false" ondrop="drop(event)" ondragover="allowDrop(event)">
</div>
<div class="rightClickMenu_frame" style="z-index:999;">
<div class="rightClickMenu_in_frame" onclick="fixedFrame('false');">解锁组件</div>
<div class="rightClickMenu_in_frame" onclick="fixedFrame('true');">固定组件</div>
</div>
<div class="rightClickMenu_form" style="z-index:999;">
<div class="rightClickMenu_in_form" onclick="doContainerMerge();">合并单元格</div>
<div class="rightClickMenu_in_form" onclick="doBorderChange('add');">添加边框</div>
<div class="rightClickMenu_in_form" onclick="doBorderChange('del');">删除边框</div>
<%-- <div class="rightClickMenu_in_form" onclick="doDeleteBorder();">删除行</div>--%>
</div>
<div id="leftToolsPackup"
style="display: none;position: absolute;left:10px;top:0px;width: 20px;height: 25px;border-radius: 4px;box-shadow: 2px 2px 4px 0px #696969, 0px 0px 4px 0px #696969;z-index:998;">
<button type="button" class="btn btn-box-tool" onclick="frameOpen();"><i class="fa fa-forward"></i></button>
</div>
<div id="leftTools"
style="position: absolute;left:0px;top:0px;width: 200px;height: 100%;overflow:auto;border-radius: 0px;box-shadow: 2px 2px 4px 0px #696969, 0px 0px 4px 0px #696969;background: #eeeeee;z-index:998;">
<div id="leftToolsLvl2">
<div class="box-header with-border" style="width: 100%;height: 45px;border-bottom: 1px solid #ccc;">
<h3 class="box-title" style="font-size: 16px;">画面列表</h3>
<div class="box-tools">
<!-- <button type="button" class="btn btn-box-tool" onclick="addFrameFun();"><i class="fa fa-plus"></i></button> -->
<button type="button" class="btn btn-box-tool" onclick="framePackup();"><i class="fa fa-backward"></i>
</button>
</div>
</div>
<div id="frameTree"></div>
</div>
</div>
<div id="rightToolsPackup"
style="display: block;position: absolute;right:20px;top:0px;width: 20px;height: 25px;border-radius: 4px;box-shadow: 2px 2px 4px 0px #696969, 0px 0px 4px 0px #696969;z-index:999;">
<button type="button" class="btn btn-box-tool" onclick="toolsOpen();"><i class="fa fa-backward"></i></button>
</div>
<div id="rightTools"
style="position: absolute;right:0px;top:0px;width: 280px;height: 100%;overflow:auto;border-radius: 0px;box-shadow: 2px 2px 4px 0px #696969, 0px 0px 4px 0px #696969;background: #eeeeee;z-index:999;">
<div id="rightToolsLvl2">
<div class="box-header with-border" style="width: 100%;height: 45px;border-bottom: 1px solid #ccc;">
<h3 class="box-title" style="font-size: 16px;">工具列表</h3>
<div class="box-tools">
<!-- <button title="保存布局" type="button" class="btn btn-box-tool" onclick="setdata();"><i class="fa fa-save"></i></button> -->
<button type="button" class="btn btn-box-tool" onclick="allContentDel();"><i class="fa fa-trash"></i>
</button>
<button type="button" class="btn btn-box-tool" onclick="toolsPackup();"><i class="fa fa-forward"></i>
</button>
</div>
</div>
<div>
<div class="form-group" style="height: 35px;line-height: 35px;padding-top: 5px;">
<label class="col-sm-4 control-label">容器</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" onclick="showContainer();"><i
class="fa fa-cube"></i></div>
</div>
<label class="col-sm-4 control-label">日期选择</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_DateSelect}')">
<svg t="1635494699589" class="icon" viewBox="0 0 1024 1024" p-id="10385" width="16" height="16">
<path d="M865.8 924.2H161.2c-34.3 0-62.2-27.9-62.2-62.2V217.2c0-34.3 27.9-62.2 62.2-62.2h704.6c34.3 0 62.2 27.9 62.2 62.2V862c0 34.3-27.9 62.2-62.2 62.2zM161.2 196.5c-11.4 0-20.7 9.3-20.7 20.7V862c0 11.4 9.3 20.7 20.7 20.7h704.6c11.4 0 20.7-9.3 20.7-20.7V217.2c0-11.4-9.3-20.7-20.7-20.7H161.2z"
fill="#333333" p-id="10386"></path>
<path d="M119.8 390.2h772.6v41.4H119.8zM260 533.9h87.8v87.8H260zM469.6 533.9h87.8v87.8h-87.8zM679.3 533.9h87.8v87.8h-87.8z"
fill="#333333" p-id="10387"></path>
<path d="M260 685.8h87.8v87.8H260zM469.6 685.8h87.8v87.8h-87.8zM679.3 685.8h87.8v87.8h-87.8z"
fill="#333333" p-id="10388"></path>
<path d="M333.6 251.7c-11.4 0-20.7-9.3-20.7-20.7V120.5c0-11.4 9.3-20.7 20.7-20.7s20.7 9.3 20.7 20.7V231c0 11.5-9.3 20.7-20.7 20.7zM693.5 251.7c-11.4 0-20.7-9.3-20.7-20.7V120.5c0-11.4 9.3-20.7 20.7-20.7s20.7 9.3 20.7 20.7V231c0 11.5-9.3 20.7-20.7 20.7z"
fill="#333333" p-id="10389"></path>
</svg>
</div>
</div>
</div>
<div class="form-group"
style="border-top: 1px solid #696969;height: 35px;line-height: 35px;padding-top: 5px;">
<label class="col-sm-4 control-label">表格</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_Form}')"><i class="fa fa-table"></i></div>
</div>
<label class="col-sm-4 control-label">线条</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_Line}')">
<svg t="1635233574528" class="icon" viewBox="0 0 1024 1024" width="16" height="16">
<path d="M63.6 489.6h896.7v44.8H63.6z" p-id="3815"></path>
</svg>
</div>
</div>
</div>
<div class="form-group" style="height: 35px;line-height: 35px;padding-top: 2px;">
<label class="col-sm-4 control-label">折线图</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_LineChart}')"><i
class="fa fa-line-chart"></i></div>
</div>
<label class="col-sm-4 control-label">柱状图</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_BarChart}')"><i
class="fa fa-bar-chart"></i></div>
</div>
</div>
<div class="form-group" style="height: 35px;line-height: 35px;padding-top: 2px;">
<label class="col-sm-4 control-label">饼图</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_PieChart}')"><i
class="fa fa-pie-chart"></i></div>
</div>
<label class="col-sm-4 control-label">分值环图</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_PercentChart}')">
<svg t="1632552511161" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="3303"
data-spm-anchor-id="a313x.7781069.0.i12"
width="16" height="16">
<path d="M512 901.94598388C296.94262695 901.94598388 122.05401612 727.05737305 122.05401612 512S296.94262695 122.05401612 512 122.05401612s389.94598388 174.88861084 389.94598388 389.94598388-174.88861084 389.94598388-389.94598388 389.94598388z m0-682.86895752c-161.29302979 0-292.92297364 131.62994385-292.92297364 292.92297364s131.62994385 292.92297364 292.92297364 292.92297363 292.92297364-131.62994385 292.92297364-292.92297363S673.29302979 219.07702636 512 219.07702636z"
fill="#DEDEE1" p-id="3304"></path>
<path d="M832.7321167 679.47283935c-26.57318115 0-48.8204956-21.62933349-48.82049561-48.8204956 0-5.56182862 1.23596192-11.12365723 3.08990479-16.68548584 11.74163818-32.75299073 17.92144776-67.35992432 17.92144775-101.96685791 0-161.29302979-131.62994385-292.92297364-292.92297363-292.92297364-26.57318115 0.61798096-48.8204956-21.01135254-49.43847656-47.58453368-0.61798096-26.57318115 21.01135254-48.8204956 47.58453369-49.43847656h1.85394287c215.05737305 0 389.94598388 174.88861084 389.94598388 389.94598388 0 46.34857177-8.03375244 92.0791626-24.10125732 135.33782959-6.79779052 19.15740967-24.71923828 31.51702881-45.11260986 32.13500976z"
fill="#2c2c2c" p-id="3305" data-spm-anchor-id="a313x.7781069.0.i11" class=""></path>
<path d="M412.50506592 488.51672363c0-6.79779052-1.85394287-11.74163818-6.17980957-15.44952392-4.3258667-3.70788575-9.88769531-5.56182862-17.3034668-5.56182862-5.56182862 0-10.50567627 1.23596192-15.44952393 3.70788575-5.56182862 3.08990479-10.50567627 6.79779052-14.213562 11.12365722v-14.83154297c3.70788575-4.3258667 8.6517334-7.41577148 13.59558105-9.26971435 4.94384766-2.47192383 11.12365723-3.08990479 17.92144775-3.08990479 11.12365723 0 19.77539063 3.08990479 26.57318115 8.65173341 6.79779052 6.17980958 9.88769531 14.21356201 9.88769531 24.10125732 0 9.26971435-1.85394287 16.68548584-6.17980956 23.48327636-4.3258667 6.79779052-11.12365723 13.59558106-21.01135255 20.39337158-10.50567627 6.79779052-17.3034668 12.35961914-20.39337157 15.44952393-3.70788575 3.08990479-6.17980958 6.17980958-7.41577148 8.6517334-1.23596192 3.08990479-1.85394287 6.79779052-1.85394288 10.50567627H431.66247558V579.97790528H354.41485596v-6.17980958c0-6.79779052 1.23596192-12.9776001 3.08990478-17.92144775 2.47192383-5.56182862 5.56182862-10.50567627 9.26971436-14.21356201 4.3258667-4.94384766 11.12365723-10.50567627 20.39337157-16.68548584 9.88769531-6.79779052 16.06750489-12.35961914 19.77539063-17.92144776 3.70788575-6.17980958 5.56182862-12.35961914 5.56182862-18.53942871z m114.32647705-22.86529541c-12.9776001 22.24731445-22.86529541 43.258667-30.2810669 62.41607666-7.41577148 19.15740967-11.74163818 35.84289551-13.59558105 50.67443848h-16.06750489c1.85394287-14.21356201 6.79779052-30.89904786 13.59558106-49.43847656 7.41577148-18.53942872 17.3034668-38.31481934 29.04510498-59.32617188h-60.56213379V456.38171386h77.86560059v9.26971437z m14.83154297 21.6293335c0-9.88769531 2.47192383-17.92144776 8.03375244-24.10125732s12.35961914-8.6517334 21.62933349-8.65173341c8.6517334 0 15.44952393 2.47192383 20.39337159 8.03375245s7.41577148 12.9776001 7.41577148 22.86529541-2.47192383 17.3034668-8.03375244 23.48327636-12.35961914 9.26971435-21.62933349 9.26971436c-8.6517334 0-15.44952393-3.08990479-20.39337159-8.6517334s-7.41577148-12.9776001-7.41577148-22.24731445z m12.35961914-0.61798096c0 6.79779052 1.23596192 11.74163818 4.3258667 15.44952393 3.08990479 3.70788575 6.79779052 5.56182862 12.35961914 5.56182861 5.56182862 0 9.26971435-1.85394287 12.35961914-5.56182861s4.3258667-9.26971435 4.3258667-16.06750489-1.23596192-12.35961914-4.3258667-16.06750488c-3.08990479-3.70788575-6.79779052-5.56182862-11.74163818-5.56182861-4.94384766 0-9.26971435 1.85394287-12.35961915 5.56182861s-4.94384766 9.26971435-4.94384765 16.68548584zM652.28167724 456.38171386L573.7980957 579.35992432h-12.9776001L639.30407715 456.38171386h12.97760009z m-37.07885742 93.31512452c0-9.88769531 2.47192383-17.92144776 8.03375245-24.10125733s12.35961914-9.26971435 21.62933349-9.26971435c8.6517334 0 15.44952393 2.47192383 20.39337158 8.03375244 4.94384766 5.56182862 7.41577148 12.9776001 7.41577149 22.86529541s-2.47192383 17.3034668-8.03375245 23.48327637-12.35961914 8.6517334-21.01135253 9.26971435c-8.6517334 0-15.44952393-3.08990479-20.39337158-8.65173339s-8.03375244-12.35961914-8.03375245-21.6293335z m11.74163819-0.61798096c0 6.79779052 1.23596192 11.74163818 4.3258667 15.44952393 3.08990479 3.70788575 6.79779052 5.56182862 12.35961914 5.56182861 5.56182862 0 9.26971435-1.85394287 12.35961914-5.56182861 3.08990479-3.70788575 4.3258667-9.26971435 4.3258667-16.06750489s-1.23596192-12.35961914-4.3258667-15.44952393-6.79779052-5.56182862-11.74163818-5.5618286c-5.56182862 0-9.26971435 1.85394287-12.35961914 5.5618286-3.08990479 3.70788575-4.94384766 9.26971435-4.94384766 16.06750489z"
fill="#2c2c2c" p-id="3306" data-spm-anchor-id="a313x.7781069.0.i13" class=""></path>
</svg>
</div>
</div>
</div>
<div class="form-group" style="height: 35px;line-height: 35px;padding-top: 2px;">
<label class="col-sm-4 control-label">雷达图</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_RadarChart}')">
<svg t="1632552240692" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="2194" width="16"
height="16">
<path d="M683.52 798.515H340.992L234.496 465.101l278.016-206.08L790.528 465.1 683.52 798.515z m-324.096-26.112h305.664l94.72-297.37L512 291.38 264.192 475.034l95.232 297.37z"
p-id="2195"></path>
<path d="M827.904 1023.898H196.608L0 409.293 512 29.49l512 379.802-196.096 614.605z m-609.792-30.772H806.4l182.784-572.364L512 67.072 34.816 420.762l183.296 572.364z"
p-id="2196"></path>
<path d="M499.2 39.424h25.6v487.27h-25.6z" p-id="2197"></path>
<path d="M1011.251 398.694l5.632 25.447-502.016 115.097-5.632-25.446z" p-id="2198"></path>
<path d="M522.65 519.475l305.766 481.28-21.504 14.234-305.715-481.331z" p-id="2199"></path>
<path d="M500.94 519.475l21.505 14.183-308.839 486.144-21.504-14.132z" p-id="2200"></path>
<path d="M19.2 400.18l495.514 113.612-5.632 25.446L13.568 425.626z" p-id="2201"></path>
</svg>
</div>
</div>
<label class="col-sm-4 control-label">仪表盘</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_GaugeChart}')">
<svg t="1634179849674" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="2967" width="16"
height="16">
<path d="M956.5 601.2V794h-50V605c0-53.3-10.4-104.9-31-153.5-19.9-47-48.3-89.2-84.6-125.4-36.2-36.2-78.4-64.7-125.4-84.6-48.6-20.6-100.3-31-153.5-31-53.3 0-104.9 10.4-153.5 31-47 19.9-89.2 48.3-125.4 84.6-36.2 36.2-64.7 78.4-84.6 125.4-20.6 48.6-31 100.3-31 153.5v189h-50V601.2c2-243.7 200.3-440.7 444.5-440.7s442.4 196.9 444.5 440.7zM186.3 454.4l409.1 282.8v126.3H469.2L186.3 454.4z m359.2 309.1L383.2 651.3l112.2 162.2h50.1v-50z"
fill="" p-id="2968"></path>
</svg>
</div>
</div>
</div>
<div class="form-group" style="height: 35px;line-height: 35px;padding-top: 2px;">
<label class="col-sm-4 control-label">极坐标</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_PolarCoordinates}')">
<svg t="1636883916821" class="icon" viewBox="0 0 1024 1024" width="16" height="16">
<path d="M512 672a161.92 161.92 0 0 1-69.44-15.68 32 32 0 0 1-14.72-42.88 32 32 0 0 1 42.56-14.72A96 96 0 0 0 512 608a96 96 0 0 0 0-192 32 32 0 0 1 0-64 160 160 0 0 1 0 320z"
fill="#2c2c2c" p-id="6630"></path>
<path d="M512 832a314.24 314.24 0 0 1-142.72-32c-8.32-4.16-16-8.32-24-13.12a32 32 0 0 1 32-54.72c6.4 3.84 12.8 7.36 19.52 10.56A250.56 250.56 0 0 0 512 768a256 256 0 0 0 0-512 32 32 0 0 1 0-64 320 320 0 0 1 0 640z"
fill="#2c2c2c" p-id="6631"></path>
<path d="M512 992a480 480 0 0 1-268.16-81.92 32 32 0 1 1 35.84-53.12A416 416 0 1 0 512 96a32 32 0 0 1 0-64 480 480 0 0 1 0 960z"
fill="#2c2c2c" p-id="6632"></path>
<path d="M512 672a160 160 0 0 1-160-160 32 32 0 0 1 64 0 96 96 0 0 0 96 96 32 32 0 0 1 0 64z"
fill="#2c2c2c" p-id="6633"></path>
<path d="M512 832A320 320 0 0 1 192 512a32 32 0 0 1 64 0 256 256 0 0 0 256 256 32 32 0 0 1 0 64z"
fill="#2c2c2c" p-id="6634"></path>
<path d="M512 992A480 480 0 0 1 32 512a32 32 0 0 1 64 0 416 416 0 0 0 416 416 32 32 0 0 1 0 64z"
fill="#2c2c2c" p-id="6635"></path>
</svg>
</div>
</div>
</div>
<div class="form-group"
style="margin-top: 5px;border-top: 1px solid #696969;height: 30px;line-height: 30px;">
<label class="col-sm-4 control-label">信号点</label>
<div class="col-sm-2">
<!-- <div style="position: absolute;color: chartreuse;cursor: pointer;" draggable="true" ondragstart="drag(event)" ><i class="fa fa-circle"></i></div> -->
<div style="position: absolute;color: chartreuse;cursor: pointer;" onclick="showMpList();"><i
class="fa fa-circle"></i></div>
</div>
<label class="col-sm-4 control-label">文本框</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;" draggable="true"
ondragstart="drag(event,'${Type_Text}')"><i class="fa fa-file-text-o"></i></div>
</div>
</div>
<div class="form-group" style="height: 30px;line-height: 30px;">
<label class="col-sm-4 control-label">摄像头</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;width: 15px;height: 15px;"
onclick="showCameraList();">
<svg class="icon" viewBox="0 0 1024 1024" width="15" height="15">
<path fill="#2c2c2c"
d="M1024.2 480L861.9 710c-9.3 13.2-21.5 23.7-35.4 30.9-13.9 7.2-29.5 11.1-45.7 11.1-18.7 0-37-5.3-52.8-15.2L98.4 341.5C87.8 334.8 79.2 325.6 73.3 315c-5.9-10.7-9.1-22.8-9.1-35.3 0-15.3 4.8-30.3 13.8-42.8l117.6-163c9.3-12.9 21.4-23.1 35.1-30.1 13.7-7 29.1-10.8 45-10.8 18.4 0 36.4 5.1 52.1 14.8L1024.2 480zM754.1 768c-11.1 0-22-1.5-32.6-4.5-10.6-3-20.7-7.4-30.2-13.2l-611.8-373c-6.7-4.1-15.3 0.7-15.3 8.6v22.6c0 14.6 7.6 28.2 20 35.8l182.5 112.3C241.2 572 224.2 600 224.2 632c0 20.2 6.8 38.8 18.3 53.7a62.518 62.518 0 0 1-44.2 18.3H64.2v-46.8c0-29-19.5-54.4-47.6-61.9L0.2 591l-0.2 369 28.8-14.3c21.7-10.8 35.5-33 35.5-57.3V768h135.5c25.9 0 50.8-10.3 69.2-28.7l3.1-3.1c10.6-10.6 25-16.3 40-16.3h0.2c46.4 0 84.4-35.9 87.8-81.4L674.2 807.2c9.2 5.7 19.9 8.7 30.7 8.7 9.8 0 19.3-2.5 27.7-6.9 8.4-4.5 15.7-11 21.1-19.2l6.8-10.1c3.2-5-0.4-11.7-6.4-11.7zM312.2 656c-13.2 0-24-10.8-24-24s10.8-24 24-24 24 10.8 24 24-10.8 24-24 24z"></path>
";
</svg>
</div>
</div>
<label class="col-sm-4 control-label">图片</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;" draggable="true"
ondragstart="drag(event,'${Type_Picture}')"><i class="fa fa-picture-o"></i></div>
</div>
</div>
<div class="form-group" style="height: 30px;line-height: 30px;">
<label class="col-sm-4 control-label">日期显示</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_Date}')">
<svg t="1634645206960" class="icon" viewBox="0 0 1024 1024" p-id="5197" width="16" height="16">
<path d="M512 64C264.8 64 64 264.8 64 512s200.8 448 448 448 448-200.8 448-448S759.2 64 512 64z m0 832c-212 0-384-172-384-384s172-384 384-384 384 172 384 384-172 384-384 384z m32-393.6l191.2 110.4-32 55.2L488.8 544H480V256h64v246.4z"
p-id="5198"></path>
</svg>
</div>
</div>
<label class="col-sm-4 control-label">外部链接</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_Iframe}')">
<svg t="1634724475152" class="icon" viewBox="0 0 1024 1024" p-id="1780"
data-spm-anchor-id="a313x.7781069.0.i1" width="16" height="16">
<path d="M554.4 611.3l-20-20c-6.2-6.2-16.4-6.2-22.6 0-6.2 6.2-6.2 16.4 0 22.6l20 20c13.6 13.6 21.4 31.4 21.9 50 0.5 18.3-6.1 35.2-18.5 47.7L356.8 910c-26 26-69.8 24.5-97.7-3.4L117.6 765.1c-13.6-13.6-21.4-31.4-21.9-50-0.5-18.3 6.1-35.2 18.5-47.7L292.6 489c26-26 69.8-24.5 97.7 3.4l23.2 23.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6l-23.2-23.2c-40.3-40.3-104.5-41.9-142.9-3.4L91.6 644.8c-18.8 18.8-28.7 44-27.9 71.2 0.8 26.8 11.9 52.3 31.3 71.7l141.5 141.5c20.8 20.8 47.9 31.3 74.6 31.3 25 0 49.7-9.2 68.3-27.9l178.4-178.4c18.8-18.8 28.7-44 27.9-71.2-0.7-26.8-11.9-52.3-31.3-71.7zM928.3 237.4L786.9 95.9c-19.4-19.4-44.9-30.5-71.7-31.3-27.2-0.8-52.5 9.1-71.2 27.9L465.5 270.9c-38.5 38.5-36.9 102.6 3.4 142.9l20 20c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6l-20-20c-27.9-27.9-29.4-71.7-3.4-97.7l178.4-178.4c12.5-12.5 29.4-19 47.7-18.5 18.6 0.5 36.4 8.3 50 21.9L905.7 260c27.9 27.9 29.4 71.7 3.4 97.7L730.7 536.1c-12.5 12.5-29.4 19.1-47.7 18.5-18.6-0.5-36.4-8.3-50-21.9l-23.2-23.2c-6.2-6.2-16.4-6.2-22.6 0-6.2 6.2-6.2 16.4 0 22.6l23.2 23.2c19.4 19.4 44.9 30.5 71.7 31.3h2.9c26 0 50.2-9.9 68.3-27.9l178.4-178.4c38.5-38.5 37-102.6-3.4-142.9z"
fill="#2c2c2c" p-id="1781"></path>
<path d="M349.1 676.1c-13.7-13.7-13.7-36 0-49.7l278.1-278.1c13.7-13.7 36-13.7 49.7 0 13.7 13.7 13.7 36 0 49.7L398.8 676.1c-13.7 13.8-36 13.8-49.7 0z"
fill="#2c2c2c" p-id="1782"></path>
</svg>
</div>
</div>
</div>
<div class="form-group" style="height: 30px;line-height: 30px;">
<label class="col-sm-4 control-label">标签页</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_Tab}')">
<svg t="1634782332730" class="icon" viewBox="0 0 1024 1024" p-id="1789" width="16" height="16">
<path d="M376.6 494.8c5.1 4.8 7.9 11.7 7.6 18.7 0.4 7.1-2.5 14-7.6 18.7-5.3 4.7-12.3 7.2-19.3 6.9h-69.6v235.1c0.2 7.4-2.9 14.4-8.4 19.1-5.5 5.4-12.9 8.3-20.5 8.1-7.6 0.3-15.1-2.7-20.5-8.1-5.3-4.9-8.2-11.9-8.1-19.1v-235H161c-7.2 0.3-14.2-2.3-19.3-7.3-5.2-4.8-8-11.7-7.6-18.7-0.3-7 2.5-13.7 7.6-18.3 5.3-4.8 12.2-7.3 19.3-7h198.4c6.3 0 12.4 2.5 17.2 6.9z m215.7 70.1c5.2 5.1 8 12.2 7.7 19.6v189.9c0.3 7.2-2.5 14.2-7.7 19.1-4.8 5.3-11.7 8.3-18.9 8.1-7.1 0.1-13.9-2.7-18.9-7.7-4.8-5.2-7.6-12-7.6-19.1-18 19.5-42.9 30.8-69.2 31.4-19.7 0.3-38.9-5.3-55.5-15.9-17.2-10.7-31.2-26.1-40.3-44.4-19.3-40.4-19.3-87.6 0-128 8.9-18.4 22.9-33.8 40.3-44.4 16-10.5 34.8-16.1 53.9-15.9 26.3-0.1 51.8 9.8 71.2 27.7-0.2-7.3 2.6-14.4 7.7-19.6 10.6-10.2 27.2-10.2 37.8 0l-0.5-0.8z m-61.2 168.7c24.1-31.6 24.1-75.6 0-107.2-11.5-14.3-28.9-22.3-47.1-21.6-17.9-0.5-35.1 7.4-46.3 21.6-12.1 15-18.5 34-18.1 53.4-0.6 19.5 5.7 38.6 17.7 53.8 11.6 13.9 28.8 21.7 46.7 21.2 18.1 0.4 35.3-7.4 47.1-21.2zM835.4 573c17.1 10.7 31 25.9 40.3 44 9.9 19.8 14.9 41.8 14.5 64 0.4 22.3-4.6 44.4-14.5 64.4-9 18.3-23 33.7-40.3 44.4-16 10.6-34.8 16.1-53.9 15.9-13.9 0.2-27.7-2.9-40.3-9-11.6-5-22.1-12.2-31-21.2v2.8c0.2 7.2-2.5 14.2-7.5 19.4-5 5.1-11.9 8-19.1 7.9-7.1 0.3-14-2.5-18.9-7.7-5.2-5.1-8-12.2-7.6-19.6V497.2c-0.2-7.3 2.5-14.4 7.6-19.6 10.6-10.3 27.2-10.3 37.8 0 5.1 5.2 7.9 12.2 7.6 19.6v93.3c8-9.8 18-17.7 29.4-23.2 12.4-6.8 26.2-10.3 40.3-10.2 19.7-0.2 39 5.3 55.6 15.9z m-15.7 163c12.2-15.1 18.6-34.3 18.1-53.8 0.6-19.4-5.7-38.3-17.7-53.4-12-13.4-29-21.1-46.9-21.1s-34.9 7.7-46.9 21.1c-24.1 31.6-24.1 75.6 0 107.2 11.6 14.1 29 22.1 47.1 21.6 18.3-0.2 35.4-9.1 46.3-24v2.4zM708.1 253.5c-15.5 0-28-12.5-28-28V113.4c-0.1-8 0-15.9 0-23.8V77.9c0-15.5 12.5-28 28-28H886c17 0 32.9 6.6 45 18.6 11.3 11.3 17.8 26 18.6 41.8 0.1 0.7 0.1 1.4 0.1 2.1v113.2c0 15.5-12.5 28-28 28H708.1z m28-56h157.4v-84.1c0-2-0.8-3.9-2.2-5.4-1.4-1.4-3.4-2.2-5.4-2.2H736.1v91.7zM371.9 254.6c-15.5 0-28-12.5-28-28V78.9c0-15.4 12.5-27.9 27.9-28l213.4-1.1h0.1c17 0 32.9 6.6 45 18.6 12 12.1 18.6 28 18.6 45v113.2c0 15.5-12.5 28-28 28h-249z m28-56.1h193v-85.2c0-2-0.8-3.9-2.2-5.4-1.4-1.4-3.3-2.2-5.3-2.2l-185.5 0.9v91.9z"
p-id="1790"></path>
<path d="M72.4 974.2c-17.3 0-33.5-6.7-45.7-18.7-12.2-12.1-18.9-28.1-18.9-45.1V113.6c0-35.2 29-63.8 64.6-63.8h169c17.3 0 33.5 6.6 45.7 18.7 12.2 12 18.9 28.1 18.9 45.1V283c0 2 0.8 3.9 2.3 5.4 1.5 1.4 3.4 2.2 5.4 2.2h637.9c17.3 0 33.5 6.6 45.7 18.7 12.2 12 18.9 28 18.9 45.1v556c0 17.1-6.7 33.1-18.9 45.1s-28.4 18.7-45.7 18.7H72.4z m7.7-860.6c-4.3 0-7.7 3.4-7.7 7.6v788.7c0 2 0.8 4 2.3 5.4 1.4 1.4 3.4 2.2 5.4 2.2h871.5c2.1 0 4-0.8 5.4-2.2 1.5-1.4 2.3-3.3 2.3-5.4V350.6c0-2-0.8-3.9-2.2-5.3-1.5-1.5-3.4-2.3-5.4-2.3h-638c-17.3 0-33.5-6.7-45.7-18.7-12.2-12-18.9-28.1-18.9-45.1V121.1c0-2-0.8-3.9-2.3-5.4-1.4-1.4-3.4-2.2-5.4-2.2H80.1z"
p-id="1791"></path>
</svg>
</div>
</div>
<label class="col-sm-4 control-label">数据映射</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_MpView}')">
<svg t="1635149151873" class="icon" viewBox="0 0 1217 1024" p-id="5835" width="16" height="16">
<path d="M81.279482 403.912645l1.601294-0.055217 1054.866326-0.110434h0.55217a54.112699 54.112699 0 0 0 54.057482-53.33966 52.732273 52.732273 0 0 0-23.246374-44.78102L775.026368 35.780642a55.051389 55.051389 0 0 0-74.211701 11.871663l-1.766945 2.374333a52.014451 52.014451 0 0 0-8.503424 39.424966 51.904017 51.904017 0 0 0 21.755513 33.903263l253.611863 173.712806H83.101645a53.450094 53.450094 0 0 0-1.822163 106.844972zM1137.471016 619.976921H82.273389a54.112699 54.112699 0 0 0-54.057482 53.394877 52.897924 52.897924 0 0 0 23.301591 44.781019l394.028795 269.790456v0.055217c9.276463 6.294743 20.099002 9.607765 31.308061 9.607765h0.165651a55.051389 55.051389 0 0 0 44.449717-22.528552l1.104341-1.546077a52.621839 52.621839 0 0 0-14.35643-72.996927l-253.611863-173.712806H1137.471016a53.450094 53.450094 0 0 0 0-106.844972z"
p-id="5836"></path>
</svg>
</div>
</div>
</div>
<div class="form-group" style="height: 30px;line-height: 30px;">
<label class="col-sm-4 control-label">进度条</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_ProgressBar}')">
<svg t="1635173307290" class="icon" viewBox="0 0 1024 1024" p-id="7676" width="16" height="16">
<path d="M199.111111 398.222222m28.444445 0l341.333333 0q28.444444 0 28.444444 28.444445l0 170.666666q0 28.444444-28.444444 28.444445l-341.333333 0q-28.444444 0-28.444445-28.444445l0-170.666666q0-28.444444 28.444445-28.444445Z"
p-id="7677"></path>
<path d="M824.888889 312.888889H199.111111a85.333333 85.333333 0 0 0-85.333333 85.333333v227.555556a85.333333 85.333333 0 0 0 85.333333 85.333333h625.777778a85.333333 85.333333 0 0 0 85.333333-85.333333v-227.555556a85.333333 85.333333 0 0 0-85.333333-85.333333z m28.444444 298.666667a42.666667 42.666667 0 0 1-42.666666 42.666666h-597.333334A42.666667 42.666667 0 0 1 170.666667 611.555556v-199.111112A42.666667 42.666667 0 0 1 213.333333 369.777778h597.333334a42.666667 42.666667 0 0 1 42.666666 42.666666z"
p-id="7678"></path>
</svg>
</div>
</div>
<label class="col-sm-4 control-label">悬浮框</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_SuspensionFrame}')">
<svg t="1636336089852" class="icon" viewBox="0 0 1024 1024" p-id="1954" width="16" height="16">
<path d="M565.248 844.8H191.488a25.6 25.6 0 0 1-25.6-25.6V195.328a25.6 25.6 0 0 1 25.6-25.6H814.08a25.6 25.6 0 0 1 25.6 25.6v370.944a25.6 25.6 0 1 0 51.2 0V195.328a76.8 76.8 0 0 0-76.8-76.8H191.488a76.8 76.8 0 0 0-76.8 76.8V819.2a76.8 76.8 0 0 0 76.8 76.8h373.76a25.6 25.6 0 0 0 0-51.2z"
p-id="1955" fill="#2c2c2c"></path>
<path d="M640 640m51.2 0l153.6 0q51.2 0 51.2 51.2l0 153.6q0 51.2-51.2 51.2l-153.6 0q-51.2 0-51.2-51.2l0-153.6q0-51.2 51.2-51.2Z"
p-id="1956" fill="#2c2c2c"></path>
</svg>
</div>
</div>
</div>
<div class="form-group" style="height: 30px;line-height: 30px;">
<label class="col-sm-4 control-label">天气</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_Weather}')">
<svg t="1652160662685" class="icon" viewBox="0 0 1024 1024" p-id="2000" width="16" height="16">
<path d="M512 223.361137c16.954137 0 30.699186-13.745049 30.699186-30.699186L542.699186 94.429673c0-16.954137-13.745049-30.699186-30.699186-30.699186s-30.699186 13.745049-30.699186 30.699186l0 98.232279C481.300814 209.617112 495.04484 223.361137 512 223.361137z"
p-id="2001"></path>
<path d="M264.485767 307.901579c5.994528 5.995551 13.850449 8.991792 21.707394 8.991792 7.855922 0 15.71389-2.998287 21.707394-8.991792 11.989055-11.989055 11.989055-31.426757 0-43.414789l-69.459978-69.461001c-11.988032-11.989055-31.426757-11.989055-43.414789 0-11.989055 11.989055-11.989055 31.426757 0 43.414789L264.485767 307.901579z"
p-id="2002"></path>
<path d="M94.429673 542.698163l98.232279 0c16.954137 0 30.699186-13.744026 30.699186-30.699186s-13.745049-30.699186-30.699186-30.699186l-98.232279 0c-16.954137 0-30.699186 13.745049-30.699186 30.699186S77.475536 542.698163 94.429673 542.698163z"
p-id="2003"></path>
<path d="M800.63784 512c0 16.954137 13.745049 30.699186 30.699186 30.699186l98.232279 0c16.954137 0 30.699186-13.744026 30.699186-30.699186s-13.745049-30.699186-30.699186-30.699186l-98.232279 0C814.382888 481.300814 800.63784 495.04484 800.63784 512z"
p-id="2004"></path>
<path d="M737.805816 316.89337c7.856945 0 15.712867-2.997264 21.707394-8.991792l69.461001-69.461001c11.989055-11.989055 11.989055-31.426757 0-43.415812-11.988032-11.989055-31.426757-11.989055-43.414789 0l-69.461001 69.461001c-11.989055 11.989055-11.989055 31.426757 0 43.415812C722.091926 313.896106 729.948871 316.89337 737.805816 316.89337z"
p-id="2005"></path>
<path d="M824.811402 636.81368c-4.625344-50.765197-24.583908-98.751095-57.501622-137.949862-3.197832-63.572898-29.557176-122.878608-74.978668-168.08009-48.234561-47.999201-112.277156-74.43427-180.329065-74.43427-68.288293 0-132.488477 26.592658-180.774203 74.878384-48.285726 48.28675-74.878384 112.486934-74.878384 180.774203 0 6.978948 0.300852 13.957897 0.865717 20.906146-17.141402 6.476505-32.683377 16.902972-45.360094 30.66951-19.584034 21.267373-30.651091 48.705282-31.338752 77.54512-28.018124 9.185196-53.315276 25.775037-73.081459 48.26219-26.650987 30.318516-41.328267 69.264527-41.328267 109.664655 0 91.629907 74.610278 166.175717 166.317956 166.175717l559.799656 0c43.736107 0 85.134982-17.198707 116.570949-48.425919 31.658024-31.448246 49.093115-73.135694 49.093115-117.380384 0-43.585681-16.817014-84.754313-47.351448-115.923196C886.962927 659.431817 857.222579 643.363863 824.811402 636.81368zM512.00307 317.748854c51.708686 0 100.369965 20.085454 137.019677 56.55711 18.577101 18.48705 32.961716 40.08188 42.660612 63.612807-4.607948-2.412956-9.302877-4.689812-14.08274-6.828522-32.242332-14.422478-66.62849-21.735024-102.204753-21.735024-92.582605 0-176.346357 50.889017-219.72226 130.127709-11.594059-6.268774-24.205285-10.57587-37.370119-12.701277-0.370437-4.910846-0.555655-9.843182-0.555655-14.777565C317.748854 404.89054 404.89054 317.748854 512.00307 317.748854zM865.523639 873.241414c-19.854187 19.723204-45.887097 30.586622-73.299423 30.586622l-559.799656 0c-57.852616 0-104.919585-47.003524-104.919585-104.777345 0-52.106752 38.842657-96.722902 90.349751-103.780645 8.607028-1.179872 16.311501-5.950526 21.202904-13.130042 4.891404-7.18054 6.512321-16.095583 4.459568-24.537859-1.086751-4.470825-1.638313-9.051143-1.638313-13.613042 0-14.431687 5.377474-28.216645 15.140839-38.820144 9.713222-10.54824 22.880103-17.042141 37.07643-18.285458 0.022513-0.002047 0.045025-0.00614 0.068562-0.008186 0.016373-0.001023 0.031722-0.002047 0.048095-0.00307 1.598404-0.146333 3.281743-0.220011 5.002944-0.220011 17.323551 0 33.540907 7.711636 44.493354 21.158902 5.888104 7.227612 14.665001 11.311627 23.799032 11.311627 1.789763 0 3.593851-0.156566 5.392824-0.477884 10.975982-1.957585 20.027126-9.711176 23.64656-20.25737 26.200732-76.342736 98.074689-127.634936 178.847318-127.634936 26.879184 0 52.831252 5.51255 77.134775 16.383132 23.502273 10.512425 44.313252 25.480324 61.853743 44.48926 0.00307 0.004093 0.007163 0.007163 0.010233 0.010233 32.279171 34.982746 50.057069 80.465636 50.057069 128.070864 0 0.937348 0.021489 1.852184 0.045025 2.761903 0.010233 0.38374 0.027629 0.76441 0.021489 1.152243-0.339738 16.871249 13.000082 30.853705 29.868261 31.308053 27.41642 0.73678 53.090149 11.935843 72.290443 31.534204 19.22383 19.62292 29.811979 45.532009 29.811979 72.955592C896.489908 827.187519 885.492436 853.404624 865.523639 873.241414z"
p-id="2006"></path>
</svg>
</div>
</div>
<label class="col-sm-4 control-label">开关</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_Switch}')"><i class="fa fa-toggle-on"></i></div>
</div>
</div>
<div class="form-group" style="height: 30px;line-height: 30px;">
<label class="col-sm-4 control-label">人员定位</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_PersonnelPositioning}')">
<svg class="icon" viewBox="0 0 1024 1024" p-id="4071" width="16" height="16">
<path d="M507.712 157.696m-93.696 0a1.464 1.464 0 1 0 187.392 0 1.464 1.464 0 1 0-187.392 0Z"
fill="#2c2c2c" p-id="4072"></path>
<path d="M570.624 292.864 448.704 292.864c-41.152 0-78.144 14.976-104.448 38.912l0 172.928 0 46.784 0 21.952 91.648 0 19.712 283.84L567.68 857.28l19.072-283.84 92.992 0L679.744 563.328 679.744 500.224 679.744 336.32C653.248 309.76 614.272 292.864 570.624 292.864z"
fill="#2c2c2c" p-id="4073"></path>
<path d="M654.272 685.376l0 49.408c103.872 15.36 175.232 47.232 175.232 84.032 0 52.032-142.144 94.08-317.44 94.08s-317.504-42.048-317.504-94.08c0-36.928 71.872-68.864 176.448-84.288l0-49.344c-173.632 18.816-298.688 71.488-298.688 133.632C72.192 896.768 269.184 960 512 960c242.816 0 439.744-63.232 439.744-141.12C951.744 756.864 827.264 704.384 654.272 685.376z"
fill="#2c2c2c" p-id="4074"></path>
</svg>
</div>
</div>
<label class="col-sm-4 control-label">svg图形</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" onclick="svgDraw();">
<svg t="1694153756801" class="icon" viewBox="0 0 1024 1024" p-id="4220" width="16" height="16">
<path d="M896 128c-35.36 0-64 28.64-64 64 0 15.488 5.728 29.504 14.88 40.576l-168.064 312.096C676.544 544.448 674.336 544 672 544c-14.432 0-27.616 4.96-38.336 13.024l-218.656-131.2C415.52 422.592 416 419.36 416 416c0-35.36-28.64-64-64-64s-64 28.64-64 64c0 15.488 5.728 29.504 14.88 40.576l-168.064 312.096C132.576 768.448 130.336 768 128 768c-35.36 0-64 28.64-64 64 0 35.36 28.64 64 64 64s64-28.64 64-64c0-15.488-5.728-29.504-14.88-40.576l168.064-312.096C347.456 479.552 349.664 480 352 480c14.432 0 27.616-4.96 38.336-13.024l218.656 131.2C608.48 601.408 608 604.64 608 608c0 35.36 28.64 64 64 64s64-28.64 64-64c0-15.488-5.728-29.504-14.88-40.576l168.064-312.096C891.424 255.552 893.664 256 896 256c35.36 0 64-28.64 64-64C960 156.64 931.36 128 896 128z"
p-id="4221"></path>
</svg>
</div>
</div>
</div>
<div class="form-group" style="height: 30px;line-height: 30px;">
<label class="col-sm-4 control-label">任务点</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" onclick="taskPoints();">
<svg t="1695708901096" class="icon" viewBox="0 0 1024 1024" p-id="5103" width="16" height="16">
<path d="M448 896H163.04C143.904 896 128 879.68 128 859.072V164.928C128 144.32 143.904 128 163.04 128h569.92C752.096 128 768 144.32 768 164.928v182.464a32 32 0 0 0 64 0V164.928C832 109.376 787.84 64 732.96 64H163.04C108.16 64 64 109.376 64 164.928v694.144C64 914.624 108.16 960 163.04 960H448a32 32 0 0 0 0-64z"
p-id="5104"></path>
<path d="M736 448a256 256 0 1 0 0 512 256 256 0 0 0 0-512z m0 448a192 192 0 1 1 0-384 192 192 0 0 1 0 384z"
p-id="5105"></path>
<path d="M831.456 688H752v-64a32 32 0 0 0-64 0v96a32 32 0 0 0 32 32h111.456a32 32 0 0 0 0-64zM640 320a32 32 0 0 0-32-32H288a32 32 0 0 0 0 64h320a32 32 0 0 0 32-32zM288 544a32 32 0 0 0 0 64h80.288a32 32 0 0 0 0-64H288z"
p-id="5106"></path>
</svg>
</div>
</div>
<label class="col-sm-4 control-label">设备点</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" onclick="eqPoints();">
<svg t="1695867401624" class="icon" viewBox="0 0 1024 1024" p-id="13470" width="16" height="16">
<path d="M0 0v1024h1024V0z m960 960H64v-256h386.464v-64H64v-256h386.464v-64H64V64h896z"
fill="#575869" p-id="13471"></path>
<path d="M138.528 158.912h192v64h-192zM138.528 480.16h192v64h-192zM138.528 800.064h192v64h-192zM655.712 476.608l-25.408 330.368a76.64 76.64 0 0 0 18.56 59.264 67.936 67.936 0 0 0 50.624 23.36l31.296 0.256h0.576a67.968 67.968 0 0 0 50.432-22.496 76.544 76.544 0 0 0 19.52-58.688l-27.872-331.104a178.88 178.88 0 0 0-16.16-343.296v131.68h-83.072V134.144a178.656 178.656 0 0 0-18.496 342.464z m78.944 347.424c-1.12 1.248-1.76 1.92-3.36 1.824l-31.296-0.288a4.672 4.672 0 0 1-3.296-1.856 13.664 13.664 0 0 1-2.688-10.816l20.736-269.408 22.848 270.816a12.736 12.736 0 0 1-2.944 9.728zM600.832 313.696a114.08 114.08 0 0 1 9.376-50.272v30.944a35.648 35.648 0 0 0 35.616 35.584h139.84a35.648 35.648 0 0 0 35.616-35.584v-31.232a113.92 113.92 0 0 1 9.376 39.584 115.2 115.2 0 0 1-109.44 120.416 115.04 115.04 0 0 1-120.384-109.44z"
fill="#575869" p-id="13472"></path>
</svg>
</div>
</div>
</div>
<div class="form-group" style="height: 30px;line-height: 30px;">
<label class="col-sm-4 control-label">下拉跳转</label>
<div class="col-sm-2">
<div style="position: absolute;cursor: pointer;line-height: 38px;" draggable="true"
ondragstart="drag(event,'${Type_SelectJump}')">
<svg t="1703644888986" class="icon" viewBox="0 0 1024 1024" p-id="7596" width="16" height="16">
<path d="M839.68 445.44H614.4l112.64 122.88z" fill="#515151" p-id="7597"></path>
<path d="M957.44 194.56H81.92c-10.24 0-20.48 10.24-20.48 25.6V742.4c0 10.24 10.24 20.48 25.6 20.48h875.52c10.24 0 25.6-10.24 25.6-20.48V220.16c-5.12-15.36-15.36-25.6-30.72-25.6z m-51.2 471.04c0 10.24-10.24 15.36-20.48 15.36H158.72c-10.24 0-20.48-5.12-20.48-15.36V291.84c0-10.24 10.24-15.36 20.48-15.36h727.04c10.24 0 20.48 5.12 20.48 15.36V665.6z"
fill="#515151" p-id="7598"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink