Files
SIPAIIS_WMS_JSSW/WebRoot/jsp/equipment/equipmentCardPumpList.jsp

1892 lines
93 KiB
Plaintext
Raw Permalink Normal View History

2026-01-16 14:13:44 +08:00
<%@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); %>
<%request.setAttribute("Status_IN", EquipmentCard.Status_IN); %>
<%@ 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);%>
<%request.setAttribute("ABC_A", EquipmentCard.ABC_A); %>
<%request.setAttribute("ABC_B", EquipmentCard.ABC_B); %>
<%request.setAttribute("ABC_C", EquipmentCard.ABC_C); %>
<%request.setAttribute("CompulsoryInspectionType_EQUIP", EquipmentCard.CompulsoryInspectionType_EQUIP); %>
<%request.setAttribute("CompulsoryInspectionType_APP", EquipmentCard.CompulsoryInspectionType_APP); %>
<%request.setAttribute("CompulsoryInspectionType_CAR", EquipmentCard.CompulsoryInspectionType_CAR); %>
<%request.setAttribute("AssetType_MECH", EquipmentCard.AssetType_MECH); %>
<%request.setAttribute("AssetType_ELEC", EquipmentCard.AssetType_ELEC); %>
<%request.setAttribute("AssetType_APP", EquipmentCard.AssetType_APP); %>
<%request.setAttribute("AssetType_AUTO", EquipmentCard.AssetType_AUTO); %>
<%request.setAttribute("AssetType_HALFAUTO", EquipmentCard.AssetType_HALFAUTO); %>
<%request.setAttribute("AssetType_INDUS", EquipmentCard.AssetType_INDUS); %>
<!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;
}
.colStyle {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: '13%';
}
/*
根据不同分辨率显示不同px的文字大小
*/
@media (min-width: 768px) and (min-height: 432px) {
.cname_input1 {
width: 90px;
}
.cname_input2 {
width: 90px;
}
.div1 {
margin-right: 0%;
margin-left: -2%;
}
.div2 {
margin-right: 2%;
}
}
/*笔记本 992 580*/
@media (min-width: 992px) and (min-height: 580px) {
.cname_input1 {
width: 90px;
}
.cname_input2 {
width: 90px;
}
.div1 {
margin-right: 0%;
margin-left: -2%;
}
.div2 {
margin-right: 2%;
}
}
/*普通2k*/
@media (min-width: 1200px) and (min-height: 675px) {
.cname_input1 {
width: 110px;
}
.cname_input2 {
width: 110px;
}
.div1 {
margin-right: 3%;
}
.div2 {
margin-right: 4%;
}
}
/* @media (max-width: 1400px) and (max-height: 675px) {
.rank2{
margin-left: 6%;
color: blue;
}
} */
</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">
var showTreeButtonFlag = "shouqi";
var showTreeButtonClick = function (){
//
if(showTreeButtonFlag == "zhankai"){ //展开时树出现栅格给3右边栅格给9
$("#leftdivtree").show();
$("#leftdiv").removeClass();
$("#leftdiv").addClass("col-md-3");
$("#rightdiv").removeClass();
$("#rightdiv").addClass("col-md-9");
$("#showTreeButton").html('<i class="glyphicon glyphicon-minus"></i>');
showTreeButtonFlag = "shouqi";
}else if(showTreeButtonFlag == "shouqi"){ //收起时树消失栅格隐藏右边栅格给12
$("#leftdivtree").hide();
$("#leftdiv").removeClass();
$("#leftdiv").addClass("col-md-1");
$("#rightdiv").removeClass();
$("#rightdiv").addClass("col-md-11");
$("#showTreeButton").html('<i class="glyphicon glyphicon-plus"></i>');
showTreeButtonFlag = "zhankai";
}
}
var showMaintenanceList = function (id) {
$.post(ext.contextPath + '/maintenance/showMaintenanceList4Equipment.do', {equipmentId: id}, function (data) {
$("#subDiv").html(data);
openModal('subMaintenanceModal');
});
};
var showHandleDetailList = function (id) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/maintenance/showHandleDetailList4Equipment.do', {equipmentId: id}, function (data) {
$("#subDiv").html(data);
openModal('handleDetailModal');
});
};
var viewEquipmentFun = function (equipmentName, equipmentCardID, id) {
$.post(ext.contextPath + '/equipment/viewEquipmentCard.do', {
equipmentName: equipmentName,
equipmentCardID: equipmentCardID,
id: id
}, function (data) {
$("#subEquipmentDiv").html(data);
openModal('subEquipmentModal');
});
};
//导出设备表,要用get请求的方式
function downloadFun() {
/* if (companyId == "") {//获取验证结果,如果成功,执行下面代码
showAlert('d','请先选择厂区','mainAlertdiv');
}else{ */
var companyId = '';
if (newUnitId == '') {
companyId = unitId;
} else {
companyId = newUnitId;
}
var checkedItems = $("#table").bootstrapTable('getAllSelections');
var datas = "";
$.each(checkedItems, function (index, item) {
datas += item.id + ",";
});
var search_equName = "";
var deptName = "";
/* if(datas == ""){
search_equName = $("#search_name").val();
deptName = $("#search_dept").val();
} */
//console.info(deptName)
window.open(ext.contextPath + "/equipment/downloadEquipmentExcel.do?companyId="+"7b19e5c1efe94009b6ba777f096f4caa"
+"&equipmentIds="+datas+"&equipmentName="+search_equName
+"&search_dept="+deptName);
//}
}
//导入设备列表
function importFun() {
/* if (companyId == "") {//获取验证结果,如果成功,执行下面代码
showAlert('d','请先选择厂区','mainAlertdiv');
}else{ */
var companyId = unitId;
$.post(ext.contextPath + '/equipment/importEquipmentCard.do', {companyId: companyId}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
// }
}
//同步GIS坐标
function synGISFun() {
if (companyId == "") {//获取验证结果,如果成功,执行下面代码
showAlert('d', '请先选择厂区', 'mainAlertdiv');
} else {
$.post(ext.contextPath + '/equipment/synGISCoordinate.do', {companyId: companyId}, function (data) {
console.info(data)
if (data.res > 0) {
$("#table").bootstrapTable('refresh');
} else {
showAlert('d', '同步失败', 'mainAlertdiv');
}
}, 'json');
}
}
//新增设备卡片
var addFun = function () {
/* if (companyId == "") {//获取验证结果,如果成功,执行下面代码
showAlert('d','请先选择厂区','mainAlertdiv');
}else{ */
var companyId = newUnitId;
if (newUnitId == '') {
companyId = unitId;
} else {
companyId = newUnitId;
}
//console.log("companyId:"+companyId);
$.post(ext.contextPath + '/equipment/doadd.do', {companyId: companyId}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
// }
};
//编辑资产类型
var editFun = function (id) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/equipment/doedit.do', {id: id, companyId: companyId}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
//查看设备详情
var viewFun = function (id) {
$.post(ext.contextPath + '/equipment/doview.do', {id: id}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
//删除一条资产类型数据
var deleteFun = function (id) {
stopBubbleDefaultEvent();
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 + '/equipment/dodelete.do', {id: id}, function (data) {
if (data == 1) {
$("#table").bootstrapTable('refresh');
} else {
showAlert('d', '删除失败', 'mainAlertdiv');
}
});
}
});
};
//删除多条资产类型数据
var deletesFun = function () {
var checkedItems = $("#table").bootstrapTable('getSelections');
var datas = "";
$.each(checkedItems, function (index, item) {
datas += item.id + ",";
});
if (datas == "") {
showAlert('d', '请先选择记录', 'mainAlertdiv');
} else {
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 + '/equipment/dodeletes.do', {ids: datas}, function (data) {
if (data > 0) {
$("#table").bootstrapTable('refresh');
} else {
showAlert('d', '删除失败', 'mainAlertdiv');
}
});
}
});
}
};
//生成多条缺失or异常的设备编码
var creatCodeFun = function () {
var checkedItems = $("#table").bootstrapTable('getSelections');
var datas = "";
$.each(checkedItems, function (index, item) {
datas += item.id + ",";
});
if (datas == "") {
showAlert('d', '请先选择记录', 'mainAlertdiv');
} else {
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("正在生成", "请稍后……");
swal({
title: "正在生成",
text: "请您稍等几秒钟……",
buttons: {
// cancel: {
// text: "取消",
// value: null,
// visible: false,
// className: "btn btn-default btn-sm",
// closeModal: false,
// },
cancel: false,
confirm: false,
},
closeOnClickOutside: false,
allowOutsideClick: false,
showConfirmButton: false,
});
$.post(ext.contextPath + '/equipment/docreatcodes.do', {ids: datas}, function (data) {
if (data > 0) {
$("#table").bootstrapTable('refresh');
swal.close();
swal("生成成功!");
} else {
swal.close();
swal("生成失败!");
}
});
}
});
}
};
//校对按钮
var checkbutton = function () {
var checkedItems = $("#table").bootstrapTable('getSelections');
var datas = "";
$.each(checkedItems, function (index, item) {
datas += item.id + ",";
});
if (datas == "") {
showAlert('d', '请先选择记录', 'mainAlertdiv');
} else {
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("正在校对", "请稍后……");
swal({
title: "正在校对",
text: "请您稍等几秒钟……",
buttons: {
// cancel: {
// text: "取消",
// value: null,
// visible: false,
// className: "btn btn-default btn-sm",
// closeModal: false,
// },
cancel: false,
confirm: false,
},
closeOnClickOutside: false,
allowOutsideClick: false,
showConfirmButton: false,
});
$.post(ext.contextPath + '/equipment/docheck.do', {ids: datas}, function (data) {
if (data > 0) {
$("#table").bootstrapTable('refresh');
swal.close();
swal("校对成功!");
} else {
swal.close();
swal("校对失败!");
}
});
}
});
}
};
$(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();
}
})
//设备类型搜索
// $.post(ext.contextPath + "/equipment/equipmentClass/getEquipmentClassForSelect.do", {}, function(data) {
// var selelct =$("#equipmentCardClass").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 start
//设备归属
/* $.post(ext.contextPath + "/equipment/equipmentBelong/getEquipmentBelongForSelect.do", {}, function(data) {
var selelct =$("#equipmentBelongId").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'); */
//台账类型
$.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
//筛选设备编码
$("#isequipcode").select2({
ajax: {
type: 'POST',
url: ext.contextPath + '/equipment/getListForSelect.do',
dataType: 'json',
delay: 250,
processResults: function (data) {
return {
results: data
}
},
cache: true
},
placeholder: '全部',//默认文字提示
allowClear: true,//允许清空
escapeMarkup: function (markup) {
return markup;
}, // 自定义格式化防止xss注入
language: "zh-CN",
minimumInputLength: 0,
minimumResultsForSearch: -1,//禁用搜索框
formatResult: function formatRepo(repo) {
return repo.text;
}, // 函数用来渲染结果
formatSelection: function formatRepoSelection(repo) {
return repo.text;
} // 函数用于呈现当前的选择
});
$(".select2-selection--single").css({'height': '30px', 'paddingTop': '4px'})
});
//表格查询参数
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['processSection'] = $("#processSection").val(); //工艺段
searchInfo['equipmentLevel'] = $("#equipmentLevel").val(); //ABC分类
searchInfo['equipmentstatus'] = $("#equipmentstatus").val(); //状态
searchInfo['search_pid1'] = $("#search_pid1").val(); //设备类型
searchInfo['search_pid2'] = $("#search_pid2").val(); //资产类型
searchInfo['equipmentBelong'] = $("#equipmentBelong").val(); //设备所属--常排项目用
searchInfo['isequipcode'] = document.getElementById("isequipcode").value; //用于设备编码筛选
// searchInfo['equipmentCardClass'] = $("#equipmentCardClass").val();
return searchInfo;
/* return {
rows: params.limit, // 每页要显示的数据条数
page: params.offset/params.limit+1, // 每页显示数据的开始页码
sort: params.sort, // 要排序的字段
order: params.order,
//设备名称
equipmentName : $("#search_name").val(),
//厂区
companyId: companyId,
//工艺段
pSectionId: $("#processSection").val(),
//设备类型
equipmentCardClass : $("#equipmentCardClass").val(),
//search_dept : $("#search_dept").val(),
//设备规格
specification:$("#search_specification").val(),
//设备型号
equipmentmodel:$("#search_equipmentmodel").val(),
//设备级别
equipmentlevel:$("#search_equipmentlevel").val(),
//设备归属
equipmentBelongId:$("#equipmentBelongId").val(),
//台账类型
equipmentCardType:$("#equipmentCardType").val(),
} */
};
var leftid="";
var leftpid="";
var leftflag="";
function queryParamsFun2() {
var search_name="";
var processSection="";
var equipmentLevel="";
var equipmentstatus="";
var search_pid1="";
var search_pid2="";
var equipmentBelong="";
var isequipcode="";
if($("#search_name").val()!=null){
search_name=$("#search_name").val();
}
if($("#processSection").val()!=null){
processSection=$("#processSection").val();
}
if($("#equipmentLevel").val()!=null){
equipmentLevel=$("#equipmentLevel").val();
}
if($("#equipmentstatus").val()!=null){
equipmentstatus=$("#equipmentstatus").val();
}
if($("#search_pid1").val()!=null){
search_pid1=$("#search_pid1").val();
}
if($("#search_pid2").val()!=null){
search_pid2=$("#search_pid2").val();
}
if($("#equipmentBelong").val()!=null){
equipmentBelong=$("#equipmentBelong").val();
}
if(document.getElementById("isequipcode").value!=null){
isequipcode=document.getElementById("isequipcode").value;
}
var searchInfo="search_name="+search_name+"replace"+"processSection="+processSection+"replace"+"equipmentLevel="+equipmentLevel+"replace"+
"equipmentstatus="+equipmentstatus+"replace"+"search_pid1="+search_pid1+"replace"+"search_pid2="+search_pid2+"replace"+
"equipmentBelong="+equipmentBelong+"replace"+"isequipcode="+isequipcode+"replaceunitId="+unitId+"replaceid="+leftid+"replacepid="+leftpid+"replaceflag="+leftflag;
return searchInfo;
}
//厂区选择后,初始化工艺段,加载表格
var initFun = function () {
//工艺段
// if(newUnitId == null || newUnitId == ""){
// newUnitId = unitId;
// }
$.post(ext.contextPath + "/user/processSection/getProcessSection4Select.do", {companyId: newUnitId}, 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/equipmentBelong/getEquipmentBelong4Select.do", {companyId: unitId}, function (data) {
$("#equipmentBelong").empty();
var selelct_ = $("#equipmentBelong").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/assetClass/getAssetClass4Select.do", {companyId:companyId}, function(data) {
// $("#assetClass").empty();
// var selelct_ =$("#assetClass").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');
//设备类型树
$.post(ext.contextPath + '/equipment/equipmentClass/getEquipmentClassJsonForTree.do', {
ng: '',
unitId: unitId
}, function (data) {
//console.log("data",data[0]);
if (data.length == 1 && !data[0].hasOwnProperty("nodes")) {
//当登陆者的pid以下没有子节点时显示单独一个span
$("#search_pid1").val(data[0].id);
$("#companyselect1").hide();
$("#companyName1").text("设备类型:" + data[0].text);
// showtable();
} else if ((data.length == 1 && data.nodes != "") || data.length > 1) {
//第一次加载时赋值
// $("#search_pid1").val(data[0].id);
// $("#cname_input1").val(data[0].text);
// showtable();
//$table.bootstrapTable('refresh');//异步加载重新刷新,待修改
$('#companytree1').treeview({
data: data,
showBorder: false,
showCheckbox: false,
levels: 1
});
$('#companytree1').on('nodeSelected', function (event, data) {
//只能点最底层
// var nodesnum=0;
// if(data.nodes!=null){
// nodesnum=data.nodes.length;
// }else{
// nodesnum=nodesnum;
// }
// if(nodesnum==0){
// $("#search_pid1").val(data.id);
// $("#cname_input1").val(data.text);
// document.getElementById('company_select1').style.display = "none";
// $("ul#company_select1").hide();
// $("#table").bootstrapTable('refresh');
// }
$("#search_pid1").val(data.id);
$("#cname_input1").val(data.text);
document.getElementById('company_select1').style.display = "none";
$("ul#company_select1").hide();
$("#table").bootstrapTable('refresh');
// $("ul#company_select").hide();
});
} else {
//待完善
}
;
}, 'json');
//防止点击树收起下拉框
$("#company_select1").on("click", function (e) {
event.stopPropagation();
});
//点击树之外其他区域收起
$(document).click(function () {
$("#company_select1").hide();
});
//资产类型树
$.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) {
//第一次加载时赋值
// $("#search_pid1").val(data[0].id);
// $("#cname_input1").val(data[0].text);
// showtable();
//$table.bootstrapTable('refresh');//异步加载重新刷新,待修改
$('#companytree2').treeview({
data: data,
showBorder: false,
showCheckbox: false,
levels: 1
});
$('#companytree2').on('nodeSelected', function (event, data) {
//只能点最底层
// var nodesnum=0;
// if(data.nodes!=null){
// nodesnum=data.nodes.length;
// }else{
// nodesnum=nodesnum;
// }
// if(nodesnum==0){
// $("#search_pid2").val(data.id);
// $("#cname_input2").val(data.text);
// document.getElementById('company_select2').style.display = "none";
// $("ul#company_select2").hide();
// $("#table").bootstrapTable('refresh');
// }
$("#search_pid2").val(data.id);
$("#cname_input2").val(data.text);
document.getElementById('company_select2').style.display = "none";
$("ul#company_select2").hide();
$("#table").bootstrapTable('refresh');
// $("ul#company_select").hide();
});
} else {
//待完善
}
;
}, 'json');
//防止点击树收起下拉框
$("#company_select2").on("click", function (e) {
event.stopPropagation();
});
//点击树之外其他区域收起
$(document).click(function () {
$("#company_select2").hide();
});
$("#table").bootstrapTable({ // 对应table标签的id
url: ext.contextPath + '/equipment/getList.do', // 获取表格数据的url
cache: false, // 设置为 false 禁用 AJAX 数据缓存, 默认为true
striped: true, //表格显示条纹默认为false
pagination: true, // 在表格底部显示分页组件默认false
pageList: [10, 50, 200], // 设置页面可以显示的数据条数
pageSize: 10, // 页面数据条数
pageNumber: 1, // 首页页码
sidePagination: 'server', // 设置为服务器端分页
queryParams: queryParamsFun,
sortName: 'open_date', // 要排序的字段
sortOrder: 'asc', // 排序规则
onClickRow: function (row) {//单击行事件,执行查看功能
viewFun(row.id);
},
columns: [
{
checkbox: true, // 显示一个勾选框
},
{
field: 'equipmentcardid', // 返回json数据中的name
title: '设备编号', // 表格表头显示文字
width: '12%',
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter: function (value, row, index) {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentcardid + "'>" + row.equipmentcardid + "</span>";
},
class: 'colStyle'
}, {
field: 'equipmentname', // 返回json数据中的name
title: '设备名称', // 表格表头显示文字
width: '12%',
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter: function (value, row, index) {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentname + "'>" + row.equipmentname + "</span>";
},
class: 'colStyle'
},
{
field: 'equipmentClass.name', // 返回json数据中的name
title: '设备类型', // 表格表头显示文字
width: '12%',
align: 'center', // 左右居中
valign: 'middle'
},
{
field: 'equipmentmodelname', // 返回json数据中的name
title: '规格型号', // 表格表头显示文字
width: '10%',
align: 'center', // 左右居中
valign: 'middle',
formatter: function (value, row, index) {
if (row.equipmentmodel != null && row.equipmentmodel != '') {
if (row.equipmentTypeNumber != null && row.equipmentTypeNumber != '') {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentTypeNumber.name + "'>" + row.equipmentTypeNumber.name + "</span>";
}
} else {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentmodelname + "'>" + row.equipmentmodelname + "</span>";
}
}
},
{
field: 'processSection.sname', // 返回json数据中的name
title: '工艺段', // 表格表头显示文字
width: '8%',
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter: function (value, row, index) {
if (row.processSection != null && row.processSection != '') {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.processSection.name + "'>" + row.processSection.name + "</span>";
}
},
class: 'colStyle'
},
{
field: 'equipmentLevel.levelname', // 返回json数据中的name
title: 'ABC分类', // 表格表头显示文字
width: '8%',
align: 'center', // 左右居中
valign: 'middle'
}, {
field: 'equipmentmanufacturer', // 返回json数据中的name
title: '制造厂家', // 表格表头显示文字
width: '8%',
align: 'center', // 左右居中
valign: 'middle',
formatter: function (value, row, index) {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentmanufacturer + "'>" + row.equipmentmanufacturer + "</span>";
},
class: 'colStyle'
}, {
field: 'company.sname', // 返回json数据中的name
title: '所属厂区', // 表格表头显示文字
width: '8%',
align: 'center', // 左右居中
valign: 'middle' // 上下居中
}, {
field: 'equipmentStatusManagement.name', // 返回json数据中的name
title: '状态', // 表格表头显示文字
width: '6%',
align: 'center', // 左右居中
valign: 'middle'
},
{
field: 'currentmanageflag', // 返回json数据中的name
title: '校对', // 表格表头显示文字
width: '6%',
align: 'center', // 左右居中
valign: 'middle',
formatter: function (value, row, index) {
if (value == '1') {
return "是";
} else {
return "否";
}
},
}, {
title: "操作",
align: 'center',
valign: 'middle',
width: '130px',
formatter: function (value, row, index) {
var buts = "";
buts += '<security:authorize buttonUrl="equipment/edit.do">';
buts += '<button class="btn btn-default btn-sm" title="编辑" onclick="editFun(\'' + row.id + '\')"><i class="fa fa-edit"></i><span class="hidden-md hidden-lg"> 编辑</span></button>';
buts += '</security:authorize>';
buts += '<security:authorize buttonUrl="equipment/delete.do">';
buts += '<button class="btn btn-default btn-sm" title="删除" onclick="deleteFun(\'' + row.id + '\')"><i class="fa fa fa-trash-o"></i><span class="hidden-md hidden-lg">删除</span></button>';
buts += '</security:authorize>';
//
buts += '<button class="btn btn-default btn-sm" title="二维码" onclick="showQrCode(\'' + row.id + '\')" ><i style="color:#565856" class="glyphicon glyphicon-qrcode"></i></button>';
buts = '<div class="btn-group" >' + buts + '</div>';
return buts;
}
}
],
onLoadSuccess: function () { //加载成功时执行
adjustBootstrapTableView("table");
},
onLoadError: function () { //加载失败时执行
console.info("加载数据失败");
}
})
}
var dosearch = function () {
$("#table").bootstrapTable('refresh');
};
function showQrCode(equipmentcardid){
stopBubbleDefaultEvent();
var index = layer.open({
type: 1,
title: false,
closeBtn: 0,
area: 'auto',
offset:"auto",
fixed: false,
skin: 'bgfff', //没有背景色
shadeClose: true,
content: '<div id="qrcode" ></div>',
success:function(){
$("#qrcode").qrcode({
render : "canvas",
width : 150, //设置宽度
height : 150, //设置高度
typeNumber : -1, //计算模式
background : "#ffffff",//背景颜色
foreground : "#000000", //前景颜色
text: equipmentcardid
});
},
end:function(){
layer.closeAll();
},
});
}
var companyId = "";
var searchInfo = {};
var equipmentCardTreeSearchInfo = {};
var newUnitId = ""; //该id等于所选的左侧树的节点id用于新增和修改
/* var initTreeView = function () {
$.post(ext.contextPath + '/equipment/equipmentCardJsonTree.do', { ng: '' }, function (data) {
$('#companytree').treeview({
data: data,
showBorder: true,
levels: 3,
});
companyId = data[0].id;
//initFun();
$('#companytree').on('nodeSelected', function (event, data) {
searchInfo={};
var test= data.searchInfo;
$.each(test,function(key,value){
searchInfo[key]=value;
})
companyId = data.id;
dosearch();
});
}, 'json');
}; */
//-----------------------------------------------------------------------------------------------------------------
var zTreeObj = '';
var setting = {
callback: {
onClick: zTreeOnClick
},
view: {
dblClickExpand: false,
},
};
var zNodes = [];
var initTreeView = function () {
$.post(ext.contextPath + '/equipment/initEquipmentPumpCardTree.do', {ng: '', unitId: '7b19e5c1efe94009b6ba777f096f4caa'}, function (data) {
zNodes = data;
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
}, 'json');
};
function zTreeOnClick(event, treeId, treeNode) {
var pid = treeNode.id;
//
if (treeNode.flag == 'C') {
newUnitId = treeNode.id;
}
$.post(ext.contextPath + '/equipment/getpumpCardNodes.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;
leftid=id;
equipmentCardTreeSearchInfo['pid'] = pid;
leftpid=pid;
equipmentCardTreeSearchInfo['flag'] = flag;
leftflag=flag;
$("#table").bootstrapTable('destroy');
//console.log({equipmentCardTreeSearchInfo});
if (treeNode.flag == 'C') {
newUnitId = id;
}
getEquipmentCardByCondition();
initFun();
} else {
//根据点击的节点查询相关的设备台账
var id = treeNode.id;
var flag = treeNode.flag;
equipmentCardTreeSearchInfo['id'] = id;
leftid=id;
equipmentCardTreeSearchInfo['pid'] = pid;
leftpid=pid;
equipmentCardTreeSearchInfo['flag'] = flag;
leftflag=flag;
$("#table").bootstrapTable('destroy');
//console.log({equipmentCardTreeSearchInfo});
if (treeNode.flag == 'C') {
newUnitId = id;
}
getEquipmentCardByCondition();
initFun();
}
} else {
//根据点击的节点查询相关的设备台账
var id = treeNode.id;
var flag = treeNode.flag;
equipmentCardTreeSearchInfo['id'] = id;
leftid=id;
equipmentCardTreeSearchInfo['pid'] = pid;
leftpid=pid;
equipmentCardTreeSearchInfo['flag'] = flag;
leftflag=flag;
$("#table").bootstrapTable('destroy');
//console.log({equipmentCardTreeSearchInfo});
if (treeNode.flag == 'C') {
newUnitId = id;
}
getEquipmentCardByCondition();
initFun();
}
}, 'json');
};
function getEquipmentCardByCondition() {
$("#table").bootstrapTable({ // 对应table标签的id
//url: ext.contextPath + '/equipment/getList.do', // 获取表格数据的url
url: ext.contextPath + '/equipment/getEquipmentPumpCardByCondition.do', // 获取表格数据的url
cache: false, // 设置为 false 禁用 AJAX 数据缓存, 默认为true
striped: true, //表格显示条纹默认为false
pagination: true, // 在表格底部显示分页组件默认false
pageList: [10, 50, 200], // 设置页面可以显示的数据条数
pageSize: 10, // 页面数据条数
pageNumber: 1, // 首页页码
sidePagination: 'server', // 设置为服务器端分页
queryParams: equipmentCardTreeCondition,
sortName: 'equipmentCardID', // 要排序的字段
sortOrder: 'asc', // 排序规则
onClickRow: function (row) {//单击行事件,执行查看功能
viewFun(row.id);
},
columns: [
{
checkbox: true, // 显示一个勾选框
},
{
field: 'equipmentcardid', // 返回json数据中的name
title: '设备编号', // 表格表头显示文字
width: '12%',
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter: function (value, row, index) {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentcardid + "'>" + row.equipmentcardid + "</span>";
},
class: 'colStyle'
}, {
field: 'equipmentname', // 返回json数据中的name
title: '设备名称', // 表格表头显示文字
width: '12%',
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter: function (value, row, index) {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentname + "'>" + row.equipmentname + "</span>";
},
class: 'colStyle'
},
{
field: 'equipmentClass.name', // 返回json数据中的name
title: '设备类型', // 表格表头显示文字
width: '12%',
align: 'center', // 左右居中
valign: 'middle'
},
{
field: 'equipmentmodelname', // 返回json数据中的name
title: '规格型号', // 表格表头显示文字
width: '10%',
align: 'center', // 左右居中
valign: 'middle',
formatter: function (value, row, index) {
if (row.equipmentmodel != null && row.equipmentmodel != '') {
if (row.equipmentTypeNumber != null && row.equipmentTypeNumber != '') {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentTypeNumber.name + "'>" + row.equipmentTypeNumber.name + "</span>";
}
} else {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentmodelname + "'>" + row.equipmentmodelname + "</span>";
}
}
},
{
field: 'processSection.name', // 返回json数据中的name
title: '工艺段', // 表格表头显示文字
width: '8%',
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter: function (value, row, index) {
if (row.processSection != null && row.processSection != '') {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.processSection.name + "'>" + row.processSection.name + "</span>";
}
},
class: 'colStyle'
},
{
field: 'equipmentLevel.levelname', // 返回json数据中的name
title: 'ABC分类', // 表格表头显示文字
width: '8%',
align: 'center', // 左右居中
valign: 'middle'
}, {
field: 'equipmentmanufacturer', // 返回json数据中的name
title: '制造厂家', // 表格表头显示文字
width: '8%',
align: 'center', // 左右居中
valign: 'middle',
formatter: function (value, row, index) {
return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;' title='" + row.equipmentmanufacturer + "'>" + row.equipmentmanufacturer + "</span>";
},
class: 'colStyle'
}, {
field: 'company.sname', // 返回json数据中的name
title: '所属厂区', // 表格表头显示文字
width: '8%',
align: 'center', // 左右居中
valign: 'middle' // 上下居中
}, {
field: 'equipmentStatusManagement.name', // 返回json数据中的name
title: '状态', // 表格表头显示文字
width: '6%',
align: 'center', // 左右居中
valign: 'middle'
},
{
field: 'currentmanageflag', // 返回json数据中的name
title: '校对', // 表格表头显示文字
width: '6%',
align: 'center', // 左右居中
valign: 'middle',
formatter: function (value, row, index) {
if (value == '1') {
return "是";
} else {
return "否";
}
},
},
{
title: "操作",
align: 'center',
valign: 'middle',
width: '120', // 定义列的宽度单位为像素px
formatter: function (value, row, index) {
var buts = "";
buts += '<security:authorize buttonUrl="equipment/edit.do">';
buts += '<button class="btn btn-default btn-sm" title="编辑" onclick="editFun(\'' + row.id + '\')"><i class="fa fa-edit"></i><span class="hidden-md hidden-lg"> 编辑</span></button>';
buts += '</security:authorize>';
buts += '<security:authorize buttonUrl="equipment/delete.do">';
buts += '<button class="btn btn-default btn-sm" title="删除" onclick="deleteFun(\'' + row.id + '\')"><i class="fa fa fa-trash-o"></i><span class="hidden-md hidden-lg">删除</span></button>';
buts += '</security:authorize>';
buts += '<button class="btn btn-default btn-sm" title="二维码" onclick="showQrCode(\'' + row.id + '\')" ><i style="color:#565856" class="glyphicon glyphicon-qrcode"></i></button>';
buts = '<div class="btn-group" >' + buts + '</div>';
return buts;
}
}
],
onLoadSuccess: function () { //加载成功时执行
adjustBootstrapTableView("table");
},
onLoadError: function () { //加载失败时执行
console.info("加载数据失败");
}
})
}
//表格查询参数
function equipmentCardTreeCondition(params) { // 请求服务器数据时发送的参数可以在这里添加额外的查询参数返回false则终止请求
equipmentCardTreeSearchInfo['rows'] = params.limit;
equipmentCardTreeSearchInfo['page'] = params.offset / params.limit + 1;
equipmentCardTreeSearchInfo['sort'] = params.sort;
equipmentCardTreeSearchInfo['order'] = params.order;
equipmentCardTreeSearchInfo['equipmentCardType'] = $("#equipmentCardType").val();
equipmentCardTreeSearchInfo['ratedPower'] = $("#ratedPower").val();
equipmentCardTreeSearchInfo['likeSea'] = $("#likeSea").val();
equipmentCardTreeSearchInfo['processSection'] = $("#processSection").val(); //工艺段
equipmentCardTreeSearchInfo['equipmentLevel'] = $("#equipmentLevel").val(); //ABC分类
equipmentCardTreeSearchInfo['equipmentstatus'] = $("#equipmentstatus").val(); //状态
equipmentCardTreeSearchInfo['search_pid1'] = $("#search_pid1").val(); //设备类型
equipmentCardTreeSearchInfo['search_pid2'] = $("#search_pid2").val(); //资产类型
equipmentCardTreeSearchInfo['equipmentBelong'] = $("#equipmentBelong").val(); //设备所属--常排项目用
equipmentCardTreeSearchInfo['isequipcode'] = document.getElementById("isequipcode").value; //用于设备编码筛选
// equipmentCardTreeSearchInfo['equipmentCardClass']=$("#equipmentCardClass").val();
equipmentCardTreeSearchInfo['search_name'] = $("#search_name").val();
return equipmentCardTreeSearchInfo;
};
//-----------------------------------------------------------------------------------------------------------------
function outQRCode(){
var queryParamsFun=queryParamsFun2();
// console.log(queryParamsFun);
var top=(window.screen.height-30-750)/2;
var left=(window.screen.width-10-900)/2;
window.open(ext.contextPath + '/equipment/outQRCode.do?queryParamsFun='+queryParamsFun+'&leftid='+leftid,'newwindow', 'width=900,height=750,top='+top+',left='+left+',toolbar=no,menubar=no,scrollbars=yes, resizable=no,location=no, status=no');
// console.log(queryParamsFun);
// $.post(ext.contextPath + '/equipment/outQRCode.do', {queryParamsFun:queryParamsFun,leftid:leftid} , function(data) {
// $("#pdfDiv").html(data);
// openModal('pdfModal');
// })
}
</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="equipmentModelSubDiv"></div>
<div id="equipmentStatusSubDiv"></div>
<div id="assetTypeSubDiv"></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="EquipParamDiv"></div>
<div id="FittingsDiv"></div>
<div id="goodsAddDiv"></div>
<div id="ivSubDiv"></div>
<div id="subFileDiv"></div>
<div id="subRepairDiv"></div>
<div id="subMaintainDiv"></div>
<div id="subAttachedDiv"></div>
<div id="SubDiv_equipmentcardprop"></div>
<div id="subDiv2"></div>
<div class="row">
<div id="leftdiv" style="width: 30%;float: left;">
<!-- <div><button id="showTreeButton" onclick="showTreeButtonClick();"><i class="glyphicon glyphicon-minus"></i></button></div> -->
<div id="leftdivtree" class="box box-solid">
<div class="box-header with-border">
<h3 class="box-title">公司列表</h3>
</div>
<!-- <div class="box-body no-padding">
<div id="companytree" style="height:550px;overflow:auto; "></div>
</div> -->
<div class="box-body no-padding">
<div id="companytree" style="height:550px;overflow:auto; ">
<ul id="treeDemo" class="ztree"></ul>
</div>
</div>
</div>
</div>
<div id="rightdiv" style="width: 68%;float: left;">
<!-- <form id="searchForm"> -->
<!-- <div class="form-group form-inline">
<div class="form-group">
<label class="form-label" id="companylabel">水厂:</label>
<label class="form-label" id="company" style="width:180px;border: none;background: transparent;" ></label>
</div>
<div class="form-group">
<select class="form-control select2 " id="search_code" name ="search_code" style="width: 220px;"></select>
</div>-->
<!--<div class="form-group " style="margin-bottom:10px;">
<input id="search_code" name="search_code" type="hidden" />
<span id="companyName" style="width:220px;border: none;background: transparent;"></span>
</div> -->
<div class="form-group" style="padding:0;margin-bottom:0px !important;">
<div class="btn-group" style="width: 100%;">
<div class="input-group input-group-sm" style="float: left;">
<security:authorize buttonUrl="equipment/add.do">
<button type="button" class="btn btn-default btn-sm" onclick="addFun();"><i
class="fa fa-plus"></i> 新增
</button>
<button type="button" class="btn btn-default btn-sm" onclick="deletesFun();"><i
class="fa fa-trash-o"></i> 删除
</button>
<button type="button" class="btn btn-default btn-sm" onclick="importFun();"><i
class="fa fa-cloud-upload"></i> 导入
</button>
<button type="button" class="btn btn-default btn-sm" onclick="downloadFun();"><i
class="fa fa-cloud-download"></i> 导出
</button>
<button type="button" class="btn btn-default btn-sm" onclick="creatCodeFun();"><i
class="fa fa-industry"></i>生成设备编码
</button>
<button type="button" class="btn btn-default btn-sm" onclick="checkbutton();"><i
class="fa fa-check"></i>校对
</button>
<button type="button" class="btn btn-default btn-sm" onclick="outQRCode();"><i
class="fa fa-qrcode"></i> 二维码导出
</button>
<!-- <button type="button" class="btn btn-default btn-sm" onclick="synGISFun();"><i class="fa fa-industry"></i>同步坐标</button> -->
</security:authorize>
</div>
<div class="form-group pull-right form-inline">
<div class="input-group input-group-sm" style="width: 250px;float: left;">
<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>
</div>
</div>
</div>
</div>
<div class="form-group pull-left form-inline" style="width: 100%;margin-left: -1%;">
<!-- <div class="input-group input-group-sm pull-left">
<label class="form-label" style="float: left;line-height: 2;">设备类型:</label>
<select class="form-control select2 " id="equipmentCardClass" name ="equipmentCardClass" style="width: 160px;"></select>
</div>
<div class="input-group input-group-sm pull-left">
<label class="form-label" style="float: left;line-height: 2;">资产类型:</label>
<select class="form-control select2 " id="assetClass" name ="assetClass" style="width: 160px;"></select>
</div> -->
<div id="div1" class="input-group input-group-sm pull-left" style="margin-top: -0.6%;">
<input id="search_pid1" name="search_pid1" type="hidden"/>
<span id="companyName1" style="width:220px;border: none;background: transparent;"></span>
<ul id="companyselect1"
style="list-style-type:none;padding-left:10px;margin-top:8px;width:190px;">
<li class="dropdown messages-menu">
<!-- Menu toggle button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="width:80px;"
onclick="document.getElementById('company_select1').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_input1" name="cname_input1"
style="height:28px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;text-align:center;"
readonly/>
</div>
</a>
<ul id="company_select1" class="dropdown-menu" data-stopPropagation="true">
<li>
<!-- <a href="javascript:company_selectchange();"> -->
<!-- -->
<div id="companytree1" style="width: 275px;overflow:auto;">
</div>
<!-- <button type="button" class="btn btn-default btn-sm" onclick="selectnode();"><i class="fa fa-cloud-upload"></i>确定</button> -->
</li>
</ul>
</li>
</ul>
</div>
<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>
<!-- <a href="javascript:company_selectchange();"> -->
<!-- -->
<div id="companytree2" style="width: 275px;overflow:auto;">
</div>
<!-- <button type="button" class="btn btn-default btn-sm" onclick="selectnode();"><i class="fa fa-cloud-upload"></i>确定</button> -->
</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;">ABC分类:</label>
<select class="form-control select2 " id="equipmentLevel" name="equipmentLevel"
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">
<label class="form-label">所属部门:</label>
<input type="text" id="search_dept" name="search_dept" class="form-control pull-right" placeholder="所属部门">
</div> -->
</div>
<div class="form-group pull-left form-inline" style="width: 100%;">
<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: 150px;"></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="equipmentBelong" name="equipmentBelong"
style="width: 150px;"></select>
</div>
<div class="input-group input-group-sm pull-left">
<label class="form-label" style="float: left;line-height: 2;">设备编码:</label>
<!-- <span class="input-group-addon" style="height:25px;color:#000000;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight:bold">设备编码:</span> -->
<select class="form-control select2 pull-left" id="isequipcode" name="isequipcode"
style="width: 120px;" onchange="dosearch()">
</select>
</div>
</div>
<!-- <div class="form-group form-inline" > -->
<!-- <div class="input-group input-group-sm pull-left">
<label class="form-label">工艺段:</label>
<select class="form-control select2 " id="processSection" name ="processSection" style="width: 160px;"></select>
</div>
<div class="input-group input-group-sm pull-left">
<label class="form-label">设备类型:</label>
<select class="form-control select2 " id="equipmentCardClass" name ="equipmentCardClass" style="width: 160px;"></select>
</div>
<div class="input-group input-group-sm pull-left">
<label class="form-label">设备归属:</label>
<select class="form-control select2 " id="equipmentBelongId" name ="equipmentBelongId" style="width: 160px;"></select>
</div> -->
<!-- <div class="input-group input-group-sm pull-left">
<label class="form-label">台账类型:</label>
<select class="form-control select2 " id="equipmentCardType" name ="equipmentCardType" style="width: 160px;"></select>
</div> -->
<!-- <div class="input-group input-group-sm pull-left">
<input type="text" id="search_equipmentmodel" name="search_equipmentmodel" class="form-control pull-right" placeholder="请输入设备型号" style="width:230px;">
</div> -->
<!-- <div class="input-group input-group-sm pull-left">
<input type="text" id="ratedPower" name="ratedPower" class="form-control pull-right" placeholder="请输入功率" style="width:230px;">
</div>
<div class="input-group input-group-sm pull-left">
<input type="text" id="likeSea" name="likeSea" class="form-control pull-right" placeholder="综合搜索" style="width:200px;">
<div class="input-group-btn">
<button class="btn btn-default" onclick="dosearch();"><i class="fa fa-search"></i></button>
</div>
</div> -->
<!-- <div class="input-group input-group-sm pull-left">
<input type="text" id="search_equipmentlevel" name="search_equipmentlevel" class="form-control pull-right" placeholder="综合搜索" style="width:200px;">
<div class="input-group-btn">
<button class="btn btn-default" onclick="dosearch();"><i class="fa fa-search"></i></button>
</div>
</div> -->
<!-- </div> -->
<!-- <div class="form-group form-inline" >
<div class="input-group input-group-sm pull-left">
<input type="text" id="search_dept" name="search_dept" class="form-control pull-right" style="width: 120px;" placeholder="所属部门">
</div>
<div class="input-group input-group-sm pull-left" >
<input type="text" id="search_name" name="search_name" class="form-control pull-right" style="width: 115px;" placeholder="名称">
</div>
<div class="input-group input-group-sm pull-left">
<input type="text" id="search_specification" name="search_specification" class="form-control pull-right" placeholder="请输入设备规格" style="width:200px;">
</div>
<div class="input-group input-group-sm pull-left">
<input type="text" id="search_equipmentmodel" name="search_equipmentmodel" class="form-control pull-right" placeholder="请输入设备型号" style="width:230px;">
</div>
<div class="input-group input-group-sm pull-left">
<input type="text" id="search_equipmentlevel" name="search_equipmentlevel" class="form-control pull-right" placeholder="请输入设备级别" style="width:200px;">
<div class="input-group-btn">
<button class="btn btn-default" onclick="dosearch();"><i class="fa fa-search"></i></button>
</div>
</div>
</div> -->
<table id="table" style="table-layout:fixed;"></table>
<!-- </form> -->
</div>
</div>
</section>
</div>
<%-- <jsp:include page="/jsp/bottom.jsp"></jsp:include> --%>
<%-- <jsp:include page="/jsp/side.jsp"></jsp:include> --%>
</div>
</body>
<%-- <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> --%>
<!-- 引入ChartJS-->
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/chart.js/dist/Chart.min.js"
charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/chart.js/dist/Chart.bundle.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>
<!-- echarts-->
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/echarts.js" charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/macarons.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>
<!-- 本ak仅限珠海水控自来水项目临时使用公司申请商业ak后替换更新。后续项目请使用公司商业ak -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=NZhMekYms7kucYQ2ZeSlauu1E868uS4F"></script>
</html>