You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

542 lines
24 KiB
Plaintext

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE HTML>
<html>
<head>
<title>流程设计器 Flowdesign.leipi.org</title>
<meta name="keyword" content="流程设计器,Web Flowdesign,Flowdesigner,专业流程设计器,WEB流程设计器">
<meta name="description" content="国内最容易使用和开发的流程设计器,你可以在此基础上任意修改使功能无限强大!">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="author" content="leipi.org">
</head>
<body>
<ul class="nav nav-tabs" id="attributeTab">
<li class="active"><a href="#attrBasic">常规</a></li>
<li ><a href="#attrForm">表单</a></li>
<li><a href="#attrPower">权限</a></li>
<li><a href="#attrOperate">操作</a></li>
<li id="tab_attrJudge"><a href="#attrJudge">转出条件</a></li>
<li ><a href="#attrStyle">样式</a></li>
</ul>
<form class="form-horizontal" target="hiddeniframe" method="post" id="flow_attribute" name="flow_attribute" action="/index.php?s=/Flowdesign/save_attribute.html">
<input type="hidden" name="flow_id" value="4"/>
<input type="hidden" name="process_id" value="61"/>
<div class="tab-content">
<div class="tab-pane active" id="attrBasic">
<div class="control-group">
<label class="control-label" for="process_name">步骤名称</label>
<div class="controls">
<input type="text" id="process_name" placeholder="步骤名称" name="process_name" value="发起申请">
</div>
</div>
<div class="control-group">
<label class="control-label">步骤类型</label>
<div class="controls">
<label class="radio inline">
<input type="radio" name="process_type" value="is_step" >正常步骤
</label>
<label class="radio inline">
<input type="radio" name="process_type" value="is_child" >转入子流程
</label>
<label class="radio inline">
<input type="radio" name="process_type" value="is_one" checked="checked">设为第一步
</label>
</div>
</div>
<hr/>
<div id="current_flow">
<div class="offset1">
<!--未按顺序的bug 2012-12-12-->
<select multiple="multiple" size="6" name="process_to[]" id="process_multiple" >
<option value="62" >审批2</option><option value="63" selected="selected">快捷审批</option><option value="64" selected="selected">审批1</option><option value="65" >归档整理人</option> </select>
</div>
</div><!-- current_flow end -->
<div id="child_flow" class="hide">
<div class="control-group">
<label class="control-label" >子流程</label>
<div class="controls">
<select name="child_id" >
<option value="0">--请选择--</option>
<option value="1" >22</option><option value="2" >2222432231111</option><option value="3" >测试流程</option><option value="4" >请假流程</option> </select>
</div>
</div>
<div class="control-group">
<label class="control-label" >子流程结束后动作</label>
<div class="controls">
<label class="radio inline">
<input type="radio" name="child_after" value="1" checked="checked">
同时结束父流程
</label>
<label class="radio inline">
<input type="radio" name="child_after" value="2" >
返回父流程步骤
</label>
</div>
</div>
<div class="control-group hide" id="child_back_id">
<label class="control-label" >返回步骤</label>
<div class="controls">
<select name="child_back_process" >
<option value="0">--默认--</option>
<option value="61" >发起申请</option><option value="62" >审批2</option><option value="63" >快捷审批</option><option value="64" >审批1</option><option value="65" >归档整理人</option> <!--option value="1">步骤1</option>
<option value="2">步骤2</option>
<option value="3">步骤3</option-->
</select>
<span class="help-inline">默认为当前步骤下一步</span>
</div>
</div>
</div><!-- child_flow end -->
</div><!-- attrBasic end -->
<div class="tab-pane " id="attrForm">
<table class="table table-condensed table-bordered table-hover" >
<tr>
<th style="text-align:center">字段名称</th>
<th style="text-align:center">控件类型</th>
<!--
预留功能:
1.是否必填
2.锁定内容不能修改
-->
<th style="width:100px;"><label title="本步骤可写字段" class="checkbox"><input type="checkbox" id="write">可写字段</label></th>
<th style="width:100px;"><label title="保密字段对于本步骤主办人、经办人均为不可见" class="checkbox"><input type="checkbox" id="secret">保密字段</label></th>
</tr>
<tbody>
<!-- 这里是表单设计器的字段 start -->
<tr>
<th>文本框</th>
<td>文本框</td>
<td><label class="checkbox"><input type="checkbox" name="write_fields[]" checked="checked" value="data_1" key="0" id="write_0"></label></td>
<td><label class="checkbox"><input type="checkbox" name="secret_fields[]" value="data_1" key="0" id="secret_0"></label></td>
</tr> <tr>
<th>下拉菜单</th>
<td>下拉菜单</td>
<td><label class="checkbox"><input type="checkbox" name="write_fields[]" checked="checked" value="data_2" key="1" id="write_1"></label></td>
<td><label class="checkbox"><input type="checkbox" name="secret_fields[]" value="data_2" key="1" id="secret_1"></label></td>
</tr> <tr>
<th>单选</th>
<td>单选框</td>
<td><label class="checkbox"><input type="checkbox" name="write_fields[]" value="data_3" key="2" id="write_2"></label></td>
<td><label class="checkbox"><input type="checkbox" name="secret_fields[]" value="data_3" key="2" id="secret_2"></label></td>
</tr><tr>
<th>复选</th>
<td>复选框</td>
<td><label class="checkbox"><input type="checkbox" name="write_fields[]" value="checkboxs_0" key="3" id="write_3"></label></td>
<td><label class="checkbox"><input type="checkbox" name="secret_fields[]" checked="checked" value="checkboxs_0" key="3" id="secret_3"></label></td>
</tr>
<tr>
<th>宏控件</th>
<td>宏控件</td>
<td><label class="checkbox"><input type="checkbox" name="write_fields[]" checked="checked" value="data_7" key="4" id="write_4"></label></td>
<td><label class="checkbox"><input type="checkbox" name="secret_fields[]" value="data_7" key="4" id="secret_4"></label></td>
</tr> <tr>
<th>雷劈网</th>
<td>二维码</td>
<td><label class="checkbox"><input type="checkbox" name="write_fields[]" checked="checked" value="data_8" key="5" id="write_5"></label></td>
<td><label class="checkbox"><input type="checkbox" name="secret_fields[]" value="data_8" key="5" id="secret_5"></label></td>
</tr> <tr>
<th>多行文本</th>
<td>多行文本</td>
<td><label class="checkbox"><input type="checkbox" name="write_fields[]" checked="checked" value="data_9" key="6" id="write_6"></label></td>
<td><label class="checkbox"><input type="checkbox" name="secret_fields[]" value="data_9" key="6" id="secret_6"></label></td>
</tr> <tr>
<th>进度条</th>
<td>进度条</td>
<td><label class="checkbox"><input type="checkbox" name="write_fields[]" checked="checked" value="data_10" key="7" id="write_7"></label></td>
<td><label class="checkbox"><input type="checkbox" name="secret_fields[]" value="data_10" key="7" id="secret_7"></label></td>
</tr><!--tr>
<th>姓名</th>
<td>文本框</td>
<td><label style="display: block;" ><input type="checkbox" name="write[]" checked="true" value="data_2" key="1" id="write_1"></label></td>
<td><label style="display: block;"><input type="checkbox" name="secret[]" disabled="true" value="data_2" key="1" id="secret_1"></label></td>
</tr-->
<!-- 这里是表单设计器的字段 end -->
</tbody>
</table>
</div><!-- attrForm end -->
<div class="tab-pane" id="attrPower">
<div class="control-group">
<label class="control-label" >自动选人</label>
<div class="controls">
<select name="auto_person" id="auto_person_id">
<option value="0">不自动选人</option>
<option value="1" >发起人</option>
<option value="2" >发起人的部门主管</option>
<option value="3" >处理人的部门主管</option>
<option value="5" selected="selected">指定角色</option>
<option value="4" >指定人员</option>
</select>
<span class="help-inline">预先设置自动选人,更方便转交工作</span>
</div>
<div class="controls " id="auto_unlock_id" >
<label class="checkbox">
<input type="checkbox" name="auto_unlock" value="1" checked="checked">允许更改
</label>
</div>
<div id="auto_person_4" class="hide">
<div class="control-group">
<label class="control-label">指定主办人</label>
<div class="controls">
<input type="hidden" name="auto_sponsor_ids" id="auto_sponsor_ids" value="">
<input class="input-xlarge" readonly="readonly" type="text" placeholder="指定主办人" name="auto_sponsor_text" id="auto_user_text" value=""> <a href="javascript:void(0);" class="btn" onclick="superDialog('/index.php?s=/demo/super_dialog/op/user.html','auto_user_text','auto_sponsor_ids');">选择</a>
</div>
</div>
<div class="control-group">
<label class="control-label">指定经办人</label>
<div class="controls">
<input type="hidden" name="auto_respon_ids" id="auto_respon_ids" value="">
<input class="input-xlarge" readonly="readonly" type="text" placeholder="指定经办人" name="auto_respon_text" id="auto_userop_text" value=""> <a href="javascript:void(0);" class="btn" onclick="superDialog('/index.php?s=/demo/super_dialog/op/user.html','auto_userop_text','auto_respon_ids');">选择</a>
</div>
</div>
</div>
<div id="auto_person_5" >
<div class="control-group">
<label class="control-label">指定角色</label>
<div class="controls">
<input type="hidden" name="auto_role_ids" id="auto_role_value" value="">
<input class="input-xlarge" readonly="readonly" type="text" placeholder="指定角色" name="auto_role_text" id="auto_role_text" value="测试1,测试2"> <a href="javascript:void(0);" class="btn" onclick="superDialog('/index.php?s=/demo/super_dialog/op/role.html','auto_role_text','auto_role_value');">选择</a>
</div>
</div>
</div>
</div>
<hr/>
<h4>授权范围</h4>
<div class="control-group">
<label class="control-label">授权人员</label>
<div class="controls">
<input type="hidden" name="range_user_ids" id="range_user_ids" value="10">
<input class="input-xlarge" readonly="readonly" type="text" placeholder="选择人员" name="range_user_text" id="range_user_text" value="测试1"> <a href="javascript:void(0);" class="btn" onclick="superDialog('/index.php?s=/demo/super_dialog/op/user.html','range_user_text','range_user_ids');">选择</a>
</div>
</div>
<div class="control-group">
<label class="control-label">授权部门</label>
<div class="controls">
<input type="hidden" name="range_dept_ids" id="range_dept_ids" value="10,11">
<input class="input-xlarge" readonly="readonly" type="text" placeholder="选择部门" name="range_dept_text" id="range_dept_text" value="测试1,测试2"> <a href="javascript:void(0);" class="btn" onclick="superDialog('/index.php?s=/demo/super_dialog/op/dept.html','range_dept_text','range_dept_ids');">选择</a>
</div>
</div>
<div class="control-group">
<label class="control-label">授权角色</label>
<div class="controls">
<input type="hidden" name="range_role_ids" id="range_role_ids" value="10,11,12">
<input class="input-xlarge" readonly="readonly" type="text" placeholder="选择角色" name="range_role_text" id="range_role_text" value="测试1,测试2,测试3"> <a href="javascript:void(0);" class="btn" onclick="superDialog('/index.php?s=/demo/super_dialog/op/role.html','range_role_text','range_role_ids');">选择</a>
</div>
</div>
<div class="control-group">
<div class="controls">
<span class="help-block">当需要手动选人时,则授权范围生效</span>
</div>
</div>
</div><!-- attrPower end -->
<div class="tab-pane" id="attrOperate">
<div class="control-group">
<label class="control-label" >交接方式</label>
<div class="controls">
<select name="receive_type" >
<option value="0" >明确指定主办人</option>
<option value="1" selected="selected">先接收为主办人</option>
</select>
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox" name="is_user_end" value="1" >允许主办人办结流程(最后步骤默认允许)
</label>
<label class="checkbox">
<input type="checkbox" name="is_userop_pass" value="1" checked="checked">经办人可以转交下一步
</label>
</div>
</div>
<hr/>
<div class="control-group">
<label class="control-label" >会签方式</label>
<div class="controls">
<select name="is_sing" >
<option value="1" selected="selected">允许会签</option>
<option value="2" >禁止会签</option>
<option value="3" >强制会签</option>
</select>
<span class="help-inline">如果设置强制会签,则本步骤全部人都会签后才能转交或办结</span>
</div>
</div>
<div class="control-group">
<label class="control-label" >可见性</label>
<div class="controls">
<select name="sign_look" >
<option value="1" >总是可见</option>
<option value="2" >本步骤之间经办人不可见</option>
<option value="3" selected="selected">其它步骤不可见</option>
</select>
</div>
</div>
<hr/>
<div class="control-group">
<label class="control-label" >回退方式</label>
<div class="controls">
<select name="is_back" >
<option value="1" >不允许</option>
<option value="2" >允许回退上一步</option>
<option value="3" selected="selected">允许回退之前步骤</option>
</select>
</div>
</div>
</div><!-- attrOperate end -->
<div class="tab-pane " id="attrJudge">
<table class="table" >
<thead>
<tr>
<th style="width:100px;">转出步骤</th>
<th>转出条件设置</th>
</tr>
</thead>
<tbody>
<!--模板-->
<tr id="tpl" class="hide">
<td style="width: 100px;">@text</td>
<td>
<table class="table table-condensed">
<tbody>
<tr>
<td>
<select id="field_@a" class="input-medium">
<option value="">选择字段</option>
<!-- 表单字段 start -->
<option value="data_1">文本框</option> <option value="data_2">下拉菜单</option> <option value="data_3">单选</option><option value="checkboxs_0">复选</option>
<option value="data_7">宏控件</option> <option value="data_8">雷劈网</option> <option value="data_9">多行文本</option> <option value="data_10">进度条</option> <!-- 表单字段 end -->
</select>
<select id="condition_@a" class="input-small">
<option value="=">等于</option>
<option value="&lt;&gt;">不等于</option>
<option value="&gt;">大于</option>
<option value="&lt;">小于</option>
<option value="&gt;=">大于等于</option>
<option value="&lt;=">小于等于</option>
<option value="include">包含</option>
<option value="exclude">不包含</option>
</select>
<input type="text" id="item_value_@a" class="input-small">
<select id="relation_@a" class="input-small">
<option value="AND">与</option>
<option value="OR">或者</option>
</select>
</td>
<td>
<div class="btn-group">
<button type="button" class="btn btn-small" onclick="fnAddLeftParenthesis('@a')"></button>
<button type="button" class="btn btn-small" onclick="fnAddRightParenthesis('@a')"></button>
<button type="button" onclick="fnAddConditions('@a')" class="btn btn-small">新增</button>
</div>
</td>
</tr>
<tr>
<td>
<select id="conList_@a" multiple="" style="width: 100%;height: 80px;"></select>
</td>
<td>
<div class="btn-group">
<button type="button" onclick="fnDelCon('@a')" class="btn btn-small">删行</button>
<button type="button" onclick="fnClearCon('@a')" class="btn btn-small">清空</button>
</div>
</td>
</tr>
<tr>
<td>
<input id="process_in_desc_@a" type="text" name="process_in_desc_@a" style="width:98%;">
<input name="process_in_set_@a" id="process_in_set_@a" type="hidden">
</td>
<td>
<span class="xc1">不符合条件时的提示</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
<tbody id="ctbody">
</tbody>
</table>
<input type="hidden" name="process_condition" id="process_condition">
</div><!-- attrJudge end -->
<div class="tab-pane " id="attrStyle">
<div class="control-group">
<label class="control-label" for="process_name">尺寸</label>
<div class="controls">
<input type="text" class="input-small" name="style_width" id="style_width" placeholder="宽度PX" value="121"> X <input type="text" class="input-small" name="style_height" id="style_height" placeholder="高度PX" value="41">
</div>
</div>
<div class="control-group">
<label class="control-label" for="process_name">字体颜色</label>
<div class="controls">
<input type="text" class="input-small" name="style_color" id="style_color" placeholder="#000000" value="#0e76a8">
<div class="colors" org-bind="style_color">
<ul>
<li class="Black active" org-data="#000" title="Black">1</li>
<li class="red" org-data="#d54e21" title="Red">2</li>
<li class="green" org-data="#78a300" title="Green">3</li>
<li class="blue" org-data="#0e76a8" title="Blue">4</li>
<li class="aero" org-data="#9cc2cb" title="Aero">5</li>
<li class="grey" org-data="#73716e" title="Grey">6</li>
<li class="orange" org-data="#f70" title="Orange">7</li>
<li class="yellow" org-data="#fc0" title="Yellow">8</li>
<li class="pink" org-data="#ff66b5" title="Pink">9</li>
<li class="purple" org-data="#6a5a8c" title="Purple">10</li>
</ul>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="process_name"><span class="process-flag badge badge-inverse"><i class="icon-star-empty icon-white" id="style_icon_preview"></i></span> 图标</label>
<div class="controls">
<input type="text" class="input-medium" name="style_icon" id="style_icon" placeholder="icon" value="icon-ok">
<div class="colors" org-bind="style_icon">
<ul>
<li class="Black active" org-data="icon-star-empty" title="Black"><i class="icon-star-empty icon-white"></i></li>
<li class="red" org-data="icon-ok" title="Red"><i class="icon-ok icon-white"></i></li>
<li class="green" org-data="icon-remove" title="Green"><i class="icon-remove icon-white"></i></li>
<li class="blue" org-data="icon-refresh" title="Blue"><i class="icon-refresh icon-white"></i></li>
<li class="aero" org-data="icon-plane" title="Aero"><i class="icon-plane icon-white"></i></li>
<li class="grey" org-data="icon-play" title="Grey"><i class="icon-play icon-white"></i></li>
<li class="orange" org-data="icon-heart" title="Orange"><i class="icon-heart icon-white"></i></li>
<li class="yellow" org-data="icon-random" title="Yellow"><i class="icon-random icon-white"></i></li>
<li class="pink" org-data="icon-home" title="Pink"><i class="icon-home icon-white"></i></li>
<li class="purple" org-data="icon-lock" title="Purple"><i class="icon-lock icon-white"></i></li>
</ul>
<a href="http://v2.bootcss.com/base-css.html#icons" target="_blank">更多</a>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label"></label>
<div class="controls">
<span class="help-inline">想要更多设置,可以自行添加,或反馈给我们 [ 雷劈网 ]。</span>
</div>
</div>
<!-- 不太完善,隐藏
<div class="control-group">
<label class="control-label">CSS3 图形</label>
<div class="controls">
<select name="style_graph" id="style_graph">
<option value="">矩形</option>
<option value="circle">圆形</option>
<option value="oval">椭圆</option>
<option value="hexagon">菱形</option>
</select>
<span class="help-inline">CSS3仅支持部分浏览器</span>
</div>
</div> -->
</div><!-- attrStyle end -->
</div>
<div>
<hr/>
<span class="pull-right">
<a href="#" class="btn" data-dismiss="modal" aria-hidden="true">取消</a>
<button class="btn btn-primary" type="submit" id="attributeOK">确定保存</button>
</span>
</div>
</form>
<iframe id="hiddeniframe" style="display: none;" name="hiddeniframe"></iframe>
<script type="text/javascript">
/*var flow_id = '4';//流程ID
var process_id = '61';//步骤ID
var get_con_url = "/index.php?s=/Flowdesign/get_con.html";//获取条件
*/
var _out_condition_data = {"63":{"condition":"<option value=\"'data_1' = '1' AND\">'\u6587\u672c\u6846' = '1' AND<\/option><option value=\"( 'data_2' = '1' AND 'data_2' = '2' OR 'data_2' = '3' OR 'data_2' = '4' OR 'data_2' = '45')\">( '\u4e0b\u62c9\u83dc\u5355' = '1' AND '\u4e0b\u62c9\u83dc\u5355' = '2' OR '\u4e0b\u62c9\u83dc\u5355' = '3' OR '\u4e0b\u62c9\u83dc\u5355' = '4' OR '\u4e0b\u62c9\u83dc\u5355' = '45')<\/option>","condition_desc":"\u5feb\u6377\u5ba1\u6279\u6761\u4ef6\u4e0d\u6210\u7acb"},"64":{"condition":"<option value=\"'data_2' = '1' AND\">'\u4e0b\u62c9\u83dc\u5355' = '1' AND<\/option><option value=\"'data_2' = '2'\">'\u4e0b\u62c9\u83dc\u5355' = '2'<\/option>","condition_desc":"\u597d\u5427"}};
</script>
<script type="text/javascript" src="/Public/js/flowdesign/attribute.js"></script>
</body>
</html>