| | |
|---|
| | | border-radius: 4px; |
|---|
| | | height: 52px; |
|---|
| | | } |
|---|
| | | .login-lang { |
|---|
| | | position: fixed; |
|---|
| | | top: 20px; |
|---|
| | | right: 24px; |
|---|
| | | z-index: 2; |
|---|
| | | } |
|---|
| | | .login-lang select { |
|---|
| | | min-width: 140px; |
|---|
| | | height: 34px; |
|---|
| | | padding: 0 10px; |
|---|
| | | border: 1px solid #d6dbe6; |
|---|
| | | border-radius: 17px; |
|---|
| | | background: rgba(255, 255, 255, 0.92); |
|---|
| | | color: #3b4a5a; |
|---|
| | | outline: none; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body class="login-bg animsition"> |
|---|
| | | |
|---|
| | | <div class="login-lang"> |
|---|
| | | <select id="lang-switch" aria-label="Language"></select> |
|---|
| | | </div> |
|---|
| | | <div id="login-wrapper" class="animate__animated animate__bounceInDown"> |
|---|
| | | <header> |
|---|
| | | <h2 id="login-title" style="cursor: pointer; user-select: none;">WCS系统V3.0</h2> |
|---|
| | | <h2 id="login-title" data-i18n-key="login.title" style="cursor: pointer; user-select: none;">WCS系统V3.0</h2> |
|---|
| | | </header> |
|---|
| | | <div class="layui-form layadmin-user-login-body"> |
|---|
| | | <div class="layui-form-item"> |
|---|
| | | <label class="layui-icon layui-icon-cellphone layadmin-user-login-icon"></label> |
|---|
| | | <input id="mobile" class="layui-input" type="text" name="mobile" lay-verify="mobile" placeholder="账号"> |
|---|
| | | <input id="mobile" class="layui-input" type="text" name="mobile" lay-verify="mobile" data-i18n-placeholder-key="login.username" placeholder="账号"> |
|---|
| | | </div> |
|---|
| | | <div class="layui-form-item"> |
|---|
| | | <label class="layui-icon layui-icon-password layadmin-user-login-icon"></label> |
|---|
| | | <input id="password" class="layui-input" type="password" name="password" lay-verify="password" placeholder="密码"> |
|---|
| | | <input id="password" class="layui-input" type="password" name="password" lay-verify="password" data-i18n-placeholder-key="login.password" placeholder="密码"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-form-item login-submit"> |
|---|
| | | <button id="login-button" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="login">登     录</button> |
|---|
| | | <button id="login-button" data-i18n-key="login.submit" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="login">登     录</button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div id="system-tools-panel" style="display: none; padding: 20px;"> |
|---|
| | | <div style="margin-bottom: 18px;"> |
|---|
| | | <div style="margin-bottom: 10px; color: #666; font-weight: 600;">推荐操作</div> |
|---|
| | | <div data-i18n-key="login.tools.recommended" style="margin-bottom: 10px; color: #666; font-weight: 600;">推荐操作</div> |
|---|
| | | <div style="display: flex; flex-wrap: wrap; gap: 12px;"> |
|---|
| | | <button class="layui-btn layui-btn-normal layui-btn-sm" id="btn-request-code">获取请求码</button> |
|---|
| | | <button class="layui-btn layui-btn-normal layui-btn-sm" id="btn-activate">一键激活</button> |
|---|
| | | <button data-i18n-key="login.tools.requestCode" class="layui-btn layui-btn-normal layui-btn-sm" id="btn-request-code">获取请求码</button> |
|---|
| | | <button data-i18n-key="login.tools.activate" class="layui-btn layui-btn-normal layui-btn-sm" id="btn-activate">一键激活</button> |
|---|
| | | </div> |
|---|
| | | <div style="margin-top: 8px; color: #999; font-size: 12px;">优先使用“获取请求码”和“一键激活”完成许可证申请与激活。</div> |
|---|
| | | <div data-i18n-key="login.tools.recommendedDesc" style="margin-top: 8px; color: #999; font-size: 12px;">优先使用“获取请求码”和“一键激活”完成许可证申请与激活。</div> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <div style="margin-bottom: 10px; color: #666; font-weight: 600;">其他工具</div> |
|---|
| | | <div data-i18n-key="login.tools.others" style="margin-bottom: 10px; color: #666; font-weight: 600;">其他工具</div> |
|---|
| | | <div style="display: flex; flex-wrap: wrap; gap: 12px;"> |
|---|
| | | <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-project-name">获取项目名称</button> |
|---|
| | | <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-server-info">获取系统配置</button> |
|---|
| | | <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-upload-license">录入许可证</button> |
|---|
| | | <button data-i18n-key="login.tools.projectName" class="layui-btn layui-btn-primary layui-btn-sm" id="btn-project-name">获取项目名称</button> |
|---|
| | | <button data-i18n-key="login.tools.serverInfo" class="layui-btn layui-btn-primary layui-btn-sm" id="btn-server-info">获取系统配置</button> |
|---|
| | | <button data-i18n-key="login.tools.uploadLicense" class="layui-btn layui-btn-primary layui-btn-sm" id="btn-upload-license">录入许可证</button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | layer = layui.layer, |
|---|
| | | $ = layui.jquery; |
|---|
| | | |
|---|
| | | function initLanguageSwitch() { |
|---|
| | | WCS_I18N.onReady(function (i18n) { |
|---|
| | | var select = document.getElementById('lang-switch'); |
|---|
| | | var options = i18n.getLocaleOptions(); |
|---|
| | | var current = i18n.getLocale(); |
|---|
| | | var html = ''; |
|---|
| | | var i; |
|---|
| | | for (i = 0; i < options.length; i++) { |
|---|
| | | html += '<option value="' + options[i].tag + '"' + (options[i].tag === current ? ' selected' : '') + '>' + options[i].label + '</option>'; |
|---|
| | | } |
|---|
| | | select.innerHTML = html; |
|---|
| | | select.onchange = function () { |
|---|
| | | i18n.setLocale(this.value); |
|---|
| | | }; |
|---|
| | | document.title = i18n.t('login.title'); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | initLanguageSwitch(); |
|---|
| | | |
|---|
| | | // 连续点击三次标题显示隐藏功能 |
|---|
| | | var titleClickCount = 0; |
|---|
| | | var titleClickTimer = null; |
|---|
