Files
SIPAIIS_WMS_JSSW/WebRoot/jsp/equipment/equipmentCardNewListForOverdue.jsp

1514 lines
67 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); %>
<%request.setAttribute("guaranteeTime", EquipmentCard.guaranteeTime); %>
<!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 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="+companyId
+"&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) {
$.post(ext.contextPath + '/equipment/docreatcodes.do', {ids:datas} , function(data) {
if(data>0){
$("#table").bootstrapTable('refresh');
}else{
showAlert('d','生成失败','mainAlertdiv');
}
});
}
});
}
};
function isovertime(installtime){
var guaranteeTime = "${guaranteeTime}";
// console.log(guaranteeTime);
// console.log(installtime);
// console.log(Date.now()-new Date(installtime));
// console.log((guaranteeTime*12-3)*24*60*60*1000);
// console.log((guaranteeTime*12)*24*60*60*1000);
if(Date.now()-new Date(installtime) > (guaranteeTime*12-3)*30*24*60*60*1000){
if(Date.now()-new Date(installtime) > (guaranteeTime*12)*30*24*60*60*1000){
return "red";
}
return "yellow";
}else{
return "error";
}
}
$(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['isoverdue'] = "1"; //用于过保查询
// 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 initFun = function(){
//工艺段
$.post(ext.contextPath + "/user/processSection/getProcessSection4Select.do", {companyId:unitId}, 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: '' }, 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: 'equipmentCardID', // 要排序的字段
sortOrder: 'asc', // 排序规则
onClickRow: function (row) {//单击行事件,执行查看功能
viewFun(row.id);
},
columns: [
{
checkbox: true, // 显示一个勾选框
},
{
field: 'equipmentcardid', // 返回json数据中的name
title: '设备编号', // 表格表头显示文字
width: '14%',
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: '14%',
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 == ''){
return row.equipmentmodelname;
}else{
return row.equipmentTypeNumber.name;
}
}
},
{
field: 'processSection.sname', // 返回json数据中的name
title: '工艺段', // 表格表头显示文字
width: '10%',
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'
},{
title: "是否过保",
align: 'center',
valign: 'middle',
width: '10%',
formatter: function (value, row, index) {
var buts="";
if(isovertime(row.installDate)=='yellow'){
buts += '<div style="color:#FFD700">警告</div>';
}else if(isovertime(row.installDate)=='red'){
buts += '<div style="color:red">过保</div>';
}
buts='<div class="btn-group" >'+buts+'</div>';
return buts;
}
}
],
onLoadSuccess: function(){ //加载成功时执行
adjustBootstrapTableView("table");
},
onLoadError: function(){ //加载失败时执行
console.info("加载数据失败");
}
})
}
var dosearch = function() {
$("#table").bootstrapTable('refresh');
};
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/initEquipmentCardTree.do', { ng: '',unitId:unitId }, function (data) {
zNodes=data;
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
}, 'json');
};
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');
};
function getEquipmentCardByCondition(){
$("#table").bootstrapTable({ // 对应table标签的id
//url: ext.contextPath + '/equipment/getList.do', // 获取表格数据的url
url: ext.contextPath + '/equipment/getEquipmentCardByCondition.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: '14%',
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: '14%',
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 == ''){
return row.equipmentmodelname;
}else{
return row.equipmentTypeNumber.name;
}
}
},
{
field: 'processSection.name', // 返回json数据中的name
title: '工艺段', // 表格表头显示文字
width: '10%',
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'
},
{
title: "是否过保",
align: 'center',
valign: 'middle',
width: '10%', // 定义列的宽度单位为像素px
formatter: function (value, row, index) {
var buts="";
if(isovertime(row.installDate)=='yellow'){
buts += '<div style="color:#FFD700">警告</div>';
}else if(isovertime(row.installDate)=='red'){
buts += '<div style="color:red">过保</div>';
}
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['isoverdue']= "1"; //是否过保查询的标志--常排项目用
equipmentCardTreeSearchInfo['isequipcode'] = document.getElementById("isequipcode").value; //用于设备编码筛选
// equipmentCardTreeSearchInfo['equipmentCardClass']=$("#equipmentCardClass").val();
equipmentCardTreeSearchInfo['search_name']=$("#search_name").val();
return equipmentCardTreeSearchInfo;
};
//-----------------------------------------------------------------------------------------------------------------
</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 class="row">
<div class="col-md-3">
<div 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 class="col-md-9" >
<!-- <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;">
<div class="btn-group" style="width: 100%;padding-bottom:10px;">
<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="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 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 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%;">
<!-- <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:170px;">
<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%;">
<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:170px;">
<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;">工艺段:</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="equipmentBelong" name ="equipmentBelong" 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 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 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>