<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%@ 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%>">
|
<title>流程信息</title>
|
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<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">
|
|
<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/slimScroll/jquery.slimscroll.min.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>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
<style>
|
.combobox-group {
|
clear: both;
|
}
|
|
.combobox-gitem {
|
float: left;
|
padding-right: 10px;
|
}
|
</style>
|
|
</head>
|
|
<body class="pt-tree">
|
<div class="margin-lr">
|
<div class="pt-main-top clear">
|
<div class="pt-nav">
|
<span class="pt-title-icon">
|
<i class="fa fa-share-alt"></i>
|
</span>
|
<div class="pt-title">
|
<div>
|
<h4>流程信息</h4>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="pt-form">
|
<form id="formFlow" method="post">
|
<div class="ptbody">
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 流程名称：
|
</td>
|
<td>
|
<input id="flowName" name="flowName" class="easyui-textbox" type="text"
|
data-options="required:true" style="width:100%" value="${flowDefinition.flowName}"/>
|
<input type="hidden" id="flowId" name="flowId" value="${flowDefinition.flowId}">
|
<input type="hidden" id="moduleId" name="moduleId" value="${flowDefinition.moduleId}">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 流程表单：
|
</td>
|
<td>
|
<select name="formId" id="formId" style="width:100%;"></select>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 流程标题：
|
</td>
|
<td>
|
<input id="flowTitleExpression" name="flowTitleExpression" class="easyui-textbox"
|
type="text" value="${flowDefinition.flowTitleExpression}"
|
data-options="required:true, buttonText:'选择字段',prompt:'',onClickButton:selectColumn"
|
style="width:100%;"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
编制单位字段：
|
</td>
|
<td>
|
<input id="createUnit" name="createUnit" class="easyui-textbox" type="text"
|
value="${flowDefinition.createUnit}"
|
data-options="buttonText:'选择字段',prompt:'',onClickButton:selectColumn"
|
style="width:100%;"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
文件代码字段：
|
</td>
|
<td>
|
<input id="fileCode" name="fileCode" class="easyui-textbox" type="text"
|
value="${flowDefinition.fileCode}"
|
data-options="buttonText:'选择字段',prompt:'',onClickButton:selectColumn"
|
style="width:100%;"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
紧急程度代码字段：
|
</td>
|
<td>
|
<input id="emergencyDegreeCode" name="emergencyDegreeCode" class="easyui-textbox" type="text"
|
value="${flowDefinition.emergencyDegreeCode}"
|
data-options="buttonText:'选择字段',prompt:'',onClickButton:selectColumn"
|
style="width:100%;"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">流程类型：</td>
|
<td>
|
<select id="flowType" name="flowType" class="easyui-combobox" style="width:100%;"
|
data-options="editable:false,panelHeight:'auto'">
|
<option value="0" selected="selected">电脑端</option>
|
<option value="1">手机端</option>
|
<option value="2">电脑端+手机端</option>
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
流程图标：
|
</td>
|
<td>
|
<input id="flowIcon" name="flowIcon" value="${flowDefinition.flowIcon}"
|
class="easyui-textbox" type="text"
|
data-options="editable:false,buttonText:'选择图标',prompt:'',onClickButton:selectIcon"
|
style="width:100%;"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">
|
流程样式：
|
</td>
|
<td>
|
<input id="flowCss" name="flowCss" class="easyui-textbox" type="text"
|
style="width:100%" value="${flowDefinition.flowCss}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">流程状态：</td>
|
<td>
|
<input type="hidden" id="flowState" name="flowState" value="${flowDefinition.flowState}"/>
|
<input id="flowStateText" class="easyui-switchbutton"
|
data-options="onText:'启用',offText:'关闭',onChange:flowStateTextChange"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">流程描述：</td>
|
<td>
|
<input id="flowDescription" name="flowDescription" class="easyui-textbox" type="text"
|
class="easyui-textbox" data-options="multiline:true" style="height:120px;width:100%"
|
value="${flowDefinition.flowDescription}"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">是否使用权限：</td>
|
<td>
|
<input type="hidden" id="enablePermission" name="enablePermission"/>
|
<input id="enablePermissionText" class="easyui-switchbutton"
|
data-options="onText:'是',offText:'否',onChange:isPermissionChange"/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">权限名称：</td>
|
<td>
|
<input id="permissionName" name="permissionName" class="easyui-textbox" type="text"
|
value="${flowDefinition.permissionName }"
|
data-options="editable:false,buttonText:'生成',prompt:'',onClickButton:function(){generatePermission();}"
|
style="width:85%;"/>
|
<a id="permission_but" class="pt-btn pt-btn-default">选择权限</a>
|
</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,
|
callBackParams: null
|
};
|
|
$(function () {
|
initFlowCss();
|
<c:if test="${flowDefinition.flowType!=null}">
|
$('#flowType').combobox('setValue', '${flowDefinition.flowType}');
|
</c:if>
|
|
$('#formId').combobox({
|
url: 'config/form/getFormListForSelect?moduleId=' + $("#moduleId").val(),
|
valueField: 'formId',
|
textField: 'formName',
|
editable: false,
|
panelHeight: 'auto',
|
onLoadSuccess: function () {
|
$('#formId').combobox('setValue', '${flowDefinition.formId}');
|
}
|
});
|
|
if ($("#flowState").val() == "1") {
|
$('#flowStateText').switchbutton("check");
|
} else {
|
$('#flowStateText').switchbutton("uncheck");
|
}
|
|
//判断权限名称是否可编写
|
if (${flowDefinition.enablePermission}) {
|
$("#permissionName").textbox("enable");
|
$('#enablePermissionText').switchbutton("check");
|
$("#enablePermission").val("true");
|
} else {
|
$('#enablePermissionText').switchbutton("uncheck");
|
$("#permissionName").textbox("disable");
|
$("#enablePermission").val("false");
|
}
|
$("#permission_but").click(function () {
|
selectPermission();
|
});
|
|
$("#btnSave").click(function () {
|
saveFlow();
|
});
|
|
|
$("#btnClose").click(function () {
|
closeWindow();
|
});
|
|
new ResizeScroll({
|
"id": ".ptbody",
|
"fun": function () {
|
var wh = $(window).height();
|
return (wh - 79 - 52);
|
}
|
});
|
});
|
|
//选择权限
|
function selectPermission() {
|
//usedParentId = $("#parentId").combotree("getValue");
|
var enablePermission = $("#enablePermission").val();
|
var flowId = $("flowDefinition.flowId");
|
if (enablePermission != 0 && (flowId == null || flowId == 0)) {
|
wcp.picker.selectPermission({
|
title: "请选择权限",
|
multiSelect: false,
|
nameElement: "permissionName",
|
layerOpener: window
|
});
|
}
|
}
|
|
function flowStateTextChange(checked) {
|
if (checked) {
|
$("#flowState").val(1);
|
} else {
|
$("#flowState").val(0);
|
}
|
}
|
|
//判断权限名称是否填写
|
function isPermissionChange(checked) {
|
$("#enablePermission").val(checked);
|
if (checked) {
|
$("#permissionName").textbox("enable");
|
} else {
|
$("#permissionName").textbox("disable");
|
}
|
}
|
|
function saveFlow() {
|
//验证表单信息
|
var isValid = $('#formFlow').form('validate');
|
if (!isValid) {
|
wcp.notify.warn('表单验证有误，请检查表单输入项！');
|
return false;
|
}
|
|
var obj = $("#formFlow").serializeObject();
|
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "config/flowDefinition/saveFlow",
|
data: JSON.stringify(obj),
|
}).done(function (result) {
|
//判断是否需要执行回调函数
|
if (params.callBack) {
|
if (params.callBackParams) {
|
params.callBack(params.callBackParams);
|
} else {
|
params.callBack();
|
}
|
}
|
|
//关闭窗口
|
closeWindow();
|
|
top.wcp.notify.success("保存成功！");
|
}));
|
}
|
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
|
// ===========================流程图标/流程样式/编制单位字段/文件代码字段=====================================
|
/***************************
|
* 选择图标
|
*
|
*/
|
function selectIcon() {
|
wcp.picker.selectIcon({
|
title: "请选择图标",
|
nameElement: "flowIcon",
|
layerOpener: window
|
});
|
}
|
|
/***************************
|
* 初始化流程样式
|
*
|
*/
|
function initFlowCss() {
|
$("#flowCss").combobox({
|
valueField: 'id',
|
textField: 'text',
|
data: [
|
{
|
id: 'pt-color-0',
|
text: '淡绿色'
|
},
|
{
|
id: 'pt-color-1',
|
text: '杏仁色'
|
},
|
{
|
id: 'pt-color-2',
|
text: '浅粉红'
|
},
|
{
|
id: 'pt-color-3',
|
text: '淡黄色'
|
},
|
{
|
id: 'pt-color-4',
|
text: '淡蓝色'
|
},
|
{
|
id: 'pt-color-5',
|
text: '淡紫色'
|
},
|
{
|
id: 'pt-color-6',
|
text: '靛蓝色'
|
},
|
{
|
id: 'pt-color-7',
|
text: '淡红色'
|
},
|
{
|
id: 'pt-color-8',
|
text: '紫色'
|
},
|
{
|
id: 'pt-color-9',
|
text: '黄色'
|
},
|
{
|
id: 'pt-color-10',
|
text: '蓝色'
|
},
|
{
|
id: 'pt-color-11',
|
text: '绿色'
|
},
|
{
|
id: 'pt-color-12',
|
text: '蓝色'
|
},
|
{
|
id: 'pt-color-13',
|
text: '草绿色'
|
},
|
{
|
id: 'pt-color-14',
|
text: '兰花紫'
|
},
|
{
|
id: 'pt-color-15',
|
text: '橘黄色'
|
},
|
{
|
id: 'pt-color-16',
|
text: '淡紫色'
|
},
|
{
|
id: 'pt-color-17',
|
text: '青色'
|
},
|
{
|
id: 'pt-color-18',
|
text: '小麦色'
|
}
|
]
|
});
|
}
|
|
/***************************
|
* 选择字段
|
*
|
*/
|
function selectColumn() {
|
var idSelector = this.id;
|
var multiSelect = false;
|
if (idSelector == "flowTitleExpression") {
|
multiSelect = true;
|
}
|
wcp.picker.selectTableColumn({
|
title: "请选择字段",
|
moduleId: '${flowDefinition.moduleId}',
|
multiSelect: multiSelect,
|
layerOpener: window
|
}, function (rows) {
|
var value = convertColumn(rows);
|
// console.log(rows);
|
// switch (idSelector) {
|
// case "flowTitleExpression":
|
// value = convertColumn(rows);
|
// break;
|
// case "createUnit":
|
// value = rows[0].columnName;
|
// break;
|
// case "fileCode":
|
// value = rows[0].columnName;
|
// break;
|
// default:
|
// break;
|
// }
|
$("#" + idSelector).textbox("setValue", value);
|
});
|
}
|
|
/***************************
|
* 转换为表达式
|
*
|
*/
|
function convertColumn(rows) {
|
var result = "";
|
$.each(rows, function (index, value) {
|
result += ("$" + "{" + value.columnName + "}");
|
})
|
return result;
|
}
|
</script>
|
</html>
|
