896 lines
38 KiB
Plaintext
896 lines
38 KiB
Plaintext
|
<%@ page language="java" pageEncoding="UTF-8" %>
|
|||
|
|
<%@ 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" %>
|
|||
|
|
<%@page import="com.sipai.entity.command.EmergencyRecords" %>
|
|||
|
|
<%request.setAttribute("EmergencyRecords_Status_Start", EmergencyRecords.Status_Start);%>
|
|||
|
|
<%request.setAttribute("EmergencyRecords_Status_Finish", EmergencyRecords.Status_Finish);%>
|
|||
|
|
|
|||
|
|
<% 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); %>
|
|||
|
|
|
|||
|
|
<html:html lang="true">
|
|||
|
|
<head>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<title></title>
|
|||
|
|
<!-- 引用页头及CSS页-->
|
|||
|
|
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
|||
|
|
<meta http-equiv="pragma" content="no-cache">
|
|||
|
|
<meta http-equiv="cache-control" content="no-cache">
|
|||
|
|
<meta http-equiv="expires" content="0">
|
|||
|
|
|
|||
|
|
<%-- <link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/comm2.css"/>--%>
|
|||
|
|
<%-- <link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/snaker_resource/css/style.css"/>--%>
|
|||
|
|
<%-- <link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/snaker_resource/css/snaker.css"/>--%>
|
|||
|
|
<%-- <link href="<%=request.getContextPath()%>/node_modules/snaker_resource/bootstrap.css" rel="stylesheet"/>--%>
|
|||
|
|
<%-- <link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/demo.css"/>--%>
|
|||
|
|
<%-- <link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/ptz.css"/>--%>
|
|||
|
|
|
|||
|
|
<!--编辑器-->
|
|||
|
|
<script type="text/javascript"
|
|||
|
|
src="<%=request.getContextPath()%>/node_modules/ckeditor5-build-balloon/ckeditor.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript"
|
|||
|
|
src="<%=request.getContextPath()%>/node_modules/ckeditor5-build-balloon/translations/zh-cn.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript"
|
|||
|
|
src="<%=request.getContextPath()%>/node_modules/wangeditor/wangEditor.min.js"></script>
|
|||
|
|
|
|||
|
|
<style type="text/css">
|
|||
|
|
.content-header {
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content {
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.box {
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.breadcrumb {
|
|||
|
|
margin-bottom: 0px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
background-color: transparent;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.breadcrumb > li + li:before {
|
|||
|
|
padding: 0 10px;
|
|||
|
|
color: #add4eb;
|
|||
|
|
content: ">";
|
|||
|
|
font-size: 25px;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.showechart {
|
|||
|
|
margin: 1 auto;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#left {
|
|||
|
|
width: 30%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
float: left;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#right {
|
|||
|
|
width: 70%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
float: left;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#right_top {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 70%;
|
|||
|
|
float: left;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#right_under {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 30%;
|
|||
|
|
float: left;
|
|||
|
|
background: #F1F4F5;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#right_top_left {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#right_top_right {
|
|||
|
|
width: 0%;
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
background: #F1F4F5;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*聊天窗口*/
|
|||
|
|
#right_top_right_top {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 48%;
|
|||
|
|
float: left;
|
|||
|
|
background: #F1F4F5;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*聊天和视频的隔离带*/
|
|||
|
|
#right_top_right_center {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 4%;
|
|||
|
|
float: left;
|
|||
|
|
background: #F1F4F5;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*视频窗口*/
|
|||
|
|
#right_top_right_under {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 45%;
|
|||
|
|
float: left;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*操作内容 操作详情 负责人+4个按钮 div */
|
|||
|
|
#right_top_left_top {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 15%;
|
|||
|
|
float: left;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*视频的div*/
|
|||
|
|
#right_top_left_under {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 85%;
|
|||
|
|
float: left;
|
|||
|
|
background: #F1F4F5;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#right_top_left_top_handle {
|
|||
|
|
width: 70%;
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
background: #F1F4F5;
|
|||
|
|
position: relative;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#right_top_left_top_button {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
background: #F1F4F5;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* #work_table{
|
|||
|
|
width:791px;
|
|||
|
|
height:75px;
|
|||
|
|
border-radius:2px;
|
|||
|
|
border:1px solid rgba(229,229,229,1);
|
|||
|
|
} */
|
|||
|
|
|
|||
|
|
.buttonDiv {
|
|||
|
|
width: 11%;
|
|||
|
|
height: 30px;
|
|||
|
|
float: left;
|
|||
|
|
margin-right: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
根据不同分辨率显示不同px的文字大小
|
|||
|
|
*/
|
|||
|
|
@media (min-width: 400px) and (min-height: 300px) {
|
|||
|
|
/*上面一排按钮div的样式*/
|
|||
|
|
.buttonDiv {
|
|||
|
|
line-height: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*上面一排按钮里面文字的样式*/
|
|||
|
|
.buttonFont {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 10px;
|
|||
|
|
margin: 10% 0px 0px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*事项名称文字样式---颜色框*/
|
|||
|
|
#titleDiv2 {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 10%;
|
|||
|
|
border-bottom: 1px solid #E5E5E5;
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#videoTitle {
|
|||
|
|
font-size: 12px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 768px) and (min-height: 432px) {
|
|||
|
|
/*上面一排按钮div的样式*/
|
|||
|
|
.buttonDiv {
|
|||
|
|
line-height: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*上面一排按钮里面文字的样式*/
|
|||
|
|
.buttonFont {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 10px;
|
|||
|
|
margin: 10% 0px 0px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*事项名称文字样式---颜色框*/
|
|||
|
|
#titleDiv2 {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 10%;
|
|||
|
|
border-bottom: 1px solid #E5E5E5;
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
padding: 6px 0px 0px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#videoTitle {
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 992px) and (min-height: 558px) {
|
|||
|
|
/*上面一排按钮div的样式*/
|
|||
|
|
.buttonDiv {
|
|||
|
|
line-height: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*上面一排按钮里面文字的样式*/
|
|||
|
|
.buttonFont {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 12px;
|
|||
|
|
margin: 10% 0px 0px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*事项名称文字样式---颜色框*/
|
|||
|
|
#titleDiv2 {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 10%;
|
|||
|
|
border-bottom: 1px solid #E5E5E5;
|
|||
|
|
font-size: 18px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
padding: 6px 0px 0px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#videoTitle {
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 1200px) and (min-height: 675px) {
|
|||
|
|
/*上面一排按钮div的样式*/
|
|||
|
|
.buttonDiv {
|
|||
|
|
line-height: 16px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*上面一排按钮里面文字的样式*/
|
|||
|
|
.buttonFont {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
margin: 8% 0px 0px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*事项名称文字样式---颜色框*/
|
|||
|
|
#titleDiv2 {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 10%;
|
|||
|
|
border-bottom: 1px solid #E5E5E5;
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
padding: 9px 0px 0px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#videoTitle {
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 1400px) and (min-height: 875px) {
|
|||
|
|
/*上面一排按钮div的样式*/
|
|||
|
|
.buttonDiv {
|
|||
|
|
line-height: 1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*上面一排按钮里面文字的样式*/
|
|||
|
|
.buttonFont {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 18px;
|
|||
|
|
margin: 17% 0px 0px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*事项名称文字样式---颜色框*/
|
|||
|
|
#titleDiv2 {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 10%;
|
|||
|
|
border-bottom: 1px solid #E5E5E5;
|
|||
|
|
font-size: 22px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
padding: 14px 0px 0px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#videoTitle {
|
|||
|
|
font-size: 18px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content_body_text {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//启动编辑器
|
|||
|
|
var myEditor = null;
|
|||
|
|
const E = window.wangEditor
|
|||
|
|
const editor = new E('#div1')
|
|||
|
|
|
|||
|
|
$(function () {
|
|||
|
|
|
|||
|
|
var widths = $(window).width() * 0.35;//body的百分之40
|
|||
|
|
var heights = $(window).height() - 130;
|
|||
|
|
$('#forceChart').width($('#forceChart').width(widths));
|
|||
|
|
$('#forceChart').height($('#forceChart').height(heights));
|
|||
|
|
$('#content_body').height(heights * 0.47);
|
|||
|
|
$('#patrolPoint_body').height(heights * 0.3);
|
|||
|
|
|
|||
|
|
/*if (stepArray != null && stepArray.length > 0) {
|
|||
|
|
var str = '<ol class="breadcrumb">';
|
|||
|
|
for (var i = 0; i < stepArray.length; i++) {
|
|||
|
|
var step = stepArray[i];
|
|||
|
|
if (step.status == 1) {
|
|||
|
|
str += '<li class="active"><a href="#" class="btn btn-primary" onclick="selectDetail(\'' + step.id + '\');">' + step.contents + '</a></li>';
|
|||
|
|
selectDetail(step.id);
|
|||
|
|
} else {
|
|||
|
|
str += '<li><a href="#" class="btn btn-default " onclick="selectDetail(\'' + step.id + '\');">' + step.contents + '</a></li>';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
str += '</ol>';
|
|||
|
|
$("#content-title").html(str);
|
|||
|
|
} else {
|
|||
|
|
$("#content-title").html("预案事项");
|
|||
|
|
selectDetail('${emergencyRecords.id}');
|
|||
|
|
}*/
|
|||
|
|
|
|||
|
|
var widths = $(window).width();//body的百分之40
|
|||
|
|
var heights = $(window).height();
|
|||
|
|
$("#zdiv").width(widths).height(heights);//设置外面总div的宽高
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
* wangEditor富文本初始化
|
|||
|
|
*/
|
|||
|
|
//设置高度
|
|||
|
|
var div3 = document.getElementById('div1');
|
|||
|
|
editor.config.height = div3.clientHeight - 120;
|
|||
|
|
//取消自动 focus
|
|||
|
|
editor.config.focus = false
|
|||
|
|
// 配置全屏功能按钮是否展示
|
|||
|
|
editor.config.showFullScreen = true
|
|||
|
|
// 隐藏菜单栏提示
|
|||
|
|
editor.config.showMenuTooltips = false
|
|||
|
|
// 配置 onchange 回调函数
|
|||
|
|
editor.config.onchange = function (newHtml) {
|
|||
|
|
//console.log('change 之后最新的 html', newHtml)
|
|||
|
|
}
|
|||
|
|
// 配置触发 onchange 的时间频率，默认为 200ms
|
|||
|
|
editor.config.onchangeTimeout = 500 // 修改为 500ms
|
|||
|
|
|
|||
|
|
//图片上传
|
|||
|
|
editor.config.uploadFileName = 'myFile'; //设置文件上传的参数名称
|
|||
|
|
editor.config.uploadImgServer = ext.contextPath + "/command/emergencyConfigure/upload4WangEditor.do";
|
|||
|
|
editor.config.uploadImgAccept = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp']// 图片格式限制
|
|||
|
|
editor.config.uploadImgMaxSize = 10 * 1024 * 1024 // 图片大小限制10M
|
|||
|
|
editor.config.uploadImgMaxLength = 1; // 一次最多上传 1 个图片
|
|||
|
|
|
|||
|
|
editor.create();
|
|||
|
|
|
|||
|
|
editor.config.pasteTextHandle = function (content) {
|
|||
|
|
// content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回
|
|||
|
|
if (content == '' && !content) return ''
|
|||
|
|
var str = content
|
|||
|
|
str = str.replace(/<xml>[\s\S]*?<\/xml>/ig, '')
|
|||
|
|
str = str.replace(/<style>[\s\S]*?<\/style>/ig, '')
|
|||
|
|
str = str.replace(/<\/?[^>]*>/g, '')
|
|||
|
|
str = str.replace(/[ | ]*\n/g, '\n')
|
|||
|
|
str = str.replace(/' '/g, '')
|
|||
|
|
str = str.replace(/'：'/g, ':')
|
|||
|
|
|
|||
|
|
return str
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
editor.txt.html('${memo}') // 重新设置编辑器内容
|
|||
|
|
|
|||
|
|
editor.config.uploadImgHooks = {
|
|||
|
|
customInsert: function (insertImgFn, result) {
|
|||
|
|
// result 即服务端返回的接口
|
|||
|
|
//console.log('customInsert', result)
|
|||
|
|
// insertImgFn 可把图片插入到编辑器，传入图片 src ，执行函数即可
|
|||
|
|
insertImgFn(result.data[0])
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
$(window).resize(function () {
|
|||
|
|
mychart1.dispose();//销毁echart实例 重新创建
|
|||
|
|
//获取echart数据
|
|||
|
|
echartdata(ids0, ids1, ids2, ids3);//ids0为：未演练的ids ids1为：正在演练的ids ids2为：已演练的ids ids3为：已取消的
|
|||
|
|
nodeonclick();
|
|||
|
|
//获取table数据
|
|||
|
|
// selectTable();
|
|||
|
|
getWorkOrderList();
|
|||
|
|
var widths = $(window).width();
|
|||
|
|
var heights = $(window).height();
|
|||
|
|
$("#zdiv").width(widths).height(heights);//设置外面总div的宽高
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function fileView(id) {
|
|||
|
|
var tbName = 'tb_teacher_file'; //数据表
|
|||
|
|
$.post(ext.contextPath + '/teacher/teacherfile/doview.do', {
|
|||
|
|
id: id,
|
|||
|
|
masterId: id,
|
|||
|
|
tbName: tbName
|
|||
|
|
}, function (data) {
|
|||
|
|
$("#subDiv").html(data);
|
|||
|
|
openModal('subModal');
|
|||
|
|
});
|
|||
|
|
// window.open('<%=request.getContextPath()%>/command/emergencyConfigure/showvideo.do?videopath='+videopath,window,'width='+(window.screen.availWidth-0)+',height='+(window.screen.availHeight-0)+ ',top=0,left=0,toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=no',true);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function buttonjs() {
|
|||
|
|
alert('暂未关联运行异常监视');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function buttonfx() {
|
|||
|
|
alert('暂未关联运行异常分析');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function buttoncx() {
|
|||
|
|
alert('暂未关联应急资源查询');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function buttongd(divId, viewType, id) {
|
|||
|
|
stopBubbleDefaultEvent();
|
|||
|
|
//由于iframe层级较高 遮挡住layer的弹出层 所以先隐藏摄像头div，关闭弹窗的时候再显示出来
|
|||
|
|
// document.getElementById("cameraDiv").style.display = "none";//隐藏摄像头div
|
|||
|
|
|
|||
|
|
var recordid = $('#id').val();//当前整个应急预案演练的id
|
|||
|
|
var nodeid = $('#nodeid').val();//子节点id
|
|||
|
|
var bizid = $('#bizid').val();//工单id
|
|||
|
|
if (viewType == 'add') {//新增界面
|
|||
|
|
if (nodeid != null && nodeid != '') {
|
|||
|
|
$.post("<%=request.getContextPath()%>/command/emergencyRecordsWorkOrder/donew.do", {
|
|||
|
|
recordid: recordid,
|
|||
|
|
nodeid: nodeid,
|
|||
|
|
id: id,
|
|||
|
|
bizid: bizid
|
|||
|
|
}, function (data) {
|
|||
|
|
$('#' + divId).html(data);
|
|||
|
|
openModal('powerModal')
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
alert('请先点击流程节点再下发工单!');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (viewType == 'view') {//查看界面
|
|||
|
|
$.post("<%=request.getContextPath()%>/command/emergencyRecordsWorkOrder/doviewlayer.do", {
|
|||
|
|
recordid: recordid,
|
|||
|
|
nodeid: nodeid,
|
|||
|
|
id: id
|
|||
|
|
}, function (data) {
|
|||
|
|
$('#' + divId).html(data);
|
|||
|
|
openModal('powerviewModal')
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
if (viewType == 'list') {//查看界面
|
|||
|
|
$.post("<%=request.getContextPath()%>/command/emergencyRecordsWorkOrder/dolistlayer.do", {recordid: recordid}, function (data) {
|
|||
|
|
$('#' + divId).html(data);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
var index = layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title: false,
|
|||
|
|
closeBtn: 0,
|
|||
|
|
area: '80%',
|
|||
|
|
fixed: false,
|
|||
|
|
skin: 'bgfff', //没有背景色
|
|||
|
|
shadeClose: true,
|
|||
|
|
content: $('#' + divId),
|
|||
|
|
end: function () {
|
|||
|
|
// document.getElementById("cameraDiv").style.display = ""; //显示摄像头div
|
|||
|
|
layer.closeAll();
|
|||
|
|
//$('#'+divId).hide();
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
弹窗选择摄像头列表
|
|||
|
|
*/
|
|||
|
|
function cameraListLayer(divId) {
|
|||
|
|
parent.addTab('770a45a7f5d24f66924db73eba83afa5', '视频查看', 'work/camera/showVideos.do')
|
|||
|
|
//alert('暂未关联厂区视频');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
切换摄像头
|
|||
|
|
*/
|
|||
|
|
function doSwitch(switchtype) {//switchtype为上一个/下一个的切换类型 channel为信道 根据信道大小顺序切换摄像头
|
|||
|
|
//$("#videoTitle").html("进水口视频");
|
|||
|
|
console.log($('#channel').val());
|
|||
|
|
var bizid = unitId;
|
|||
|
|
var channel = $('#channel').val();
|
|||
|
|
$.post("<%=request.getContextPath()%>/work/camera/camviewSwitch.do", {
|
|||
|
|
bizid: bizid,
|
|||
|
|
switchtype: switchtype,
|
|||
|
|
channel: channel
|
|||
|
|
}, function (data) {
|
|||
|
|
console.log("pass");
|
|||
|
|
if (data == 1) {
|
|||
|
|
alert('没有上一个视频');
|
|||
|
|
} else {
|
|||
|
|
var arr = JSON.parse(data);
|
|||
|
|
$("#videoTitle").html(arr[0].cameraName);
|
|||
|
|
$("#channel").val(arr[0].cameraChannel);
|
|||
|
|
$('#cameraIframe').attr('src', '<%=request.getContextPath()%>/work/camera/cameraview.do?id=' + arr[0].cameraId);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 原本的add方法
|
|||
|
|
* sj 2021-10-16
|
|||
|
|
*/
|
|||
|
|
var addworkFun = function () {
|
|||
|
|
var id = $('#id').val();
|
|||
|
|
var nodeid = $('#nodeid').val();
|
|||
|
|
$.post('<%=request.getContextPath()%>/command/emergencyRecordsWorkOrder/donew.do', {
|
|||
|
|
id: id,
|
|||
|
|
nodeid: nodeid
|
|||
|
|
}, function (data) {
|
|||
|
|
$("#powerDiv").html(data);
|
|||
|
|
openModal('powerModal')
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 现在的add方法
|
|||
|
|
* sj 2021-10-16
|
|||
|
|
*/
|
|||
|
|
var addworkFun2 = function (workOrderId) {
|
|||
|
|
var id = $('#id').val();
|
|||
|
|
var nodeid = $('#nodeid').val();
|
|||
|
|
$.post('<%=request.getContextPath()%>/command/emergencyRecordsWorkOrder/donew2.do', {
|
|||
|
|
id: id,
|
|||
|
|
nodeid: nodeid,
|
|||
|
|
workOrderId: workOrderId,
|
|||
|
|
}, function (data) {
|
|||
|
|
$("#powerDiv").html(data);
|
|||
|
|
openModal('powerModal')
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
/**
|
|||
|
|
* 下发
|
|||
|
|
* njp 2022-05-31
|
|||
|
|
*/
|
|||
|
|
var sendFun = function (workOrderId) {
|
|||
|
|
$.post('<%=request.getContextPath()%>/command/emergencyRecordsWorkOrder/dosend.do', {
|
|||
|
|
workOrderId: workOrderId,
|
|||
|
|
}, function (data) {
|
|||
|
|
getWorkOrderList();
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function downWork(id) {
|
|||
|
|
$.post("<%=request.getContextPath()%>/command/emergencyRecordsWorkOrder/downWork.do", {id: id}, function (data) {
|
|||
|
|
if (data == 0) {
|
|||
|
|
alert('下发成功');
|
|||
|
|
// selectTable();
|
|||
|
|
getWorkOrderList();
|
|||
|
|
} else {
|
|||
|
|
alert('下发失败');
|
|||
|
|
// selectTable();
|
|||
|
|
getWorkOrderList();
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getWorkOrderList() {
|
|||
|
|
var id = $('#id').val();
|
|||
|
|
var nodeid = $('#nodeid').val();
|
|||
|
|
|
|||
|
|
$('#table_patrolPoint').bootstrapTable('destroy');
|
|||
|
|
$("#table_patrolPoint").bootstrapTable({ // 对应table标签的id
|
|||
|
|
url: ext.contextPath + '/command/emergencyRecordsWorkOrder/getlist.do', // 获取表格数据的url
|
|||
|
|
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
|||
|
|
striped: true, //表格显示条纹，默认为false
|
|||
|
|
pagination: false, // 在表格底部显示分页组件，默认false
|
|||
|
|
pageList: [5, 20, 50], // 设置页面可以显示的数据条数
|
|||
|
|
pageSize: 5, // 页面数据条数
|
|||
|
|
pageNumber: 1, // 首页页码
|
|||
|
|
sidePagination: 'client', // 设置为服务器端分页
|
|||
|
|
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
|||
|
|
return {
|
|||
|
|
rows: 5, // 每页要显示的数据条数
|
|||
|
|
page: 1, // 每页显示数据的开始页码
|
|||
|
|
sort: params.sort, // 要排序的字段
|
|||
|
|
order: params.order,
|
|||
|
|
nodeid: nodeid,
|
|||
|
|
recordid: id
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
responseHandler: function (res) {
|
|||
|
|
return res.rows
|
|||
|
|
},
|
|||
|
|
sortName: 'insdt', // 要排序的字段
|
|||
|
|
sortOrder: 'desc', // 排序规则
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
field: '_worksenduser', // 返回json数据中的name
|
|||
|
|
title: '发单人', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: 'worksenddt', // 返回json数据中的name
|
|||
|
|
title: '发单时间', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: 'workcontent', // 返回json数据中的name
|
|||
|
|
title: '工作内容', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: 'workreceiveuser', // 返回json数据中的name
|
|||
|
|
title: '接单人', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: 'patrolRecord.actFinishTime', // 返回json数据中的name
|
|||
|
|
title: '完成时间', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: 'patrolRecord.status', // 返回json数据中的name
|
|||
|
|
title: '状态', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle',
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
var str = "";
|
|||
|
|
if (null == value) {
|
|||
|
|
str = '<span style="color:#c12e2a;"><i class="fa fa-times-circle-o" aria-hidden="true"></i> 未下发</span>';
|
|||
|
|
}
|
|||
|
|
if ("${Status_Issue}" == value) {
|
|||
|
|
str = '<span style="color:#c12e2a;"><i class="fa fa-times-circle-o" aria-hidden="true"></i> 已下发</span>';
|
|||
|
|
}
|
|||
|
|
if ("${Status_Start}" == value) {
|
|||
|
|
str = '<span style="color:#c12e2a;"><i class="fa fa-times-circle-o" 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>';
|
|||
|
|
}
|
|||
|
|
if ("${Status_PartFinish}" == value) {
|
|||
|
|
str = '<span style="color:#3e8f3e"><i class="fa fa-check-circle-o" aria-hidden="true"></i> 部分完成</span>';
|
|||
|
|
}
|
|||
|
|
if ("${Status_Undo}" == value) {
|
|||
|
|
str = '<span style="color:#c12e2a;"><i class="fa fa-times-circle-o" aria-hidden="true"></i> 不巡检</span>';
|
|||
|
|
}
|
|||
|
|
return str;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "操作",
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
width: 90, // 定义列的宽度，单位为像素px
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
var buts = "";
|
|||
|
|
if (row.status == "0") {
|
|||
|
|
buts += '<button class="btn btn-default btn-sm" title="修改" onclick="addworkFun2(\'' + row.id + '\')"><i class="fa fa fa-edit"></i><span class="hidden-md hidden-lg">修改</span></button>';
|
|||
|
|
buts += '<button class="btn btn-default btn-sm" title="下发" onclick="sendFun(\'' + row.id + '\')"><i class="fa fa fa-send"></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 saveEditor = function () {
|
|||
|
|
var modelid = $("#id").val();
|
|||
|
|
var editorText = editor.txt.html();
|
|||
|
|
$.post(ext.contextPath + '/command/emergencyConfigure/saveEditor.do', {
|
|||
|
|
modelid: modelid,
|
|||
|
|
editorText: editorText
|
|||
|
|
}, function (data) {
|
|||
|
|
if (data == '1') {
|
|||
|
|
alert('保存成功！');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
<body class="hold-transition ${cu.themeclass} sidebar-mini">
|
|||
|
|
<div class="wrapper">
|
|||
|
|
<div class="content-wrapper">
|
|||
|
|
<!-- Content Header (Page header) -->
|
|||
|
|
<section class="content-header">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-5">
|
|||
|
|
<h4 class="inline col-md-5 text-overflow">预案名称：${emergencyRecords.name}</h4>
|
|||
|
|
<h4 class="inline col-md-7"><small
|
|||
|
|
style="margin-right:5px;">预案开始时间：${emergencyRecords.starttime.substring(0,16)}</small>
|
|||
|
|
<small>预案执行情况： <c:if
|
|||
|
|
test="${emergencyRecords.status==EmergencyRecords_Status_Start}">进行中</c:if>
|
|||
|
|
<c:if test="${emergencyRecords.status==EmergencyRecords_Status_Finish}">完成</c:if></small>
|
|||
|
|
</h4>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-7">
|
|||
|
|
<h4>
|
|||
|
|
<div class="buttonDiv btn btn-primary" onclick="fileView('${emergencyConfigureID}PDF')">
|
|||
|
|
预案文档
|
|||
|
|
</div>
|
|||
|
|
<div class="buttonDiv btn btn-primary" onclick="fileView('${emergencyConfigureID}VIDEO')">
|
|||
|
|
演练教学
|
|||
|
|
</div>
|
|||
|
|
<div class="buttonDiv btn btn-primary"
|
|||
|
|
onclick="buttongd('listWorkOrder','list','${param.id}')">预案进展
|
|||
|
|
</div>
|
|||
|
|
<div class="buttonDiv btn btn-primary" onclick="cameraListLayer('listCamera');">厂区视频
|
|||
|
|
</div>
|
|||
|
|
</h4>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- Main content -->
|
|||
|
|
<section class="content container-fluid">
|
|||
|
|
<input type="hidden" id="rank" name="rank" value="">
|
|||
|
|
<input type="hidden" id="id" name="id" value="${param.id}">
|
|||
|
|
<!-- <input type="hidden" id="detailid" name="detailid" value=""> -->
|
|||
|
|
<input type="hidden" id="nodeid" name="nodeid" value="">
|
|||
|
|
<input type="hidden" id="startupcondition" name="startupcondition" value="">
|
|||
|
|
<input type="hidden" id="itemnumber" name="itemnumber" value="">
|
|||
|
|
<input type="hidden" id="bizid" name="bizid" value="${bizid}">
|
|||
|
|
<!--信道 根据信道排序的-->
|
|||
|
|
<input type="hidden" id="channel" name="channel" value="${channel}">
|
|||
|
|
<div id="subDiv"></div>
|
|||
|
|
<div id="addWorkOrder"></div>
|
|||
|
|
<div id="powerDiv"></div>
|
|||
|
|
<div id="alertDiv"></div>
|
|||
|
|
<div id="user4SelectDiv"></div>
|
|||
|
|
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-5">
|
|||
|
|
<div class="box box-primary direct-chat direct-chat-primary">
|
|||
|
|
<div class="box-header with-border">
|
|||
|
|
<h4 class="box-title" id="content-title">
|
|||
|
|
|
|||
|
|
</h4>
|
|||
|
|
<div class="box-tools pull-right">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.box-header -->
|
|||
|
|
<div class="box-body">
|
|||
|
|
<!--左边流程图的div-->
|
|||
|
|
<div id="forceChart" class="showechart">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.box-body -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!--右边列表的div-->
|
|||
|
|
<div class="col-md-7">
|
|||
|
|
<div class="box box-primary direct-chat direct-chat-primary">
|
|||
|
|
|
|||
|
|
<div class="box-header with-border">
|
|||
|
|
<%--<h4 class="box-title" style="height: 35px;line-height: 1.8;">事项名称：<font
|
|||
|
|
id="content"></font></h4>
|
|||
|
|
<div class="box-tools pull-right" id="content_tools">
|
|||
|
|
</div>--%>
|
|||
|
|
<div class="row">
|
|||
|
|
<label class="col-md-2">事项名称：</label>
|
|||
|
|
<div class="col-md-4"><font id="content">-</font></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row">
|
|||
|
|
<label class="col-md-2">事项负责人：</label>
|
|||
|
|
<div class="col-md-4"><font id="personliable">-</font></div>
|
|||
|
|
<label class="col-md-2">事项说明：</label>
|
|||
|
|
<div class="col-md-4"><font id="contentdetail">-</font></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="box-body" id="content_body"></div>
|
|||
|
|
|
|||
|
|
<div class="box-footer" id="content_footer">
|
|||
|
|
<div class="row">
|
|||
|
|
<label class="col-md-2">总负责人：</label>
|
|||
|
|
<div class="col-md-4"><font>${_firstPerson}</font></div>
|
|||
|
|
<%--<label class="col-md-2">事项说明：</label>
|
|||
|
|
<div class="col-md-4"><font></font></div>--%>
|
|||
|
|
</div>
|
|||
|
|
<div class="row">
|
|||
|
|
<label class="col-md-2">总体介绍：</label>
|
|||
|
|
<div class="col-md-10"><font>${memo}</font></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row">
|
|||
|
|
<label class="col-md-2">启动条件：</label>
|
|||
|
|
<div class="col-md-10"><font>${startingCondition}</font></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<!--右边列表的div-->
|
|||
|
|
|
|||
|
|
<div class="box box-primary">
|
|||
|
|
<div class="box-header with-border">
|
|||
|
|
<h3 class="box-title">任务工单</h3>
|
|||
|
|
<div class="box-tools pull-right">
|
|||
|
|
<c:if test="${emergencyRecords.status==EmergencyRecords_Status_Start}">
|
|||
|
|
<button type="button" class="btn btn-default btn-sm" onclick="addworkFun2();"><i
|
|||
|
|
class="fa fa-plus"></i>新增
|
|||
|
|
</button>
|
|||
|
|
</c:if>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="box-body" id="patrolPoint_body">
|
|||
|
|
<table id="table_patrolPoint" class="table table-condensed"></table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- /.content -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="listWorkOrder" style="display:none;height:500px;"></div>
|
|||
|
|
<div id="listCamera" style="display:none;height:500px;"></div>
|
|||
|
|
</body>
|
|||
|
|
</html:html>
|