443 lines
20 KiB
Plaintext
443 lines
20 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8" %>
|
||
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security" %>
|
||
<%--<%@page import="com.sipai.entity.timeefficiency.PatrolRecord" %>--%>
|
||
<%--<%@page import="com.sipai.entity.timeefficiency.TimeEfficiencyCommStr" %>--%>
|
||
<% request.setAttribute("Status_Issue", com.sipai.entity.timeefficiency.PatrolRecord.Status_Issue); %>
|
||
<% request.setAttribute("Status_Start", com.sipai.entity.timeefficiency.PatrolRecord.Status_Start); %>
|
||
<% request.setAttribute("Status_Finish", com.sipai.entity.timeefficiency.PatrolRecord.Status_Finish); %>
|
||
<% request.setAttribute("Status_PartFinish", com.sipai.entity.timeefficiency.PatrolRecord.Status_PartFinish); %>
|
||
<% request.setAttribute("Status_Undo", com.sipai.entity.timeefficiency.PatrolRecord.Status_Undo); %>
|
||
<%String contextPath = request.getContextPath();%>
|
||
<%String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath();%>
|
||
<%String serverPath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort();%>
|
||
|
||
<style type="text/css">
|
||
.select2-container .select2-selection--single {
|
||
height: 34px;
|
||
line-height: 34px;
|
||
}
|
||
|
||
.select2-selection__arrow {
|
||
margin-top: 3px;
|
||
}
|
||
|
||
.div-row {
|
||
margin-left: 3px;
|
||
margin-right: 3px;
|
||
}
|
||
|
||
.div-border {
|
||
border-style: solid;
|
||
border-width: 1px;
|
||
text-align: center;
|
||
}
|
||
|
||
.right-border {
|
||
border-right: none;
|
||
}
|
||
|
||
.top-right-border {
|
||
border-top: none;
|
||
border-right: none;
|
||
}
|
||
|
||
.top-border {
|
||
border-top: none;
|
||
|
||
}
|
||
</style>
|
||
|
||
<script type="text/javascript">
|
||
var patrolPointorEquipment = "p";
|
||
|
||
var tbName = 'TB_TimeEfficiency_PatrolRecord_file'; //数据表
|
||
var nameSpace = 'patrolrecord';//保存文件夹
|
||
var bucketName = 'patrolrecord';
|
||
var masterId = '';
|
||
|
||
var previews = new Array();
|
||
var previewConfigs = new Array();
|
||
var previews2 = new Array();
|
||
var previewConfigs2 = new Array();
|
||
|
||
var showDetailView = function (id) {
|
||
if (${ PatrolType_Equipment == patrolRecord.type }) {
|
||
$.post(ext.contextPath + '/timeEfficiency/patrolRecord/viewDetial_Equipment.do', {id: id}, function (data) {
|
||
$("#subDiv_recordDetail").html(data);
|
||
openModal('subModal_recordDetail');
|
||
});
|
||
} else {
|
||
$.post(ext.contextPath + '/timeEfficiency/patrolRecord/viewDetial.do', {id: id}, function (data) {
|
||
$("#subDiv_recordDetail").html(data);
|
||
openModal('subModal_recordDetail');
|
||
});
|
||
}
|
||
|
||
};
|
||
var getRecordStatus = function (status) {
|
||
switch (status) {
|
||
case '${Status_Issue}':
|
||
return "已下发";
|
||
break;
|
||
case '${Status_Start}':
|
||
return "进行中";
|
||
break;
|
||
case '${Status_Finish}':
|
||
return "已完成";
|
||
break;
|
||
default:
|
||
return "";
|
||
|
||
}
|
||
}
|
||
var viewContentsFun = function (patrolRecordId, patrolPointId, unitId) {
|
||
$.post(ext.contextPath + '/timeEfficiency/patrolContentsRecord/showPatrolPointViewContentsMeasurepoints.do', {
|
||
patrolRecordId: patrolRecordId,
|
||
patrolPointId: patrolPointId,
|
||
unitId: unitId
|
||
}, function (data) {
|
||
$("#subDiv_contents").html(data);
|
||
openModal('subModal_contents');
|
||
});
|
||
};
|
||
var initFun = function () {
|
||
//日期格式需对齐，不然会不准
|
||
$("#table_patrolPoint").bootstrapTable({ // 对应table标签的id
|
||
url: ext.contextPath + '/timeEfficiency/patrolPoint/getPatrolPointForRecord.do', // 获取表格数据的url
|
||
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
||
striped: true, //表格显示条纹，默认为false
|
||
pagination: true, // 在表格底部显示分页组件，默认false
|
||
pageList: [10, 20, 50], // 设置页面可以显示的数据条数
|
||
pageSize: 50, // 页面数据条数
|
||
pageNumber: 1, // 首页页码
|
||
sidePagination: 'client', // 设置为服务器端分页
|
||
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
||
return {
|
||
rows: params.limit, // 每页要显示的数据条数
|
||
page: params.offset / params.limit + 1, // 每页显示数据的开始页码
|
||
sort: params.sort, // 要排序的字段
|
||
order: params.order,
|
||
patrolRecordId: '${patrolRecord.id}'
|
||
}
|
||
},
|
||
responseHandler: function (res) {
|
||
return res.result
|
||
},
|
||
sortName: 'id', // 要排序的字段
|
||
sortOrder: 'desc', // 排序规则
|
||
columns: [
|
||
{
|
||
field: 'name', // 返回json数据中的name
|
||
title: '巡检点名称', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
width: '26%',
|
||
formatter: function (value, row, index) {
|
||
if (row.patrolPoint != null && row.patrolPoint != '') {
|
||
return row.patrolPoint.name;
|
||
}
|
||
}
|
||
},
|
||
{
|
||
field: 'finishNumContent', // 返回json数据中的name
|
||
title: '巡检内容', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
width: '10%',
|
||
formatter: function (value, row, index) {
|
||
return row.finishNumContent + "/" + row.allNumContent;
|
||
}
|
||
},
|
||
{
|
||
field: 'finishNumMeasurePoint', // 返回json数据中的name
|
||
title: '填报内容', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
width: '10%',
|
||
formatter: function (value, row, index) {
|
||
return row.finishNumMeasurePoint + "/" + row.allNumMeasurePoint;
|
||
}
|
||
},
|
||
{
|
||
field: 'abnormityNum', // 返回json数据中的name
|
||
title: '异常数量', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
width: '8%',
|
||
formatter: function (value, row, index) {
|
||
if (row.abnormityNum != null && row.abnormityNum != '' && row.abnormityNum > 0) {
|
||
return '<span style="color:#c12e2a">' + row.abnormityNum + '</span>';
|
||
}
|
||
}
|
||
},
|
||
{
|
||
field: 'caption', // 返回json数据中的name
|
||
title: '打卡人员', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
width: '10%',
|
||
formatter: function (value, row, index) {
|
||
if (row.worker != null) {
|
||
return row.worker.caption;
|
||
}
|
||
}
|
||
},
|
||
{
|
||
field: 'finishdt', // 返回json数据中的name
|
||
title: '完成时间', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
width: '18%',
|
||
formatter: function (value, row, index) {
|
||
return value.substring(0, 19);
|
||
}
|
||
},
|
||
{
|
||
field: 'status', // 返回json数据中的name
|
||
title: '状态', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
width: '10%',
|
||
formatter: function (value, row, index) {
|
||
var str = "";
|
||
if ("${Status_Issue}" == value) {
|
||
// str = '<span style="color:#c12e2a;"><i class="fa fa-times-circle-o" aria-hidden="true"></i> 已下发</span>';
|
||
str = '<span style="color:#c12e2a;"><i class="fa fa-close" aria-hidden="true"></i>未打卡</span>';
|
||
}
|
||
if ("${Status_Finish}" == value) {
|
||
// str = '<span style="color:#3e8f3e"><i class="fa fa-check-circle-o" aria-hidden="true"></i> 已完成</span>';
|
||
str = '<span style="color:#3e8f3e"><i class="fa fa-check" aria-hidden="true"></i>已打卡</span>';
|
||
}
|
||
return str;
|
||
}
|
||
},
|
||
{
|
||
title: "操作",
|
||
align: 'center',
|
||
valign: 'middle',
|
||
width: '8%', // 定义列的宽度，单位为像素px
|
||
formatter: function (value, row, index) {
|
||
var buts = '';
|
||
if (row.patrolPoint != null && row.patrolPoint != '') {
|
||
buts += '<button class="btn btn-default btn-sm" onclick="viewContentsFun(\'' + row.patrolRecordId + '\',\'' + row.patrolPoint.id + '\',\'' + row.patrolPoint.unitId + '\')" data-toggle="tooltip" title="查看"><i class="fa fa-eye "></i><span class="hidden-md hidden-lg"> 查看</span></button>';
|
||
} else {
|
||
buts += '<button class="btn btn-default btn-sm" onclick="viewContentsFun(\'' + row.patrolRecordId + '\',\'' + '' + '\',\'' + '' + '\')" data-toggle="tooltip" title="查看"><i class="fa fa-eye "></i><span class="hidden-md hidden-lg"> 查看</span></button>';
|
||
}
|
||
buts = '<div class = "btn-group">' + buts + '</div>';
|
||
return buts;
|
||
}
|
||
}
|
||
],
|
||
onLoadSuccess: function () { //加载成功时执行
|
||
adjustBootstrapTableView("table_patrolPoint");
|
||
},
|
||
onLoadError: function () { //加载失败时执行
|
||
console.info("加载数据失败");
|
||
}
|
||
})
|
||
}
|
||
|
||
var printpage = function (myDiv) {
|
||
var printHtml = document.getElementById(myDiv).innerHTML;
|
||
var wind = window.open("", "newwin", "width=1550,height=565,top=80,left=80,toolbar=no,scrollbars=yes,menubar=no");
|
||
var ss = ".coversheet-pageBoder{"
|
||
+ " padding: 10px;"
|
||
+ " margin-top: 10px;"
|
||
+ " border: 1px solid gray;"
|
||
+ " page-break-after: always;"
|
||
+ " border-radius: 5px;"
|
||
+ " box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);"
|
||
+ "}"
|
||
+ ".noprint{display: none;}"
|
||
+ ".select2-container .select2-selection--single{ "
|
||
+ " height:34px; "
|
||
+ " line-height: 34px; "
|
||
+ " }"
|
||
+ " .select2-selection__arrow{"
|
||
+ " margin-top:3px;"
|
||
+ " } "
|
||
+ " .div-row{"
|
||
+ " margin-left:3px;"
|
||
+ " margin-right:3px;"
|
||
+ " }"
|
||
+ " .div-border{"
|
||
+ " border-style:solid;"
|
||
+ " border-width:1px;"
|
||
+ " text-align:center;"
|
||
+ " }"
|
||
+ " .right-border{"
|
||
+ " border-right:none;"
|
||
+ " }"
|
||
+ " .top-right-border{"
|
||
+ " border-top:none;"
|
||
+ " border-right:none;"
|
||
+ " }"
|
||
+ " .top-border{"
|
||
+ " border-top:none;"
|
||
+ " }";
|
||
|
||
var link = document.createElement('link');
|
||
link.type = 'text/css';
|
||
link.rel = 'stylesheet';
|
||
link.href = '<%=serverPath%><%=contextPath%>/plugins/bootstrap-ext/dist/bootstrap.min.css';
|
||
wind.document.head.appendChild(link);
|
||
|
||
var style = document.createElement('style');
|
||
style.type = 'text/css';
|
||
style.rel = 'stylesheet';
|
||
style.appendChild(document.createTextNode(ss));
|
||
wind.document.head.appendChild(style);
|
||
|
||
wind.document.body.innerHTML = printHtml;
|
||
wind.print();
|
||
wind.close();
|
||
};
|
||
|
||
/*$('#subModal').on('hide.bs.modal', function () {
|
||
$('#subModal').modal('hide');
|
||
});*/
|
||
|
||
//用于测试南市返回json
|
||
function showJson(id) {
|
||
$.post(ext.contextPath + '/timeEfficiency/patrolRecord/getJson4Map.do', {
|
||
patrolRecordId: id
|
||
}, function (data) {
|
||
alert(data);
|
||
// $("#subDiv_contents").html(data);
|
||
// openModal('subModal_contents');
|
||
});
|
||
}
|
||
|
||
$(function () {
|
||
var status = getRecordStatus('${patrolRecord.status}')
|
||
$('#status').text(status)
|
||
initFun();
|
||
|
||
//初始化文件显示
|
||
getFileListMinioPic('patrolRecordFileId', 'view', '${patrolRecord.id}', previews2, previewConfigs2);
|
||
})
|
||
</script>
|
||
<div class="modal fade" id="subModal">
|
||
<div class="modal-dialog modal-lg">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span></button>
|
||
<h4 class="modal-title">记录详情</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<!-- 新增界面formid强制为subForm -->
|
||
<form class="form-horizontal" id="subForm">
|
||
<div id="alertDiv"></div>
|
||
<input id="id" name="id" type="hidden" value="${patrolRecord.id}"/>
|
||
<!-- 界面提醒div强制id为alertdiv -->
|
||
<!-- <div class="form-group">
|
||
<label class="col-sm-2 control-label">*工艺段</label>
|
||
<div class="col-sm-10">
|
||
<select class="form-control select2" id="processSectionId" name ="processSectionId" style="width: 270px;">
|
||
</select>
|
||
</div>
|
||
</div> -->
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">名称</label>
|
||
<div class="col-sm-4">
|
||
<p class="form-control-static">${patrolRecord.name}</p>
|
||
</div>
|
||
<label class="col-sm-2 control-label">所属厂区</label>
|
||
<div class="col-sm-4">
|
||
<p class="form-control-static">${patrolRecord.unit.name}</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group ">
|
||
<label class="control-label col-sm-2">发单人</label>
|
||
<div class="col-sm-4">
|
||
<p class="form-control-static">${patrolRecord.sendUser.caption}</p>
|
||
</div>
|
||
<label class="control-label col-sm-2">完成人</label>
|
||
<div class="col-sm-4">
|
||
<p class="form-control-static">${patrolRecord.worker.caption}</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">计划开始时间</label>
|
||
<div class="col-sm-4">
|
||
<p class="form-control-static">${patrolRecord.startTime.substring(0,16)}</p>
|
||
</div>
|
||
<label class="col-sm-2 control-label">计划结束时间</label>
|
||
<div class="col-sm-4">
|
||
<p class="form-control-static">${patrolRecord.endTime.substring(0,16)}</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group ">
|
||
<label class="control-label col-sm-2">执行状态</label>
|
||
<div class="col-sm-4">
|
||
<p id="status" class="form-control-static"></p>
|
||
</div>
|
||
<label class="control-label col-sm-2">实际完成时间</label>
|
||
<div class="col-sm-4">
|
||
<p class="form-control-static">${patrolRecord.actFinishTime.substring(0,16)}</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">巡检内容</label>
|
||
<div class="col-sm-10">
|
||
<p class="form-control-static">${patrolRecord.content}</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group ">
|
||
<label class="control-label col-sm-2">执行反馈</label>
|
||
<div class="col-sm-4">
|
||
<p class="form-control-static">${patrolRecord.workResult}</p>
|
||
</div>
|
||
<label class="control-label col-sm-2">工时(分钟)</label>
|
||
<div class="col-sm-4">
|
||
<p class="form-control-static">${patrolRecord.duration}</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">巡检图片</label>
|
||
<div class="col-sm-10">
|
||
<input type="file" name="patrolRecordFileId" id="patrolRecordFileId"
|
||
class="file-loading"/>
|
||
</div>
|
||
</div>
|
||
|
||
</form>
|
||
<div class="box box-primary">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title">巡检情况</h3>
|
||
|
||
<!-- <div class="box-tools pull-right">
|
||
<a onclick="doEditPatrolPoint()" class="btn btn-box-tool" data-toggle="tooltip" title="编辑"><i class="glyphicon glyphicon-edit"></i></a>
|
||
</div> -->
|
||
</div>
|
||
|
||
<div class="box-body ">
|
||
<table id="table_patrolPoint"></table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<%-- <button type="button" class="btn btn-primary" onclick="showJson('${patrolRecord.id}')">json</button>--%>
|
||
<%-- <button type="button" class="btn btn-default hidden-sm hidden-md" onclick="printpage('subForm');"><i class="fa fa-print"></i>打印</button>--%>
|
||
|
||
<security:authorize buttonUrl="timeEfficiency/patrolRecord/editRouteFun.do">
|
||
<button type="button" class="btn btn-primary hidden-sm hidden-md"
|
||
onclick="showDetailView('${patrolRecord.id}')">详情
|
||
</button>
|
||
</security:authorize>
|
||
|
||
<button type="button" class="btn btn-default " data-dismiss="modal">关闭</button>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div> |