| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 |
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="UTF-8" />
- <title>Roma</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link rel="icon" type="image/x-ico" href=""/>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
- <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
- <link rel="stylesheet" href="./public/static/amis-sdk/helper.css">
- <link rel="stylesheet" href="./public/static/amis-sdk/sdk.css">
- <!-- 引入自定义样式 -->
- <link rel="stylesheet" href="./public/static/css/login.css">
- </head>
- <body>
- <div id="root" class="app-wrapper"></div>
- <script type='text/javascript' src='./public/static/amis-sdk/sdk.js'></script>
- <!-- 引入语言包 -->
- <script src="./lang/en-US.js"></script>
- <script src="./lang/zh-CN.js"></script>
- <!-- 引入多语言js处理文件,必须先引入语言包 -->
- <script src="./public/static/tools/common.js"></script>
- <!-- 引入登录页面JSON -->
- <script src="./pages/login/login-json.js"></script>
- <script type="text/javascript">
- (function () {
- let amis = amisRequire('amis/embed');
-
- let languageInfo = getLanguageInfo();
- // 页面json内容
- const amisJSON = getLoginJson()
- let amisScoped = amis.embed(
- '#root',
- amisJSON,
- {
- locale: languageInfo.lang
- },
- {
- replaceText: languageInfo.langReplaceText,
- langReplaceTextIgnoreKeys: languageInfo.langReplaceTextIgnoreKeys,
- fetcher: (params) => {
- var systemUri = getSystemIp();
- var method = params.method;
- var data = params.data;
- var body = params.body;
- var url = systemUri + params.url;
- var form = new FormData();
- form = JSON.stringify(params.data);
- var ContentType = 'application/x-www-form-urlencoded';
- // var ContentType = 'application/json';
- let header = {
- "Content-Type": ContentType,
- "Authorization":'Bearer ' + getToken(),
- }
-
- let isFormData = (typeof FormData !== 'undefined') && (params['data'] instanceof FormData);
-
- // if (isFormData) {
- // delete header['Content-Type'];
- // form = data;
- // }
- let headers = new Headers(header);
- return new Promise(function (resolve, reject) {
- fetch(url,{
- method: method,
- body: params.data,
- headers: headers
- }).then(function (response) {
- return response.json();
- }).then(function (res) {
-
- // if (isFormData) {
- // data['data'] = res.data;
- // }
- resolve({ "data": res });
- });
- });
- }
- },
- );
- getVerify();
- })();
- // 刷新验证码
- function refresh_code()
- {
- getVerify();
- // document.querySelector('.code_img').src = 'http://localhost:8081/login/verifyCode?' + Math.random();
- }
- function getVerify() {
- var systemUri = getSystemIp();
- // 创建请求对象
- var request = new XMLHttpRequest()
- request.open('post', systemUri+'/login/verifyCode')
- request.send()
- // 获取网络请求响应的数据
- request.onreadystatechange = function () {
- // 响应完毕,并且请求成功
- if (request.readyState === 4 && request.status === 200) {
- var res = JSON.parse(request.responseText)
- document.querySelector('.code_img').src = "data:image/jpeg;base64," + res.img;
- localStorage.setItem('captchaToken', res.token);
- }
- }
- }
- // 获取登录的token-登录请求不需要登录token
- function getToken() {
- return localStorage.getItem("apiToken");
- }
- // 获取验证码的token
- function getCaptchaCode() {
- return localStorage.getItem("captchaToken");
- }
- </script>
- <style>
- .amis-scope .cxd-InputGroup .cxd-TextControl-input:not(:last-child) {
- border-right-width: -1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- </style>
- </body>
- </html>
|