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

1339 lines
46 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%@page import="com.sipai.entity.equipment.EquipmentCard"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%request.setAttribute("Status_OFF", EquipmentCard.Status_OFF); %>
<%request.setAttribute("Status_ON", EquipmentCard.Status_ON); %>
<%request.setAttribute("Status_Fault", EquipmentCard.Status_Fault); %>
<%request.setAttribute("Status_Transfer", EquipmentCard.Status_Transfer); %>
<%request.setAttribute("Status_Scrap", EquipmentCard.Status_Scrap); %>
<%request.setAttribute("Status_STOP", EquipmentCard.Status_STOP); %>
<%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 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) {
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 id = "${id}";
viewFun(id);
});
//表格查询参数
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 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: '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 != ''){
// 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: '10%',
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 = '<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;
var sid = treeNode.sid;
console.log("0", sid);
console.log("treeNode", treeNode)
//
if (treeNode.flag == 'C') {
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);
}
})
console.log("newNodes", newNodes);
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;
// var sid=treeNode.sid;
equipmentCardTreeSearchInfo['sid'] = sid;
console.log("1", sid)
$("#table").bootstrapTable('destroy');
//console.log({equipmentCardTreeSearchInfo});
if (treeNode.flag == 'C') {
newUnitId = id;
}
getEquipmentCardByCondition();
} else {
//根据点击的节点查询相关的设备台账
var id = treeNode.id;
var flag = treeNode.flag;
equipmentCardTreeSearchInfo['id'] = id;
equipmentCardTreeSearchInfo['pid'] = pid;
equipmentCardTreeSearchInfo['flag'] = flag;
// var sid=treeNode.sid;
equipmentCardTreeSearchInfo['sid'] = sid;
console.log("2", sid)
$("#table").bootstrapTable('destroy');
//console.log({equipmentCardTreeSearchInfo});
if (treeNode.flag == 'C') {
newUnitId = id;
}
getEquipmentCardByCondition();
}
} else {
//根据点击的节点查询相关的设备台账
var id = treeNode.id;
var flag = treeNode.flag;
equipmentCardTreeSearchInfo['id'] = id;
equipmentCardTreeSearchInfo['pid'] = pid;
equipmentCardTreeSearchInfo['flag'] = flag;
// var sid=treeNode.sid;
equipmentCardTreeSearchInfo['sid'] = sid;
console.log("3", sid)
$("#table").bootstrapTable('destroy');
//console.log({equipmentCardTreeSearchInfo});
if (treeNode.flag == 'C') {
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: '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 != ''){
// 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: '10%', // 定义列的宽度单位为像素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 = '<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;
};
//-----------------------------------------------------------------------------------------------------------------
</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>
</section>
</div>
</div>
</body>
<!-- 引入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>