155 lines
4.1 KiB
HTML
155 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<base href="/usercenter/">
|
|
<title th:text="${loginPageName}"></title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #000;
|
|
}
|
|
|
|
.container {
|
|
padding: 2% 3%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.main, .right-title {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.logo {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.left {
|
|
width: 60%;
|
|
float: left;
|
|
padding: 15px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #DDD;
|
|
}
|
|
|
|
.left img {
|
|
width: 100%;
|
|
}
|
|
|
|
.right {
|
|
float: right;
|
|
width: 39%;
|
|
}
|
|
|
|
.right .title {
|
|
float: right;
|
|
}
|
|
|
|
.right-item {
|
|
font-size: 0;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.right-item a {
|
|
display: inline-block;
|
|
width: 24%;
|
|
margin-right: 1.333333%;
|
|
text-align: center;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.right-item a:nth-child(4n) {
|
|
margin-right: 0
|
|
}
|
|
|
|
.right-item a img {
|
|
height: 80px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.right-item a p {
|
|
text-align: center;
|
|
font-size: 16px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="logo">
|
|
<img src="assets/images/gxq/logo.png" alt="">
|
|
</div>
|
|
<div class="main">
|
|
<div class="left">
|
|
<img src="assets/images/gxq/map.png" alt="">
|
|
</div>
|
|
<div class="right">
|
|
<div class="right-title">
|
|
<img src="assets/images/gxq/title.png" alt="" class="title">
|
|
</div>
|
|
<div class="right-item" id="oauthClientTemplateBox"></div>
|
|
<script id="oauthClientTemplate" type="text/html">
|
|
<a href="main" title="用户管理系统">
|
|
<img src="assets/images/gxq/1.jpg" alt="">
|
|
<p>用户管理系统</p>
|
|
</a>
|
|
{{# if(d.length > 0) { }}
|
|
{{# for(var i = 0, item; item = d[i++];) { }}
|
|
<a href="{{item.webServerRedirectUri}}" title="{{item.clientName}}">
|
|
{{# if(!item.systemIcon) { }}
|
|
<img src="assets/images/gxq/1.jpg" class="system-icon">
|
|
{{# } else { }}
|
|
<img src="route/file/downloadfile/true/{{item.systemIcon}}" class="system-icon">
|
|
{{# } }}
|
|
<p>{{item.clientName}}</p>
|
|
</a>
|
|
{{#} }}
|
|
{{#} }}
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="assets/layuiadmin/layui/layui.js"></script>
|
|
<script>
|
|
layui.config({
|
|
base: 'assets/layuiadmin/' //静态资源所在路径
|
|
}).extend({
|
|
index: 'lib/index' //主入口模块
|
|
}).use(['index', 'restajax', 'datamessage', 'dialog'], function () {
|
|
var $ = layui.$;
|
|
var $win = $(window);
|
|
var layer = layui.layer;
|
|
var laytpl = layui.laytpl;
|
|
var dialog = layui.dialog;
|
|
var restAjax = layui.restajax;
|
|
var dataMessage = layui.datamessage;
|
|
|
|
function initOauthClientTemplate(data) {
|
|
laytpl(document.getElementById('oauthClientTemplate').innerHTML).render(data, function (html) {
|
|
document.getElementById('oauthClientTemplateBox').innerHTML = html;
|
|
});
|
|
}
|
|
|
|
function initOauthClient() {
|
|
restAjax.get('api/oauthclient/listoauthclient', {
|
|
environment: 'formal'
|
|
}, null, function (code, data) {
|
|
initOauthClientTemplate(data);
|
|
}, function (code, data) {
|
|
dialog.msg(data.msg);
|
|
initOauthClientTemplate([]);
|
|
});
|
|
}
|
|
|
|
initOauthClient();
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |