Files
SIPAIIS_WMS_JSSW/WebRoot/jsp/equipment/transformerSecurity.jsp
2026-01-16 14:13:44 +08:00

614 lines
29 KiB
Plaintext
Raw 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 import="com.sipai.entity.equipment.EquipmentCard"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%request.setAttribute("Status_OFF", EquipmentCard.Status_OFF); %>
<%request.setAttribute("Status_ON", EquipmentCard.Status_ON); %>
<%request.setAttribute("Status_Fault", EquipmentCard.Status_Fault); %>
<%request.setAttribute("Status_Transfer", EquipmentCard.Status_Transfer); %>
<%request.setAttribute("Status_Scrap", EquipmentCard.Status_Scrap); %>
<%request.setAttribute("Status_STOP", EquipmentCard.Status_STOP); %>
<%@ 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"%>
<%request.setAttribute("UNIT_TYPE_BIZ",com.sipai.tools.CommString.UNIT_TYPE_BIZ);%>
<%request.setAttribute("UNIT_TYPE_COMPANY",com.sipai.tools.CommString.UNIT_TYPE_COMPANY);%>
<%request.setAttribute("UNIT_TYPE_DEPT",com.sipai.tools.CommString.UNIT_TYPE_DEPT);%>
<%request.setAttribute("Flag_Active",com.sipai.tools.CommString.Flag_Active);%>
<%request.setAttribute("Flag_Unactive",com.sipai.tools.CommString.Flag_Unactive);%>
<!DOCTYPE html>
<!-- <html lang="zh-CN"> -->
<!-- BEGIN HEAD -->
<head>
<title><%= ServerObject.atttable.get("TOPTITLE")%></title>
<style type="text/css">
.ztree li a.level0 span {font-size: 150%;}
.ztree li a.level1 span {font-size: 150%;}
.ztree li a.level2 span {font-size: 150%;}
.ztree li a.level3 span {font-size: 150%;}
.ztree li a.level4 span {font-size: 150%;}
/*隐藏百度地图底部文字*/
.anchorBL{display:none;}
.main-header{display:none;}
.content-header{display:none;}
.main-footer{display:none;}
.select2-container .select2-selection--single{
height:34px;
line-height: 34px;
}
.select2-selection__arrow{
margin-top:3px;
}
.table-hover>tbody>tr:hover {
cursor: pointer;
}
</style>
<!-- 引用页头及CSS页-->
<jsp:include page="/jsp/inc.jsp"></jsp:include>
<!-- 文件上传-->
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/css/fileinput.min.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/fileinput.min.js" charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/locales/zh.js" charset="utf-8"></script>
<script type="text/javascript">
//导出设备表,要用get请求的方式
function downloadFun() {
var checkedItems = $("#table").bootstrapTable('getAllSelections');
var datas="";
if(checkedItems.length > 0){
$.each(checkedItems, function(index, item){
datas+=item.id+",";
});
}
var equipmentBelongId =$("#equipmentBelongId").val();
var search_name = $("#search_name").val();
var search_name2= $("#search_name2").val();
var search_name3= $("#search_name3").val();
var processSection=$("#processSection").val(); //工艺段
var equipmentLevel=$("#equipmentLevel").val(); //ABC分类
var typeStatus=$("#typeStatus").val(); //状态
var equipmentstatus=$("#equipmentstatus").val(); //状态
var search_pid1=$("#search_pid1").val(); //设备类型
var search_pid2=$("#search_pid2").val(); //资产类型
window.open(ext.contextPath + "/equipment/downloadPlaceEquipmentRunTimeExcel.do?equipmentIds="+datas+"&equipmentBelongId="+equipmentBelongId+"&search_name="+search_name+"&search_name2="+search_name2+"&search_name3="+search_name3+"&processSection="+processSection+"&equipmentLevel="+equipmentLevel+"&typeStatus="+typeStatus+"&equipmentstatus="+equipmentstatus+"&search_pid1="+search_pid1+"&search_pid2="+search_pid2);
}
//导入设备列表
function importFun(){
console.log(123);
$.post(ext.contextPath + '/finance/placeClass/importComPanyEquipmentCard.do', {} , function(data) {
console.log(123);
$("#subDiv").html(data);
openModal('subModal');
});
}
$(function() {
var flag = IsApp();
if (flag==true){
}else{
$(".main-header").show();
$(".content-header").show();
$(".main-footer").show();
}
initFun();
initTreeView();
$("#search_dept").keyup(function(){
if (event.keyCode == 13) {
event.preventDefault();
//回车查询
dosearch();
event.stopPropagation();
}
})
var typeStatusArr = [
{"id":"1","text":"是"},
{"id":"2","text":"否"},
];
//$("#typeStatus").empty();
var selelct12 =$("#typeStatus").select2({
data: typeStatusArr,
cache : false,
placeholder:'请选择',//默认文字提示
allowClear: true,//允许清空
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
language: "zh-CN",
minimumInputLength: 0,
minimumResultsForSearch: 10,//数据大于10个启用搜索框
formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
});
$(".select2-selection--single").css({'height':'30px','paddingTop':'4px'})
selelct12.val('').trigger("change");
selelct12.on("change",function(e){
dosearch();
});
//台账类型
$.post(ext.contextPath + "/equipment/getEquipmentCardTypeForSelect.do", {}, function(data) {
var selelct =$("#equipmentCardType").select2({
data: data,
placeholder:'请选择',//默认文字提示
allowClear: true,//允许清空
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
language: "zh-CN",
minimumInputLength: 0,
minimumResultsForSearch: 10,//数据大于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){
dosearch();
});
},'json');
//2020-07-13 end
});
//表格查询参数
function queryParamsFun(params) { // 请求服务器数据时发送的参数可以在这里添加额外的查询参数返回false则终止请求
searchInfo['rows']=params.limit;
searchInfo['page']=params.offset/params.limit+1;
searchInfo['sort']=params.sort;
searchInfo['order']=params.order;
searchInfo['equipmentCardType']=$("#equipmentCardType").val();
searchInfo['ratedPower']=$("#ratedPower").val();
searchInfo['likeSea']=$("#likeSea").val();
searchInfo['unitId']= unitId;
//设备名称
searchInfo['search_name'] = $("#search_name").val();
searchInfo['search_name2'] = $("#search_name2").val();
searchInfo['search_name3'] = $("#search_name3").val();
searchInfo['equipmentBelongId'] = $("#equipmentBelongId").val();
searchInfo['processSection']=$("#processSection").val(); //工艺段
searchInfo['equipmentLevel']=$("#equipmentLevel").val(); //ABC分类
searchInfo['typeStatus']=$("#typeStatus").val(); //状态
searchInfo['equipmentstatus']=$("#equipmentstatus").val(); //状态
searchInfo['search_pid1']=$("#search_pid1").val(); //设备类型
searchInfo['search_pid2']=$("#search_pid2").val(); //资产类型
return searchInfo;
};
//厂区选择后,初始化工艺段,加载表格
var initFun = function(){
//工艺段
$.post(ext.contextPath + "/user/processSection/getProcessSection4Select.do", {companyId:companyId}, 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,//数据大于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){
dosearch();
});
},'json');
//abc分类
$.post(ext.contextPath + "/equipment/equipmentLevel/getEquipmentLevel4Select.do", {companyId:companyId}, function(data) {
$("#equipmentLevel").empty();
var selelct_ =$("#equipmentLevel").select2({
data: data,
cache : false,
placeholder:'请选择',//默认文字提示
allowClear: true,//允许清空
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
language: "zh-CN",
minimumInputLength: 0,
minimumResultsForSearch: 10,//数据大于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){
dosearch();
});
},'json');
//状态
$.post(ext.contextPath + "/equipment/equipmentStatusManagement/getEquipmentstatus4Select.do", {companyId:companyId}, function(data) {
$("#equipmentstatus").empty();
var selelct_ =$("#equipmentstatus").select2({
data: data,
cache : false,
placeholder:'请选择',//默认文字提示
allowClear: true,//允许清空
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
language: "zh-CN",
minimumInputLength: 0,
minimumResultsForSearch: 10,//数据大于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){
dosearch();
});
},'json');
//设备类型树
$("#search_pid1").val("113");//-默认变压器
//资产类型树
$.post(ext.contextPath + '/equipment/assetClass/getAssetClassJson.do', {ng: ''}, function (data) {
//console.log("data",data[0]);
if (data.length == 1 && !data[0].hasOwnProperty("nodes")) {
//当登陆者的pid以下没有子节点时显示单独一个span
$("#search_pid2").val(data[0].id);
$("#companyselect2").hide();
$("#companyName2").text("资产类型:" + data[0].text);
// showtable();
} else if ((data.length == 1 && data.nodes != "") || data.length > 1) {
$('#companytree2').treeview({
data: data,
showBorder: false,
showCheckbox: false,
levels: 1
});
$('#companytree2').on('nodeSelected', function (event, data) {
$("#search_pid2").val(data.id);
$("#cname_input2").val(data.text);
document.getElementById('company_select2').style.display = "none";
$("ul#company_select2").hide();
dosearch();
});
} else {
//待完善
}
;
}, 'json');
//防止点击树收起下拉框
$("#company_select2").on("click", function (e) {
event.stopPropagation();
});
//点击树之外其他区域收起
$(document).click(function(){
$("#company_select2").hide();
});
$("#table").bootstrapTable({ // 对应table标签的id
url: ext.contextPath + '/finance/placeClass/getListTime.do', // 获取表格数据的url
cache: false, // 设置为 false 禁用 AJAX 数据缓存, 默认为true
striped: true, //表格显示条纹默认为false
pagination: true, // 在表格底部显示分页组件默认false
pageList: [10, 20,50], // 设置页面可以显示的数据条数
pageSize: 10, // 页面数据条数
pageNumber: 1, // 首页页码
sidePagination: 'server', // 设置为服务器端分页
queryParams:queryParamsFun,
sortName: 'id', // 要排序的字段
sortOrder: 'desc', // 排序规则
onClickRow: function (row) {//单击行事件,执行查看功能
viewFun(row.id);
},
columns: [
{
checkbox: true, // 显示一个勾选框
},{
field: 'equipmentcardid', // 返回json数据中的name
title: '设备编号', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},
{
field: 'assetnumber', // 返回json数据中的name
title: '资产编号', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},
{
field: 'equipmentname', // 返回json数据中的name
title: '名称', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'company.name', // 返回json数据中的name
title: '所属厂区', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'processSection.name', // 返回json数据中的name
title: '工艺段', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'equipmentClass.name', // 返回json数据中的name
title: '设备类型', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle'
},{
field: 'equipmentSpecification.name', // 返回json数据中的name
title: '设备规格', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle'
},{
field: 'equipmentmanufacturer', // 返回json数据中的name
title: '制造厂家', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle'
},{
field: '_useEquipmentAge', // 返回json数据中的name
title: '使用年数', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle',
formatter:function(value, row, index){
var color = "";
if(value!=null && value>10){
if(value>20){
//20年以上标红
color="color:red";
}else{
//10-20年标黄
color="color:Gold";
}
}
return "<div style='"+color+"'>"+value+"</div>";
}
},{
field: '_equfixnum', // 返回json数据中的name
title: '维修次数', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle'
},{
field: '_score', // 返回json数据中的name
title: '得分', // 表格表头显示文字
width: '6%',
align: 'center', // 左右居中
valign: 'middle',
formatter:function(value, row, index){
var score = 100;
var color = "";
if(row._equfixnum!=null && row._equfixnum>0){
score = score-row._equfixnum;
}
if(row._useEquipmentAge!=null && row._useEquipmentAge>10){
if(row._useEquipmentAge>20){
score = score-(row._useEquipmentAge-20);
}
}
return "<div style='"+color+"'>"+score+"</div>";
},
},
],
onLoadSuccess: function(){ //加载成功时执行
adjustBootstrapTableView("table");
},
onLoadError: function(){ //加载失败时执行
console.info("加载数据失败");
}
})
}
var dosearch = function() {
$("#table").bootstrapTable('refresh');
};
var companyId = "";
var searchInfo={};
var zTreeObj='';
var setting = {
callback: {
onClick: zTreeOnClick
},
view:{
dblClickExpand: false,
},
};
var zNodes=[];
var initTreeView = function () {
$.post(ext.contextPath + '/equipment/initEquipmentCardTree.do', { ng: '',unitId:unitId }, function (data) {
zNodes=data;
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
}, 'json');
};
//查看设备详情
var viewFun = function(id){
$.post(ext.contextPath + '/equipment/doview.do', {id:id} , function(data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
function zTreeOnClick(event, treeId, treeNode) {
var pid=treeNode.id;
//
newUnitId = treeNode.id;
$.post(ext.contextPath + '/equipment/getEquipmentCardNodes.do', { ng: '',pid:pid }, function (data) {
//console.log({data});
var newNodes=[];
if(data.length >0){
zTreeObj = $.fn.zTree.getZTreeObj("treeDemo");
var nodes = zTreeObj.getSelectedNodes();
var pidNode= nodes[0]
$.each(data,function(index,value){
var marKey=value.id;
var isExist=zTreeObj.getNodesByParam('id',marKey,pidNode);
if(isExist.length <=0){
newNodes.push(value);
}
})
if(newNodes.length>0){
zTreeObj.addNodes(pidNode, newNodes);
zTreeObj.reAsyncChildNodes(pidNode, "refresh");
//根据点击的节点查询相关的设备台账
var id=treeNode.id;
var flag=treeNode.flag;
equipmentCardTreeSearchInfo['id']=id;
equipmentCardTreeSearchInfo['pid']=pid;
equipmentCardTreeSearchInfo['flag']=flag;
$("#table").bootstrapTable('destroy');
//console.log({equipmentCardTreeSearchInfo});
newUnitId = id;
getEquipmentCardByCondition();
}else{
//根据点击的节点查询相关的设备台账
var id=treeNode.id;
var flag=treeNode.flag;
equipmentCardTreeSearchInfo['id']=id;
equipmentCardTreeSearchInfo['pid']=pid;
equipmentCardTreeSearchInfo['flag']=flag;
$("#table").bootstrapTable('destroy');
//console.log({equipmentCardTreeSearchInfo});
newUnitId = id;
getEquipmentCardByCondition();
}
}else{
//根据点击的节点查询相关的设备台账
var id=treeNode.id;
var flag=treeNode.flag;
equipmentCardTreeSearchInfo['id']=id;
equipmentCardTreeSearchInfo['pid']=pid;
equipmentCardTreeSearchInfo['flag']=flag;
$("#table").bootstrapTable('destroy');
//console.log({equipmentCardTreeSearchInfo});
newUnitId = id;
getEquipmentCardByCondition();
}
}, 'json');
};
</script>
</head>
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
<div class="wrapper">
<!-- 引用top -->
<%-- <jsp:include page="/jsp/top.jsp"></jsp:include> --%>
<!-- 菜单栏 -->
<%-- <jsp:include page="/jsp/left.jsp"></jsp:include> --%>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1 id ="head_title"></h1>
<ol class="breadcrumb">
<li><a id ='head_firstlevel' href="#"><i class="fa fa-dashboard"></i> </a></li>
<!-- <li class="active">Here</li> -->
</ol>
</section>
<!-- Main content -->
<section class="content container-fluid">
<div id="mainAlertdiv"></div>
<div id="subEquipmentDiv"></div>
<div id="subDiv"></div>
<div id="maintenanceDiv"></div>
<div id="maintenanceDetailDiv"></div>
<div id="equipmentLevelSubDiv"></div>
<div id="equipmentProcessSectionSubDiv"></div>
<div id="equipmentClassSubDiv"></div>
<div id="equipmentBelongSubDiv"></div>
<div id="equipmentCodeRuleSubDiv"></div>
<div id="emSubDiv"></div>
<div id="subEditViewDiv"></div>
<div id="MpointDiv"></div>
<div id="ivSubDiv"></div>
<div id="subFileDiv"></div>
<div id="subRepairDiv"></div>
<div id="subMaintainDiv"></div>
<div id="subAttachedDiv"></div>
<div class="row">
<div class="col-md-12" >
<input type="hidden" id="equipmentBelongId" value="${equipmentBelongId}" >
<div class="form-group pull-left form-inline" style="width: 100%;">
<input id="search_pid1" name="search_pid1" type="hidden"/>
<div id="div2" class="input-group input-group-sm pull-left"
style="margin-top: -0.6%;margin-right: 1%;">
<input id="search_pid2" name="search_pid2" type="hidden"/>
<span id="companyName2" style="width:220px;border: none;background: transparent;"></span>
<ul id="companyselect2"
style="list-style-type:none;padding-left:10px;margin-top:8px;width:230px;">
<li class="dropdown messages-menu">
<!-- Menu toggle button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="width:80px;"
onclick="document.getElementById('company_select2').style.display = 'block';">
<div class="input-group" style="height: 25px">
<span class="input-group-addon"
style="height:25px;color:#000000;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight:bold">资产类型:</span>
<input class="form-control " id="cname_input2" name="cname_input2"
style="height:28px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;text-align:center;"
readonly/>
</div>
</a>
<ul id="company_select2" class="dropdown-menu" data-stopPropagation="true">
<li>
<div id="companytree2" style="width: 275px;overflow:auto;">
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="input-group input-group-sm pull-left" style="margin-right: 1%;">
<label class="form-label" style="float: left;line-height: 2;">工艺段:</label>
<select class="form-control select2 " id="processSection" name ="processSection" style="width: 100px;"></select>
</div>
<div class="input-group input-group-sm pull-left" style="margin-right: 1%;">
<label class="form-label" style="float: left;line-height: 2;">状态:</label>
<select class="form-control select2 " id="equipmentstatus" name ="equipmentstatus" style="width: 100px;"></select>
</div>
<div class="input-group input-group-sm pull-left" style="margin-right: 1%;">
<label class="form-label" style="float: left;line-height: 2;">ABC分类:</label>
<select class="form-control select2 " id="equipmentLevel" name ="equipmentLevel" style="width: 100px;"></select>
</div>
<div class="input-group input-group-sm" style=" width: 160px;float: left;">
<label class="form-label" style="float: left;line-height: 2;">使用年数:</label>
<input type="number" id="search_name2" name="search_name2" class="form-control " style="width: 70px;" placeholder="年数">
<label class="form-label" style="float: left;line-height: 2;"> 至 </label>
</div>
<div class="input-group input-group-sm" style=" width: 60px;float: left;">
<input type="number" id="search_name3" name="search_name3" class="form-control" style="width: 70px;" placeholder="年数">
</div>
<div class="input-group input-group-sm" style="width:230px;float: right;">
<input type="text" id="search_name" name="search_name" class="form-control pull-right" placeholder="设备名称/规格型号/制造厂家/资产编号">
<div class="input-group-btn">
<button class="btn btn-default" onclick="dosearch();" ><i class="fa fa-search"></i></button>
</div>
<!-- <button style= "float: right;" type="button" class="btn btn-default btn-sm" onclick="downloadFun();"><i
class="fa fa-cloud-download"></i> 导出
</button> -->
</div>
</div>
</div>
<div style="height: 100%;width: 100%;float:left;">
<table id="table"></table>
</div>
</div>
</section>
</div>
</div>
</body>
<!-- 引入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>
<!-- bootstrap switch -->
<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>
</html>