|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
<head>
|
|
|
<title>外部用户登陆 - 演示系统 </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=#FFF><span>" + host + "</span> </font></li>";
|
|
|
html += "<li>BPM平台：<font color=#FFF><span>" + plant + "</span></font></li>";
|
|
|
html += "<li>设计流程：<a href='" + host + "' target=_blank > 进入BPM设计器后台</a></li>";
|
|
|
html += "<li>子系统(域名)：<font color=#FFF><span>" + domain + "</span></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>
|
|
|
.bg_login {
|
|
|
background-image: url('img/denglubg.jpg');
|
|
|
background-size: 100% 101%;
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
overflow-y: hidden;
|
|
|
scrollbar-width: none;
|
|
|
}
|
|
|
/* .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 {
|
|
|
margin-left: 25px;
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
#tip ul li {
|
|
|
color: #fff;
|
|
|
margin-bottom: 10px;
|
|
|
font-size: 15px;
|
|
|
}
|
|
|
#tip ul li a {
|
|
|
color: #fff;
|
|
|
}
|
|
|
#tip ul li font b {
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
.login_title {
|
|
|
border: none;
|
|
|
font-size: 2.5rem;
|
|
|
font-weight: bold;
|
|
|
color: #000;
|
|
|
margin-bottom:20px;
|
|
|
}
|
|
|
|
|
|
.form_item {
|
|
|
width: 70%;
|
|
|
margin-top: 3rem;
|
|
|
margin-bottom: 3rem;
|
|
|
}
|
|
|
.form_props {
|
|
|
margin-top: 0;
|
|
|
}
|
|
|
|
|
|
.form-control {
|
|
|
width: 100%;
|
|
|
height: 45px;
|
|
|
border-radius: 25px;
|
|
|
}
|
|
|
.layout {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
margin-top: 20px;
|
|
|
padding:0 115px;
|
|
|
}
|
|
|
|
|
|
.login_button {
|
|
|
background-color: #409EFF;
|
|
|
color: white;
|
|
|
width: 100%;
|
|
|
/*height: 4rem;*/
|
|
|
height:45px;
|
|
|
font-size: 1.5rem;
|
|
|
border-color: #409EFF;
|
|
|
border-radius: 2.5vh;
|
|
|
box-shadow: none;
|
|
|
}
|
|
|
.left-top{
|
|
|
margin-bottom:15px;
|
|
|
}
|
|
|
.left-content {
|
|
|
display:flex;
|
|
|
flex-direction:column;
|
|
|
align-items:start;
|
|
|
margin-top: 25px;
|
|
|
width: 100%;
|
|
|
}
|
|
|
.title_log {
|
|
|
margin-bottom: 10px;
|
|
|
width: 100px;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
.title {
|
|
|
font-size: 20px;
|
|
|
color: #fff;
|
|
|
margin-left: 100px;
|
|
|
}
|
|
|
.right-content {
|
|
|
margin-top: 95px;
|
|
|
width: 100%;
|
|
|
}
|
|
|
/* 其他登陆方式 */
|
|
|
.login-other {
|
|
|
/*margin-top: 25px;*/
|
|
|
margin-top: 10px;
|
|
|
height: 40px;
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
}
|
|
|
.login_address{
|
|
|
margin-top:25px;
|
|
|
color:#777777;
|
|
|
}
|
|
|
.login_address div{
|
|
|
font-size:13px;
|
|
|
margin:5px 0;
|
|
|
}
|
|
|
|
|
|
.line {
|
|
|
flex-grow: 1;
|
|
|
height: 0.1px;
|
|
|
background-color: #c5c4c4;
|
|
|
}
|
|
|
|
|
|
.login-list {
|
|
|
margin-top:20px;
|
|
|
/*margin-left: 10px;*/
|
|
|
width: 100%;
|
|
|
height: 40px;
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
}
|
|
|
|
|
|
.item {
|
|
|
width: 35px;
|
|
|
height: 37px;
|
|
|
border-radius: 3vh;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
.item_link{
|
|
|
margin:0 5px;
|
|
|
}
|
|
|
.bottom_address{
|
|
|
margin-top:20px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body class="bg_login">
|
|
|
<div class="layout">
|
|
|
<!-- 左侧内容 -->
|
|
|
<div class="left-content">
|
|
|
<div class="left-top">
|
|
|
<img src="Img/title_login.png" class="title_log" />
|
|
|
<span class="title">经典的、永恒的、奔腾不息的驰骋BPM</span>
|
|
|
</div>
|
|
|
<img src="Img/Toolkit.png" style="width: 100%; height: 400px;" />
|
|
|
<div id="tip"></div>
|
|
|
</div>
|
|
|
<div class="right-content">
|
|
|
<form id="Form1" style="display: flex; flex-direction: column; align-items: center; padding-left: 170px; ">
|
|
|
|
|
|
<div class="login_title"><b style=" font-size: 35px;">CCBPM二开工具包 </b> <font color="#409EFF" style=" font-size: 35px;">- H5版</font> </div>
|
|
|
<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="登录(子)系统" />
|
|
|
</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 class="login_address">
|
|
|
<div>地址：济南市高新区.碧桂园凤凰国际A座F19 </div>
|
|
|
<div>联系方式：0531-82374939、18660153393(微信)</div>
|
|
|
<div>版权：济南驰骋信息技术有限公司 @2003-2023</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>
|