456 lines
15 KiB
Plaintext
456 lines
15 KiB
Plaintext
|
|
|||
|
|
|
|||
|
|
<style type="text/css">
|
|||
|
|
|
|||
|
|
.showechart {
|
|||
|
|
margin: 1 auto;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#left {
|
|||
|
|
width: 20%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
float: left;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#right {
|
|||
|
|
width: 80%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
float: left;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#right_top {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 80%;
|
|||
|
|
float: left;
|
|||
|
|
align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#right_under {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 20%;
|
|||
|
|
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);
|
|||
|
|
} */
|
|||
|
|
/*
|
|||
|
|
根据不同分辨率显示不同px的文字大小
|
|||
|
|
*/
|
|||
|
|
@media (min-width: 400px) and (min-height: 300px) {
|
|||
|
|
/*上面一排按钮div的样式*/
|
|||
|
|
.buttonDiv {
|
|||
|
|
width: 16%;
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
border: 2px solid #0EA5FF;
|
|||
|
|
line-height: 16px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*上面一排按钮里面文字的样式*/
|
|||
|
|
.buttonFont {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 16px;
|
|||
|
|
margin: 5% 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 {
|
|||
|
|
width: 16%;
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
border: 2px solid #0EA5FF;
|
|||
|
|
line-height: 16px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*上面一排按钮里面文字的样式*/
|
|||
|
|
.buttonFont {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 16px;
|
|||
|
|
margin: 5% 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 {
|
|||
|
|
width: 17%;
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
border: 2px solid #0EA5FF;
|
|||
|
|
line-height: 16px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*上面一排按钮里面文字的样式*/
|
|||
|
|
.buttonFont {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
margin: 6% 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 {
|
|||
|
|
width: 17%;
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
border: 2px solid #0EA5FF;
|
|||
|
|
line-height: 16px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*上面一排按钮里面文字的样式*/
|
|||
|
|
.buttonFont {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 16px;
|
|||
|
|
margin: 7% 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 {
|
|||
|
|
width: 17%;
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
border: 2px solid #0EA5FF;
|
|||
|
|
line-height: 16px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*上面一排按钮里面文字的样式*/
|
|||
|
|
.buttonFont {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 20px;
|
|||
|
|
margin: 7% 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;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
|
|||
|
|
//启动编辑器
|
|||
|
|
var myEditor = null;
|
|||
|
|
|
|||
|
|
const E = window.wangEditor
|
|||
|
|
const editor = new E('#div1')
|
|||
|
|
|
|||
|
|
$(function () {
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
* ckeditor5 富文本初始化
|
|||
|
|
*/
|
|||
|
|
/*BalloonEditor.create(document.querySelector('#editor'), {
|
|||
|
|
ckfinder: {
|
|||
|
|
uploadUrl: ext.contextPath + "/command/emergencyConfigure/uploadImage.do"
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.then(editor => {
|
|||
|
|
//console.log('Editor was initialized', editor);
|
|||
|
|
myEditor = editor;
|
|||
|
|
})
|
|||
|
|
.catch(err => {
|
|||
|
|
//console.error(err.stack);
|
|||
|
|
});*/
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
* 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])
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//editor.txt.html('')
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
/*var saveEditor = function () {
|
|||
|
|
var modelid = $("#id").val();
|
|||
|
|
var editorText = myEditor.getData();
|
|||
|
|
$.post(ext.contextPath + '/command/emergencyConfigure/saveEditor.do', {
|
|||
|
|
modelid: modelid,
|
|||
|
|
editorText: editorText
|
|||
|
|
}, function (data) {
|
|||
|
|
if (data == '1') {
|
|||
|
|
alert('保存成功！');
|
|||
|
|
//swal("保存成功！");
|
|||
|
|
//closeModal('powerModal');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}*/
|
|||
|
|
|
|||
|
|
|
|||
|
|
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>
|
|||
|
|
<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-->
|
|||
|
|
<div id="right">
|
|||
|
|
<!--右边操作内容步骤负责人+聊条窗口+视频 的div-->
|
|||
|
|
<div id="right_top">
|
|||
|
|
<div id="right_top_left">
|
|||
|
|
<!--子流程负责人 的div-->
|
|||
|
|
<div id="right_top_left_under" valign="middle" align="center">
|
|||
|
|
<div style="background:#FFFFFF;width:97%;height:97%;text-align:center;" valign="middle"
|
|||
|
|
align="left">
|
|||
|
|
<div id="titleDiv2">
|
|||
|
|
<div style="float: left;margin-left:20px;">
|
|||
|
|
<button type="button" class="btn btn-primary" onclick="saveEditor()">保存</button>
|
|||
|
|
</div>
|
|||
|
|
<font id="content">事项详情</font>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="box-body" align="left">
|
|||
|
|
<%--<div namen="content" id="editor">
|
|||
|
|
${memo}
|
|||
|
|
</div>--%>
|
|||
|
|
<div id="div1" style="width:100%;height:100%;">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html:html>
|