1085 lines
48 KiB
Plaintext
1085 lines
48 KiB
Plaintext
<%@page import="com.sipai.entity.equipment.EquipmentCard"%>
|
||
<%@ page language="java" pageEncoding="UTF-8"%>
|
||
<%request.setAttribute("Status_OFF", EquipmentCard.Status_OFF); %>
|
||
<%request.setAttribute("Status_ON", EquipmentCard.Status_ON); %>
|
||
<%request.setAttribute("Status_Fault", EquipmentCard.Status_Fault); %>
|
||
<%request.setAttribute("Status_Transfer", EquipmentCard.Status_Transfer); %>
|
||
<%request.setAttribute("Status_Scrap", EquipmentCard.Status_Scrap); %>
|
||
<%request.setAttribute("Status_STOP", EquipmentCard.Status_STOP); %>
|
||
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
||
<%@ page import="com.sipai.entity.base.ServerObject"%>
|
||
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security"%>
|
||
<%request.setAttribute("UNIT_TYPE_BIZ",com.sipai.tools.CommString.UNIT_TYPE_BIZ);%>
|
||
<%request.setAttribute("UNIT_TYPE_COMPANY",com.sipai.tools.CommString.UNIT_TYPE_COMPANY);%>
|
||
<%request.setAttribute("UNIT_TYPE_DEPT",com.sipai.tools.CommString.UNIT_TYPE_DEPT);%>
|
||
|
||
<%request.setAttribute("Flag_Active",com.sipai.tools.CommString.Flag_Active);%>
|
||
<%request.setAttribute("Flag_Unactive",com.sipai.tools.CommString.Flag_Unactive);%>
|
||
<!DOCTYPE html>
|
||
<!-- <html lang="zh-CN"> -->
|
||
<!-- BEGIN HEAD -->
|
||
<head>
|
||
<title><%= ServerObject.atttable.get("TOPTITLE")%></title>
|
||
<style type="text/css">
|
||
.ztree li a.level0 span {font-size: 150%;}
|
||
.ztree li a.level1 span {font-size: 150%;}
|
||
.ztree li a.level2 span {font-size: 150%;}
|
||
.ztree li a.level3 span {font-size: 150%;}
|
||
.ztree li a.level4 span {font-size: 150%;}
|
||
/*隐藏百度地图底部文字*/
|
||
.anchorBL{display:none;}
|
||
.main-header{display:none;}
|
||
.content-header{display:none;}
|
||
.main-footer{display:none;}
|
||
.select2-container .select2-selection--single{
|
||
height:34px;
|
||
line-height: 34px;
|
||
}
|
||
.select2-selection__arrow{
|
||
margin-top:3px;
|
||
}
|
||
.table-hover>tbody>tr:hover {
|
||
cursor: pointer;
|
||
}
|
||
</style>
|
||
<!-- 引用页头及CSS页-->
|
||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||
<!-- 文件上传-->
|
||
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/css/fileinput.min.css"/>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/fileinput.min.js" charset="utf-8"></script>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/locales/zh.js" charset="utf-8"></script>
|
||
<script type="text/javascript">
|
||
/* 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() {
|
||
var checkedItems = $("#table").bootstrapTable('getAllSelections');
|
||
var datas="";
|
||
if(checkedItems.length > 0){
|
||
$.each(checkedItems, function(index, item){
|
||
datas+=item.id+",";
|
||
});
|
||
}
|
||
|
||
var equipmentBelongId =$("#equipmentBelongId").val();
|
||
var search_name = $("#search_name").val();
|
||
var search_name2= $("#search_name2").val();
|
||
var search_name3= $("#search_name3").val();
|
||
var processSection=$("#processSection").val(); //工艺段
|
||
var equipmentLevel=$("#equipmentLevel").val(); //ABC分类
|
||
var typeStatus=$("#typeStatus").val(); //状态
|
||
var equipmentstatus=$("#equipmentstatus").val(); //状态
|
||
var search_pid1=$("#search_pid1").val(); //设备类型
|
||
var search_pid2=$("#search_pid2").val(); //资产类型
|
||
window.open(ext.contextPath + "/equipment/downloadPlaceEquipmentRunTimeExcel.do?equipmentIds="+datas+"&equipmentBelongId="+equipmentBelongId+"&search_name="+search_name+"&search_name2="+search_name2+"&search_name3="+search_name3+"&processSection="+processSection+"&equipmentLevel="+equipmentLevel+"&typeStatus="+typeStatus+"&equipmentstatus="+equipmentstatus+"&search_pid1="+search_pid1+"&search_pid2="+search_pid2);
|
||
|
||
}
|
||
|
||
//导入设备列表
|
||
function importFun(){
|
||
console.log(123);
|
||
$.post(ext.contextPath + '/finance/placeClass/importComPanyEquipmentCard.do', {} , function(data) {
|
||
console.log(123);
|
||
$("#subDiv").html(data);
|
||
openModal('subModal');
|
||
});
|
||
|
||
}
|
||
|
||
//新增设备卡片
|
||
/* var addFun = function() {
|
||
if (companyId == "") {//获取验证结果，如果成功，执行下面代码
|
||
showAlert('d','请先选择厂区','mainAlertdiv');
|
||
}else{
|
||
$.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');
|
||
}
|
||
});
|
||
|
||
}
|
||
});
|
||
}
|
||
};
|
||
$(function() {
|
||
|
||
|
||
var flag = IsApp();
|
||
if (flag==true){
|
||
|
||
}else{
|
||
$(".main-header").show();
|
||
$(".content-header").show();
|
||
$(".main-footer").show();
|
||
}
|
||
|
||
initFun();
|
||
getecter();
|
||
initTreeView();
|
||
$("#search_dept").keyup(function(){
|
||
if (event.keyCode == 13) {
|
||
event.preventDefault();
|
||
//回车查询
|
||
dosearch();
|
||
event.stopPropagation();
|
||
}
|
||
})
|
||
var typeStatusArr = [
|
||
{"id":"1","text":"是"},
|
||
{"id":"2","text":"否"},
|
||
|
||
];
|
||
//$("#typeStatus").empty();
|
||
var selelct12 =$("#typeStatus").select2({
|
||
data: typeStatusArr,
|
||
cache : false,
|
||
placeholder:'请选择',//默认文字提示
|
||
allowClear: true,//允许清空
|
||
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
||
language: "zh-CN",
|
||
minimumInputLength: 0,
|
||
minimumResultsForSearch: 10,//数据大于10个启用搜索框
|
||
formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
|
||
formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
|
||
});
|
||
$(".select2-selection--single").css({'height':'30px','paddingTop':'4px'})
|
||
selelct12.val('').trigger("change");
|
||
selelct12.on("change",function(e){
|
||
dosearch();
|
||
});
|
||
//设备类型搜索
|
||
// $.post(ext.contextPath + "/equipment/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
|
||
|
||
});
|
||
//表格查询参数
|
||
function queryParamsFun(params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
||
searchInfo['rows']=params.limit;
|
||
searchInfo['page']=params.offset/params.limit+1;
|
||
searchInfo['sort']=params.sort;
|
||
searchInfo['order']=params.order;
|
||
searchInfo['equipmentCardType']=$("#equipmentCardType").val();
|
||
searchInfo['ratedPower']=$("#ratedPower").val();
|
||
searchInfo['likeSea']=$("#likeSea").val();
|
||
searchInfo['unitId']= unitId;
|
||
//设备名称
|
||
searchInfo['search_name'] = $("#search_name").val();
|
||
searchInfo['search_name2'] = $("#search_name2").val();
|
||
searchInfo['search_name3'] = $("#search_name3").val();
|
||
searchInfo['equipmentBelongId'] = $("#equipmentBelongId").val();
|
||
searchInfo['processSection']=$("#processSection").val(); //工艺段
|
||
searchInfo['equipmentLevel']=$("#equipmentLevel").val(); //ABC分类
|
||
searchInfo['typeStatus']=$("#typeStatus").val(); //状态
|
||
searchInfo['equipmentstatus']=$("#equipmentstatus").val(); //状态
|
||
searchInfo['search_pid1']=$("#search_pid1").val(); //设备类型
|
||
searchInfo['search_pid2']=$("#search_pid2").val(); //资产类型
|
||
// searchInfo['equipmentCardClass'] = $("#equipmentCardClass").val();
|
||
return searchInfo;
|
||
|
||
};
|
||
|
||
function doBar(id,data){
|
||
const color = ['#EFA103', '#00CCCC', '#9E70C7', '#47C1C8', '#F55945', '#A84ECB'];
|
||
// 基于准备好的dom，初始化echarts实例
|
||
var height = $(document).height()*0.33;
|
||
if($(document).height()<200){
|
||
height = window.screen.availHeight*0.33;
|
||
}
|
||
$("#"+id).height(height);
|
||
var myChart = echarts.init(document.getElementById(id));
|
||
var option = {
|
||
title: {
|
||
text: data.name,
|
||
textStyle: {
|
||
color: '#000'
|
||
},
|
||
|
||
padding: [1, 1, 20, 100] // 位置
|
||
},
|
||
color: color,
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
},
|
||
grid: {
|
||
left: '4%',
|
||
right: '1%',
|
||
top: '10%',
|
||
bottom: '10%',
|
||
containLabel: true
|
||
},
|
||
legend: {
|
||
bottom: 0,
|
||
x: 'center',
|
||
icon:'roundRect',
|
||
textStyle: {
|
||
color: '#000' ,
|
||
lineHeight: 16,
|
||
fontSize: 13 ,
|
||
fontWeight : 600 ,
|
||
},
|
||
},
|
||
xAxis: [
|
||
{
|
||
type: 'category',
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle:{
|
||
color:'#8A88B7',
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color:'#8A88B7',
|
||
interval:0,
|
||
rotate:45,
|
||
},
|
||
axisTick: {
|
||
show: true
|
||
},
|
||
}
|
||
],
|
||
yAxis: [
|
||
{
|
||
type: 'value',
|
||
name:'数量',
|
||
axisLine: {
|
||
show: false,
|
||
lineStyle:{
|
||
color:'#8A88B7',
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color:'#8A88B7',
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
//网格样式
|
||
splitLine: {
|
||
show: true,
|
||
lineStyle:{
|
||
color: '#8A88B7',
|
||
type: 'dashed',
|
||
opacity:0.3,
|
||
}
|
||
}
|
||
}
|
||
],
|
||
series: [
|
||
{
|
||
name: '设备数量',
|
||
type: 'bar',
|
||
barWidth: '20%',
|
||
barMinWidth: 10 ,
|
||
itemStyle: {
|
||
barBorderRadius: 8 ,
|
||
},
|
||
label: {
|
||
show: true,
|
||
position: 'insideTop'
|
||
},
|
||
barWidth: 20,
|
||
barCategoryGap: '5%',
|
||
data: data.value1
|
||
},
|
||
|
||
]
|
||
|
||
};
|
||
myChart.clear();
|
||
myChart.setOption(option, true);
|
||
}
|
||
var getecter = function(){
|
||
var equipmentBelongId =$("#equipmentBelongId").val();
|
||
var search_name = $("#search_name").val();
|
||
var search_name2 = $("#search_name2").val();
|
||
var search_name3 = $("#search_name3").val();
|
||
var processSection=$("#processSection").val(); //工艺段
|
||
var equipmentLevel=$("#equipmentLevel").val(); //ABC分类
|
||
var typeStatus=$("#typeStatus").val(); //状态
|
||
var equipmentstatus=$("#equipmentstatus").val(); //状态
|
||
var search_pid1=$("#search_pid1").val(); //设备类型
|
||
var search_pid2=$("#search_pid2").val(); //资产类型
|
||
$.post(ext.contextPath + '/finance/placeClass/getEquNub.do', {biz_id:unitId,equipmentBelongId:equipmentBelongId,search_name:search_name,search_name2:search_name2,search_name3:search_name3,processSection:processSection,equipmentLevel:equipmentLevel,typeStatus:typeStatus,equipmentstatus:equipmentstatus,search_pid1:search_pid1,search_pid2:search_pid2} , function(data) {
|
||
var arr= JSON.parse(data);
|
||
console.log(arr);
|
||
var drugBar = {name:"部门设备数量",value1:arr.data};
|
||
doBar("bar",drugBar,0);
|
||
var drugBar = {name:"设备使用年数",value1:arr.data1};
|
||
doBar("bar2",drugBar,0);
|
||
});
|
||
}
|
||
//厂区选择后，初始化工艺段，加载表格
|
||
var initFun = function(){
|
||
//工艺段
|
||
$.post(ext.contextPath + "/user/processSection/getProcessSection4Select.do", {companyId:companyId}, function(data) {
|
||
$("#processSection").empty();
|
||
var selelct_ =$("#processSection").select2({
|
||
data: data,
|
||
cache : false,
|
||
placeholder:'请选择',//默认文字提示
|
||
allowClear: true,//允许清空
|
||
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
||
language: "zh-CN",
|
||
minimumInputLength: 0,
|
||
minimumResultsForSearch: 10,//数据大于10个启用搜索框
|
||
formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
|
||
formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
|
||
});
|
||
$(".select2-selection--single").css({'height':'30px','paddingTop':'4px'})
|
||
selelct_.val('').trigger("change");
|
||
selelct_.on("change",function(e){
|
||
dosearch();
|
||
});
|
||
},'json');
|
||
//abc分类
|
||
$.post(ext.contextPath + "/equipment/equipmentLevel/getEquipmentLevel4Select.do", {companyId:companyId}, function(data) {
|
||
$("#equipmentLevel").empty();
|
||
var selelct_ =$("#equipmentLevel").select2({
|
||
data: data,
|
||
cache : false,
|
||
placeholder:'请选择',//默认文字提示
|
||
allowClear: true,//允许清空
|
||
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
||
language: "zh-CN",
|
||
minimumInputLength: 0,
|
||
minimumResultsForSearch: 10,//数据大于10个启用搜索框
|
||
formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
|
||
formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
|
||
});
|
||
$(".select2-selection--single").css({'height':'30px','paddingTop':'4px'})
|
||
selelct_.val('').trigger("change");
|
||
selelct_.on("change",function(e){
|
||
dosearch();
|
||
});
|
||
},'json');
|
||
//资产类型
|
||
// $.post(ext.contextPath + "/equipment/assetClass/getAssetClass4Select.do", {companyId:companyId}, function(data) {
|
||
// $("#assetClass").empty();
|
||
// var selelct_ =$("#assetClass").select2({
|
||
// data: data,
|
||
// cache : false,
|
||
// placeholder:'请选择',//默认文字提示
|
||
// allowClear: true,//允许清空
|
||
// escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
||
// language: "zh-CN",
|
||
// minimumInputLength: 0,
|
||
// minimumResultsForSearch: 10,//数据大于10个启用搜索框
|
||
// formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
|
||
// formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
|
||
// });
|
||
// $(".select2-selection--single").css({'height':'30px','paddingTop':'4px'})
|
||
// selelct_.val('').trigger("change");
|
||
// selelct_.on("change",function(e){
|
||
// dosearch();
|
||
// });
|
||
// },'json');
|
||
//状态
|
||
$.post(ext.contextPath + "/equipment/equipmentStatusManagement/getEquipmentstatus4Select.do", {companyId:companyId}, function(data) {
|
||
$("#equipmentstatus").empty();
|
||
var selelct_ =$("#equipmentstatus").select2({
|
||
data: data,
|
||
cache : false,
|
||
placeholder:'请选择',//默认文字提示
|
||
allowClear: true,//允许清空
|
||
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
||
language: "zh-CN",
|
||
minimumInputLength: 0,
|
||
minimumResultsForSearch: 10,//数据大于10个启用搜索框
|
||
formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
|
||
formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
|
||
});
|
||
$(".select2-selection--single").css({'height':'30px','paddingTop':'4px'})
|
||
selelct_.val('').trigger("change");
|
||
selelct_.on("change",function(e){
|
||
dosearch();
|
||
});
|
||
},'json');
|
||
//设备类型树
|
||
$.post(ext.contextPath + '/equipment/equipmentClass/getEquipmentClassJsonForTree.do', {
|
||
ng: '',
|
||
unitId: unitId
|
||
}, function (data) {
|
||
//console.log("data",data[0]);
|
||
if (data.length == 1 && !data[0].hasOwnProperty("nodes")) {
|
||
//当登陆者的pid以下没有子节点时显示单独一个span
|
||
$("#search_pid1").val(data[0].id);
|
||
$("#companyselect1").hide();
|
||
$("#companyName1").text("设备类型:" + data[0].text);
|
||
// showtable();
|
||
} else if ((data.length == 1 && data.nodes != "") || data.length > 1) {
|
||
//第一次加载时赋值
|
||
// $("#search_pid1").val(data[0].id);
|
||
// $("#cname_input1").val(data[0].text);
|
||
// showtable();
|
||
//$table.bootstrapTable('refresh');//异步加载重新刷新，待修改
|
||
$('#companytree1').treeview({
|
||
data: data,
|
||
showBorder: false,
|
||
showCheckbox: false,
|
||
levels: 1
|
||
});
|
||
$('#companytree1').on('nodeSelected', function (event, data) {
|
||
//只能点最底层
|
||
// var nodesnum=0;
|
||
// if(data.nodes!=null){
|
||
// nodesnum=data.nodes.length;
|
||
// }else{
|
||
// nodesnum=nodesnum;
|
||
// }
|
||
|
||
// if(nodesnum==0){
|
||
// $("#search_pid1").val(data.id);
|
||
// $("#cname_input1").val(data.text);
|
||
// document.getElementById('company_select1').style.display = "none";
|
||
// $("ul#company_select1").hide();
|
||
// $("#table").bootstrapTable('refresh');
|
||
// }
|
||
|
||
$("#search_pid1").val(data.id);
|
||
$("#cname_input1").val(data.text);
|
||
document.getElementById('company_select1').style.display = "none";
|
||
$("ul#company_select1").hide();
|
||
//$("#table").bootstrapTable('refresh');
|
||
dosearch();
|
||
// $("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');
|
||
|
||
dosearch();
|
||
// $("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 + '/finance/placeClass/getListTime.do', // 获取表格数据的url
|
||
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
||
striped: true, //表格显示条纹，默认为false
|
||
pagination: true, // 在表格底部显示分页组件，默认false
|
||
pageList: [10, 20,50], // 设置页面可以显示的数据条数
|
||
pageSize: 10, // 页面数据条数
|
||
pageNumber: 1, // 首页页码
|
||
sidePagination: 'server', // 设置为服务器端分页
|
||
queryParams:queryParamsFun,
|
||
sortName: 'id', // 要排序的字段
|
||
sortOrder: 'desc', // 排序规则
|
||
onClickRow: function (row) {//单击行事件,执行查看功能
|
||
viewFun(row.id);
|
||
},
|
||
columns: [
|
||
{
|
||
checkbox: true, // 显示一个勾选框
|
||
},{
|
||
field: 'equipmentcardid', // 返回json数据中的name
|
||
title: '设备编号', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
{
|
||
field: 'assetnumber', // 返回json数据中的name
|
||
title: '资产编号', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
{
|
||
field: 'equipmentname', // 返回json数据中的name
|
||
title: '名称', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},{
|
||
field: 'company.name', // 返回json数据中的name
|
||
title: '所属厂区', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},{
|
||
field: 'processSection.name', // 返回json数据中的name
|
||
title: '工艺段', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},{
|
||
field: 'equipmentClass.name', // 返回json数据中的name
|
||
title: '设备类型', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle'
|
||
},{
|
||
field: 'equipmentSpecification.name', // 返回json数据中的name
|
||
title: '设备规格', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle'
|
||
},{
|
||
field: 'equipmentmanufacturer', // 返回json数据中的name
|
||
title: '制造厂家', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle'
|
||
},{
|
||
field: '_useEquipmentAge', // 返回json数据中的name
|
||
title: '使用年数', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle'
|
||
},{
|
||
field: 'useage', // 返回json数据中的name
|
||
title: '使用年限', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle'
|
||
},{
|
||
field: 'equipmentStatusManagement.name', // 返回json数据中的name
|
||
title: '状态', // 表格表头显示文字
|
||
width: '6%',
|
||
align: 'center', // 左右居中
|
||
valign: 'middle'
|
||
},
|
||
],
|
||
onLoadSuccess: function(){ //加载成功时执行
|
||
adjustBootstrapTableView("table");
|
||
},
|
||
onLoadError: function(){ //加载失败时执行
|
||
console.info("加载数据失败");
|
||
}
|
||
|
||
})
|
||
}
|
||
|
||
var dosearch = function() {
|
||
getecter();
|
||
$("#table").bootstrapTable('refresh');
|
||
};
|
||
var companyId = "";
|
||
var searchInfo={};
|
||
var zTreeObj='';
|
||
var setting = {
|
||
callback: {
|
||
onClick: zTreeOnClick
|
||
},
|
||
view:{
|
||
dblClickExpand: false,
|
||
},
|
||
};
|
||
var zNodes=[];
|
||
var initTreeView = function () {
|
||
$.post(ext.contextPath + '/equipment/initEquipmentCardTree.do', { ng: '',unitId:unitId }, function (data) {
|
||
zNodes=data;
|
||
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
|
||
}, 'json');
|
||
};
|
||
//查看设备详情
|
||
var viewFun = function(id){
|
||
$.post(ext.contextPath + '/equipment/doview.do', {id:id} , function(data) {
|
||
$("#subDiv").html(data);
|
||
openModal('subModal');
|
||
});
|
||
};
|
||
function zTreeOnClick(event, treeId, treeNode) {
|
||
var pid=treeNode.id;
|
||
//
|
||
newUnitId = treeNode.id;
|
||
|
||
$.post(ext.contextPath + '/equipment/getEquipmentCardNodes.do', { ng: '',pid:pid }, function (data) {
|
||
|
||
//console.log({data});
|
||
var newNodes=[];
|
||
|
||
if(data.length >0){
|
||
|
||
zTreeObj = $.fn.zTree.getZTreeObj("treeDemo");
|
||
var nodes = zTreeObj.getSelectedNodes();
|
||
var pidNode= nodes[0]
|
||
$.each(data,function(index,value){
|
||
|
||
var marKey=value.id;
|
||
var isExist=zTreeObj.getNodesByParam('id',marKey,pidNode);
|
||
|
||
if(isExist.length <=0){
|
||
newNodes.push(value);
|
||
}
|
||
})
|
||
|
||
if(newNodes.length>0){
|
||
zTreeObj.addNodes(pidNode, newNodes);
|
||
zTreeObj.reAsyncChildNodes(pidNode, "refresh");
|
||
|
||
//根据点击的节点查询相关的设备台账
|
||
var id=treeNode.id;
|
||
var flag=treeNode.flag;
|
||
equipmentCardTreeSearchInfo['id']=id;
|
||
equipmentCardTreeSearchInfo['pid']=pid;
|
||
equipmentCardTreeSearchInfo['flag']=flag;
|
||
$("#table").bootstrapTable('destroy');
|
||
//console.log({equipmentCardTreeSearchInfo});
|
||
newUnitId = id;
|
||
getEquipmentCardByCondition();
|
||
}else{
|
||
//根据点击的节点查询相关的设备台账
|
||
var id=treeNode.id;
|
||
var flag=treeNode.flag;
|
||
equipmentCardTreeSearchInfo['id']=id;
|
||
equipmentCardTreeSearchInfo['pid']=pid;
|
||
equipmentCardTreeSearchInfo['flag']=flag;
|
||
$("#table").bootstrapTable('destroy');
|
||
//console.log({equipmentCardTreeSearchInfo});
|
||
newUnitId = id;
|
||
getEquipmentCardByCondition();
|
||
}
|
||
}else{
|
||
//根据点击的节点查询相关的设备台账
|
||
var id=treeNode.id;
|
||
var flag=treeNode.flag;
|
||
equipmentCardTreeSearchInfo['id']=id;
|
||
equipmentCardTreeSearchInfo['pid']=pid;
|
||
equipmentCardTreeSearchInfo['flag']=flag;
|
||
$("#table").bootstrapTable('destroy');
|
||
//console.log({equipmentCardTreeSearchInfo});
|
||
newUnitId = id;
|
||
getEquipmentCardByCondition();
|
||
}
|
||
|
||
}, 'json');
|
||
};
|
||
|
||
</script>
|
||
|
||
</head>
|
||
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
|
||
<div class="wrapper">
|
||
<!-- 引用top -->
|
||
<%-- <jsp:include page="/jsp/top.jsp"></jsp:include> --%>
|
||
<!-- 菜单栏 -->
|
||
<%-- <jsp:include page="/jsp/left.jsp"></jsp:include> --%>
|
||
<div class="content-wrapper">
|
||
<!-- Content Header (Page header) -->
|
||
<section class="content-header">
|
||
<h1 id ="head_title"></h1>
|
||
<ol class="breadcrumb">
|
||
<li><a id ='head_firstlevel' href="#"><i class="fa fa-dashboard"></i> </a></li>
|
||
<!-- <li class="active">Here</li> -->
|
||
</ol>
|
||
</section>
|
||
<!-- Main content -->
|
||
<section class="content container-fluid">
|
||
<div id="mainAlertdiv"></div>
|
||
<div id="subEquipmentDiv"></div>
|
||
<div id="subDiv"></div>
|
||
<div id="maintenanceDiv"></div>
|
||
<div id="maintenanceDetailDiv"></div>
|
||
<div id="equipmentLevelSubDiv"></div>
|
||
<div id="equipmentProcessSectionSubDiv"></div>
|
||
<div id="equipmentClassSubDiv"></div>
|
||
<div id="equipmentBelongSubDiv"></div>
|
||
<div id="equipmentCodeRuleSubDiv"></div>
|
||
<div id="emSubDiv"></div>
|
||
<div id="subEditViewDiv"></div>
|
||
<div id="MpointDiv"></div>
|
||
<div id="ivSubDiv"></div>
|
||
<div id="subFileDiv"></div>
|
||
<div id="subRepairDiv"></div>
|
||
<div id="subMaintainDiv"></div>
|
||
<div id="subAttachedDiv"></div>
|
||
<div class="row">
|
||
<div class="col-md-12" >
|
||
<input type="hidden" id="equipmentBelongId" value="${equipmentBelongId}" >
|
||
<div class="form-group" style="padding:0;">
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<div class="form-group pull-left form-inline" style="width: 100%;">
|
||
|
||
|
||
|
||
<div id="div1" class="input-group input-group-sm pull-left" style="margin-top: -0.6%;">
|
||
<input id="search_pid1" name="search_pid1" type="hidden"/>
|
||
<span id="companyName1" style="width:220px;border: none;background: transparent;"></span>
|
||
<ul id="companyselect1"
|
||
style="list-style-type:none;padding-left:10px;margin-top:8px;width:190px;">
|
||
<li class="dropdown messages-menu">
|
||
<!-- Menu toggle button -->
|
||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="width:80px;"
|
||
onclick="document.getElementById('company_select1').style.display = 'block';">
|
||
<div class="input-group" style="height: 25px">
|
||
<span class="input-group-addon"
|
||
style="height:25px;color:#000000;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight:bold">设备类型:</span>
|
||
<input class="form-control " id="cname_input1" name="cname_input1"
|
||
style="height:28px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;text-align:center;"
|
||
readonly/>
|
||
</div>
|
||
</a>
|
||
<ul id="company_select1" class="dropdown-menu" data-stopPropagation="true">
|
||
<li>
|
||
<!-- <a href="javascript:company_selectchange();"> -->
|
||
<!-- -->
|
||
<div id="companytree1" style="width: 275px;overflow:auto;">
|
||
|
||
</div>
|
||
<!-- <button type="button" class="btn btn-default btn-sm" onclick="selectnode();"><i class="fa fa-cloud-upload"></i>确定</button> -->
|
||
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<div id="div2" class="input-group input-group-sm pull-left"
|
||
style="margin-top: -0.6%;margin-right: 1%;">
|
||
<input id="search_pid2" name="search_pid2" type="hidden"/>
|
||
<span id="companyName2" style="width:220px;border: none;background: transparent;"></span>
|
||
<ul id="companyselect2"
|
||
style="list-style-type:none;padding-left:10px;margin-top:8px;width:230px;">
|
||
<li class="dropdown messages-menu">
|
||
<!-- Menu toggle button -->
|
||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="width:80px;"
|
||
onclick="document.getElementById('company_select2').style.display = 'block';">
|
||
<div class="input-group" style="height: 25px">
|
||
<span class="input-group-addon"
|
||
style="height:25px;color:#000000;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight:bold">资产类型:</span>
|
||
<input class="form-control " id="cname_input2" name="cname_input2"
|
||
style="height:28px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;text-align:center;"
|
||
readonly/>
|
||
</div>
|
||
</a>
|
||
<ul id="company_select2" class="dropdown-menu" data-stopPropagation="true">
|
||
<li>
|
||
<!-- <a href="javascript:company_selectchange();"> -->
|
||
<!-- -->
|
||
<div id="companytree2" style="width: 275px;overflow:auto;">
|
||
|
||
</div>
|
||
<!-- <button type="button" class="btn btn-default btn-sm" onclick="selectnode();"><i class="fa fa-cloud-upload"></i>确定</button> -->
|
||
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="input-group input-group-sm pull-left" style="margin-right: 1%;">
|
||
<label class="form-label" style="float: left;line-height: 2;">工艺段:</label>
|
||
<select class="form-control select2 " id="processSection" name ="processSection" style="width: 100px;"></select>
|
||
</div>
|
||
|
||
<div class="input-group input-group-sm pull-left" style="margin-right: 1%;">
|
||
<label class="form-label" style="float: left;line-height: 2;">状态:</label>
|
||
<select class="form-control select2 " id="equipmentstatus" name ="equipmentstatus" style="width: 100px;"></select>
|
||
</div>
|
||
|
||
<div class="input-group input-group-sm pull-left" style="margin-right: 1%;">
|
||
<label class="form-label" style="float: left;line-height: 2;">ABC分类:</label>
|
||
<select class="form-control select2 " id="equipmentLevel" name ="equipmentLevel" style="width: 100px;"></select>
|
||
</div>
|
||
<div class="input-group input-group-sm pull-left" style="margin-right: 1%;">
|
||
<label class="form-label" style="float: left;line-height: 2;">资产编号是否存在:</label>
|
||
<select class="form-control select2 " id="typeStatus" name ="typeStatus" style="width: 100px;"></select>
|
||
</div>
|
||
<div class="input-group input-group-sm" style=" width: 160px;float: left;">
|
||
<label class="form-label" style="float: left;line-height: 2;">使用年数:</label>
|
||
<input type="number" id="search_name2" name="search_name2" class="form-control " style="width: 70px;" placeholder="年数">
|
||
<label class="form-label" style="float: left;line-height: 2;"> 至 </label>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div class="input-group input-group-sm" style=" width: 60px;float: left;">
|
||
<input type="number" id="search_name3" name="search_name3" class="form-control" style="width: 70px;" placeholder="年数">
|
||
</div>
|
||
|
||
|
||
<div class="input-group input-group-sm" style="width:210px;float: right;">
|
||
<input type="text" id="search_name" name="search_name" class="form-control pull-right" placeholder="设备名称/规格型号/制造厂家/资产编号">
|
||
<div class="input-group-btn">
|
||
<button class="btn btn-default" onclick="dosearch();"><i class="fa fa-search"></i></button>
|
||
</div>
|
||
<button style= "float: right;" type="button" class="btn btn-default btn-sm" onclick="downloadFun();"><i
|
||
class="fa fa-cloud-download"></i> 导出
|
||
</button>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
<div style="height: 100%;width: 100%;float:left;">
|
||
<div class="tab-pane active" style="height: 100%;width: 100%;padding:10px 20px;">
|
||
<div class="row" style="height: 100%;">
|
||
<div class="col-md-3" id="bar"></div>
|
||
<div class="col-md-9" id="bar2"></div>
|
||
</div>
|
||
</div>
|
||
<table id="table"></table>
|
||
|
||
</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> |