|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
|
<title>Smart SDK From</title>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 引入必要的 SmartSDKFrm.js -->
|
|
|
|
|
|
<script src="../../WF/SmartSDKFrm.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
* 保存方法demo:
|
|
|
|
|
|
* 1, 该方法的方法名与ccflow &jFlow 约定好的，如果保存成功就返回true,用户就可以执行发送.
|
|
|
|
|
|
* 2, 如果失败就返回false引擎就终止发送操作.
|
|
|
|
|
|
*/
|
|
|
|
|
|
function Save() {
|
|
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
|
|
|
|
|
|
|
var ts = document.getElementById('TB_QingJiaTianShu').value;
|
|
|
|
|
|
if (ts == 0) {
|
|
|
|
|
|
alert('请假天数不能为零。');
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// document.getElementById('Btn_Save').click(); //调用btn_save事件.
|
|
|
|
|
|
// alert('save ok');
|
|
|
|
|
|
return true; //保存成功，用户可以发送.
|
|
|
|
|
|
} catch (e) {
|
|
|
|
|
|
alert(e.name + " : " + e.message);
|
|
|
|
|
|
return false; // 保存失败不能发送.
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="ToolBar"></div>
|
|
|
|
|
|
<table style="width:90%; border:1px; text-align:center">
|
|
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th colspan="4">
|
|
|
|
|
|
请假单
|
|
|
|
|
|
</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>请假人</td>
|
|
|
|
|
|
<td> <input type="text" id="TB_QJR" /> </td>
|
|
|
|
|
|
<td>请假人部门</td>
|
|
|
|
|
|
<td> <input type="text" id="TB_QJRBM" /> </td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>日期从</td>
|
|
|
|
|
|
<td> <input type="text" id="TB_DTFrom" /> </td>
|
|
|
|
|
|
<td>到</td>
|
|
|
|
|
|
<td> <input type="text" id="TB_DTTo" /> </td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>天数</td>
|
|
|
|
|
|
<td> <input type="text" id="TB_QingJiaTianShu" /> </td>
|
|
|
|
|
|
<td>请假原因</td>
|
|
|
|
|
|
<td> <input type="text" id="TB_QingJiaYuanYin" /> </td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th colspan="4">
|
|
|
|
|
|
审核信息
|
|
|
|
|
|
</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td colspan="4">
|
|
|
|
|
|
<div id="WorkCheck"></div>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td colspan="4" style=" text-align:left">
|
|
|
|
|
|
|
|
|
|
|
|
<fieldset>
|
|
|
|
|
|
<legend> 如何使用?</legend>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>0. 首先您需要改造您的表单存储 WorkID 字段，并且作为该流程实例的标识 .</li>
|
|
|
|
|
|
<li>1. 首先引入/WF/SmartSDKFrm.js文件.</li>
|
|
|
|
|
|
<li>2. 在自己的页面上增加一个ID为ToolBar的div标记流程的控制按钮工具栏的摆放位置.</li>
|
|
|
|
|
|
<li>3. 如果要引入其他的控件，比如审核组件WorkCheck，评论组件FlowBBS, 需要在增加对应ID的div，以方便ccbpm解析.</li>
|
|
|
|
|
|
<li>4. 按照约定编写一个Save的方法，该方法返回true,false true=保存成功 false=保存失败. 在工具栏的发送与保存按钮调用,如果保存失败就不能发送.</li>
|
|
|
|
|
|
<li>5. 工具栏上的按钮是在节点属性上可以控制或者隐藏,比如：退回、移交、加签、轨迹等按钮.</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
<legend> 有什么优点?</legend>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>1. 如果要在您的业务表单上跑流程，仅仅要做的是把 SmartSDKFrm.js 放入到您的页面里面. </li>
|
|
|
|
|
|
<li>2. 系统就会自动生成流程引擎的控制toolbar， toolbar 的按钮权限在节点属性里直接控制.</li>
|
|
|
|
|
|
<li>3. 您可以充分利用ccbpm的很多组件功能，比如：定位、地图、拍照、附件、评论组件等等.</li>
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 保存按钮让其隐藏 ............................ -->
|
|
|
|
|
|
<div style="display:none ">
|
|
|
|
|
|
<input type="button" value="Save" onclick="Save()" />
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
