<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
|
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro"%>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<meta name="viewport" charset="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>关键字信息</title>
|
<!--[if !IE]><!-->
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<!--<![endif]-->
|
<!--[if gt IE 8]>
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<![endif]-->
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/layer/skin/default/layer.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/webuploader/webuploader.css" type="text/css">
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/scripts/easyuiExtend.js"></script>
|
<script type="text/javascript" src="static/scripts/jquery-extend.js"></script>
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script type="text/javascript" src="static/plugins/webuploader/webuploader.js"></script>
|
|
<!-- 弹窗加载组件 -->
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
<!-- wcp组件 -->
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<style>
|
.combobox-group {
|
clear: both;
|
}
|
#attachInfo h5 a{font-weight: normal;
|
font-size: 12px; margin: 0 6px;}
|
#attachInfo h5 a .fa{margin-right: 6px;}
|
#attachInfo{margin: 0 0 8px 0;}
|
</style>
|
|
</head>
|
<body>
|
<div class="margin-lr">
|
<div class="pt-main-top clear">
|
<div class="pt-nav">
|
<span class="pt-title-icon"><i class="fa fa-file-text-o"></i></span>
|
<div class="pt-title">
|
<div>
|
<h4>附件模板信息</h4>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="pt-form">
|
<form id="formTemplate" method="post">
|
<div class="ptbody">
|
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle" style="width: 140px;">
|
<em class="pt-color-danger">*</em> 模板名称：
|
</td>
|
<td>
|
<input id="templateName" name="templateName" class="easyui-textbox" type="text" data-options="required:true" style="width:100%" value="${template.templateName }" />
|
<input type="hidden" id="id" name="id" value="${ template.id}">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">模板类型：</td>
|
<td>
|
<select id="templateType" name="templateType" class="easyui-combobox" style="width:100%;" data-options="editable:false,panelHeight:'auto'">
|
<option value="0">头部文件</option>
|
<option value="1">尾部文件</option>
|
<option value="2">完整文件</option>
|
</select>
|
</td>
|
</tr>
|
<tr >
|
<td class="tbtitle">所属模块：</td>
|
<td>
|
<input type="text" id="moduleName" name="moduleName" value="${template.moduleName}" class="easyui-textbox" data-options="editable:false,buttonText:'选择模块',prompt:'',onClickButton:function(){selectModule();}" style="width:100%;" />
|
<input type="hidden" id="moduleId" name="moduleId" value="${template.moduleId }" class="easyui-textbox" >
|
</td>
|
</tr>
|
<c:if test="${template.flowDefinitionId != null && template.flowDefinitionId != 0}">
|
<tr >
|
<td class="tbtitle">归属流程：</td>
|
<td>
|
<input type="hidden" id="flowDefinitionName" name="flowDefinitionName" value="${template.flowDefinitionName}" data-options="editable:false" style="width:100%;" />
|
<input type="text" id="flowDefinitionId" name="flowDefinitionId" class="easyui-combobox" class="easyui-textbox" data-options="panelHeight:'auto',required:true" style="width:100%;">
|
</td>
|
</tr>
|
</c:if>
|
|
<tr>
|
<td class="tbtitle">描述：</td>
|
<td>
|
<input id="templateDescribe" name="templateDescribe" class="easyui-textbox" data-options="multiline:true" style="height:120px;width:100%" value="${template.templateDescribe }" />
|
<input type="hidden" id="uploadName" name="uploadName"
|
value="${template.uploadName}"/>
|
<input type="hidden" id="physicalName" name="physicalName"
|
value="${template.physicalName}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">附件：</td>
|
<td>
|
<div id="attachInfo" style="display: none">
|
</div>
|
<input type="hidden" id="attachUrl" name="attachUrl"
|
value="${template.attachUrl}"/>
|
<div id="pickerTemplate">
|
上传文件</div>
|
</td>
|
</tr>
|
</table>
|
|
</div>
|
</form>
|
<div class="pt-form-btn">
|
<div class="form-group">
|
<button id="btnSave" class="pt-btn pt-btn-primary">保存</button>
|
<button id="btnClose" class="pt-btn pt-btn-default">关闭</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
//窗口参数，用于弹窗传递
|
var params = {
|
callBack : null
|
};
|
var flowDefinitionId = '${template.flowDefinitionId}';
|
$(function() {
|
$('#templateType').combobox('setValue', '${template.templateType }');
|
initAttach();
|
initDefinition();
|
new ResizeScroll({
|
"id" : ".ptbody",
|
fun : function() {
|
var wh = $(window).height();
|
return (wh - 69 - 62);
|
|
}
|
});
|
|
//绑定按钮事件
|
$("#btnSave").click(function() {
|
//验证表单信息
|
var isValid = $('#formTemplate').form('validate');
|
if (!isValid) {
|
wcp.notify.warn('表单验证有误，请检查表单输入项！');
|
return false;
|
}
|
|
var obj = $("#formTemplate").serializeObject();
|
|
wcp.ui.setBusy("body", wcp.ajax({
|
url : "management/attachTemplate/saveKeyword",
|
data : JSON.stringify(obj),
|
}).done(function(result) {
|
//判断是否需要执行回调函数
|
if (params.callBack) {
|
params.callBack();
|
}
|
|
//关闭窗口
|
closeWindow();
|
|
top.wcp.notify.success("保存成功！");
|
}));
|
});
|
|
$("#btnClose").click(function() {
|
closeWindow();
|
});
|
|
$("#moduleName").textbox({
|
onChange: function(value) {
|
initDefinition();
|
}
|
});
|
|
var imgFileExtensions = '*';
|
var uploader = WebUploader.create({
|
swf: 'static/plugins/webuploader/Uploader.swf',
|
server: 'management/attachTemplate/uploadAttach',
|
pick: {
|
id: "#pickerTemplate",
|
multiple: false
|
},
|
accept: {
|
title: '附件模板',
|
extensions: imgFileExtensions,
|
mimeTypes: '*'
|
},
|
thumb: {
|
width: 100,
|
height: 100,
|
crop: true
|
},
|
auto: true
|
});
|
uploader.on("beforeFileQueued", function (file) {//上传失败
|
var attachUrl = $("#attachUrl").val();
|
if(typeof attachUrl != "undefined" && attachUrl != "" && attachUrl != null){
|
top.wcp.notify.success("当前已有文件存在！");
|
return false;
|
}
|
});
|
uploader.on("uploadSuccess", function (file, response) { //上传成功事件
|
$("#attachInfo").empty();
|
$("#attachInfo").show();
|
$('#attachInfo').html('<h5 title="'+response.result.physicalName+'">' + response.result.physicalName
|
+ '<a href="javascript:;" class="pt-color-success" onclick="viewFile(\'0\',\'0\',\'' + response.result.attachUrl + '\')"><i class="fa fa-eye" title="查看"></i>查看</a>'
|
+ '<a href="javascript:;" class="pt-color-danger" onclick="deleteFile(\'' + response.result.uploadName + '\')"><i class="fa fa-trash-o" title="删除"></i>删除</a>'
|
+ '</h5> ');
|
$("#attachUrl").val(response.result.attachUrl);
|
$("#uploadName").val(response.result.uploadName);
|
$("#physicalName").val(response.result.physicalName);
|
top.wcp.notify.success("上传成功！");
|
|
});
|
uploader.on("uploadError", function (file, reason) { //上传失败
|
wcp.message.error("上传失败：" + reason, "错误");
|
});
|
/* uploader.on("beforeFileQueued", function (file) {
|
var ext = file.ext;
|
if (imgFileExtensions.indexOf(ext.toLowerCase()) == -1) {
|
wcp.message.error("请选择正确文件！", "错误");
|
return false;
|
}
|
});*/
|
|
|
});
|
|
function selectModule() {
|
wcp.picker.selectModule({
|
title : "请选择模块",
|
multiSelect : false,
|
idElement : "moduleId",
|
nameElement : "moduleName",
|
layerOpener : window
|
});
|
}
|
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
|
//初始化附件信息
|
function initAttach(){
|
var attachUrl = "${template.attachUrl}";
|
var physicalName = "${template.physicalName}";
|
var uploadName = "${template.uploadName }";
|
if(typeof attachUrl != "undefined" && attachUrl != "" && attachUrl != null){
|
$("#attachInfo").empty();
|
$("#attachInfo").show();
|
$('#attachInfo').html('<h5 title="'+ physicalName +'">'+physicalName
|
+ '<a href="javascript:;" class="pt-color-success" onclick="viewFile(\'0\',\'0\',\'' + attachUrl + '\')"><i class="fa fa-eye" title="查看"></i>查看</a>'
|
+ '<a href="javascript:;" class="pt-color-danger" onclick="deleteFile(\'' +uploadName +'\')"><i class="fa fa-trash-o" title="删除"></i>删除</a>'
|
+'</h5> ');
|
|
}
|
}
|
//浏览附件
|
function viewFile(attachId, isEdit, attachViewUrl, type) {
|
var url = 'general/viewFile?attachId=' + attachId + '&isEdit=' + isEdit + '&attachViewUrl=' + encodeURIComponent(attachViewUrl);
|
//弹出层方式打开
|
if (type == 1) {
|
if (top.addPanel) {
|
top.addPanel(url, "附件浏览" + attachId);
|
} else {
|
window.open(url);
|
}
|
} else {
|
var openUrlWidth = 1000;
|
var openUrlHeight = 600;
|
top.layer.open({
|
title: '附件浏览',
|
type: 2,
|
area: [openUrlWidth + "px", openUrlHeight + "px"],
|
fixed: false,
|
maxmin: true,
|
content: url,
|
success: function (layero, index) {
|
}
|
});
|
}
|
|
}
|
|
//删除附件
|
function deleteFile(uploadName) {
|
var id = $("#id").val();
|
wcp.ui.setBusy("body", wcp.ajax({
|
url : "management/attachTemplate/deleteFile?uploadName="+ encodeURIComponent(uploadName) +"&id=" + id,
|
}).done(function(result) {
|
if(result){
|
$("#attachInfo").hide();
|
$("#attachUrl").val("");
|
$("#uploadName").val("");
|
$("#physicalName").val("");
|
//判断是否需要执行回调函数
|
if (params.callBack) {
|
params.callBack();
|
}
|
top.wcp.notify.success("删除成功！");
|
}
|
}));
|
|
}
|
|
|
|
function initDefinition(){
|
$('#flowDefinitionId').combobox('setValue', '');
|
$('#flowDefinitionName').val('');
|
$("#flowDefinitionId").combobox("clear");
|
var _moduleId = $("#moduleId").val();
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/flowDefinition/listFlowDefinitionByTree?moduleId="+_moduleId,
|
}).done(function (result) {
|
//下拉框设置点击事件
|
$("#flowDefinitionId").combobox({
|
data: result,
|
valueField: 'id',
|
textField: 'text',
|
onClick: function (record) {
|
$("#flowDefinitionName").val(record.text);
|
}
|
});
|
if(flowDefinitionId!=''){
|
$('#flowDefinitionId').combobox('setValue', flowDefinitionId);
|
flowDefinitionId = '';
|
}
|
}));
|
}
|
</script>
|
</html>
|
