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

610 lines
29 KiB
Plaintext
Raw 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.tools.CommString" %>
<%@ page language="java" pageEncoding="UTF-8" %>
<%@page import="com.sipai.entity.maintenance.MaintenanceCommString" %>
<%@page import="com.sipai.entity.maintenance.MaintainCommStr" %>
<%@ page import="com.sipai.entity.maintenance.EquipmentPlan" %>
<%@ 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("Status_NoStart", EquipmentPlan.Status_NoStart); %>
<%request.setAttribute("Status_Start", EquipmentPlan.Status_Start); %>
<%request.setAttribute("Status_Finish", EquipmentPlan.Status_Finish); %>
<%request.setAttribute("Status_Issued", EquipmentPlan.Status_Issued); %>
<%@page import="com.sipai.entity.maintenance.EquipmentPlanType" %>
<%request.setAttribute("Code_Type_Wx", EquipmentPlanType.Code_Type_Wx); %>
<%request.setAttribute("Code_Type_By", EquipmentPlanType.Code_Type_By); %>
<%request.setAttribute("Code_Type_Dx", EquipmentPlanType.Code_Type_Dx); %>
<%@page import="com.sipai.entity.activiti.ProcessType" %>
<%request.setAttribute("Maintain_Plan", ProcessType.Maintain_Plan.getId());%>
<!DOCTYPE html>
<!-- <html lang="zh-CN"> -->
<!-- BEGIN HEAD -->
<head>
<title><%= ServerObject.atttable.get("TOPTITLE")%>
</title>
<!-- 引用页头及CSS页-->
<jsp:include page="/jsp/inc.jsp"></jsp:include>
<!-- 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>
<style type="text/css">
.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>
<script type="text/javascript">
//跳转至待办
function TaskListFun4Type() {
window.parent.addTab('taskList', '待办事项', 'activiti/workflow/taskList.do?modelKey=${Maintain_Plan}-' + unitId);
}
//导出
function doExport(id) {
window.open(ext.contextPath + "/maintenance/equipmentPlan/doExport.do?id=" + id);
}
var addFun = function () {
$.post(ext.contextPath + '/maintenance/equipmentPlan/doadd.do', {
companyId: unitId,
type: '${Code_Type_By}'
}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
var editFun = function (id) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/maintenance/equipmentPlan/doedit.do', {
id: id,
type: '${Code_Type_By}'
}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
var viewFun = function (id) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/maintenance/equipmentPlan/doview.do', {
id: id,
type: '${Code_Type_By}'
}, function (data) {
$("#subDiv").html(data);
openModal('subModal');
});
}
//流程处理详情
/*var viewFun = function (id) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/maintenance/equipmentPlan/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 + '/maintenance/equipmentPlan/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 (item.status == null || item.status == '${Status_NoStart}' || item.status == '') {
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 + '/maintenance/equipmentPlan/dodeletes.do', {ids: datas}, function (data) {
if (data > 0) {
$("#table").bootstrapTable('refresh');
} else {
showAlert('d', '删除失败', 'mainAlertdiv');
}
}, 'json');
}
});
}
};
var dosearch = function () {
// initEquipmentPlanType();
initFun();
};
var dosearchTab = function () {
$("#table").bootstrapTable('refresh');
}
$(function () {
//简易公司combotree
$.post(ext.contextPath + "/user/showCompanySelectTree.do", {}, function (data) {
$('#companySelectTree').html(data);
});
//选择保养类型
var selectType = $("#searchType").select2({
minimumResultsForSearch: 10,
})
selectType.val('').trigger("change");
selectType.on("change", function (e) {
dosearchTab();
});
//$("#status_val").select2({minimumResultsForSearch: 10}).val("${Status_NoStart}").trigger("change");
$("#status_val").select2({minimumResultsForSearch: 10}).val("").trigger("change");
});
//表格查询参数
function queryParamsFun(params) { // 请求服务器数据时发送的参数可以在这里添加额外的查询参数返回false则终止请求
return {
rows: params.limit, // 每页要显示的数据条数
page: params.offset / params.limit + 1, // 每页显示数据的开始页码
sort: params.sort, // 要排序的字段
order: params.order,
companyId: unitId,
planTypeId: $('#equipmentPlanType').val(),
planType: $('#searchType').val(),
date: $('#reservationtimeD').val(),
search_name: $('#search_name').val(),
status_val: $('#status_val').val(),
type: '${Code_Type_By}'
}
};
//厂区选择后,初始化工艺段,加载表格
var initFun = function () {
initEquipmentPlanType();
$('#table').bootstrapTable('destroy');
$("#table").bootstrapTable({ // 对应table标签的id
url: ext.contextPath + '/maintenance/equipmentPlan/getList.do', // 获取表格数据的url
cache: false, // 设置为 false 禁用 AJAX 数据缓存, 默认为true
// singleSelect: true,
striped: true, //表格显示条纹默认为false
pagination: true, // 在表格底部显示分页组件默认false
pageList: [10, 20, 50], // 设置页面可以显示的数据条数
pageSize: 50, // 页面数据条数
pageNumber: 1, // 首页页码
sidePagination: 'server', // 设置为服务器端分页
queryParams: queryParamsFun,
sortName: 'insdt', // 要排序的字段
sortOrder: 'desc', // 排序规则
// onClickRow: function (row) {//单击行事件,执行查看功能
// viewFun(row.id);
// },
columns: [
{
checkbox: true,
width: '40px',
formatter: function (value, row, index) {
if (row.status == null || row.status == '${Status_NoStart}' || row.status == '') {
return {disabled: false,}
} else {
return {disabled: true,}
}
}
}, {
field: 'company.sname', // 返回json数据中的name
title: '所属厂区', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle',
width: '10%',
}, {
field: 'planNumber', // 返回json数据中的name
title: '计划编号', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle',
width: '20%',
},
/*{
field: 'cycle', // 返回json数据中的name
title: '周期', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle',
width: '10%',
formatter: function (value, row, index) {
switch (value) {
case '${Maintain_Month}':
return "月度";
case '${Maintain_Quarter}':
return "季度";
case '${Maintain_HalfYear}':
return "半年";
case '${Maintain_Year}':
return "年度";
default:
return "--";
}
}
},*/
{
field: 'planDate',// 返回json数据中的name
title: '计划日期', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle',
width: '10%',
formatter: function (value, row, index) {
return row.planDate.substring(0, 7);
}
},
/*{
field: 'planContents', // 返回json数据中的name
title: '计划内容', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
width: '30%',
}, */
{
field: 'planTypeBig', // 返回json数据中的name
title: '维保类型', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle',
width: '10%',
formatter: function (value, row, index) {
if (row.equipmentPlanType != null && row.equipmentPlanType != '') {
return row.equipmentPlanType.name;
}
}
}, {
field: 'status', // 返回json数据中的name
title: '审核状态', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle',
width: '10%',
formatter: function (value, row, index) {
if (row.status == '${Status_NoStart}') {
return "未提交审核";
} else if (row.status == '${Status_Start}') {
return "已提交审核";
} else if (row.status == '${Status_Finish}') {
return "审核通过";
} else {
return value;
}
}
},
{
field: '', // 返回json数据中的name
title: '签收进度', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
width: '15%',
formatter: function (value, row, index) {
return row.equipmentNumSignfor+' / '+row.equipmentNum;
}
},
{
field: '', // 返回json数据中的name
title: '完成进度', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
width: '15%',
formatter: function (value, row, index) {
return row.equipmentNumFinish+' / '+row.equipmentNum;
}
},
{
title: "操作",
align: 'center',
valign: 'middle',
width: '10%', // 定义列的宽度单位为像素px
formatter: function (value, row, index) {
var buts = '';
if (row.status == '${Status_NoStart}') {
buts += '<security:authorize buttonUrl="maintenance/equipmentPlan/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="maintenance/equipmentPlan/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>';
} else {
buts += '<button class="btn btn-default btn-sm" onclick="viewFun(\'' + row.id + '\')" data-toggle="tooltip" title="查看详情"><i class="fa fa-eye"></i><span class="hidden-md hidden-lg"> 查看详情</span></button>'
buts += '<button class="btn btn-default btn-sm" title="导出" onclick="doExport(\'' + row.id + '\')"><i class="fa fa fa-cloud-download"></i><span class="hidden-md hidden-lg">导出</span></button>';
//跳转到对应的待办页面
if (row.status != '${Status_Finish}') {
buts += '<button type="button" class="btn btn-default btn-sm" title="处理" onclick="TaskListFun4Type(\'' + row.id + '\')"><i class="fa fa-play"></i><span class="hidden-md hidden-lg"> 处理</span></button>';
}
}
buts = '<div class="btn-group" >' + buts + '</div>';
return buts;
}
}
],
onLoadSuccess: function () { //加载成功时执行
adjustBootstrapTableView("table");
},
onLoadError: function () { //加载失败时执行
console.info("加载数据失败");
}
});
}
var initEquipmentPlanType = function () {
$.post(ext.contextPath + "/maintenance/equipmentPlanType/getSelectList4Code.do", {code: 'by'}, function (data) {
$("#equipmentPlanType").empty();
var selelct_ = $("#equipmentPlanType").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;
} // 函数用于呈现当前的选择
});
selelct_.val('').trigger("change");
selelct_.on("change", function (e) {
dosearchTab();
});
}, 'json');
}
function initDate1() {
var locale = {
// "format": 'YYYY-MM-DD HH:mm',
"format": 'YYYY-MM-DD HH:mm',
"separator": " ~ ",
"applyLabel": "确定",
"cancelLabel": "取消",
"fromLabel": "起始时间",
"toLabel": "结束时间'",
"customRangeLabel": "自定义",
"weekLabel": "W",
"daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
"monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
"firstDay": 1
};
var oldreservationtime1 = "${param.oldreservationtime1}";
if (oldreservationtime1 != "" && oldreservationtime1.length > 0) {
beginTimeStore1 = oldreservationtime1.substring(0, 16);
endTimeStore1 = oldreservationtime1.substring(19, 36);
$('#reservationtimeD').val(oldreservationtime1);
} else {
beginTimeStore1 = moment().subtract(3, 'days').format('YYYY-MM-DD HH:mm');
endTimeStore1 = moment().subtract(0, 'days').format('YYYY-MM-DD HH:mm');
$('#reservationtimeD').val(beginTimeStore1 + locale.separator + endTimeStore1);
}
$('#reservationtimeD').daterangepicker({
"timePicker": true,
"timePicker24Hour": true,
"linkedCalendars": false,
"autoUpdateInput": false,
"timePickerIncrement": 10,
"locale": locale,
//汉化按钮部分
ranges: {
// '今日': [moment(), moment().subtract(-1, 'days')],
'昨日': [moment().subtract(1, 'days'), moment()],
'最近7日': [moment().subtract(6, 'days'), moment().subtract(-1, 'days')],
'本月': [moment().startOf('month'), moment().endOf('month').subtract(-1, 'days')],
'上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month').subtract(0, 'days')]
},
startDate: beginTimeStore1,
endDate: endTimeStore1
}, function (start, end, label) {
beginTimeStore1 = start.format(this.locale.format);
endTimeStore1 = end.format(this.locale.format);
if (!this.startDate) {
this.element.val('');
} else {
this.element.val(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
}
});
};
$(function () {
initDate1();
$(".daterangepicker").css({'width': '680px'});
var flag = IsApp();
if (flag == true) {
} else {
$(".main-header").show();
$(".content-header").show();
$(".main-footer").show();
}
$('#reservationtimeD').val('');
initFun();
});
</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="subDiv" style="width: 220px;height:10px;"></div> -->
<div id="subDiv"></div>
<div id="subDivEqu"></div>
<div id="roleUserDiv"></div>
<div id="emSubDiv"></div>
<div id="traceDiv"></div>
<div id="subDiv_Equipment"></div>
<div id="subDetailDiv"></div>
<div id="user4SelectDiv"></div>
<div id="fileInputDiv"></div>
<form id="searchForm">
<div id="companySelectTree" style="display: none;"></div>
<div class="btn-group" style="width: 220px;padding-bottom:10px;">
<security:authorize buttonUrl="maintenance/equipmentPlan/add.do">
<button type="button" class="btn btn-default btn-sm" onclick="addFun();"><i
class="fa fa-plus"></i> 新增
</button>
<button type="button" class="btn btn-default btn-sm" onclick="deletesFun();"><i
class="fa fa-trash-o"></i> 删除
</button>
<%-- <button type="button" class="btn btn-default btn-sm" onclick="issueFun();"><i class="fa fa-send-o"></i> 计划下发</button>--%>
</security:authorize>
</div>
<div class="form-group pull-right form-inline">
<label class="form-label">维保类型</label>
<select class="form-control select2" id="equipmentPlanType" name="equipmentPlanType"
style="width: 160px;"></select>
<label class="form-label">状态</label>
<select class="form-control select2" id="status_val" name="status_val" style="width: 160px;"
onchange="dosearchTab();">
<option value="">全部</option>
<option value="${Status_NoStart}">未提交审核</option>
<option value="${Status_Start}">已提交审核</option>
<option value="${Status_Finish}">已通过</option>
</select>
<label class="form-label">日期</label>
<div class="input-group input-group-sm" style="width: 200px;">
<input type="text" autocomplete="off" class="form-control pull-left"
style="height: 34px; width: 200px;" id="reservationtimeD" style="width:320px;"
placeholder="请选择日期">
</div>
<label class="form-label">计划内容</label>
<div class="input-group input-group-sm" style="width: 250px;">
<input type="text" id="search_name" autocomplete="off" name="search_name"
class="form-control pull-right" style="height:34px" placeholder="请输入">
<div class="input-group-btn">
<button class="btn btn-default" onclick="dosearchTab();" style="height:34px"><i
class="fa fa-search"></i></button>
</div>
</div>
</div>
</form>
<table id="table"></table>
</section>
</div>
</div>
</body>
<script src="<%=request.getContextPath()%>/JS/activiti/workflow.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/JS/qtip/jquery.qtip.min.js" type="text/javascript"></script>
<%-- 引入CSS --%>
<link rel="stylesheet" href="<%=request.getContextPath()%>/JS/qtip/jquery.qtip.min.css" type="text/css">
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/style-activiti.css" type="text/css">
<!-- 引入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>
<!-- Ionicons -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/ionicons/css/ionicons.min.css"/>
<!-- 文件上传-->
<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" src="<%=request.getContextPath()%>/JS/commonFileUpload.js" charset="utf-8"></script>
</html>