错误界面改进;用户信息界面整合;
This commit is contained in:
Saturneric
parent
fd44c3d939
commit
1d01b41f62
@ -1,5 +1,7 @@
|
||||
package com.codesdream.ase.component.error;
|
||||
|
||||
import lombok.Data;
|
||||
|
||||
import javax.xml.bind.annotation.XmlRootElement;
|
||||
import java.util.List;
|
||||
|
||||
|
||||
@ -54,6 +54,6 @@ public class CustomWebSecurityConfig extends WebSecurityConfigurerAdapter {
|
||||
public void configure(WebSecurity web) throws Exception {
|
||||
web
|
||||
.ignoring()
|
||||
.antMatchers("/assets/**", "/register/**", "/forget/**", "/not_found/**");
|
||||
.antMatchers("/assets/**", "/register/**", "/forget/**", "/not_found/**", "/error/**");
|
||||
}
|
||||
}
|
||||
|
||||
@ -22,14 +22,25 @@ public class ASEErrorController implements ErrorController {
|
||||
public String handleError(HttpServletRequest request, Model model){
|
||||
Integer statusCode = (Integer) request.getAttribute("javax.servlet.error.status_code");
|
||||
Exception exception = (Exception) request.getAttribute("javax.servlet.error.exception");
|
||||
|
||||
// 无效异常检查
|
||||
if(statusCode == null || exception == null){
|
||||
model.addAttribute("if_active", false);
|
||||
}
|
||||
else {
|
||||
model.addAttribute("if_active", true);
|
||||
// 页面未找到
|
||||
if (statusCode == HttpStatus.NOT_FOUND.value()) {
|
||||
return "not_found";
|
||||
}
|
||||
model.addAttribute("http_status", statusCode);
|
||||
// 引发异常检查
|
||||
if (exception.getCause() == null) {
|
||||
model.addAttribute("exception_name", exception.getClass().getName());
|
||||
model.addAttribute("exception_message", exception.getMessage());
|
||||
} else {
|
||||
model.addAttribute("exception_name", exception.getCause().getClass().getName());
|
||||
model.addAttribute("exception_message", exception.getCause().getMessage());
|
||||
}
|
||||
List<String> stack_infos = new ArrayList<>();
|
||||
for (StackTraceElement element : exception.getStackTrace()) {
|
||||
String s = element.toString();
|
||||
@ -37,6 +48,7 @@ public class ASEErrorController implements ErrorController {
|
||||
}
|
||||
model.addAttribute("error_stack", stack_infos);
|
||||
model.addAttribute("exception_date", new Date());
|
||||
}
|
||||
return "error";
|
||||
|
||||
}
|
||||
|
||||
@ -20,8 +20,16 @@ public class HomeController {
|
||||
User user = userService.findUserByUsername(principal.getName());
|
||||
// 为视图模板指定参数
|
||||
model.addAttribute("username", user.getUsername().substring(0, 18));
|
||||
model.addAttribute("real_name", user.getUserDetail().getRealName());
|
||||
model.addAttribute("sex", user.getUserDetail().getSex());
|
||||
model.addAttribute("student_id", user.getUserAuth().getStudentID());
|
||||
model.addAttribute("class_id", user.getUserDetail().getClassId());
|
||||
model.addAttribute("college", user.getUserDetail().getBaseCollege().getName());
|
||||
model.addAttribute("ethnic", user.getUserDetail().getBaseEthnic().getName());
|
||||
model.addAttribute("major", user.getUserDetail().getBaseMajor().getName());
|
||||
model.addAttribute("is_at_school", user.getUserDetail().isAtSchool());
|
||||
model.addAttribute("ethnic", user.getUserDetail().getBaseEthnic().getName());
|
||||
model.addAttribute("mail", user.getUserAuth().getMail());
|
||||
return "home";
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,8 @@
|
||||
package com.codesdream.ase.controller;
|
||||
|
||||
import com.codesdream.ase.model.information.BaseStudentInfo;
|
||||
import com.codesdream.ase.model.permission.User;
|
||||
import com.codesdream.ase.service.BaseInformationService;
|
||||
import com.codesdream.ase.service.UserService;
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.ui.Model;
|
||||
@ -16,6 +18,9 @@ public class RegisterController {
|
||||
@Resource
|
||||
UserService userService;
|
||||
|
||||
@Resource
|
||||
BaseInformationService baseInformationService;
|
||||
|
||||
@RequestMapping(value = "/register")
|
||||
String registerView(Model model){
|
||||
return "register";
|
||||
@ -33,10 +38,27 @@ public class RegisterController {
|
||||
&& parameterMap.containsKey("user-question")
|
||||
&& parameterMap.containsKey("user-answer")
|
||||
) {
|
||||
User user = userService.getDefaultUser();
|
||||
// 获得提交学号
|
||||
String student_id = parameterMap.get("student-id")[0].toString();
|
||||
// 生成随机用户名
|
||||
userService.generateRandomUsernameByStudentID(user, student_id);
|
||||
// 获得密保问题
|
||||
String user_question = parameterMap.get("user-question")[0].toString();
|
||||
// 获得密保答案
|
||||
String user_answer = parameterMap.get("user-answer")[0].toString();
|
||||
|
||||
// 检查用户的基本信息是否录入系统
|
||||
if(!baseInformationService.checkStudentInfo(student_id))
|
||||
throw new RuntimeException("Student ID Not Found In Base Information Service");
|
||||
|
||||
// 查找对应的基本信息
|
||||
BaseStudentInfo studentInfo = baseInformationService.findStudentInfoByStudentId(student_id);
|
||||
|
||||
// 根据基本信息生成对应用户
|
||||
User user = userService.getUserByStudentInfo(studentInfo);
|
||||
|
||||
// 填充密保问题
|
||||
user.getUserAuth().setUserQuestion(user_question);
|
||||
user.getUserAuth().setUserAnswer(user_answer);
|
||||
user.getUserAuth().setMail("");
|
||||
|
||||
String password = parameterMap.get("password")[0].toString();
|
||||
String retry_password = parameterMap.get("retry-password")[0].toString();
|
||||
|
||||
@ -42,6 +42,9 @@ public class UserDetail {
|
||||
// 真实姓名
|
||||
private String realName = null;
|
||||
|
||||
// 性别
|
||||
private String sex = null;
|
||||
|
||||
// 在校认证状态
|
||||
private boolean atSchool = false;
|
||||
}
|
||||
|
||||
@ -92,6 +92,17 @@ public class UserService implements IUserService {
|
||||
if(userRepository.findByUsername(user.getUsername()).isPresent())
|
||||
throw new UsernameAlreadyExistException(user.getUsername());
|
||||
|
||||
// 用户信息一般性规范检查
|
||||
if(user.getUserAuth().getUserAnswer() == null
|
||||
|| user.getUserAuth().getUserQuestion() == null
|
||||
|| user.getUserAuth().getStudentID() == null
|
||||
|| user.getUserDetail().getRealName() == null
|
||||
|| user.getUserAuth().getMail() == null){
|
||||
|
||||
throw new RuntimeException("Key Information IS NULL");
|
||||
}
|
||||
|
||||
|
||||
// 用户信息一般性规范检查
|
||||
if(user.getUserAuth().getUserAnswer().length() > 255
|
||||
|| user.getUserAuth().getUserQuestion().length() > 255
|
||||
@ -144,6 +155,7 @@ public class UserService implements IUserService {
|
||||
user.getUserDetail().setBaseMajor(studentInfo.getMajor());
|
||||
user.getUserDetail().setBaseEthnic(studentInfo.getEthnic());
|
||||
user.getUserDetail().setBasePoliticalStatus(studentInfo.getPoliticalStatus());
|
||||
user.getUserDetail().setSex(studentInfo.getSex());
|
||||
|
||||
// 添加在校学生认证
|
||||
user.getUserDetail().setAtSchool(true);
|
||||
|
||||
@ -14,13 +14,19 @@
|
||||
<nav class="navbar navbar-header navbar-expand-lg" data-background-color="blue2">
|
||||
|
||||
<div class="container-fluid">
|
||||
<div th:if="${if_active}">
|
||||
<h1 style="color: white">Error Occurred</h1>
|
||||
</div>
|
||||
<div th:unless="${if_active}">
|
||||
<h1 style="color: white">No Error Occurred</h1>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="main-panel">
|
||||
<div class="content">
|
||||
<div class="page-inner">
|
||||
<div th:if="${if_active}">
|
||||
<div class="page-header">
|
||||
<h4 class="page-title"><div class="fa fa-surprise"></div> 异常被抛出 (Exception Thrown)</h4>
|
||||
</div>
|
||||
@ -63,7 +69,7 @@
|
||||
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>附带消息</td>
|
||||
<td>时间</td>
|
||||
<td class="text-primary" th:text="${#dates.format(exception_date, 'yyyy-MM-dd HH:mm:ss')}"></td>
|
||||
</tr>
|
||||
|
||||
@ -90,6 +96,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@ -11,6 +11,7 @@
|
||||
<!-- Custom template | don't include it in your project! -->
|
||||
|
||||
<!-- End Custom template -->
|
||||
</div>
|
||||
<!-- Core JS Files -->
|
||||
<div class="wrapper">
|
||||
<div class="main-header">
|
||||
@ -147,16 +148,19 @@
|
||||
<div class="avatar-sm float-left mr-2"> <img src="../assets/img/profile.jpg" alt="..." class="avatar-img rounded-circle"></div>
|
||||
<div class="info">
|
||||
<a data-toggle="collapse" href="#collapseExample" aria-expanded="true">
|
||||
<span th:text="${username}">二狗子</span>
|
||||
<span>
|
||||
<span th:text="${real_name}"></span>
|
||||
<span class="user-level">学生</span>
|
||||
<span class="caret"></span>
|
||||
</span>
|
||||
</a>
|
||||
<div class="clear-fix"></div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="collapse in" id="collapseExample">
|
||||
<ul class="nav">
|
||||
<li> <a href="#profile"> <span class="link-collapse">基本资料</span></a></li>
|
||||
<li> <a href="#edit"> <span class="link-collapse">编辑个人信息</span></a></li>
|
||||
<li> <a href="#settings"> <span class="link-collapse">设置</span></a></li>
|
||||
<li> <a href="#settings"> <span class="link-collapse">修改密码</span></a></li>
|
||||
<li> <a href="#settings"> <span class="link-collapse">注销</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@ -182,10 +186,10 @@
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="base">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a href="huodong1.html"> <span class="sub-item">我的活动</span></a></li>
|
||||
<li> <a href="huodong2.html"> <span class="sub-item">创建活动</span></a></li>
|
||||
<li> <a href="huodong3.html"> <span class="sub-item">活动列表</span></a></li>
|
||||
<li> <a href="huodong4.html"> <span class="sub-item">活动报告</span></a></li>
|
||||
<li> <a href="huodong-1.html"> <span class="sub-item">我的活动</span></a></li>
|
||||
<li> <a href="huodong-2.html"> <span class="sub-item">创建活动</span></a></li>
|
||||
<li> <a href="huodong-3.html"> <span class="sub-item">活动列表</span></a></li>
|
||||
<li> <a href="huodong-4.html"> <span class="sub-item">活动报告</span></a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
@ -195,8 +199,8 @@
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="sidebarLayouts">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a href="sidebar-style-1.html"> <span class="sub-item">我的消息</span></a></li>
|
||||
<li> <a href="overlay-sidebar.html"> <span class="sub-item">发送消息</span></a></li>
|
||||
<li> <a href="xiaoxi-1.html"> <span class="sub-item">我的消息</span></a></li>
|
||||
<li> <a href="xiaoxi-2.html"> <span class="sub-item">发送消息</span></a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
@ -206,8 +210,8 @@
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="forms">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a href="forms/forms.html"> <span class="sub-item">请假申请</span></a></li>
|
||||
<li> <a href="forms/forms.html"> <span class="sub-item">假条审核</span></a></li>
|
||||
<li> <a href="qingjia-1.html"> <span class="sub-item">请假申请</span></a></li>
|
||||
<li> <a href="qingjia-2.html"> <span class="sub-item">假条审核</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
@ -261,15 +265,17 @@
|
||||
<tbody>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">姓名</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">二狗子</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在校状态</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
|
||||
<div th:switch="${is_at_school}">
|
||||
<span th:case="${true}">在校</span>
|
||||
<span th:case="${false}">未在校</span>
|
||||
<span th:case="*">未知</span>
|
||||
</div>
|
||||
</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><span th:text="${real_name}"></span></font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">身份认证状态</font></font></td>
|
||||
<td style="background-color: #FFFFFF">
|
||||
<font style="vertical-align: inherit;">
|
||||
<font style="vertical-align: inherit;">
|
||||
<span th:if="${is_at_school}">已认证</span>
|
||||
<span th:unless="${is_at_school}">未认证</span>
|
||||
</font>
|
||||
</font>
|
||||
</td>
|
||||
|
||||
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
@ -280,15 +286,20 @@
|
||||
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">手机</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">180892131811</font></font></td>
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">民族</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><span th:text="${ethnic}"></span> </font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">性别</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">男</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><span th:text="${sex}"></span> </font></font></td>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</tr><tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">班号</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">14011809</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><span th:text="${class_id}"></span> </font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">班级</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件九班</font></font></td>
|
||||
|
||||
@ -296,13 +307,13 @@
|
||||
|
||||
</tr><tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">专业</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件工程</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><span th:text="${major}"></span></font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">学院</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件学院</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><span th:text="${college}"></span> </font></font></td>
|
||||
|
||||
</tr><tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">邮箱</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">857331073@qq.com</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><span th:text="${mail}"></span></font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">职务</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">无</font></font></td>
|
||||
|
||||
@ -370,7 +381,138 @@
|
||||
|
||||
<!-- Custom template | don't include it in your project! --> <!-- End Custom template -->
|
||||
</div>
|
||||
<script src="../assets/js/core/jquery.3.2.1.min.js"></script> <script src="../assets/js/core/popper.min.js"></script>
|
||||
<script src="../assets/js/core/bootstrap.min.js"></script>
|
||||
|
||||
<div th:include="layout::js"></div>
|
||||
<!-- jQuery UI -->
|
||||
<script src="../assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
|
||||
|
||||
<!-- jQuery Scrollbar -->
|
||||
<script src="../assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>
|
||||
|
||||
|
||||
<!-- Chart JS -->
|
||||
<script src="../assets/js/plugin/chart.js/chart.min.js"></script>
|
||||
|
||||
<!-- jQuery Sparkline -->
|
||||
<script src="../assets/js/plugin/jquery.sparkline/jquery.sparkline.min.js"></script>
|
||||
|
||||
<!-- Chart Circle -->
|
||||
<script src="../assets/js/plugin/chart-circle/circles.min.js"></script>
|
||||
|
||||
<!-- Datatables -->
|
||||
<script src="../assets/js/plugin/datatables/datatables.min.js"></script>
|
||||
|
||||
<!-- Bootstrap Notify -->
|
||||
<script src="../assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>
|
||||
|
||||
<!-- jQuery Vector Maps -->
|
||||
<script src="../assets/js/plugin/jqvmap/jquery.vmap.min.js"></script>
|
||||
<script src="../assets/js/plugin/jqvmap/maps/jquery.vmap.world.js"></script>
|
||||
|
||||
<!-- Sweet Alert -->
|
||||
<script src="../assets/js/plugin/sweetalert/sweetalert.min.js"></script>
|
||||
|
||||
<!-- Atlantis JS -->
|
||||
<script src="../assets/js/atlantis.min.js"></script>
|
||||
|
||||
<!-- Atlantis DEMO methods, don't include it in your project! -->
|
||||
<script src="../assets/js/setting-demo.js"></script>
|
||||
<script src="../assets/js/demo.js"></script>
|
||||
<script>
|
||||
Circles.create({
|
||||
id:'circles-1',
|
||||
radius:45,
|
||||
value:60,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 5,
|
||||
colors:['#f1f1f1', '#FF9E27'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-2',
|
||||
radius:45,
|
||||
value:70,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 36,
|
||||
colors:['#f1f1f1', '#2BB930'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-3',
|
||||
radius:45,
|
||||
value:40,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 12,
|
||||
colors:['#f1f1f1', '#F25961'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
var totalIncomeChart = document.getElementById('totalIncomeChart').getContext('2d');
|
||||
|
||||
var mytotalIncomeChart = new Chart(totalIncomeChart, {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ["S", "M", "T", "W", "T", "F", "S", "S", "M", "T"],
|
||||
datasets : [{
|
||||
label: "Total Income",
|
||||
backgroundColor: '#ff9e27',
|
||||
borderColor: 'rgb(23, 125, 255)',
|
||||
data: [6, 4, 9, 5, 4, 6, 4, 3, 8, 10],
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
display: false //this will remove only the label
|
||||
},
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}],
|
||||
xAxes : [ {
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}]
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
$('#lineChart').sparkline([105,103,123,100,95,105,115], {
|
||||
type: 'line',
|
||||
height: '70',
|
||||
width: '100%',
|
||||
lineWidth: '2',
|
||||
lineColor: '#ffa534',
|
||||
fillColor: 'rgba(255, 165, 52, .14)'
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
265
src/main/resources/templates/huodong1.html
Normal file
265
src/main/resources/templates/huodong1.html
Normal file
@ -0,0 +1,265 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link href="../static/assets/css/atlantis.css" rel="stylesheet" type="text/css" media="screen">
|
||||
<link href="../static/assets/css/atlantis.css.map.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/atlantis.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/demo.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/fonts.css" rel="stylesheet" type="text/css"><link href="../static/assets/css/fonts.min.css" rel="stylesheet" type="text/css">
|
||||
<div th:include="layout::head"></div>
|
||||
<title>我的活动</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="main-panel" >
|
||||
<div class="card" style="left:20px;position:inherit;width:90%; ">
|
||||
<div style="left: 5%;position: inherit">
|
||||
<div class="page-header" style="height:60px;left:20px"></div>
|
||||
|
||||
<div class="card-body">
|
||||
<ul class="nav nav-pills nav-secondary" id="pills-tab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">基本信息</font></font></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">签到情况</font></font></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">活动管理者</font></font></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content mt-2 mb-3" id="pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
|
||||
<div style="position:relative; height : 40px"></div>
|
||||
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">远处，在“山”一词的后面，远离Vokalia和Consonantia国家，那里有盲目的文字。</font><font style="vertical-align: inherit;">他们分开居住在语义大国语义海的Bookmarksgrove。</font></font></p>
|
||||
|
||||
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一条名为Duden的小河在其所在地流淌，并向其提供必要的游憩设施。</font><font style="vertical-align: inherit;">这是一个天堂般的国家，在这里，烤过的句子飞入您的嘴里。</font></font></p>
|
||||
<table style="width: 80% ;left:20px;position:inherit " class="table table-bordered">
|
||||
<tbody>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">创建人</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">二狗子</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">报名人数</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">1223</font></font></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">进行状态</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">未开始</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">活动编号</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">E123442</font></font></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我的角色</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">参加者</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">参加情况</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">待参加</font></font></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">报名时间</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">3.13-3.14</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">开展时间</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">3.15 14：00-3.17 14:00</font></font></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">活动类型</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">团建活动</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">地点</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在线</font></font></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">是否考勤</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">随机考勤</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"></font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"></font></font></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" style="position: relative;left: 20%;">
|
||||
|
||||
|
||||
<div style="position:relative; height : 40px"></div>
|
||||
|
||||
<p class="demo" style="position: inherit; ">
|
||||
<button style="height: 10%"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><i class="icon-arrow-left"></i></font></font></button>
|
||||
|
||||
<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">3月10日</font></font>
|
||||
|
||||
<button style="height: 10%"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><i class="icon-arrow-right"></i></font></font></button>
|
||||
</p>
|
||||
|
||||
<table class="table table-typo" style="width: 40%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">已签到名单</font></font></p>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
|
||||
|
||||
<p>二分法</p>
|
||||
<p>大法官</p>
|
||||
<p>王大王</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">未签到名单</font></font></p>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
<p>二分法</p>
|
||||
<p>大法官</p>
|
||||
<p>王大王</p></td>
|
||||
</tr
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab" style="position: relative;left: 20%;">
|
||||
<div style="position:relative; height : 40px"></div>
|
||||
<p>二分法</p>
|
||||
<p>大法官</p>
|
||||
<p>王大王</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<p class="demo" style="position: inherit; left:30%">
|
||||
|
||||
<button class="btn btn-primary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">上一个活动</font></font></button>
|
||||
|
||||
3/20
|
||||
|
||||
<button class="btn btn-primary" ><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">下一个活动</font></font></button>
|
||||
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../assets/js/core/jquery.3.2.1.min.js"></script>
|
||||
<script src="../assets/js/core/popper.min.js"></script>
|
||||
<script src="../assets/js/core/bootstrap.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>
|
||||
<script src="../assets/js/plugin/chart.js/chart.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery.sparkline/jquery.sparkline.min.js"></script>
|
||||
<script src="../assets/js/plugin/chart-circle/circles.min.js"></script>
|
||||
<script src="../assets/js/plugin/datatables/datatables.min.js"></script>
|
||||
<script src="../assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>
|
||||
<script src="../assets/js/plugin/jqvmap/jquery.vmap.min.js"></script>
|
||||
<script src="../assets/js/plugin/jqvmap/maps/jquery.vmap.world.js"></script>
|
||||
<script src="../assets/js/plugin/sweetalert/sweetalert.min.js"></script>
|
||||
<script src="../assets/js/atlantis.min.js"></script>
|
||||
<script src="../assets/js/setting-demo.js"></script>
|
||||
<script src="../assets/js/demo.js"></script>
|
||||
<script>
|
||||
Circles.create({
|
||||
id:'circles-1',
|
||||
radius:45,
|
||||
value:60,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 5,
|
||||
colors:['#f1f1f1', '#FF9E27'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-2',
|
||||
radius:45,
|
||||
value:70,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 36,
|
||||
colors:['#f1f1f1', '#2BB930'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-3',
|
||||
radius:45,
|
||||
value:40,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 12,
|
||||
colors:['#f1f1f1', '#F25961'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
var totalIncomeChart = document.getElementById('totalIncomeChart').getContext('2d');
|
||||
|
||||
var mytotalIncomeChart = new Chart(totalIncomeChart, {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ["S", "M", "T", "W", "T", "F", "S", "S", "M", "T"],
|
||||
datasets : [{
|
||||
label: "Total Income",
|
||||
backgroundColor: '#ff9e27',
|
||||
borderColor: 'rgb(23, 125, 255)',
|
||||
data: [6, 4, 9, 5, 4, 6, 4, 3, 8, 10],
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
display: false //this will remove only the label
|
||||
},
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}],
|
||||
xAxes : [ {
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}]
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
$('#lineChart').sparkline([105,103,123,100,95,105,115], {
|
||||
type: 'line',
|
||||
height: '70',
|
||||
width: '100%',
|
||||
lineWidth: '2',
|
||||
lineColor: '#ffa534',
|
||||
fillColor: 'rgba(255, 165, 52, .14)'
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
626
src/main/resources/templates/huodong2.html
Normal file
626
src/main/resources/templates/huodong2.html
Normal file
@ -0,0 +1,626 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link href="../static/assets/css/atlantis.css" rel="stylesheet" type="text/css" media="screen">
|
||||
<link href="../static/assets/css/atlantis.css.map.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/atlantis.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/demo.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/fonts.css" rel="stylesheet" type="text/css"><link href="../static/assets/css/fonts.min.css" rel="stylesheet" type="text/css">
|
||||
<div th:include="layout::head"></div>
|
||||
<title>创建活动</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="main-panel" >
|
||||
<div class="card" style="left:20px;position:inherit;width:90%; ">
|
||||
<div class="form-group" style="left: 20%;position: inherit;width: 600px;" >
|
||||
<div class="page-header" style="height:60px;left:20px"></div>
|
||||
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<label for="largeInput"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>活动名称</font></font></label>
|
||||
<input style="" type="text" class="form-control form-control" id="defaultInput" placeholder="">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="comment"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>活动描述</font></font></label>
|
||||
<textarea class="form-control" id="comment" rows="5">
|
||||
</textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="exampleFormControlFile1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">上传封面</font></font></label>
|
||||
<input type="file" class="form-control-file" id="exampleFormControlFile1">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="exampleFormControlFile1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">上传附件</font></font>(多文件请上传压缩包)</label>
|
||||
<input type="file" class="form-control-file" id="exampleFormControlFile1">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="exampleFormControlSelect1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>活动类型</font></font></label>
|
||||
<select class="form-control" id="exampleFormControlSelect1">
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">团建活动</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">会议活动</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">讲座</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">打卡签到</font></font></option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
|
||||
<div class="form-group" >
|
||||
<label for="largeInput"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>活动标签</font></font></label>
|
||||
<p class="row" >
|
||||
<input style="width:70% " type="text" class="form-control form-control" id="defaultInput" placeholder="添加新的标签">
|
||||
<button class="btn btn-primary btn-border" ><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加</font></font></button>
|
||||
</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="selectgroup selectgroup-pills">
|
||||
|
||||
<label class="selectgroup-item">
|
||||
<input type="checkbox" name="value" value="HTML" class="selectgroup-input" checked="">
|
||||
<span class="selectgroup-button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">的HTML</font></font></span>
|
||||
</label>
|
||||
<label class="selectgroup-item">
|
||||
<input type="checkbox" name="value" value="CSS" class="selectgroup-input">
|
||||
<span class="selectgroup-button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">的CSS</font></font></span>
|
||||
</label>
|
||||
<label class="selectgroup-item">
|
||||
<input type="checkbox" name="value" value="PHP" class="selectgroup-input">
|
||||
<span class="selectgroup-button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">的PHP</font></font></span>
|
||||
</label>
|
||||
<label class="selectgroup-item">
|
||||
<input type="checkbox" name="value" value="JavaScript" class="selectgroup-input">
|
||||
<span class="selectgroup-button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">的JavaScript</font></font></span>
|
||||
</label>
|
||||
<label class="selectgroup-item">
|
||||
<input type="checkbox" name="value" value="Ruby" class="selectgroup-input">
|
||||
<span class="selectgroup-button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">红宝石</font></font></span>
|
||||
</label>
|
||||
<label class="selectgroup-item">
|
||||
<input type="checkbox" name="value" value="Ruby" class="selectgroup-input">
|
||||
<span class="selectgroup-button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">红宝石</font></font></span>
|
||||
</label>
|
||||
<label class="selectgroup-item">
|
||||
<input type="checkbox" name="value" value="C++" class="selectgroup-input">
|
||||
<span class="selectgroup-button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">C ++</font></font></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="largeInput"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>活动地点</font></font></label>
|
||||
<input style="" type="text" class="form-control form-control" id="defaultInput" placeholder="">
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>是否可报名</font></font></label>
|
||||
<label class="form-radio-label">
|
||||
<input class="form-radio-input" type="radio" name="optionsRadios" value="" checked="">
|
||||
<span class="form-radio-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">可报名</font></font></span>
|
||||
</label>
|
||||
<label class="form-radio-label ml-3">
|
||||
<input class="form-radio-input" type="radio" name="optionsRadios" value="">
|
||||
<span class="form-radio-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">不可报名</font></font></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group" >
|
||||
<label for="largeInput2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>设定活动参与者</font></font></label>
|
||||
<div class="row" >
|
||||
<input style="width:60% " type="text" class="form-control form-control" id="defaultInput2" placeholder="输入学号/班号进行指定添加">
|
||||
<button class="btn btn-primary btn-border" ><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加对象</font></font></button>
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
<font style="font-size:14px ;left: 30px;position: relative">筛选添加(不选默认为全选)</font>
|
||||
<p></p>
|
||||
<div class="form-group">
|
||||
<div class="form-check">
|
||||
|
||||
<strong><font style="vertical-align: inherit;"> 职务：</font></strong>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">班长</font></font></span>
|
||||
</label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">班干部</font></font></span>
|
||||
</label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">学生会</font></font></span>
|
||||
</label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">年级干部</font></font></span>
|
||||
</label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">无职务</font></font></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
<strong><font style="vertical-align: inherit;"> 学院和专业：</font></strong>
|
||||
|
||||
<select class="form-control" id="exampleFormControlSelect1" style="width: 30%;">
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件学院</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">微电子学院</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有</font></font></option>
|
||||
|
||||
|
||||
</select> <font> 学院 </font> <div style="width: 6%;"></div>
|
||||
<select class="form-control" id="exampleFormControlSelect1" style="width: 30%;">
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件工程</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有</font></font></option>
|
||||
|
||||
</select><font> 专业</font><div style="width: 6%;"></div>
|
||||
|
||||
</div>
|
||||
<div class="row" style="position: relative;top: 15px;">
|
||||
|
||||
<strong><font style="vertical-align: inherit;"> 班级：</font></strong>
|
||||
|
||||
<select class="form-control" id="exampleFormControlSelect1" style="width: 30%;">
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">1</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">3</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有</font></font></option>
|
||||
|
||||
</select>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-check">
|
||||
|
||||
<strong><font style="vertical-align: inherit;"> 性别：</font></strong>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">男</font></font></span>
|
||||
</label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">女</font></font></span>
|
||||
</label>
|
||||
</div>
|
||||
<button class="btn btn-link">
|
||||
<span class="btn-label">
|
||||
<i class="fa fa-link"></i>
|
||||
</span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
|
||||
查看名单（160人）
|
||||
</font></font></button>
|
||||
<div class="card-body">
|
||||
<p class="demo">
|
||||
|
||||
<button class="btn btn-primary btn-border"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">筛选并添加</font></font></button>
|
||||
<button class="btn btn-primary btn-border" style="color:red;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">筛选并移除</font></font></button>
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" >
|
||||
<label for="largeInput3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>设定活动可报名对象</font></font></label>
|
||||
<div class="row" >
|
||||
<input style="width:60% " type="text" class="form-control form-control" id="defaultInput2" placeholder="输入学号/班号进行指定添加">
|
||||
<button class="btn btn-primary btn-border" ><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加对象</font></font></button>
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
<font style="font-size:14px ;left: 30px;position: relative">筛选添加(不选默认为全选)</font>
|
||||
<p></p>
|
||||
<div class="form-group">
|
||||
<div class="form-check"> <strong><font style="vertical-align: inherit;"> 职务：</font></strong>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">班长</font></font></span> </label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">班干部</font></font></span> </label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">学生会</font></font></span> </label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">年级干部</font></font></span> </label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">无职务</font></font></span> </label>
|
||||
</div>
|
||||
<div class="row"> <strong><font style="vertical-align: inherit;"> 学院和专业：</font></strong>
|
||||
<select name="exampleFormControlSelect" class="form-control" id="exampleFormControlSelect2" style="width: 30%;">
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件学院</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">微电子学院</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有</font></font></option>
|
||||
</select>
|
||||
<font> 学院 </font>
|
||||
<div style="width: 6%;"></div>
|
||||
<select name="exampleFormControlSelect" class="form-control" id="exampleFormControlSelect2" style="width: 30%;">
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件工程</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有</font></font></option>
|
||||
</select>
|
||||
<font> 专业</font>
|
||||
<div style="width: 6%;"></div>
|
||||
</div>
|
||||
<div class="row" style="position: relative;top: 15px;"> <strong><font style="vertical-align: inherit;"> 班级：</font></strong>
|
||||
<select name="exampleFormControlSelect" class="form-control" id="exampleFormControlSelect2" style="width: 30%;">
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">1</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">3</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有</font></font></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check"> <strong><font style="vertical-align: inherit;"> 性别：</font></strong>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">男</font></font></span> </label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">女</font></font></span> </label>
|
||||
</div>
|
||||
<button class="btn btn-link">
|
||||
<span class="btn-label">
|
||||
<i class="fa fa-link"></i>
|
||||
</span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
|
||||
查看名单（160人）
|
||||
</font></font></button>
|
||||
<div class="card-body">
|
||||
<p class="demo">
|
||||
<button class="btn btn-primary btn-border"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">筛选并添加</font></font></button>
|
||||
<button class="btn btn-primary btn-border" style="color:red;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">筛选并移除</font></font></button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="form-check">
|
||||
<label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>活动可见范围</font></font></label><br>
|
||||
<label class="form-radio-label">
|
||||
<input class="form-radio-input" type="radio" name="optionsRadios" value="" checked="">
|
||||
<span class="form-radio-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有人可见</font></font></span>
|
||||
</label>
|
||||
<label class="form-radio-label ml-3">
|
||||
<input class="form-radio-input" type="radio" name="optionsRadios" value="">
|
||||
<span class="form-radio-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">仅参与者或报名者可见</font></font></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">报名时间</font></font></label>
|
||||
|
||||
<div class="row">
|
||||
<font style="font-size: 14px">报名开始时间:</font>
|
||||
<input style="width: 20%" class="form-control" id="year" placeholder="年">
|
||||
<input style="width: 20%" class="form-control" id="month" placeholder="月">
|
||||
<input style="width: 20%" class="form-control" id="day" placeholder="日">
|
||||
<button class="btn btn-link">
|
||||
<span class="btn-label">
|
||||
<i class="fa fa-link"></i>
|
||||
</span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
|
||||
展开日历
|
||||
</font></font></button>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<font style="font-size: 14px">报名持续时长:</font>
|
||||
|
||||
<input style="width: 20%" class="form-control" id="tian" placeholder="天">
|
||||
<input style="width: 20%" class="form-control" id="hour" placeholder="小时">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row"><label>
|
||||
<font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>活动进行时间</font></font></label>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<font style="font-size: 14px">开始时间:</font>
|
||||
<input style="width: 20%" class="form-control" id="year" placeholder="年">
|
||||
<input style="width: 20%" class="form-control" id="month" placeholder="月">
|
||||
<input style="width: 20%" class="form-control" id="day" placeholder="日">
|
||||
<button class="btn btn-link">
|
||||
<span class="btn-label">
|
||||
<i class="fa fa-link"></i>
|
||||
</span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
|
||||
展开日历
|
||||
</font></font></button>
|
||||
</div>
|
||||
<div class="row">
|
||||
<font style="font-size: 14px">持续时长:</font>
|
||||
|
||||
<input style="width: 20%" class="form-control" id="tian" placeholder="天">
|
||||
<input style="width: 20%" class="form-control" id="hour" placeholder="小时">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="form-check">
|
||||
<label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>活动是否重复/周期性进行</font></font></label><br>
|
||||
<label class="form-radio-label">
|
||||
<input class="form-radio-input" type="radio" name="optionsRadios" value="" checked="">
|
||||
<span class="form-radio-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">是</font></font></span>
|
||||
</label>
|
||||
<label class="form-radio-label ml-3">
|
||||
<input class="form-radio-input" type="radio" name="optionsRadios" value="">
|
||||
<span class="form-radio-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">否</font></font></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<font style="font-size: 14px">周期:</font>
|
||||
|
||||
<input style="width: 20%" class="form-control" id="week" placeholder="">周
|
||||
</div>
|
||||
<font style="font-size: 14px">哪一天开展活动：</font>
|
||||
<div class="form-check">
|
||||
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">周一</font></font></span>
|
||||
</label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">周二</font></font></span>
|
||||
</label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">周三</font></font></span>
|
||||
</label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">周四</font></font></span>
|
||||
</label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">周五</font></font></span>
|
||||
</label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">周六</font></font></span>
|
||||
</label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">周天</font></font></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>活动是否签到</font></font></label><br>
|
||||
<label class="form-radio-label">
|
||||
<input class="form-radio-input" type="radio" name="optionsRadios" value="" checked="">
|
||||
<span class="form-radio-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">每次签到</font></font></span>
|
||||
</label>
|
||||
<label class="form-radio-label ml-3">
|
||||
<input class="form-radio-input" type="radio" name="optionsRadios" value="">
|
||||
<span class="form-radio-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">随机签到</font></font></span>
|
||||
</label>
|
||||
<label class="form-radio-label ml-3">
|
||||
<input class="form-radio-input" type="radio" name="optionsRadios" value="">
|
||||
<span class="form-radio-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">不签到</font></font></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-group" >
|
||||
<label for="largeInput3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="color: red">* </font>设定活动管理者</font></font></label>
|
||||
<div class="row" >
|
||||
<input style="width:60% " type="text" class="form-control form-control" id="defaultInput2" placeholder="输入学号/班号进行指定添加">
|
||||
<button class="btn btn-primary btn-border" ><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加对象</font></font></button>
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
<font style="font-size:14px ;left: 30px;position: relative">筛选添加(不选默认为全选)</font>
|
||||
<p></p>
|
||||
<div class="form-group">
|
||||
<div class="form-check"> <strong><font style="vertical-align: inherit;"> 职务：</font></strong>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">班长</font></font></span> </label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">班干部</font></font></span> </label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">学生会</font></font></span> </label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">年级干部</font></font></span> </label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">无职务</font></font></span> </label>
|
||||
</div>
|
||||
<div class="row"> <strong><font style="vertical-align: inherit;"> 学院和专业：</font></strong>
|
||||
<select name="exampleFormControlSelect" class="form-control" id="exampleFormControlSelect2" style="width: 30%;">
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件学院</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">微电子学院</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有</font></font></option>
|
||||
</select>
|
||||
<font> 学院 </font>
|
||||
<div style="width: 6%;"></div>
|
||||
<select name="exampleFormControlSelect" class="form-control" id="exampleFormControlSelect2" style="width: 30%;">
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件工程</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有</font></font></option>
|
||||
</select>
|
||||
<font> 专业</font>
|
||||
<div style="width: 6%;"></div>
|
||||
</div>
|
||||
<div class="row" style="position: relative;top: 15px;"> <strong><font style="vertical-align: inherit;"> 班级：</font></strong>
|
||||
<select name="exampleFormControlSelect" class="form-control" id="exampleFormControlSelect2" style="width: 30%;">
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">1</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">3</font></font></option>
|
||||
<option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有</font></font></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check"> <strong><font style="vertical-align: inherit;"> 性别：</font></strong>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">男</font></font></span> </label>
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">女</font></font></span> </label>
|
||||
</div>
|
||||
<button class="btn btn-link">
|
||||
<span class="btn-label">
|
||||
<i class="fa fa-link"></i>
|
||||
</span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
|
||||
查看名单（160人）
|
||||
</font></font></button>
|
||||
<div class="card-body">
|
||||
<p class="demo">
|
||||
<button class="btn btn-primary btn-border"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加为管理员</font></font></button>
|
||||
<button class="btn btn-primary btn-border" style="color:red;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">移除</font></font></button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card-action">
|
||||
<button class="btn btn-success"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">提交</font></font></button>
|
||||
<button class="btn btn-danger" style="left:10%;position: relative"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">取消</font></font></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../assets/js/core/jquery.3.2.1.min.js"></script>
|
||||
<script src="../assets/js/core/popper.min.js"></script>
|
||||
<script src="../assets/js/core/bootstrap.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>
|
||||
<script src="../assets/js/plugin/chart.js/chart.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery.sparkline/jquery.sparkline.min.js"></script>
|
||||
<script src="../assets/js/plugin/chart-circle/circles.min.js"></script>
|
||||
<script src="../assets/js/plugin/datatables/datatables.min.js"></script>
|
||||
<script src="../assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>
|
||||
<script src="../assets/js/plugin/jqvmap/jquery.vmap.min.js"></script>
|
||||
<script src="../assets/js/plugin/jqvmap/maps/jquery.vmap.world.js"></script>
|
||||
<script src="../assets/js/plugin/sweetalert/sweetalert.min.js"></script>
|
||||
<script src="../assets/js/atlantis.min.js"></script>
|
||||
<script src="../assets/js/setting-demo.js"></script>
|
||||
<script src="../assets/js/demo.js"></script>
|
||||
<script>
|
||||
Circles.create({
|
||||
id:'circles-1',
|
||||
radius:45,
|
||||
value:60,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 5,
|
||||
colors:['#f1f1f1', '#FF9E27'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-2',
|
||||
radius:45,
|
||||
value:70,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 36,
|
||||
colors:['#f1f1f1', '#2BB930'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-3',
|
||||
radius:45,
|
||||
value:40,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 12,
|
||||
colors:['#f1f1f1', '#F25961'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
var totalIncomeChart = document.getElementById('totalIncomeChart').getContext('2d');
|
||||
|
||||
var mytotalIncomeChart = new Chart(totalIncomeChart, {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ["S", "M", "T", "W", "T", "F", "S", "S", "M", "T"],
|
||||
datasets : [{
|
||||
label: "Total Income",
|
||||
backgroundColor: '#ff9e27',
|
||||
borderColor: 'rgb(23, 125, 255)',
|
||||
data: [6, 4, 9, 5, 4, 6, 4, 3, 8, 10],
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
display: false //this will remove only the label
|
||||
},
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}],
|
||||
xAxes : [ {
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}]
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
$('#lineChart').sparkline([105,103,123,100,95,105,115], {
|
||||
type: 'line',
|
||||
height: '70',
|
||||
width: '100%',
|
||||
lineWidth: '2',
|
||||
lineColor: '#ffa534',
|
||||
fillColor: 'rgba(255, 165, 52, .14)'
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
0
src/main/resources/templates/huodong3.html
Normal file
0
src/main/resources/templates/huodong3.html
Normal file
387
src/main/resources/templates/huodong4.html
Normal file
387
src/main/resources/templates/huodong4.html
Normal file
@ -0,0 +1,387 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<link href="../static/assets/css/atlantis.css" rel="stylesheet" type="text/css" media="screen">
|
||||
<link href="../static/assets/css/atlantis.css.map.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/atlantis.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/demo.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/fonts.css" rel="stylesheet" type="text/css"><link href="../static/assets/css/fonts.min.css" rel="stylesheet" type="text/css">
|
||||
<div th:include="layout::head"></div>
|
||||
<meta charset="utf-8">
|
||||
<title>home</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Custom template | don't include it in your project! -->
|
||||
|
||||
<!-- End Custom template -->
|
||||
</div>
|
||||
<!-- Core JS Files -->
|
||||
<div class="wrapper">
|
||||
<div class="main-header">
|
||||
<!-- Logo Header -->
|
||||
<div class="logo-header" data-background-color="blue"> <a href="index.html" class="logo"> <img src="../assets/img/logo.svg" alt="navbar brand" class="navbar-brand"></a>
|
||||
<button class="navbar-toggler sidenav-toggler ml-auto" type="button" data-toggle="collapse" data-target="collapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"> <i class="icon-menu"></i></span></button>
|
||||
<button class="topbar-toggler more"><i class="icon-options-vertical"></i></button>
|
||||
<div class="nav-toggle">
|
||||
<button class="btn btn-toggle toggle-sidebar"> <i class="icon-menu"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Logo Header -->
|
||||
<!-- Navbar Header -->
|
||||
<nav class="navbar navbar-header navbar-expand-lg" data-background-color="blue2">
|
||||
<div class="container-fluid">
|
||||
<div class="collapse" id="search-nav">
|
||||
<form class="navbar-left navbar-form nav-search mr-md-3">
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<button type="submit" class="btn btn-search pr-1"> <i class="fa fa-search search-icon"></i></button>
|
||||
</div>
|
||||
<input type="text" placeholder="Search ..." class="form-control">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<ul class="navbar-nav topbar-nav ml-md-auto align-items-center">
|
||||
<li class="nav-item toggle-nav-search hidden-caret"> <a class="nav-link" data-toggle="collapse" href="#search-nav" role="button" aria-expanded="false" aria-controls="search-nav"> <i class="fa fa-search"></i></a></li>
|
||||
<li class="nav-item dropdown hidden-caret"> <a class="nav-link dropdown-toggle" href="#" id="messageDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-envelope"></i></a>
|
||||
<ul class="dropdown-menu messages-notif-box animated fadeIn" aria-labelledby="messageDropdown">
|
||||
<li>
|
||||
<div class="dropdown-title d-flex justify-content-between align-items-center"> Messages <a href="#" class="small">Mark all as read</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="message-notif-scroll scrollbar-outer">
|
||||
<div class="notif-center"> <a href="#">
|
||||
<div class="notif-img"> <img src="../assets/img/jm_denis.jpg" alt="Img Profile"></div>
|
||||
<div class="notif-content"> <span class="subject">Jimmy Denis</span> <span class="block"> How are you ? </span> <span class="time">5 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-img"> <img src="../assets/img/chadengle.jpg" alt="Img Profile"></div>
|
||||
<div class="notif-content"> <span class="subject">Chad</span> <span class="block"> Ok, Thanks ! </span> <span class="time">12 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-img"> <img src="../assets/img/mlane.jpg" alt="Img Profile"></div>
|
||||
<div class="notif-content"> <span class="subject">Jhon Doe</span> <span class="block"> Ready for the meeting today... </span> <span class="time">12 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-img"> <img src="../assets/img/talha.jpg" alt="Img Profile"></div>
|
||||
<div class="notif-content"> <span class="subject">Talha</span> <span class="block"> Hi, Apa Kabar ? </span> <span class="time">17 minutes ago</span></div>
|
||||
</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li> <a class="see-all" href="javascript:void(0);">See all messages<i class="fa fa-angle-right"></i></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown hidden-caret"> <a class="nav-link dropdown-toggle" href="#" id="notifDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-bell"></i> <span class="notification">4</span></a>
|
||||
<ul class="dropdown-menu notif-box animated fadeIn" aria-labelledby="notifDropdown">
|
||||
<li>
|
||||
<div class="dropdown-title">You have 4 new notification</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="notif-scroll scrollbar-outer">
|
||||
<div class="notif-center"> <a href="#">
|
||||
<div class="notif-icon notif-primary"> <i class="fa fa-user-plus"></i></div>
|
||||
<div class="notif-content"> <span class="block"> New user registered </span> <span class="time">5 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-icon notif-success"> <i class="fa fa-comment"></i></div>
|
||||
<div class="notif-content"> <span class="block"> Rahmad commented on Admin </span> <span class="time">12 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-img"> <img src="../assets/img/profile2.jpg" alt="Img Profile"></div>
|
||||
<div class="notif-content"> <span class="block"> Reza send messages to you </span> <span class="time">12 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-icon notif-danger"> <i class="fa fa-heart"></i></div>
|
||||
<div class="notif-content"> <span class="block"> Farrah liked Admin </span> <span class="time">17 minutes ago</span></div>
|
||||
</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li> <a class="see-all" href="javascript:void(0);">See all notifications<i class="fa fa-angle-right"></i></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown hidden-caret"> <a class="nav-link" data-toggle="dropdown" href="#" aria-expanded="false"> <i class="fas fa-layer-group"></i></a>
|
||||
<div class="dropdown-menu quick-actions quick-actions-info animated fadeIn">
|
||||
<div class="quick-actions-header"> <span class="title mb-1">Quick Actions</span> <span class="subtitle op-8">Shortcuts</span></div>
|
||||
<div class="quick-actions-scroll scrollbar-outer">
|
||||
<div class="quick-actions-items">
|
||||
<div class="row m-0"> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-file-1"></i> <span class="text">Generated Report</span></div>
|
||||
</a> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-database"></i> <span class="text">Create New Database</span></div>
|
||||
</a> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-pen"></i> <span class="text">Create New Post</span></div>
|
||||
</a> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-interface-1"></i> <span class="text">Create New Task</span></div>
|
||||
</a> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-list"></i> <span class="text">Completed Tasks</span></div>
|
||||
</a> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-file"></i> <span class="text">Create New Invoice</span></div>
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown hidden-caret"> <a class="dropdown-toggle profile-pic" data-toggle="dropdown" href="#" aria-expanded="false">
|
||||
<div class="avatar-sm"> <img src="../assets/img/profile.jpg" alt="..." class="avatar-img rounded-circle"></div>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-user animated fadeIn">
|
||||
<div class="dropdown-user-scroll scrollbar-outer">
|
||||
<li>
|
||||
<div class="user-box">
|
||||
<div class="avatar-lg"><img src="../assets/img/profile.jpg" alt="image profile" class="avatar-img rounded"></div>
|
||||
<div class="u-text">
|
||||
<h4>Hizrian</h4>
|
||||
<p class="text-muted">hello@example.com</p>
|
||||
<a href="profile.html" class="btn btn-xs btn-secondary btn-sm">View Profile</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">My Profile</a> <a class="dropdown-item" href="#">My Balance</a> <a class="dropdown-item" href="#">Inbox</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Account Setting</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Logout</a></li>
|
||||
</div>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Navbar -->
|
||||
</div>
|
||||
<!-- Sidebar -->
|
||||
<div class="sidebar sidebar-style-2">
|
||||
<div class="sidebar-wrapper scrollbar scrollbar-inner">
|
||||
<div class="sidebar-content">
|
||||
<div class="user">
|
||||
<div class="avatar-sm float-left mr-2"> <img src="../assets/img/profile.jpg" alt="..." class="avatar-img rounded-circle"></div>
|
||||
<div class="info"> <a data-toggle="collapse" href="#collapseExample" aria-expanded="true"> <span> 二狗子<span class="user-level">学生</span> <span class="caret"></span></span></a>
|
||||
<div class="clearfix"></div>
|
||||
<div class="collapse in" id="collapseExample">
|
||||
<ul class="nav">
|
||||
<li> <a href="#profile"> <span class="link-collapse">基本资料</span></a></li>
|
||||
<li> <a href="#edit"> <span class="link-collapse">编辑个人信息</span></a></li>
|
||||
<li> <a href="#settings"> <span class="link-collapse">设置</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="nav nav-primary">
|
||||
<!--
|
||||
<li class="nav-item active"> <a data-toggle="collapse" href="#dashboard" class="collapsed" aria-expanded="false"> <i class="fas fa-home"></i>
|
||||
<p>主页</p>
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="dashboard">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a href="../demo1/index.html"> <span class="sub-item">个人信息</span></a></li>
|
||||
<li> <a href="../demo2/index.html"> <span class="sub-item">成绩</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
-->
|
||||
<li class="nav-section"> <span class="sidebar-mini-icon"> <i class="fa fa-ellipsis-h"></i></span>
|
||||
<h4 class="text-section">功能</h4>
|
||||
</li>
|
||||
<li class="nav-item"> <a data-toggle="collapse" href="#base"> <i class="fas fa-layer-group"></i>
|
||||
<p>活动</p>
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="base">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a href="huodong1.html"> <span class="sub-item">我的活动</span></a></li>
|
||||
<li> <a href="huodong2.html"> <span class="sub-item">创建活动</span></a></li>
|
||||
<li> <a href="huodong3.html"> <span class="sub-item">活动列表</span></a></li>
|
||||
<li> <a href="huodong4.html"> <span class="sub-item">活动报告</span></a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item"> <a data-toggle="collapse" href="#sidebarLayouts"> <i class="fas fa-th-list"></i>
|
||||
<p>消息</p>
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="sidebarLayouts">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a href="sidebar-style-1.html"> <span class="sub-item">我的消息</span></a></li>
|
||||
<li> <a href="overlay-sidebar.html"> <span class="sub-item">发送消息</span></a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item"> <a data-toggle="collapse" href="#forms"> <i class="fas fa-pen-square"></i>
|
||||
<p>请假</p>
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="forms">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a href="forms/forms.html"> <span class="sub-item">请假申请</span></a></li>
|
||||
<li> <a href="forms/forms.html"> <span class="sub-item">假条审核</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="nav-item"> <a href="widgets.html"> <i class="fas fa-desktop"></i>
|
||||
<p>Widgets</p>
|
||||
<span class="badge badge-success">4</span></a></li>
|
||||
<!--
|
||||
<li class="nav-item"> <a data-toggle="collapse" href="#submenu"> <i class="fas fa-bars"></i>
|
||||
<p>Menu Levels</p>
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="submenu">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a data-toggle="collapse" href="#subnav1"> <span class="sub-item">Level 1</span> <span class="caret"></span></a>
|
||||
<div class="collapse" id="subnav1">
|
||||
<ul class="nav nav-collapse subnav">
|
||||
<li> <a href="#"> <span class="sub-item">Level 2</span></a></li>
|
||||
<li> <a href="#"> <span class="sub-item">Level 2</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li> <a data-toggle="collapse" href="#subnav2"> <span class="sub-item">Level 1</span> <span class="caret"></span></a>
|
||||
<div class="collapse" id="subnav2">
|
||||
<ul class="nav nav-collapse subnav">
|
||||
<li> <a href="#"> <span class="sub-item">Level 2</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li> <a href="#"> <span class="sub-item">Level 1</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
-->
|
||||
<li class="mx-4 mt-2"> <a href="#" class="btn btn-primary btn-block"><span class="btn-label mr-2"> <i class="fa fa-heart"></i></span>Buy Pro</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Sidebar -->
|
||||
<!-- Custom template | don't include it in your project! --> <!-- End Custom template -->
|
||||
</div>
|
||||
<script src="../assets/js/core/jquery.3.2.1.min.js"></script> <script src="../assets/js/core/popper.min.js"></script>
|
||||
<script src="../assets/js/core/bootstrap.min.js"></script>
|
||||
|
||||
<!-- jQuery UI -->
|
||||
<script src="../assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
|
||||
|
||||
<!-- jQuery Scrollbar -->
|
||||
<script src="../assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>
|
||||
|
||||
|
||||
<!-- Chart JS -->
|
||||
<script src="../assets/js/plugin/chart.js/chart.min.js"></script>
|
||||
|
||||
<!-- jQuery Sparkline -->
|
||||
<script src="../assets/js/plugin/jquery.sparkline/jquery.sparkline.min.js"></script>
|
||||
|
||||
<!-- Chart Circle -->
|
||||
<script src="../assets/js/plugin/chart-circle/circles.min.js"></script>
|
||||
|
||||
<!-- Datatables -->
|
||||
<script src="../assets/js/plugin/datatables/datatables.min.js"></script>
|
||||
|
||||
<!-- Bootstrap Notify -->
|
||||
<script src="../assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>
|
||||
|
||||
<!-- jQuery Vector Maps -->
|
||||
<script src="../assets/js/plugin/jqvmap/jquery.vmap.min.js"></script>
|
||||
<script src="../assets/js/plugin/jqvmap/maps/jquery.vmap.world.js"></script>
|
||||
|
||||
<!-- Sweet Alert -->
|
||||
<script src="../assets/js/plugin/sweetalert/sweetalert.min.js"></script>
|
||||
|
||||
<!-- Atlantis JS -->
|
||||
<script src="../assets/js/atlantis.min.js"></script>
|
||||
|
||||
<!-- Atlantis DEMO methods, don't include it in your project! -->
|
||||
<script src="../assets/js/setting-demo.js"></script>
|
||||
<script src="../assets/js/demo.js"></script>
|
||||
<script>
|
||||
Circles.create({
|
||||
id:'circles-1',
|
||||
radius:45,
|
||||
value:60,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 5,
|
||||
colors:['#f1f1f1', '#FF9E27'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-2',
|
||||
radius:45,
|
||||
value:70,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 36,
|
||||
colors:['#f1f1f1', '#2BB930'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-3',
|
||||
radius:45,
|
||||
value:40,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 12,
|
||||
colors:['#f1f1f1', '#F25961'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
var totalIncomeChart = document.getElementById('totalIncomeChart').getContext('2d');
|
||||
|
||||
var mytotalIncomeChart = new Chart(totalIncomeChart, {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ["S", "M", "T", "W", "T", "F", "S", "S", "M", "T"],
|
||||
datasets : [{
|
||||
label: "Total Income",
|
||||
backgroundColor: '#ff9e27',
|
||||
borderColor: 'rgb(23, 125, 255)',
|
||||
data: [6, 4, 9, 5, 4, 6, 4, 3, 8, 10],
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
display: false //this will remove only the label
|
||||
},
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}],
|
||||
xAxes : [ {
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}]
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
$('#lineChart').sparkline([105,103,123,100,95,105,115], {
|
||||
type: 'line',
|
||||
height: '70',
|
||||
width: '100%',
|
||||
lineWidth: '2',
|
||||
lineColor: '#ffa534',
|
||||
fillColor: 'rgba(255, 165, 52, .14)'
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
220
src/main/resources/templates/information.html
Normal file
220
src/main/resources/templates/information.html
Normal file
@ -0,0 +1,220 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link href="../static/assets/css/atlantis.css" rel="stylesheet" type="text/css" media="screen">
|
||||
<link href="../static/assets/css/atlantis.css.map.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/atlantis.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/demo.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/fonts.css" rel="stylesheet" type="text/css"><link href="../static/assets/css/fonts.min.css" rel="stylesheet" type="text/css">
|
||||
<div th:include="layout::head"></div>
|
||||
<title>information</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="main-panel" >
|
||||
<div class="card" style="left:20px;position:inherit;width:90%; ">
|
||||
<div style="left: 5%;position: inherit">
|
||||
<div class="page-header" style="height:60px;left:20px"></div>
|
||||
<div class="card-title" style="left:30px;position:inherit "> <font style="vertical-align: inherit" ><font style="vertical-align: inherit;">基本信息</font></font> </div>
|
||||
<table style="width: 80% ;left:20px;position:inherit " class="table table-bordered" >
|
||||
<tbody>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">姓名</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">二狗子</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在校状态</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在校</font></font></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">学号</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2018303208</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">身份</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">学生</font></font></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">手机</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">180892131811</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">性别</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">男</font></font></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">班号</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">14011809</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">班级</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件九班</font></font></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">专业</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件工程</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">学院</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件学院</font></font></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F2F2F2;border-color: #212121">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">邮箱</font></font></th>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">857331073@qq.com</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">职务</font></font></td>
|
||||
<td style="background-color: #FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">无</font></font></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="card-title" style="left:20px;position:inherit " > <font style="vertical-align: inherit" ><font style="vertical-align: inherit;">统计信息</font></font> </div>
|
||||
<table class="table table-bordered" style="width: 80%;left:20px;position:inherit ">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">学分积</font></font></th>
|
||||
<th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">学分积排名</font></font></th>
|
||||
<th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">综合测评</font></font></th>
|
||||
<th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">综测排名</font></font></th>
|
||||
<th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">考勤次数</font></font></th>
|
||||
<th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">考勤率</font></font></th>
|
||||
<th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">活动参加数 </font></font></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr style="background-color: #F2F2F2">
|
||||
<th scope="row"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">1个</font></font></th>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">表格单元格</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">表格单元格</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">表格单元格</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">表格单元格</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">表格单元格</font></font></td>
|
||||
<td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">表格单元格</font></font></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!--
|
||||
<footer class="footer">
|
||||
<div class="container-fluid">
|
||||
<nav class="pull-left">
|
||||
<ul class="nav">
|
||||
<li class="nav-item"> <a class="nav-link" href="#"> ThemeKita </a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="#"> Help </a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="#"> Licenses </a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="copyright ml-auto"> 2018, made with by ThemeKita - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></div>
|
||||
</div>
|
||||
</footer>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../assets/js/core/jquery.3.2.1.min.js"></script>
|
||||
<script src="../assets/js/core/popper.min.js"></script>
|
||||
<script src="../assets/js/core/bootstrap.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>
|
||||
<script src="../assets/js/plugin/chart.js/chart.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery.sparkline/jquery.sparkline.min.js"></script>
|
||||
<script src="../assets/js/plugin/chart-circle/circles.min.js"></script>
|
||||
<script src="../assets/js/plugin/datatables/datatables.min.js"></script>
|
||||
<script src="../assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>
|
||||
<script src="../assets/js/plugin/jqvmap/jquery.vmap.min.js"></script>
|
||||
<script src="../assets/js/plugin/jqvmap/maps/jquery.vmap.world.js"></script>
|
||||
<script src="../assets/js/plugin/sweetalert/sweetalert.min.js"></script>
|
||||
<script src="../assets/js/atlantis.min.js"></script>
|
||||
<script src="../assets/js/setting-demo.js"></script>
|
||||
<script src="../assets/js/demo.js"></script>
|
||||
<script>
|
||||
Circles.create({
|
||||
id:'circles-1',
|
||||
radius:45,
|
||||
value:60,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 5,
|
||||
colors:['#f1f1f1', '#FF9E27'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-2',
|
||||
radius:45,
|
||||
value:70,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 36,
|
||||
colors:['#f1f1f1', '#2BB930'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-3',
|
||||
radius:45,
|
||||
value:40,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 12,
|
||||
colors:['#f1f1f1', '#F25961'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
var totalIncomeChart = document.getElementById('totalIncomeChart').getContext('2d');
|
||||
|
||||
var mytotalIncomeChart = new Chart(totalIncomeChart, {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ["S", "M", "T", "W", "T", "F", "S", "S", "M", "T"],
|
||||
datasets : [{
|
||||
label: "Total Income",
|
||||
backgroundColor: '#ff9e27',
|
||||
borderColor: 'rgb(23, 125, 255)',
|
||||
data: [6, 4, 9, 5, 4, 6, 4, 3, 8, 10],
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
display: false //this will remove only the label
|
||||
},
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}],
|
||||
xAxes : [ {
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}]
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
$('#lineChart').sparkline([105,103,123,100,95,105,115], {
|
||||
type: 'line',
|
||||
height: '70',
|
||||
width: '100%',
|
||||
lineWidth: '2',
|
||||
lineColor: '#ffa534',
|
||||
fillColor: 'rgba(255, 165, 52, .14)'
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
394
src/main/resources/templates/main.html
Normal file
394
src/main/resources/templates/main.html
Normal file
@ -0,0 +1,394 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<link href="../static/assets/css/atlantis.css" rel="stylesheet" type="text/css" media="screen">
|
||||
<link href="../static/assets/css/atlantis.css.map.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/atlantis.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/demo.css" rel="stylesheet" type="text/css">
|
||||
<link href="../static/assets/css/fonts.css" rel="stylesheet" type="text/css"><link href="../static/assets/css/fonts.min.css" rel="stylesheet" type="text/css">
|
||||
<div th:include="layout::head"></div>
|
||||
<meta charset="utf-8">
|
||||
<title>main</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Custom template | don't include it in your project! -->
|
||||
|
||||
<!-- End Custom template -->
|
||||
</div>
|
||||
<!-- Core JS Files -->
|
||||
<div class="wrapper">
|
||||
<div class="main-header">
|
||||
<!-- Logo Header -->
|
||||
<div class="logo-header" data-background-color="blue"> <a href="index.html" class="logo"> <img src="../assets/img/logo.svg" alt="navbar brand" class="navbar-brand"></a>
|
||||
<button class="navbar-toggler sidenav-toggler ml-auto" type="button" data-toggle="collapse" data-target="collapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"> <i class="icon-menu"></i></span></button>
|
||||
<button class="topbar-toggler more"><i class="icon-options-vertical"></i></button>
|
||||
<div class="nav-toggle">
|
||||
<button class="btn btn-toggle toggle-sidebar"> <i class="icon-menu"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Logo Header -->
|
||||
<!-- Navbar Header -->
|
||||
<nav class="navbar navbar-header navbar-expand-lg" data-background-color="blue2">
|
||||
<div class="container-fluid">
|
||||
<div class="collapse" id="search-nav">
|
||||
<form class="navbar-left navbar-form nav-search mr-md-3">
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<button type="submit" class="btn btn-search pr-1"> <i class="fa fa-search search-icon"></i></button>
|
||||
</div>
|
||||
<input type="text" placeholder="Search ..." class="form-control">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<ul class="navbar-nav topbar-nav ml-md-auto align-items-center">
|
||||
<li class="nav-item toggle-nav-search hidden-caret"> <a class="nav-link" data-toggle="collapse" href="#search-nav" role="button" aria-expanded="false" aria-controls="search-nav"> <i class="fa fa-search"></i></a></li>
|
||||
<li class="nav-item dropdown hidden-caret"> <a class="nav-link dropdown-toggle" href="#" id="messageDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-envelope"></i></a>
|
||||
<ul class="dropdown-menu messages-notif-box animated fadeIn" aria-labelledby="messageDropdown">
|
||||
<li>
|
||||
<div class="dropdown-title d-flex justify-content-between align-items-center"> Messages <a href="#" class="small">Mark all as read</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="message-notif-scroll scrollbar-outer">
|
||||
<div class="notif-center"> <a href="#">
|
||||
<div class="notif-img"> <img src="../assets/img/jm_denis.jpg" alt="Img Profile"></div>
|
||||
<div class="notif-content"> <span class="subject">Jimmy Denis</span> <span class="block"> How are you ? </span> <span class="time">5 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-img"> <img src="../assets/img/chadengle.jpg" alt="Img Profile"></div>
|
||||
<div class="notif-content"> <span class="subject">Chad</span> <span class="block"> Ok, Thanks ! </span> <span class="time">12 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-img"> <img src="../assets/img/mlane.jpg" alt="Img Profile"></div>
|
||||
<div class="notif-content"> <span class="subject">Jhon Doe</span> <span class="block"> Ready for the meeting today... </span> <span class="time">12 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-img"> <img src="../assets/img/talha.jpg" alt="Img Profile"></div>
|
||||
<div class="notif-content"> <span class="subject">Talha</span> <span class="block"> Hi, Apa Kabar ? </span> <span class="time">17 minutes ago</span></div>
|
||||
</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li> <a class="see-all" href="javascript:void(0);">See all messages<i class="fa fa-angle-right"></i></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown hidden-caret"> <a class="nav-link dropdown-toggle" href="#" id="notifDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-bell"></i> <span class="notification">4</span></a>
|
||||
<ul class="dropdown-menu notif-box animated fadeIn" aria-labelledby="notifDropdown">
|
||||
<li>
|
||||
<div class="dropdown-title">You have 4 new notification</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="notif-scroll scrollbar-outer">
|
||||
<div class="notif-center"> <a href="#">
|
||||
<div class="notif-icon notif-primary"> <i class="fa fa-user-plus"></i></div>
|
||||
<div class="notif-content"> <span class="block"> New user registered </span> <span class="time">5 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-icon notif-success"> <i class="fa fa-comment"></i></div>
|
||||
<div class="notif-content"> <span class="block"> Rahmad commented on Admin </span> <span class="time">12 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-img"> <img src="../assets/img/profile2.jpg" alt="Img Profile"></div>
|
||||
<div class="notif-content"> <span class="block"> Reza send messages to you </span> <span class="time">12 minutes ago</span></div>
|
||||
</a> <a href="#">
|
||||
<div class="notif-icon notif-danger"> <i class="fa fa-heart"></i></div>
|
||||
<div class="notif-content"> <span class="block"> Farrah liked Admin </span> <span class="time">17 minutes ago</span></div>
|
||||
</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li> <a class="see-all" href="javascript:void(0);">See all notifications<i class="fa fa-angle-right"></i></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown hidden-caret"> <a class="nav-link" data-toggle="dropdown" href="#" aria-expanded="false"> <i class="fas fa-layer-group"></i></a>
|
||||
<div class="dropdown-menu quick-actions quick-actions-info animated fadeIn">
|
||||
<div class="quick-actions-header"> <span class="title mb-1">Quick Actions</span> <span class="subtitle op-8">Shortcuts</span></div>
|
||||
<div class="quick-actions-scroll scrollbar-outer">
|
||||
<div class="quick-actions-items">
|
||||
<div class="row m-0"> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-file-1"></i> <span class="text">Generated Report</span></div>
|
||||
</a> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-database"></i> <span class="text">Create New Database</span></div>
|
||||
</a> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-pen"></i> <span class="text">Create New Post</span></div>
|
||||
</a> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-interface-1"></i> <span class="text">Create New Task</span></div>
|
||||
</a> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-list"></i> <span class="text">Completed Tasks</span></div>
|
||||
</a> <a class="col-6 col-md-4 p-0" href="#">
|
||||
<div class="quick-actions-item"> <i class="flaticon-file"></i> <span class="text">Create New Invoice</span></div>
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown hidden-caret"> <a class="dropdown-toggle profile-pic" data-toggle="dropdown" href="#" aria-expanded="false">
|
||||
<div class="avatar-sm"> <img src="../assets/img/profile.jpg" alt="..." class="avatar-img rounded-circle"></div>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-user animated fadeIn">
|
||||
<div class="dropdown-user-scroll scrollbar-outer">
|
||||
<li>
|
||||
<div class="user-box">
|
||||
<div class="avatar-lg"><img src="../assets/img/profile.jpg" alt="image profile" class="avatar-img rounded"></div>
|
||||
<div class="u-text">
|
||||
<h4>Hizrian</h4>
|
||||
<p class="text-muted">hello@example.com</p>
|
||||
<a href="profile.html" class="btn btn-xs btn-secondary btn-sm">View Profile</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">My Profile</a> <a class="dropdown-item" href="#">My Balance</a> <a class="dropdown-item" href="#">Inbox</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Account Setting</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Logout</a></li>
|
||||
</div>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Navbar -->
|
||||
</div>
|
||||
<!-- Sidebar -->
|
||||
<div class="sidebar sidebar-style-2">
|
||||
<div class="sidebar-wrapper scrollbar scrollbar-inner">
|
||||
<div class="sidebar-content">
|
||||
<div class="user">
|
||||
<div class="avatar-sm float-left mr-2"> <img src="../assets/img/profile.jpg" alt="..." class="avatar-img rounded-circle"></div>
|
||||
<div class="info"> <a data-toggle="collapse" href="#collapseExample" aria-expanded="true"> <span> 二狗子<span class="user-level">学生</span> <span class="caret"></span></span></a>
|
||||
<div class="clearfix"></div>
|
||||
<div class="collapse in" id="collapseExample">
|
||||
<ul class="nav">
|
||||
<li> <a href="#profile"> <span class="link-collapse">基本资料</span></a></li>
|
||||
<li> <a href="#edit"> <span class="link-collapse">编辑个人信息</span></a></li>
|
||||
<li> <a href="#settings"> <span class="link-collapse">修改密码</span></a></li>
|
||||
<li> <a href="#settings"> <span class="link-collapse">注销</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="nav nav-primary">
|
||||
<!--
|
||||
<li class="nav-item active"> <a data-toggle="collapse" href="#dashboard" class="collapsed" aria-expanded="false"> <i class="fas fa-home"></i>
|
||||
<p>主页</p>
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="dashboard">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a href="../demo1/index.html"> <span class="sub-item">个人信息</span></a></li>
|
||||
<li> <a href="../demo2/index.html"> <span class="sub-item">成绩</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
-->
|
||||
<li class="nav-section"> <span class="sidebar-mini-icon"> <i class="fa fa-ellipsis-h"></i></span>
|
||||
<h4 class="text-section">功能</h4>
|
||||
</li>
|
||||
<li class="nav-item"> <a data-toggle="collapse" href="#base"> <i class="fas fa-layer-group"></i>
|
||||
<p>活动</p>
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="base">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a href="huodong-1.html"> <span class="sub-item">我的活动</span></a></li>
|
||||
<li> <a href="huodong-2.html"> <span class="sub-item">创建活动</span></a></li>
|
||||
<li> <a href="huodong-3.html"> <span class="sub-item">活动列表</span></a></li>
|
||||
<li> <a href="huodong-4.html"> <span class="sub-item">活动报告</span></a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item"> <a data-toggle="collapse" href="#sidebarLayouts"> <i class="fas fa-th-list"></i>
|
||||
<p>消息</p>
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="sidebarLayouts">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a href="xiaoxi-1.html"> <span class="sub-item">我的消息</span></a></li>
|
||||
<li> <a href="xiaoxi-2.html"> <span class="sub-item">发送消息</span></a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item"> <a data-toggle="collapse" href="#forms"> <i class="fas fa-pen-square"></i>
|
||||
<p>请假</p>
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="forms">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a href="qingjia-1.html"> <span class="sub-item">请假申请</span></a></li>
|
||||
<li> <a href="qingjia-2.html"> <span class="sub-item">假条审核</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="nav-item"> <a href="widgets.html"> <i class="fas fa-desktop"></i>
|
||||
<p>Widgets</p>
|
||||
<span class="badge badge-success">4</span></a></li>
|
||||
<!--
|
||||
<li class="nav-item"> <a data-toggle="collapse" href="#submenu"> <i class="fas fa-bars"></i>
|
||||
<p>Menu Levels</p>
|
||||
<span class="caret"></span></a>
|
||||
<div class="collapse" id="submenu">
|
||||
<ul class="nav nav-collapse">
|
||||
<li> <a data-toggle="collapse" href="#subnav1"> <span class="sub-item">Level 1</span> <span class="caret"></span></a>
|
||||
<div class="collapse" id="subnav1">
|
||||
<ul class="nav nav-collapse subnav">
|
||||
<li> <a href="#"> <span class="sub-item">Level 2</span></a></li>
|
||||
<li> <a href="#"> <span class="sub-item">Level 2</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li> <a data-toggle="collapse" href="#subnav2"> <span class="sub-item">Level 1</span> <span class="caret"></span></a>
|
||||
<div class="collapse" id="subnav2">
|
||||
<ul class="nav nav-collapse subnav">
|
||||
<li> <a href="#"> <span class="sub-item">Level 2</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li> <a href="#"> <span class="sub-item">Level 1</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
-->
|
||||
<li class="mx-4 mt-2"> <a href="#" class="btn btn-primary btn-block"><span class="btn-label mr-2"> <i class="fa fa-heart"></i></span>Buy Pro</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<iframe id="frame-area" src="huodong2.html" style="width:100%; height:100%;overflow-x: hidden" ></iframe>
|
||||
|
||||
|
||||
<!-- End Sidebar --> <!-- Custom template | don't include it in your project! --> <!-- End Custom template -->
|
||||
</div>
|
||||
<script src="../assets/js/core/jquery.3.2.1.min.js"></script> <script src="../assets/js/core/popper.min.js"></script>
|
||||
<script src="../assets/js/core/bootstrap.min.js"></script>
|
||||
|
||||
<!-- jQuery UI -->
|
||||
<script src="../assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
|
||||
<script src="../assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
|
||||
|
||||
<!-- jQuery Scrollbar -->
|
||||
<script src="../assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>
|
||||
|
||||
|
||||
<!-- Chart JS -->
|
||||
<script src="../assets/js/plugin/chart.js/chart.min.js"></script>
|
||||
|
||||
<!-- jQuery Sparkline -->
|
||||
<script src="../assets/js/plugin/jquery.sparkline/jquery.sparkline.min.js"></script>
|
||||
|
||||
<!-- Chart Circle -->
|
||||
<script src="../assets/js/plugin/chart-circle/circles.min.js"></script>
|
||||
|
||||
<!-- Datatables -->
|
||||
<script src="../assets/js/plugin/datatables/datatables.min.js"></script>
|
||||
|
||||
<!-- Bootstrap Notify -->
|
||||
<script src="../assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>
|
||||
|
||||
<!-- jQuery Vector Maps -->
|
||||
<script src="../assets/js/plugin/jqvmap/jquery.vmap.min.js"></script>
|
||||
<script src="../assets/js/plugin/jqvmap/maps/jquery.vmap.world.js"></script>
|
||||
|
||||
<!-- Sweet Alert -->
|
||||
<script src="../assets/js/plugin/sweetalert/sweetalert.min.js"></script>
|
||||
|
||||
<!-- Atlantis JS -->
|
||||
<script src="../assets/js/atlantis.min.js"></script>
|
||||
|
||||
<!-- Atlantis DEMO methods, don't include it in your project! -->
|
||||
<script src="../assets/js/setting-demo.js"></script>
|
||||
<script src="../assets/js/demo.js"></script>
|
||||
<script>
|
||||
Circles.create({
|
||||
id:'circles-1',
|
||||
radius:45,
|
||||
value:60,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 5,
|
||||
colors:['#f1f1f1', '#FF9E27'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-2',
|
||||
radius:45,
|
||||
value:70,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 36,
|
||||
colors:['#f1f1f1', '#2BB930'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
Circles.create({
|
||||
id:'circles-3',
|
||||
radius:45,
|
||||
value:40,
|
||||
maxValue:100,
|
||||
width:7,
|
||||
text: 12,
|
||||
colors:['#f1f1f1', '#F25961'],
|
||||
duration:400,
|
||||
wrpClass:'circles-wrp',
|
||||
textClass:'circles-text',
|
||||
styleWrapper:true,
|
||||
styleText:true
|
||||
})
|
||||
|
||||
var totalIncomeChart = document.getElementById('totalIncomeChart').getContext('2d');
|
||||
|
||||
var mytotalIncomeChart = new Chart(totalIncomeChart, {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ["S", "M", "T", "W", "T", "F", "S", "S", "M", "T"],
|
||||
datasets : [{
|
||||
label: "Total Income",
|
||||
backgroundColor: '#ff9e27',
|
||||
borderColor: 'rgb(23, 125, 255)',
|
||||
data: [6, 4, 9, 5, 4, 6, 4, 3, 8, 10],
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
display: false //this will remove only the label
|
||||
},
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}],
|
||||
xAxes : [ {
|
||||
gridLines : {
|
||||
drawBorder: false,
|
||||
display : false
|
||||
}
|
||||
}]
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
$('#lineChart').sparkline([105,103,123,100,95,105,115], {
|
||||
type: 'line',
|
||||
height: '70',
|
||||
width: '100%',
|
||||
lineWidth: '2',
|
||||
lineColor: '#ffa534',
|
||||
fillColor: 'rgba(255, 165, 52, .14)'
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user