| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448 |
- <%@ page language="java" contentType="text/html; charset=gbk"
- pageEncoding="gbk"%>
- <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
- <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gbk">
- <meta name="renderer" content="ie-stand">
- <meta http-equiv="X-UA-Compatible" content="IE=edge;">
- <meta http-equiv="PRAGMA" content="no-cache">
- <meta http-equiv="Cache-Control" content="no-cache">
- <meta http-equiv="Expires" content="0">
- <%@ include file="/yw/bpm/configuration/common.jsp"%>
- <link href="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/demo/css/screen.css" rel="stylesheet"></link>
- <link href="${pageContext.request.contextPath }/yw/bpm/configuration/configuration.css" rel="stylesheet"></link>
- <script type="text/javascript" src="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/dist/jquery.validate.js"></script>
- <script type="text/javascript" src="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/localization/messages_zh.js"></script>
- <script type="text/javascript" src="${pageContext.request.contextPath }/yw/bpm/configuration/js/flow/model.js"></script>
- <script type="text/javascript" src="${pageContext.request.contextPath }/yw/bpm/configuration/js/tree/tree.js"></script>
- <script type="text/javascript" src="${pageContext.request.contextPath }/yw/bpm/configuration/js/bootstrap-maxlength.js"></script>
- <title>流程配置</title>
- <script type="text/javascript">
- var contextPath = "${pageContext.request.contextPath }";
- function backValue(){
- var fmodel = "${requestScope.fmodel}";
- if(fmodel != null && fmodel != ""){
- var modelName = "${requestScope.fmodel.modelName }";
- $("#modelName").val(modelName);
- var remark = "${requestScope.fmodel.remark }";
- $("#remark").val(remark);
- var typeId = "${requestScope.fmodel.typeId.typeId }";
- $("#typeId").val(typeId);
- $("#typeId").select2();
- var isCancel = "${requestScope.fmodel.isCancel.value }";
- if(isCancel == "1"){
- $("#isCancel").attr("checked",'true');
- $("#dCancelConfig").show();
- }
- var isAutoread = "${requestScope.fmodel.isAutoread}";
- if(isAutoread == "1"){
- $("#isAutoread").attr("checked",'true');
- $("#dReadConfig").show();
- }
- var control = "${requestScope.fmodel.control.value }";
- $("#control").val(control);
- $("#control").select2();
- if(control == "0"){
- $("#controlUrlDiv").show();
- }
- var controlUrl = "${requestScope.fmodel.controlUrl }";
- $("#controlUrl").val(controlUrl);
-
- var isViewLimit = "${requestScope.fmodel.isViewLimit }";
- if(isViewLimit == -1){
- $("#isViewLimit").val(isViewLimit);
- } else {
- $("#isViewLimit").val(0);
- $("#mViewLimit").removeClass();
- $("#mViewLimit").addClass("col-sm-4");
- $("#isViewLimitValue").val(isViewLimit);
- $("#fViewLimit").show();
- }
- $("#isViewLimit").select2();
-
- var limitUseType = "${requestScope.fmodel.limitUseType }";
- $("#limitUseType").val(limitUseType);
- $("#limitUseType").select2();
- if(limitUseType == 0){
- $("#deptDiv").show();
- $("#deptname1").val("${requestScope.fmodel.limitUseName}");
- $("#dept1").val("${requestScope.fmodel.limitUse}");
- } else if (limitUseType == 1){
- $("#userDiv").show();
- $("#username1").val("${requestScope.fmodel.limitUseName}");
- $("#user1").val("${requestScope.fmodel.limitUse}");
- } else if (limitUseType == 2){
- $("#posDiv").show();
- $("#posDiv2").show();
- var limitPositionType = "${requestScope.fmodel.limitPositionType }";
- $("#limitPositionType").val(limitPositionType);
- $("#limitPositionType").select2();
- $("#limitPositionDepts").val("${requestScope.fmodel.limitPositionDept}");
- $("#limitPositionDeptNames").val("${requestScope.fmodel.limitPositionDeptName}");
- var position = "${requestScope.fmodel.limitUse}";
- var positionarr = position.split(";");
- $("#position").val(positionarr).select2();
- if(limitPositionType == 0){
- $("#posDiv1").show();
- } else {
- $("#posDiv1").hide();
- }
- }
-
- //撤销流程配置
- var endCancel = "${requestScope.fmodel.endCancel.value }";
- if(endCancel == "1"){
- $("#endCancel").attr("checked",'true');
- }
-
- var cancelCanRead = "${requestScope.fmodel.cancelCanRead.value }";
- if(cancelCanRead == "1"){
- $("#cancelCanRead").attr("checked",'true');
- }
-
- var allowCancels = "${requestScope.fmodel.allowCancels}";
- var allowCancelsarr = allowCancels.split(",");
- $("#allowCancel").val(allowCancelsarr).select2();
- arrayIndexOf();
- if(allowCancelsarr!=null && allowCancelsarr.indexOf("2")!=-1){
- $("#otherDiv").show();
- } else {
- $("#otherDiv").hide();
- }
-
- var noticeTypeArr = [];
- var isSms = "${requestScope.fmodel.isSms.value}";
- if(isSms == 1){
- noticeTypeArr.push("0");
- }
- var isMessage = "${requestScope.fmodel.isMessage.value}";
- if(isMessage == 1){
- noticeTypeArr.push("1");
- }
- var isEmail = "${requestScope.fmodel.isEmail.value}";
- if(isEmail == 1){
- noticeTypeArr.push("2");
- }
- $("#noticeType").val(noticeTypeArr).select2();
- }
- }
- </script>
- </head>
- <body>
- <!-- 头部导航区域 -->
- <ul class="nav nav-pills nav-wizard navbar-fixed-top" id="header">
- <li class="active"><a href="#"><div class="badge badge-title">1</div>
- 流程配置</a><div class="nav-arrow"></div></li>
- <li><div class="nav-wedge"></div>
- <a href="#" onclick="saveForm('toGraph','${requestScope.modelId }');"><div class="badge badge-title badge-title-none">2</div>
- 流程绘制</a><div class="nav-arrow"></div></li>
- <li><div class="nav-wedge"></div>
- <a href="#" onclick="saveForm('toFlowForm','${requestScope.modelId }');" ><div class="badge badge-title badge-title-none">3</div>
- 关联表单</a><div class="nav-arrow"></div></li>
- <li><div class="nav-wedge"></div>
- <a href="#" onclick="saveForm('toFlowRule','${requestScope.modelId }');"><div class="badge badge-title badge-title-none">4</div>
- 流转规则</a><div class="nav-arrow"></div></li>
- <li><div class="nav-wedge"></div>
- <a href="#" onclick="saveForm('toFlowEvent','${requestScope.modelId }');"><div class="badge badge-title badge-title-none">5</div>
- 事件绑定</a><div class="nav-arrow"></div></li>
- <li><div class="nav-wedge"></div>
- <a href="#" onclick="saveForm('toFinish','${requestScope.modelId }');"><div class="badge badge-title badge-title-none">6</div>
- 完 成 </a></li>
- </ul>
- <!-- 头部导航区域 -->
- <!-- 底部按钮区域 -->
- <div class="navbar navbar-default navbar-fixed-top" id="footer">
- <div class="container-fluid text-right well well-sm">
- <button type="button" class="btn btn-info btn-sm" onclick="location.reload()">
- <span class="glyphicon glyphicon-refresh"></span> 刷新</button>
- <button id="saveModelBtn" name="saveModelBtn" type="button" class="btn btn-default btn-sm" onclick="saveForm();">
- <span class="glyphicon glyphicon-floppy-disk"></span> 保存</button>
- <button type="button" class="btn btn-primary btn-sm" onclick="saveForm('next','${requestScope.modelId }');">
- <span class="glyphicon glyphicon-chevron-right"></span> 下一步</button>
- </div>
- </div>
- <!-- 底部按钮区域 -->
- <form action="" class="form-horizontal" role="form" id="form2">
- <!-- 隐藏元素 -->
- <input type="hidden" id="modelId" name="modelId" value="${requestScope.modelId }">
- <input type="hidden" id="modelState" name="modelState" value="0">
- <!-- 隐藏元素 -->
- <div class="container-fluid" style="margin-top: 65px; overflow-y: auto;" id="center">
- <div class="row">
- <!-- 流程模版配置区域 -->
- <div class="col-md-6 col-sm-6 col-xs-6">
- <div class="form-group">
- <label class="col-sm-4 control-label">模版名称
- <span class="badge badge-success" data-placement="bottom" title="配置流程模版的名称.">?</span>
- </label>
- <div class="col-sm-8">
- <input class="form-control form-required" type="text" id="modelName" name="modelName"
- maxlength="50" required>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label">模版备注
- <span class="badge badge-success" title="配置流程模版的备注.">?</span>
- </label>
- <div class="col-sm-8">
- <textarea class="form-control" rows="5" id="remark" name="remark"
- maxlength="200"></textarea>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label">所属栏目
- <span class="badge badge-success" title="配置该流程模版的归属栏目.流程模版启动后,在发起流程的页面,对应的栏目下可以找到该流程.">?</span>
- </label>
- <div class="col-sm-4">
- <select name="typeId" id="typeId" class="form-control">
- <c:forEach items="${requestScope.ftypes }" var="ftype" varStatus="status">
- <c:choose>
- <c:when test="${ftype.level == 0 }">
- <option value="${ftype.typeId }" selected="selected">${ftype.typeName }</option>
- </c:when>
- <c:otherwise>
- <option value="${ftype.typeId }" >${ftype.typeName }</option>
- </c:otherwise>
- </c:choose>
- </c:forEach>
- </select>
- </div>
- <div class="col-sm-4">
- <button type="button" class="btn btn-link" data-toggle="modal" data-target="#flowModelModal">
- 新增栏目
- <span class="badge badge-success" title="临时新增一个栏目.">?</span>
- </button>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label">允许撤销流程
- <span class="badge badge-success" title="是否允许撤销已经发起的流程.勾选后右侧会有更多关于撤销流程方面的配置.">?</span>
- </label>
- <div class="col-sm-8">
- <div class="checkbox">
- <label>
- <input type="checkbox" name="isCancel" id="isCancel" value="1">
- </label>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label">办结自动传阅
- <span class="badge badge-success" title="是否允许流程办结后自动传阅到指定人员.">?</span>
- </label>
- <div class="col-sm-8">
- <div class="checkbox">
- <label>
- <input type="checkbox" name="isAutoread" id="isAutoread" value="1">
- </label>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label">流程分类
- <span class="badge badge-success" title="配置该流程模版是否是用于驱动其他系统的业务流程.">?</span>
- </label>
- <div class="col-sm-8">
- <select class="form-control" name="control" id="control" value="${requestScope.fmodel.control.value }">
- <option value="1" selected="selected">引擎驱动</option>
- <option value="0">外系统调用</option>
- </select>
- </div>
- </div>
- <div class="form-group" id="controlUrlDiv">
- <label class="col-sm-4 control-label">外部链接URL
- <span class="badge badge-success" title="填写外系统的链接URL.">?</span>
- </label>
- <div class="col-sm-8">
- <input class="form-control form-required" id="controlUrl" name="controlUrl"
- type="text">
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label">办结流程查看限制
- <span class="badge badge-success" title="配置办结的流程是否有查看时间上的限制.">?</span>
- </label>
- <div id="mViewLimit" class="col-sm-8">
- <select class="form-control" id="isViewLimit" name="isViewLimit">
- <option value="-1">不限制</option>
- <option value="0">限制</option>
- </select>
- </div>
- <div id="fViewLimit" class="col-sm-4">
- <input class="form-control form-required" id="isViewLimitValue" name="isViewLimitValue"
- type="text" value="0">天后无法查看
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label">使用范围
- <span class="badge badge-success" title="配置该流程模版的使用范围,有哪些用户可以发起该流程.">?</span>
- </label>
- <div class="col-sm-8">
- <select class="form-control" id="limitUseType" name="limitUseType">
- <option value="-1">不限制</option>
- <option value="0">部门</option>
- <option value="1">人员</option>
- <option value="2">职位</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <div class="col-sm-8 col-md-offset-4" id="deptDiv">
- <textarea class="form-control form-required" rows="5" id="deptname1" name="deptname1" readonly="readonly"></textarea>
- <input type="hidden" id="dept1" name="dept1">
- <input type="button" class="btn btn-link" id="deptTreeButton" value="选择部门">
- </div>
- <div class="col-sm-8 col-md-offset-4" id="userDiv">
- <textarea class="form-control form-required" rows="5" id="username1" name="username1" readonly="readonly"></textarea>
- <input type="hidden" id="user1" name="user1">
- <input type="button" class="btn btn-link" id="userTreeButton" value="选择人员">
- </div>
- <div class="col-sm-8 col-md-offset-4" id="posDiv" style="margin-bottom: 15px;">
- <select id="limitPositionType" name="limitPositionType" class="form-control">
- <option value="-1">不限制部门</option>
- <option value="0">指定部门</option>
- </select>
- </div>
- <div class="col-sm-8 col-md-offset-4" id="posDiv1">
- <textarea class="form-control form-required" rows="5"
- id="limitPositionDeptNames" name="limitPositionDeptNames" readonly="readonly"></textarea>
- <input type="hidden" id="limitPositionDepts" name="limitPositionDepts">
- <input type="button" class="btn btn-link" id="limitPositionDeptButton" value="选择部门">
- </div>
- <div class="col-sm-8 col-md-offset-4" id="posDiv2">
- 职位<span class="badge badge-success" title="选择指定的职位.">?</span>
- <select id="position" name="position" multiple class="form-control form-required">
- <c:forEach items="${requestScope.position }" var="pos">
- <option value="${pos.id }">${pos.posName }</option>
- </c:forEach>
- </select>
- </div>
- </div>
- </div>
- <!-- 流程模版配置区域 -->
- <!-- 流程撤销配置区域 -->
- <div class="col-md-6 col-sm-6 col-xs-6" id="dCancelConfig">
- <strong>流程撤销配置</strong>
- <div class="well">
- <div class="form-group">
- <label class="col-sm-4 control-label">办结流程允许撤销
- <span class="badge badge-success" title="是否允许撤销已经办结的流程.">?</span>
- </label>
- <div class="col-sm-8">
- <div class="checkbox">
- <label>
- <input type="checkbox" id="endCancel" name="endCancel" value="1">
- </label>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label">撤销流程允许查看
- <span class="badge badge-success" title="是否允许查看已经撤销的流程.">?</span>
- </label>
- <div class="col-sm-8">
- <div class="checkbox">
- <label>
- <input type="checkbox" id="cancelCanRead" name="cancelCanRead" value="1">
- </label>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label">允许撤销人员
- <span class="badge badge-success" title="配置允许撤销流程的人员.">?</span>
- </label>
- <div class="col-sm-8">
- <select multiple class="form-control" id="allowCancel" name="allowCancel">
- <option value="0">流程发起者</option>
- <option value="1">系统管理员</option>
- <option value="2">其他人员</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <div class="col-sm-8 col-md-offset-4" id="otherDiv">
- <textarea class="form-control form-required" rows="5" id="username" name="username" readonly="readonly"><c:forEach items="${requestScope.fmodel.allowCancel }" var="allowCancel">${allowCancel.manager.username },</c:forEach>
- </textarea>
- <input type="hidden" id="user" name="user" value="<c:forEach items="${requestScope.fmodel.allowCancel }" var="allowCancel">-${allowCancel.manager.userId },</c:forEach>">
- <input type="button" class="btn btn-link" id="userTreeButton1" value="选择人员">
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label">撤销通知方式
- <span class="badge badge-success" title="流程被撤消后,采用哪些方式通知干系人.">?</span>
- </label>
- <div class="col-sm-8">
- <select multiple class="form-control" id="noticeType" name="noticeType">
- <option value="0">短信</option>
- <option value="1">消息</option>
- <option value="2">邮件</option>
- </select>
- </div>
- </div>
- </div>
- </div>
- <!-- 流程撤销配置区域 -->
- <!-- 流程自动传阅配置区域 -->
- <div class="col-md-6 col-sm-6 col-xs-6" id="dReadConfig">
- <strong>流程办结自动传阅配置</strong>
- <div class="well">
- <div class="form-group">
- <label class="col-sm-4 control-label">传阅接收人
- <span class="badge badge-success" title="流程设置办结自动传阅后的传阅接收人员.">?</span>
- </label>
- <div class="col-sm-8">
- <textarea class="form-control form-required" rows="2" id="readusername" name="readusername" readonly="readonly"><c:forEach items="${requestScope.fmodel.readuserList }" var="readuser">${readuser.name },</c:forEach>
- </textarea>
- <input type="hidden" id="readuser" name="readuser" value="<c:forEach items="${requestScope.fmodel.readuserList }" var="readuser">-${readuser.universalid },</c:forEach>">
- <input type="button" class="btn btn-link" id="userTreeButton2" value="选择人员">
- </div>
- </div>
- </div>
- </div>
- <!-- 流程自动传阅配置区域 -->
- </div>
- </div>
- </form>
- <!-- 新增栏目区域 -->
- <div class="modal fade" id="flowModelModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h4 class="modal-title" id="myModalLabel">新增栏目</h4>
- </div>
- <div class="modal-body">
- <form action="" role="form" id="form1">
- <div class="form-group">
- <label>栏目名称<span class="badge badge-success" title="配置流程栏目的名称.">?</span></label>
- <input class="form-control form-required" type="text" id="typeName" name="typeName" required maxlength="50">
- </div>
- <div class="form-group">
- <label>栏目备注<span class="badge badge-success" title="配置流程栏目的备注.">?</span></label>
- <textarea class="form-control" rows="5" id="typeRemark" name="typeRemark" maxlength="200"></textarea>
- </div>
- <div class="form-group">
- <label>是否展示<span class="badge badge-success" title="配置是否在发起流程页面展示该栏目.">?</span></label>
- <select class="form-control" name="state" id="state">
- <option value="1">是</option>
- <option value="0">否</option>
- </select>
- </div>
- </form>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-default btn-sm" onclick="saveFlowType()">保存</button>
- <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal">关闭</button>
- </div>
- </div>
- </div>
- </div>
- <!-- 新增栏目区域 -->
- </body>
- </html>
|