Files
SIPAIIS_WMS_JSSW/WebRoot/jsp/equipment/equipmentCardNewViewForTongji.jsp

1339 lines
46 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 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>