|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<title>驰骋BPM工具包模式集成 - 演示系统 </title>
|
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
|
<!-- 引用通用的js文件. -->
|
|
|
|
|
|
<script src="../WF/Scripts/jquery/jquery.min.js" type="text/javascript"></script>
|
|
|
|
|
|
<script type="text/javascript" src="../WF/Scripts/jquery/jquery.cookie.js"></script>
|
|
|
|
|
|
<link href="../WF/Style/skin/css/login.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
<link href="../WF/Scripts/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
<script src="../WF/Scripts/QueryString.js"></script>
|
|
|
|
|
|
<!-- 引入组件配置文件，用于调用Login方法. -->
|
|
|
|
|
|
<script src="../WF/config.js"></script>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
* {
|
|
|
|
|
|
margin: 0px;
|
|
|
|
|
|
padding: 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<script type="text/javascript" language="javascript">
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
$.cookie("UserNo", "");
|
|
|
|
|
|
$.cookie("SID", "");
|
|
|
|
|
|
clearAllCookie();
|
|
|
|
|
|
localStorage.setItem('Token', '');
|
|
|
|
|
|
localStorage.setItem('UserInfoJson', '');
|
|
|
|
|
|
|
|
|
|
|
|
//config.js 的配置信息.
|
|
|
|
|
|
//var html = "<b>Toolkit配置文件:/WF/config.js</b> ";
|
|
|
|
|
|
|
|
|
|
|
|
var html = "<ul>";
|
|
|
|
|
|
html += "<li>BPM服务器地址:<font color=#409EFF><b>" + host + "</b> </font></li>";
|
|
|
|
|
|
html += "<li>BPM平台:<font color=#409EFF><b>" + plant + "</b></font></li>";
|
|
|
|
|
|
html += "<li>设计流程:<a href='" + host + "' target=_blank > 进入BPM设计器后台</a></li>";
|
|
|
|
|
|
html += "<li>子系统(域名):<font color=#409EFF><b>" + domain + "</b></font></li>";
|
|
|
|
|
|
html += "</ul>";
|
|
|
|
|
|
|
|
|
|
|
|
//var url = host + "/AppDemo/Standard/Login.htm";
|
|
|
|
|
|
//var html = "驰骋BPM服务地址" + host + ",您可以在WF/config.js修改.";
|
|
|
|
|
|
//html += "流程设计维护:<a href='" + url + "' target=_blank >" + url + "</a>";
|
|
|
|
|
|
|
|
|
|
|
|
$("#tip").html(html);
|
|
|
|
|
|
});
|
|
|
|
|
|
function clearAllCookie() {
|
|
|
|
|
|
var myDate = new Date();
|
|
|
|
|
|
myDate.setTime(-1000);//设置时间
|
|
|
|
|
|
var data = document.cookie;
|
|
|
|
|
|
var dataArray = data.split("; ");
|
|
|
|
|
|
for (var i = 0; i < dataArray.length; i++) {
|
|
|
|
|
|
var varName = dataArray[i].split("=");
|
|
|
|
|
|
document.cookie = varName[0] + "=''; expires=" + myDate.toGMTString();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//页面启动函数.
|
|
|
|
|
|
function LoginCRMSystem() {
|
|
|
|
|
|
|
|
|
|
|
|
//第0步: 这里是登录本机系统, 自己根据用户名密码去先去校验正确性。
|
|
|
|
|
|
var userNo = $("#TB_No").val();
|
|
|
|
|
|
var userPass = $("#TB_PW").val();
|
|
|
|
|
|
if (userNo == "" || userPass == "") {
|
|
|
|
|
|
alert('请输入用户名与密码');
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//第1步: 请使用自己的系统验证用户名密码的正确性
|
|
|
|
|
|
if (1 == 2) {
|
|
|
|
|
|
alert('用户名密码不正确.');
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//第2步: 开始登录ccbpm,获得 token.
|
|
|
|
|
|
// 1. 为了系统安全，请把 LoginCCBPM 的方法写入您的后台代码.
|
|
|
|
|
|
// 2. LoginCCBPM 方法位于/WF/config.js文件中.
|
|
|
|
|
|
var token = LoginCCBPM(PrivateKey, userNo); // token是ccbpm生成的.
|
|
|
|
|
|
if (token == null && token.indexOf('err@') == 0) {
|
|
|
|
|
|
alert(token);
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
localStorage.setItem('Token', token); //把这个值存储起来，用于其他方法的身份验证.
|
|
|
|
|
|
//第3步： 把token, UserNo传入到要转入 crm系统的页面 .
|
|
|
|
|
|
window.location.href = 'Home.htm?Token=' + token + "&UserNo=" + userNo;
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.title {
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 100vw;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
background-color: #409EFF;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.Tips {
|
|
|
|
|
|
width: 25vw;
|
|
|
|
|
|
margin: 5rem 2rem;
|
|
|
|
|
|
padding-left: 12px;
|
|
|
|
|
|
padding-right: 12px;
|
|
|
|
|
|
border-width: 2px;
|
|
|
|
|
|
border-style: groove;
|
|
|
|
|
|
border-color: rgb(192, 192, 192);
|
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.Tips legend {
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
color: #409EFF;
|
|
|
|
|
|
font-size: large;
|
|
|
|
|
|
font-weight: bolder;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.Tips ul {
|
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
#tip{
|
|
|
|
|
|
margin-top:10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
#tip ul {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
|
margin-left: 25px;
|
|
|
|
|
|
}
|
|
|
|
|
|
#tip ul li {
|
|
|
|
|
|
color:#a1a1a1
|
|
|
|
|
|
}
|
|
|
|
|
|
#tip ul li a {
|
|
|
|
|
|
color: #a1a1a1
|
|
|
|
|
|
}
|
|
|
|
|
|
#tip ul li font b {
|
|
|
|
|
|
color: #a1a1a1
|
|
|
|
|
|
}
|
|
|
|
|
|
.login {
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.login_title {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
font-size: 2.5rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
margin-bottom:0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.form_item {
|
|
|
|
|
|
width: 70%;
|
|
|
|
|
|
margin-top: 3rem;
|
|
|
|
|
|
margin-bottom: 3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.form_props {
|
|
|
|
|
|
margin-top: -1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.form-control {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
border-radius: 2.5vh;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.center-content {
|
|
|
|
|
|
margin-top: 100px;
|
|
|
|
|
|
width: 100vw;
|
|
|
|
|
|
height: 70vh;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.layout {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
|
width: 980px;
|
|
|
|
|
|
height: 525px;
|
|
|
|
|
|
box-shadow: 0 0 15px grey;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.login_button {
|
|
|
|
|
|
background-color: #409EFF;
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 4rem;
|
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
|
border-color: #409EFF;
|
|
|
|
|
|
border-radius: 2.5vh;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.left-content {
|
|
|
|
|
|
margin-top: 50px;
|
|
|
|
|
|
width: 500px;
|
|
|
|
|
|
height: 485px;
|
|
|
|
|
|
text-align: start;
|
|
|
|
|
|
padding: 0px 0 0 55px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.logo-img {
|
|
|
|
|
|
width: 165px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workflow {
|
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
|
font-size: 30px;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.platform {
|
|
|
|
|
|
font-size: 25px;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.right-content {
|
|
|
|
|
|
margin-top: 135px;
|
|
|
|
|
|
width: 490px;
|
|
|
|
|
|
height: 485px;
|
|
|
|
|
|
padding: 0px 50px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.details {
|
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.details div {
|
|
|
|
|
|
margin: 17px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
/* 其他登陆方式 */
|
|
|
|
|
|
.login-other {
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
width: 280px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.line {
|
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
|
height: 0.1px;
|
|
|
|
|
|
background-color: #c5c4c4;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.login-list {
|
|
|
|
|
|
width: 200px;
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: center
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.item {
|
|
|
|
|
|
width: 35px;
|
|
|
|
|
|
height: 37px;
|
|
|
|
|
|
border-radius: 3vh;
|
|
|
|
|
|
}
|
|
|
|
|
|
.item_link{
|
|
|
|
|
|
margin:0 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.bottom_address{
|
|
|
|
|
|
margin-top:20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<!--style="background-image:url(Img/login_bg.png )"-->
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div class="title">
|
|
|
|
|
|
<h4 style="color: white; margin-left: 2rem; margin-top: 20px; margin-bottom: 15px;">经典的、永恒的、奔腾不息的驰骋BPM......</h4>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<center style="display: flex; justify-content: center; align-items: center; " class="center-content">
|
|
|
|
|
|
<div class="layout">
|
|
|
|
|
|
<!-- 左侧内容 -->
|
|
|
|
|
|
<div class="left-content">
|
|
|
|
|
|
<!-- style="float: left" -->
|
|
|
|
|
|
<div class="logo-img" style="float: left"><img class="logo-img" src="./Img/logo.png" style="width:100px;margin-bottom:10px;" /></div>
|
|
|
|
|
|
<!-- style="width:100px;" -->
|
|
|
|
|
|
<!--<div style="text-align:center; float:right">CCBPM二开工具包-工作示意图</div>-->
|
|
|
|
|
|
<!--<div class="logo-img"><img class="logo-img" src="./Img/logo.png" /></div>-->
|
|
|
|
|
|
<!-- text-align:center; float:right -->
|
|
|
|
|
|
<!--<div style="text-align: center; float: right; margin-top: 10px; font-size: 16px;">工具包-工作示意图</div>-->
|
|
|
|
|
|
<!--<img style="width:100%; padding-top:10px;" src="https://foruda.gitee.com/images/1684907810541528476/bb6fd47c_358162.png" />-->
|
|
|
|
|
|
<img style=" margin-top: 20px; width: 475px; height: 320px;" src="Img/login_Bgnew .png" />
|
|
|
|
|
|
<div id="tip"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-content">
|
|
|
|
|
|
<form id="Form1" style=" margin-top: 30px;">
|
|
|
|
|
|
<fieldset class="login">
|
|
|
|
|
|
<legend class="login_title">CCBPM二开工具包 - <font color="#409EFF">H5版</font> </legend>
|
|
|
|
|
|
<div class="form_item">
|
|
|
|
|
|
<input type="text" id="TB_No" name="TB_No" placeholder="请输入账号:admin管理员" lay-verify="required"
|
|
|
|
|
|
class="form-control" />
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form_item form_props">
|
|
|
|
|
|
<input type="password" id="TB_PW" name="TB_PW" placeholder="默认密码为:123" lay-verify="required"
|
|
|
|
|
|
class="form-control" />
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="form_item">
|
|
|
|
|
|
<input type="button" onclick="LoginCRMSystem();" class="login_button" value="登录(子)系统" />
|
|
|
|
|
|
<!--<input type="button" onclick="LoginAPIModel();" class="btn btn-primary btn-block" value="ERP-操作员登录(API模式)" />-->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div class="login-other">
|
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
|
<span class="text-muted">
|
|
|
|
|
|
其他资源
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="login-list">
|
|
|
|
|
|
<div class="item_link">
|
|
|
|
|
|
<a href="http://doc.ccbpm.cn" data-toggle="tooltip" title="在线文档">
|
|
|
|
|
|
<img class="item" src="./Img/wendang1.png" />
|
|
|
|
|
|
<div style="width:70px;">在线文档</div>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="item_link">
|
|
|
|
|
|
<a href="http://ccflow.org" data-toggle="tooltip" title="官方网站">
|
|
|
|
|
|
<img class="item" src="./Img/guanwang1.png" />
|
|
|
|
|
|
<div style="width:70px;">官方网站</div>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="item_link">
|
|
|
|
|
|
<a href="http://ccflow.org/Ke.html" data-toggle="tooltip" title="视频教程">
|
|
|
|
|
|
<img class="item" src="./Img/shipin.png" />
|
|
|
|
|
|
<div style="width:70px;">视频教程</div>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!--<div style="display:flex;justify-content:center;flex-direction:row;">
|
|
|
|
|
|
<fieldset class="Tips">
|
|
|
|
|
|
<legend >什么是工具包模式集成?</legend>
|
|
|
|
|
|
<ul >
|
|
|
|
|
|
<li> 工具包模式就是ccbpm为开发这提供一个文件目录,植入到对方开发架构的一种模式. </li>
|
|
|
|
|
|
<li>这个目录通过配置文件与驰骋bpm服务器进行交互，提供一系列的接口函数让开发者调用。 </li>
|
|
|
|
|
|
<li>工具包里，包含一些功能页面，比如:发起、待办、在途、草稿等可以让用户绑定到自己的菜单体系上。 </li>
|
|
|
|
|
|
<li>工具包里包含流程组件：比如：工作处理器工具栏、审核组件、父子流程组件等，可以让用户调用。 </li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
<fieldset class="Tips">
|
|
|
|
|
|
<legend >说明</legend>
|
|
|
|
|
|
<ul >
|
|
|
|
|
|
<li>测试人员: admin, zhoutianjiao, zhoushengyu, yangyilei 密码:123 </li>
|
|
|
|
|
|
<li>登录后需要写入Port_Emp表的列SID里一个随机的guid作为token，来访问ccbpm的服务. </li>
|
|
|
|
|
|
<li>在根目录下 config.js 里，您需要配置提供服务的ccbpm服务器地址。</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
<fieldset class="Tips">
|
|
|
|
|
|
<legend >资源信息</legend>
|
|
|
|
|
|
<ul >
|
|
|
|
|
|
<li> <div id="tip"/></li>
|
|
|
|
|
|
<li> 登录用户名：admin 密码:123 </li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
</div>-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</center>
|
|
|
|
|
|
|
|
|
|
|
|
<center>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="bottom_address" style="display:flex;justify-content:space-around;width:65%;padding:10px;">
|
|
|
|
|
|
|
|
|
|
|
|
<!--<div>技术选型：H5-JQuery</div>
|
|
|
|
|
|
<div>官网：<a href="http：//ccflow.org">http://ccflow.org</a> </div>-->
|
|
|
|
|
|
<!--<div>地址：济南市.高新区.碧桂园凤凰国际A座F19 电话：0531-82374939、18660153393(微信)</div>-->
|
|
|
|
|
|
<div>济南驰骋信息技术有限公司 @2003-2023</div>
|
|
|
|
|
|
<div>地址：济南市.高新区.碧桂园凤凰国际A座F19 </div>
|
|
|
|
|
|
<div>电话：0531-82374939、18660153393(微信)</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</center>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
