robin/waf-platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

登录页面改造

Browse Source
This commit is contained in:
robin
2026-02-15 01:56:39 +08:00
parent dd396d31b5
commit 468d0eeffc
5 changed files with 525 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
EdgeAdmin/web/views/@default/index/index.html
View File

@@ -7,57 +7,70 @@
{$else}
<link rel="shortcut icon" href="/ui/image/{$ .faviconFileId}"/>
{$end}
<title>登录{$ htmlEncode .systemName}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<title>&#30331;&#24405;{$ htmlEncode .systemName}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
{$TEA.VUE}
{$TEA.SEMANTIC}
<script type="text/javascript" src="/js/md5.min.js"></script>
<script type="text/javascript" src="/js/utils.min.js"></script>
<script type="text/javascript" src="/js/sweetalert2/dist/sweetalert2.all.min.js"></script>
<script type="text/javascript" src="/js/components.js"></script>
<script type="text/javascript" src="/js/md5.min.js"></script>
<script type="text/javascript" src="/js/utils.min.js"></script>
<script type="text/javascript" src="/js/sweetalert2/dist/sweetalert2.all.min.js"></script>
<script type="text/javascript" src="/js/components.js"></script>
</head>
<body style="background-image: url(/images/bg.jpg);width: 100% !important;height: 100% !important;background-size: cover !important;">
<body class="login-page">
<div>
{$template "/menu"}
<div class="bg-layer">
<div class="tech-bg"></div>
<div class="glow-circle"></div>
</div>
<div class="form-box">
<form method="post" class="ui form" data-tea-action="$" data-tea-before="submitBefore" data-tea-done="submitDone" data-tea-success="submitSuccess" autocomplete="off">
<csrf-token></csrf-token>
<input type="hidden" name="password" v-model="passwordMd5"/>
<input type="hidden" name="token" v-model="token"/>
<div class="ui segment stacked">
<div class="ui header">
登录{$ htmlEncode .systemName}
</div>
<div class="ui field">
<div class="ui left icon input">
<i class="ui user icon small"></i>
<input type="text" name="username" v-model="username" placeholder="请输入用户名" maxlength="200" ref="usernameRef" @input="changeUsername"/>
</div>
</div>
<div class="ui field">
<div class="ui left icon input">
<i class="ui lock icon small"></i>
<input type="password" v-model="password" placeholder="请输入密码" maxlength="200" @input="changePassword()" ref="passwordRef"/>
</div>
</div>
<div class="ui field" v-if="rememberLogin">
<a href="" @click.prevent="showMoreOptions()">更多选项 <i class="icon angle" :class="{down:!moreOptionsVisible, up:moreOptionsVisible}"></i> </a>
</div>
<div class="ui field" v-if="rememberLogin" v-show="moreOptionsVisible">
<div class="ui checkbox">
<input type="checkbox" name="remember" value="1" checked="checked"/>
<label>在这个电脑上记住登录（14天）</label>
</div>
</div>
<div class="login-shell">
{$template "/menu"}
<button class="ui button primary fluid" type="submit" v-if="!isSubmitting">登录</button>
<button class="ui button primary fluid disabled" type="submit" v-if="isSubmitting">登录中...</button>
</div>
</form>
</div>
<div class="form-box">
<div class="login-card">
<div class="card-header">
<div class="brand-logo">
{$if gt .logoFileId 0}
<span class="logo-image-wrap"><img class="logo-image" src="/ui/image/{$.logoFileId}" alt="logo"/></span>
{$else}
<span class="logo-icon"><i class="shield alternate icon"></i></span>
{$end}
<span class="logo-text">{$ htmlEncode .systemName}</span>
</div>
<p class="header-title">&#26032;&#19968;&#20195; Web&#19982;APP &#24212;&#29992;&#38450;&#25252;&#24179;&#21488;</p>
</div>
<form method="post" class="ui form login-form" data-tea-action="$" data-tea-before="submitBefore" data-tea-done="submitDone" data-tea-success="submitSuccess" autocomplete="off">
<csrf-token></csrf-token>
<input type="hidden" name="password" v-model="passwordMd5"/>
<input type="hidden" name="token" v-model="token"/>
<div class="ui field input-group">
<label class="input-label">&#36134;&#21495;</label>
<div class="input-field-wrapper">
<div class="ui left icon input">
<i class="ui user icon small input-icon"></i>
<input type="text" name="username" v-model="username" placeholder="&#35831;&#36755;&#20837;&#36134;&#21495;" maxlength="200" ref="usernameRef" @input="changeUsername"/>
</div>
</div>
</div>
<div class="ui field input-group">
<label class="input-label">&#23494;&#30721;</label>
<div class="input-field-wrapper">
<div class="ui left icon input">
<i class="ui lock icon small input-icon"></i>
<input type="password" v-model="password" placeholder="&#35831;&#36755;&#20837;&#23494;&#30721;" maxlength="200" @input="changePassword()" ref="passwordRef"/>
</div>
</div>
</div>
<button class="ui button primary fluid submit-btn" type="submit" v-if="!isSubmitting">&#30331;&#24405;</button>
<button class="ui button primary fluid disabled submit-btn" type="submit" disabled="disabled" v-if="isSubmitting">&#30331;&#24405;&#20013;...</button>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
</html>