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.

361 lines
14 KiB
Plaintext

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden 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.

<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=#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;
}
//debugger;
//第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>版权:济南驰骋信息技术有限公司&nbsp;@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>济南驰骋信息技术有限公司&nbsp;@2003-2023</div>
<div>地址:济南市.高新区.碧桂园凤凰国际A座F19 </div>
<div>电话0531-82374939、18660153393(微信)</div>
</div>
</center>-->
</body>
</html>