903 lines
45 KiB
Plaintext
903 lines
45 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8" %>
|
||
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||
<%@ page import="com.sipai.entity.base.ServerObject" %>
|
||
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security" %>
|
||
<%@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> |