Files
SIPAIIS_WMS_JSSW/WebRoot/jsp/data/curveManageView.jsp

903 lines
45 KiB
Plaintext
Raw Permalink Normal View History

2026-01-16 14:13:44 +08:00
<%@ 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" %>
<%@page import="com.sipai.entity.data.DataCurve" %>
<%request.setAttribute("Type_mp", DataCurve.Type_mp); %>
<%request.setAttribute("Type_sys", DataCurve.Type_sys); %>
<%request.setAttribute("Type_user", DataCurve.Type_user); %>
<%@page import="com.sipai.tools.CommString" %>
<%request.setAttribute("UNIT_TYPE_COMPANY", CommString.UNIT_TYPE_COMPANY); %>
<%request.setAttribute("UNIT_TYPE_BIZ", CommString.UNIT_TYPE_BIZ); %>
<%@page import="com.sipai.entity.scada.MPoint" %>
<%request.setAttribute("Flag_Type_KPI", MPoint.Flag_Type_KPI);%>
<%request.setAttribute("Flag_Type_Hand", MPoint.Flag_Type_Hand);%>
<%request.setAttribute("Flag_Type_Data", MPoint.Flag_Type_Data);%>
<%request.setAttribute("Flag_Type_Model", MPoint.Flag_Type_Model);%>
<!DOCTYPE html>
<!-- <html lang="zh-CN"> -->
<!-- BEGIN HEAD -->
<head>
<title><%= ServerObject.atttable.get("TOPTITLE")%>
</title>
<!-- 引用页头及CSS页-->
<jsp:include page="/jsp/inc.jsp"></jsp:include>
<link rel="stylesheet"
href="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css"/>
<script type="text/javascript"
src="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js"
charset="utf-8"></script>
<!-- 引入daterangepicker-->
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/moment.min.js"
charset="utf-8"></script>
<script type="text/javascript"
src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.js"
charset="utf-8"></script>
<link rel="stylesheet"
href="<%=request.getContextPath()%>/node_modules/bootstrap-multiple-select/css/multiple-select.css"/>
<script type="text/javascript"
src="<%=request.getContextPath()%>/node_modules/bootstrap-multiple-select/js/multiple-select.js"
charset="utf-8"></script>
<link rel="stylesheet"
href="<%=request.getContextPath()%>/node_modules/bootstrap-treeview-1.2.0/dist/bootstrap-treeview.min.css"></link>
<script type="text/javascript"
src="<%=request.getContextPath()%>/node_modules/bootstrap-treeview-1.2.0/dist/bootstrap-treeview.min.js"
charset="utf-8"></script>
<style type="text/css">
.helpTitle {
/*border-bottom: 1px dotted #666;*/
color: #333;
cursor: help;
}
.helpTitle:hover {
color: #000000;
background-color: #ffffff;
}
.helpTitle-content {
position: absolute;
white-space: pre;
/*top: 10px;*/
/*left: 850px;*/
border: 1px solid #000000;
padding: 5px;
background-color: #ffffff;
color: #000;
/*border-radius: 5px;*/
font-size: 12px;
z-index: 9999;
display: none;
}
</style>
<script type="text/javascript">
let nodeIds = [];
var showProgrammeCurveView = function () {
var id = $('#curve_id').val();
var oldreservationtime1 = $('#reservationtime1').val();
var oldmpids = "";
// var oldmpids = $('#mpids').val();
$.post(ext.contextPath + '/data/showCurveView.do', {
unitId: hiddenUnitId,
programmeId: id,
oldmpids: oldmpids,
oldreservationtime1: oldreservationtime1
}, function (data) {
$("#menuBox").html(data);
});
};
var showMPCurveView = function (mpid, bizid) {
if (bizid == '') {
bizid = hiddenUnitId;
}
var oldmpids = $('#mpids').val();
var oldreservationtime1 = $('#reservationtime1').val();
$.post(ext.contextPath + '/data/showCurveView.do', {
unitId: bizid,
mpid: mpid,
oldmpids: oldmpids,
oldreservationtime1: oldreservationtime1
}, function (data) {
$("#menuBox").html(data);
});
};
let lastProgrammeTree_OpenPoint_nodeId = "";
var initProgrammeTreeView = function () {
$.post(ext.contextPath + '/data/getCurveProgrammeJson.do', {
unitId: hiddenUnitId,
search_name: $('#mpsearch_Program_name').val()
}, function (data) {
// console.info(data)
let programmeTreeView_nodeId = [];
// getNodeId_list(programmeTreeView_nodeId, data);
// console.log(programmeTreeView_nodeId)
// for (let i = 0; i < data.length; i++) {
// data[i].tags=["<span class='fa fa-close pull-right' style='padding-top:2px;' title='删除' onclick='doPersonPDel(\"1\");'></span><span class='fa fa-edit pull-right' style='padding-top:2px;' title='修改' onclick='doPersonPEdit(\"1\");'></span>"];
// }
$('#curveProgramTree').treeview({
data: data,
levels: 2,
showTags: true
});
// 打开最后记录的节点
if (lastProgrammeTree_OpenPoint_nodeId != "") {
$('#curveProgramTree').treeview('expandNode', [lastProgrammeTree_OpenPoint_nodeId, {silent: true}]);
}
$('#curveProgramTree').on('nodeSelected', function (event, data) {
if (data.type == '${Type_mp}') {
// showMPCurveView(data.mpid.replace('GRMp', ''), data.bizid);
} else if (data.type == '${Type_sys}' || data.type == '${Type_user}') {
$("#curve_id").val(data.id.replace('GRProgramme', ''));
// 清楚自定义选点的选中状态
for (let i = 0; i < nodeIds.length; i++) {
$('#singleBizDiv').treeview('toggleNodeSelected', [nodeIds[i].nodeId, {silent: true}]);
nodeIds.splice(i, 1);
break;
}
// $("#curve_id").val(data.id);
showProgrammeCurveView();
}
});
$('#curveProgramTree').on('nodeExpanded', function (event, data) {
lastProgrammeTree_OpenPoint_nodeId = data.nodeId;
});
// $("#curveProgramTree li").each(function () {
// // console.log($(this));
// let data_nodeid = $(this).attr("data-nodeid");
// if (programmeTreeView_nodeId[data_nodeid].indexOf('GR') > 0) {
// if (programmeTreeView_nodeId[data_nodeid].indexOf('GRProgramme') > 0) {
// $(this).append("<span class='fa fa-close pull-right' style='padding-top:2px;' title='删除' onclick='doPersonPDel(\"" + programmeTreeView_nodeId[data_nodeid].replace('GRProgramme', '') + "\");'></span>");
// $(this).append("<span class='fa fa-edit pull-right' style='padding-top:2px;' title='修改' onclick='doPersonPEdit(\"" + programmeTreeView_nodeId[data_nodeid].replace('GRProgramme', '') + "\");'></span>");
// } else if (programmeTreeView_nodeId[data_nodeid].indexOf('GRMp') > 0) {
// $(this).append("<span class='fa fa-close pull-right' style='padding-top:2px;' title='删除' onclick='doPersonMPDel(\"" + programmeTreeView_nodeId[data_nodeid].replace('GRMp', '') + "\");'></span>");
// $(this).append("<span class='fa fa-edit pull-right' style='padding-top:2px;' title='修改' onclick='doPersonMPEdit(\"" + programmeTreeView_nodeId[data_nodeid].replace('GRMp', '') + "\");'></span>");}
// }
// // var id = $(this).attr("id");
// // var levelLength = $(this).attr("data-nodeid").split(".").length - 1;
// // if (id.indexOf('GR') > 0) {
// // if (levelLength == 2) {
// // id = id.replace('GRProgramme', '');
// // $(this).append("<span class='fa fa-close pull-right' style='padding-top:2px;' title='删除' onclick='doPersonPDel(\"" + id + "\");'></span>");
// // $(this).append("<span class='fa fa-edit pull-right' style='padding-top:2px;' title='修改' onclick='doPersonPEdit(\"" + id + "\");'></span>");
// // } else if (levelLength = 3) {
// // id = id.replace('GRMp', '');
// // $(this).append("<span class='fa fa-close pull-right' style='padding-top:2px;' title='删除' onclick='doPersonMPDel(\"" + id + "\");'></span>");
// // $(this).append("<span class='fa fa-edit pull-right' style='padding-top:2px;' title='修改' onclick='doPersonMPEdit(\"" + id + "\");'></span>");
// // }
// // }
//
// });
// if(data.length>0&&urlUnitId==''){
// showfirstView(data[0]);
// }
}, 'json');
}
// programmeTreeView_nodeId
function getNodeId_list(programmeTreeView_nodeId, tree) {
for (let i = 0; i < tree.length; i++) {
let treeData = tree[i];
programmeTreeView_nodeId.push(treeData.id)
if (treeData.nodes != null) {
getNodeId_list(programmeTreeView_nodeId, treeData.nodes)
}
}
}
// var initProgrammeTreePersonView = function() {
// $.post(ext.contextPath + '/data/getPersonCurvesJson.do', {unitId:hiddenUnitId} , function(data) {
// // console.info(data);
// $('#curveProgramTree').treeview({
// data: data,
// levels: 1
// });
// $('#curveProgramTree').on('nodeSelected', function(event, data) {
// if(data.type=='${Type_mp}'){
// showMPCurveView(data.mpid);
// }else if(data.type=='${Type_sys}'||data.type=='${Type_user}'){
// $("#curve_id").val(data.id);
// showProgrammeCurveView();
// }
// });
// },'json');
// }
function showfirstView(data) {
if (data.type == '4') {
$("#curve_id").val(data.id);
showProgrammeCurveView();
} else {
if (data.nodes.length > 0) {
showfirstView(data.nodes[0]);
}
}
}
function doPersonPEdit(id) {
event.stopPropagation();
$.post(ext.contextPath + '/data/showCurveEdit2.do', {unitId: hiddenUnitId, id: id}, function (data) {
$("#subDiv").html(data);
openModal('personSubModal');
});
}
var doPersonMPEdit = function (id) {
event.stopPropagation();
$.post(ext.contextPath + '/data/editMPoint2.do', {unitId: hiddenUnitId, id: id}, function (data) {
$("#subDiv").html(data);
openModal('subModal_CurveMp');
});
};
function doPersonMPDel(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 + '/data/deleteMPoint.do', {id: id}, function (data) {
if (data.code == 1) {
initProgrammeTreeView();
} else {
showAlert('d', '删除失败', 'alertDiv');
}
}, 'json');
}
});
}
function doPersonPDel(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 + '/data/deleteCurve2.do', {id: id}, function (data) {
if (data.code == 1) {
initProgrammeTreeView();
} else {
showAlert('d', result.msg);
}
}, 'json');
}
});
}
// $("#curve_tree").on("click", function (e) {
// event.stopPropagation();
// });
// //点击空白隐藏树
// $(document).click(function (e) {
// var divTree = $('#curve_tree'); // 设置目标区域
// if (!divTree.is(e.target) && divTree.has(e.target).length === 0) {
// divTree.hide()
// }
// });
//初始化测量点类型选择框
var refreshTypeSelect = function () {
var select = $("#sourceType").select2({
data: null,
placeholder: '请选择',//默认文字提示
allowClear: false,//允许清空
escapeMarkup: function (markup) {
return markup;
}, // 自定义格式化防止xss注入
language: "zh-CN",
minimumInputLength: 0,
minimumResultsForSearch: 10,//数据超过十个启用搜索框
});
select.val('-1').trigger("change");
};
var initMpListView = function () {
$.post(ext.contextPath + '/user/getUnitFromID.do', {id: hiddenUnitId}, function (data) {
if (data[0].type == '${UNIT_TYPE_COMPANY}') {
$('#mptableTop').css('display', 'block');
$('#singleBizDivTop').css('display', 'none');
$('#mptable').bootstrapTable('destroy');
$("#mptable").bootstrapTable({ // 对应table标签的id
url: ext.contextPath + '/work/mpoint/getCurvelist.do', // 获取表格数据的url
cache: false, // 设置为 false 禁用 AJAX 数据缓存, 默认为true
striped: true, //表格显示条纹默认为false
pagination: true, // 在表格底部显示分页组件默认false
pageList: [15], // 设置页面可以显示的数据条数
pageSize: 15, // 页面数据条数
pageNumber: 1, // 首页页码
sidePagination: "client", //分页方式client客户端分页server服务端分页*
paginationDetailHAlign: 'right',
queryParams: function (params) { // 请求服务器数据时发送的参数可以在这里添加额外的查询参数返回false则终止请求
return {
search_name: $('#mpsearch_name').val(),
pSectionId: $('#processSection').val(),
signalType: signalType,
sourceType: sourceType,
companyId: hiddenUnitId,
active: '启用'
}
},
columns: [
{
field: 'parmname', // 返回json数据中的name
title: '测量点名称', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
}, {
field: 'bizname', // 返回json数据中的name
title: '所属厂', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
}
],
onLoadSuccess: function () { //加载成功时执行
adjustBootstrapTableView("mptable");
},
onLoadError: function () { //加载失败时执行
console.info("加载数据失败");
},
onClickRow: function (row) {
showMPCurveView(row.id, row.bizid);
}
});
} else if (data[0].type == '${UNIT_TYPE_BIZ}') {
$('#singleBizDivTop').css('display', 'block');
$('#mptableTop').css('display', 'none');
$.post(ext.contextPath + '/work/mpoint/getTreeFomProcessSection.do', {
unitId: data[0].id,
mpsearchname: $('#mpsearch_name').val(),
signalType: signalType,
sourceType: sourceType,
pSectionId: $('#processSection').val()
}, function (data) {
if ($('#mpsearch_name').val() != '') {
$('#singleBizDiv').treeview({
data: data,
levels: 2,
multiSelect: true
});
} else {
$('#singleBizDiv').treeview({
data: data,
levels: 1,
multiSelect: true
});
}
// $('#singleBizDiv').treeview('disableAll', { silent: true });
// $('#singleBizDiv').treeview('disableNode', [ 1, { silent: true } ]);
// $('#tree').treeview('toggleNodeChecked', [ nodeId, { silent: true } ]);
$('#singleBizDiv').on('nodeSelected', function (event, data) {
// console.log(data);
if (data.type == "l1") { //判断该节点是否被禁用
// console.log("禁用")
data.Selected = false;
// return false; //防止该节点被选中
} else {
nodeIds.push({
nodeId: data.nodeId,
mpid: data.id
})
showMPCurveView(data.id, data.bizid);
}
});
$('#singleBizDiv').on('nodeUnselected', function (event, data) {
// console.log(data);
let unckNodeId = data.nodeId;
if (data.type != 'l1') {
// nodeIds = nodeIds.replace(unckNodeId+",");
for (let i = 0; i < nodeIds.length; i++) {
if (unckNodeId == nodeIds[i].nodeId) {
nodeIds.splice(i, 1);
break;
}
}
var check = data.id + ":" + data.bizid + ",";
var oldmpids = $('#mpids').val();
var newmpids = oldmpids.replace(check, "");
hmpids = newmpids;
$('#mpids').val(newmpids);
$('#deleteDatadrop').hide();
if (hmpids == "") {
hmpids = "";
mychart = "";
option = [];
$('#mpids').val("");
$("#chart").html("");
} else {
dosearch();
}
}
});
}, 'json');
}
}, 'json');
};
var hiddenUnitId = "";
var urlUnitId = "${param.urlUnitId}";//通过路径地址传参,直接显示该测量点
var windowghight = $(window).height() - 35;
$(function () {
$("#company").hide();
var chooseunitId = "";
if (urlUnitId != '' && urlUnitId.length > 0) {
chooseunitId = urlUnitId;
hiddenUnitId = urlUnitId;
showMPCurveView("${param.urlMpid}", urlUnitId);
} else {
chooseunitId = unitId;
let firstIn = 'true';
if ('${param.urlMpid}' != null && '${param.urlMpid}' != '' && '${param.urlMpid}'.length > 0) {
firstIn = 'false';
} else {
$.post(ext.contextPath + '/data/showCurveView.do?firstIn=' + firstIn, {
unitId: hiddenUnitId
}, function (data) {
$("#menuBox").html(data);
});
}
}
// initMpListView();
$('#leftBox').attr("style", "height:" + windowghight + "px;overflow-x:visible;padding:0px;");
$('#menuBox').attr("style", "height:" + windowghight + "px;");
refreshTypeSelect();
//简易公司combotree
$.post(ext.contextPath + '/user/getUnitForTreeFromTop.do', {unitId: chooseunitId}, function (data) {
var bizType = "";
if (data.length == 1 && !data[0].hasOwnProperty("nodes")) {
//当登陆者的pid以下没有子节点时显示单独一个span
$("#hiddenUnitId").val(data[0].id);
$("#companyselect").hide();
$("#company").show();
$("#company").text("公 司:" + data[0].text);
hiddenUnitId = data[0].id;
bizType = data[0].type;
initProgrammeTreeView();
initMpListView();
//initFun();
} else if ((data.length == 1 && data.nodes != "") || data.length > 1) {
//第一次加载时赋值
$("#company").hide();
$("#hiddenUnitId").val(data[0].id);
$("#cname_input").val(data[0].text);
hiddenUnitId = data[0].id;
bizType = data[0].type;
initProgrammeTreeView();
initMpListView();
//initFun();
//$table.bootstrapTable('refresh');//异步加载重新刷新,待修改
$('#companytree').treeview({
data: data,
showBorder: false,
levels: 3,
});
$('#companytree').on('nodeSelected', function (event, data) {
$("#hiddenUnitId").val(data.id);
$("#cname_input").val(data.text);
document.getElementById('ul_tree').style.display = "none";
hiddenUnitId = data.id;
initProgrammeTreeView();
initMpListView();
//initFun();
});
} else {
//待完善
}
$.post(ext.contextPath + "/user/processSection/getProcessSection4Select.do", {companyId: hiddenUnitId}, function (data) {
$("#processSection").empty();
var selelct_ = $("#processSection").select2({
data: data,
cache: false,
placeholder: '请选择',//默认文字提示
allowClear: true,//允许清空
escapeMarkup: function (markup) {
return markup;
}, // 自定义格式化防止xss注入
language: "zh-CN",
minimumInputLength: 0,
minimumResultsForSearch: 10,//数据超过十个启用搜索框
formatResult: function formatRepo(repo) {
return repo.text;
}, // 函数用来渲染结果
formatSelection: function formatRepoSelection(repo) {
return repo.text;
} // 函数用于呈现当前的选择
});
$(".select2-selection--single").css({'height': '30px', 'paddingTop': '4px'})
selelct_.val('').trigger("change");
selelct_.on("change", function (e) {
// $("#mptable").bootstrapTable('refresh');
initMpListView();
});
}, 'json');
}, 'json');
//防止点击树的+号收起下拉框
$("#ul_tree").on("click", function (e) {
event.stopPropagation();
});
//点击空白隐藏树
$(document).click(function (e) {
var divTree = $('#ul_tree'); // 设置目标区域
if (!divTree.is(e.target) && divTree.has(e.target).length === 0) {
divTree.hide()
}
})
getTitleContent("单击点位绘制曲线", "helpTitle_id_1");
getTitleContent("单击方案绘制曲线", "helpTitle_id_2");
});
function getTitleContent(title, id) {
// 给需要提示的元素绑定鼠标悬浮事件
$('#' + id).hover(function (e) {
// 鼠标悬浮时显示提示内容
// var title = $(this).attr('title');
// var title = "";
$(this).attr('data-title', title);
$(this).removeAttr('title');
$('<div class="helpTitle-content"></div>').text(title).appendTo('body').fadeIn();
let mouseX = e.pageX + 15;
let mouseY = e.pageY;
$('.helpTitle-content').css('top', mouseY + 'px');
$('.helpTitle-content').css('left', mouseX + 'px');
}, function () {
// 鼠标移出时隐藏提示内容
$(this).attr('title', $(this).attr('data-title'));
$('.helpTitle-content').remove();
});
}
var signalType = "-1";
var sourceType = "-1";
function changeSignalType(obj) {
var value = $(obj).val();
signalType = value;
initMpListView();
}
function changeSourceType(obj) {
var value = $(obj).val();
sourceType = value;
initMpListView();
}
function doHiddenDiv() {
// var sh=$('#searchHiddenDiv').css("display");
$("#searchHiddenDiv").slideToggle("slow");
// $("#searchHiddenDiv").slideDown();
// if(sh=="none"){
// $('#searchHiddenDiv').css("display","block");
// }else{
// $('#searchHiddenDiv').css("display","none");
// }
}
</script>
<style type="text/css">
.table tbody tr td {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* .pagination-detail{
display: none;
} */
.pull-right.pagination-detail {
display: none;
}
</style>
</head>
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini" style="overflow: hidden;">
<div class="wrapper">
<!-- 引用top -->
<%-- <jsp:include page="/jsp/top.jsp"></jsp:include> --%>
<!-- 菜单栏 -->
<%-- <jsp:include page="/jsp/left.jsp"></jsp:include> --%>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<%-- <section class="content-header">--%>
<%-- <h1 id ="head_title"></h1>--%>
<%-- <ol class="breadcrumb">--%>
<%-- <li><a id ='head_firstlevel' href="#"><i class="fa fa-dashboard"></i> </a></li>--%>
<%-- <!-- <li class="active">Here</li> -->--%>
<%-- </ol>--%>
<%-- </section>--%>
<!-- Main content -->
<section class="content container-fluid">
<div id="mainAlertdiv"></div>
<div id="subDiv"></div>
<div id="subDetailDiv"></div>
<div id="mpSubDiv"></div>
<div id="mpSelectDiv"></div>
<div id="fileInputDiv"></div>
<div id="leftBox" class="col-md-3">
<div class="box box-solid" style="height:100%;margin-bottom:0px;overflow: auto;overflow-x: hidden;">
<div class="form-group form-inline" style="padding-top:5px;padding-left:5px;margin-bottom: 0px;">
<!-- <div class="form-group " style="margin-bottom:10px;"> -->
<input id="hiddenUnitId" name="hiddenUnitId" type="hidden"/>
<input id="curve_id" name="curve_id" type="hidden"/>
<!-- </div> -->
<label class="form-label" id="company"
style="margin-left:39px;border: none;background: transparent;"></label>
<ul id="companyselect" style="list-style-type:none;padding-left:0px;width:300px;">
<li class="dropdown" style="width:300px;">
<!-- Menu toggle button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
style="width:300px;"
onclick="document.getElementById('ul_tree').style.display = 'block';">
<div class="input-group">
<span class="input-group-addon"
style="height:31px;color:#000000;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight:bold">公司:</span>
<input class="form-control " id="cname_input" name="cname_input"
style="height:31px;width: 218px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;"
readonly/>
</div><!-- /input-group -->
</a>
<ul id="ul_tree" class="dropdown-menu" data-stopPropagation="true">
<li class="header">
<div id="companytree" style="width: 275px;overflow:auto;"></div>
</li>
</ul>
</li>
</ul>
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#tab1" data-toggle="tab"
index="0" aria-expanded="true">测量点清单</a></li>
<li class=""><a href="#tab2" data-toggle="tab" index="1"
aria-expanded="true">曲线方案</a></li>
</ul>
<div class="tab-content no-padding">
<div class="chart tab-pane active" id="tab1"
style="position: relative; padding:5px;">
<div class="box-header with-border">
<ul style="list-style-type:none;padding-left:0px;margin-bottom:5px;">
<!-- Menu toggle button -->
<div class="form-group pull-left form-inline" style="float: left;width: 100%;">
<div class="input-group input-group-sm " style="float: left;width: 180px;">
<input type="text" id="mpsearch_name" name="mpsearch_name"
class="form-control pull-right" placeholder="点位查询">
<div class="input-group-btn">
<button class="btn btn-default" onclick="initMpListView();"><i
class="fa fa-search"></i></button>
</div>
</div>
<div id="helpTitle_id_1" class="helpTitle"
style="float: left;width: 18px;height: 18px;margin-left: 10px;margin-top: 8px;">
<i class="fa fa-question-circle" aria-hidden="true"></i>
</div>
<i class="fa fa-arrows-alt pull-right"
style="line-height:35px;cursor: pointer;"
onclick="doHiddenDiv();"></i>
</div>
<div id="searchHiddenDiv" style="display: none;width: 100%;">
<div class="form-group pull-left form-inline"
style="float: left;width: 100%;margin-top: 5px;">
<label class="col-sm-2 control-label"
style="line-height: 30px;padding: 0px;">信号类型</label>
<div class="col-sm-4 control-label">
<select id="signalType" name="signalType"
class="form-control select2"
style="padding: 0px;width: 60px;height: 30px;border-radius:4px;border:1px solid #aaa;"
onchange="changeSignalType(this);">
<option value="-1">全部</option>
<option value="AI">AI</option>
<option value="DI">DI</option>
</select>
</div>
<label class="col-sm-2 control-label"
style="line-height: 30px;padding: 0px;">采集类型</label>
<div class="col-sm-4 control-label">
<select id="sourceType" name="sourceType"
class="form-control select2"
style="padding: 0px;width: 120px;height: 30px;border-radius:4px;border:1px solid #aaa;"
onchange="changeSourceType(this);">
<option value="-1">全部</option>
<option value="${Flag_Type_Data}">自控采集点</option>
<option value="${Flag_Type_Hand}">手动录入点</option>
<option value="${Flag_Type_KPI}">KPI计算点</option>
<option value="${Flag_Type_Model}">模型预测点</option>
</select>
</div>
</div>
<div class="form-group pull-left form-inline"
style="float: left;width: 100%;margin-top: 5px;">
<label class="col-sm-2 control-label"
style="line-height: 30px;padding: 0px;">工艺段</label>
<div class="col-sm-10 control-label">
<select class="form-control select2 " id="processSection"
name="processSection"
style="padding: 0px;width:250px;height:30px;"></select>
</div>
</div>
</div>
</ul>
<!-- <h3 class="box-title">测量点清单</h3> -->
<div class="box-tools">
<!-- <button type="button" class="btn btn-box-tool" onclick="addFun();"><i class="fa fa-plus"></i>
</button> -->
</div>
</div>
<div id="mptableTop" class="box-body no-padding" style="display: none;">
<table id="mptable" class="table table-bordered distable"
style="table-layout:fixed;"></table>
</div>
<div id="singleBizDivTop" class="box-body no-padding" style="display: none;">
<div id="singleBizDiv"
style="float: left;width: 100%;height: 100%;overflow:auto;"></div>
</div>
</div>
<div class=" tab-pane" id="tab2"
style="position: relative; padding:5px;overflow:hidden">
<div class="box-header with-border">
<ul style="list-style-type:none;padding-left:0px;margin-bottom:5px;">
<!-- Menu toggle button -->
<div class="form-group pull-left form-inline" style="float: left;width: 100%;">
<div class="input-group input-group-sm " style="float: left;width: 180px;">
<input type="text" id="mpsearch_Program_name"
name="mpsearch_Program_name"
class="form-control pull-right" placeholder="方案查询">
<div class="input-group-btn">
<button class="btn btn-default" onclick="initProgrammeTreeView();">
<i
class="fa fa-search"></i></button>
</div>
</div>
<div id="helpTitle_id_2" class="helpTitle"
style="float: left;width: 18px;height: 18px;margin-left: 10px;margin-top: 8px;">
<i class="fa fa-question-circle" aria-hidden="true"></i>
</div>
</div>
</ul>
<!-- <h3 class="box-title">测量点清单</h3> -->
<div class="box-tools">
<!-- <button type="button" class="btn btn-box-tool" onclick="addFun();"><i class="fa fa-plus"></i>
</button> -->
</div>
</div>
<div id="curveProgramTree" style="height:100%;overflow:auto;"></div>
</div>
</div>
<!-- <ul id="curveselect" style="list-style-type:none;padding-left:0px;width:200px;margin-bottom: 0px;">
<li class="dropdown" style="width:200px;">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="width:200px;"
onclick="document.getElementById('curve_tree').style.display = 'block';">
<div class="input-group">
<span class="input-group-addon"
style="height:31px;color:#000000;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight:bold">曲线方案:</span>
<input class="form-control " id="curve_input" name="curve_input"
style="height:31px;width: 190px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;cursor:pointer;"
readonly />
</div>
</a>
<ul id="curve_tree" class="dropdown-menu" data-stopPropagation="true" style="border-color:#ccc;">
<li class="header">
<div id="curvetree" style="width: 275px;height:400px;overflow-y:scroll;overflow-x:hidden;"></div>
</li>
</ul>
</li>
</ul> -->
<!-- -->
</div>
<!-- <div class="box-body no-padding" >
</div> -->
<!-- /.box-body -->
</div>
<!-- <div class="box box-solid" style="height:60%;margin-bottom:0px;overflow: auto;overflow-x: hidden;">
</div> -->
</div>
<div class="col-md-9" id="menuBox" style="height: 100%;">
</div>
</section>
<!-- /.content -->
</div>
<%-- <jsp:include page="/jsp/bottom.jsp"></jsp:include> --%>
<%-- <jsp:include page="/jsp/side.jsp"></jsp:include> --%>
</div>
</body>
</html>