KunWeb/web/admin/login.html
2025-06-28 00:52:14 +08:00

187 lines
6.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>管理员登录</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<link href="/jscss/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/jscss/theme.js"></script>
<script>ciy_chgtheme(true);</script>
<style>
body {
background: #04c1fb url(/ud/img/bglogin.png) no-repeat top;
}
h1 {
margin: 3em auto 0 auto;
text-align: center;
vertical-align: middle;
font-size: 2em;
line-height: 1.5em;
background: linear-gradient(180deg, #ffffff, #ffffff 30%, #ffffff40);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
letter-spacing: 0.2em;
font-weight: bolder;
}
.cmain {
display: flex;
justify-content: space-around;
max-width: 60em;
margin: 4em auto 3em;
padding: 0 2em;
}
fieldset.tips {
width: 22em;
background: rgba(255, 255, 255, 0.6);
border: 1px solid #ffffff;
margin: 0;
}
fieldset.tips>legend {
background: rgba(255, 255, 255, 0.9);
border: 1px solid #ffffff;
}
.chr {
max-width: 42em;
margin: auto;
height: 1px;
background-image: linear-gradient(90deg, transparent 0%, #ffffffaa 10%, #ffffffaa 90%, transparent 100%);
}
.ccopy {
text-align: center;
color: #ffffff;
text-shadow: 0 0 2px #000000;
margin-top: 0.7em;
padding-bottom: 1em;
}
.cselectlang {
text-align: right;
padding: 1em;
color: #ffffff;
}
@media (min-width: 576px) {
.cmain {
justify-content: flex-end;
}
}
#debug {
margin: auto;
max-width: 60em;
text-align: right;
}
#debug>div {
display: inline-block;
padding: 0 0.5em;
border: 1px solid #407fc6;
border-radius: 0.3em;
margin: 0.3em;
cursor: pointer;
background: #e0f4ff;
}
</style>
</head>
<body>
<div class="cselectlang">
<a class="btn-menu btn-menu-caret">
<span class="lang">选择语言</span>
<ul class="ciy-popmenu">
<li onclick="ciyfn.setlang()">简体中文</li>
<li onclick="ciyfn.setlang('en')">English</li>
<li onclick="ciyfn.setlang('ja')">日本語</li>
</ul>
</a>
</div>
<h1 class="ciy-title lang">Ciyon SaaS总控台</h1>
<div class="cmain">
<fieldset class="tips">
<legend class="lang">管理员登录</legend>
<div class="char5">
<form onsubmit="javascript:formsubmit(this);return false;">
<div class="ciy-form">
<label class="lang">手机号</label>
<div>
<input type="text" name="user" style="width: 10em;" />
</div>
</div>
<div class="ciy-form">
<label class="lang">&#x3000;</label>
<div>
<input type="password" name="pass" style="width: 10em;" />
</div>
</div>
<div class="ciy-form">
<label></label>
<div>
<button type="submit" class="lang btn lg">登录</button>
</div>
</div>
<div class="ciy-tip">
演示账号: 12345678901<br>
密码: 123654<br>
<div class="txt-center">
移动端演示<br>
<img src="/ud/img/xcxdemo.png" style="width: 8em;">
</div>
</div>
</form>
</div>
</fieldset>
</div>
<div id="debug"></div>
<div class="chr"></div>
<div class="ccopy">© 2024 众产<sup>®</sup></div>
<script type="text/javascript" src="/jscss/ciy.js"></script>
<script type="text/javascript" src="/jscss/md5.js"></script>
<script type="text/javascript" src="./common.js"></script>
<script type="text/javascript">
'use strict';
var Glob = {};
ciyfn.pageload(function () {
var debuguser = ciyfn.getstorage('_debuguser10');
if (isarray(debuguser)) {
for (var i in debuguser) {
$5('#debug').append('<div data-pass="' + debuguser[i].pass + '" data-user="' + debuguser[i].user + '">' + debuguser[i].name + '</div>');
}
$5('#debug').on('click', 'div', function (e) {
$5('[name=user]').val(e.currentTarget.getAttribute('data-user'));
$5('[name=pass]').val(e.currentTarget.getAttribute('data-pass'));
});
}
});
function formsubmit(dom) {
var postparam = ciyfn.getform(dom);
if (postparam.user == '')
return ciyfn.alert('请输入手机号');
if (postparam.pass == '')
return ciyfn.alert('请输入密码');
postparam.auth = (new Date()).getTime();
postparam.pass = hex_md5(hex_md5(postparam.pass + ciy_vars.tokensalt) + postparam.auth);
if (ciyfn.throttle(dom)) return;
ciyfn.callfunc("login", postparam, function (json) {
if (json.me)
ciyfn.setstorage(ciy_vars.tokenfield, json.me);
if (json.storage)
ciyfn.savedict(json.storage);
ciyfn.toast('登录成功', function () {
location.href = './';
});
});
}
</script>
</body>
</html>