Files
cms/src/main/resources/templates/dist/thymeleaf/layout.html

117 lines
5.4 KiB
HTML

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<body>
<el-header th:fragment="header">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-menu-item index="1" @click="ClickToJump('home')">首页</el-menu-item>
<el-menu-item index="2" @click="ClickToJump('home/user')">个人中心</el-menu-item>
<el-menu-item index="3" @click="ClickToJump('home/about')">关于</el-menu-item>
<el-menu-item index="4" @click="ClickToJump('home/feedback')">意见反馈</el-menu-item>
<el-menu-item index="5"@click="ClickToJump('logout')">登出</el-menu-item>
</el-menu>
</el-header>
<el-aside width="200px" th:fragment="asider">
<el-row class="tac">
<el-col :span="24">
<h5>默认颜色</h5>
<el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
<el-submenu index="1">
<template slot="title">
<i class="el-icon-location"></i>
<span>导航一</span>
</template>
<el-menu-item-group>
<template slot="title">分组一</template>
<el-menu-item index="1-1">选项1</el-menu-item>
<el-menu-item index="1-2">选项2</el-menu-item>
</el-menu-item-group>
<el-menu-item-group title="分组2">
<el-menu-item index="1-3">选项3</el-menu-item>
</el-menu-item-group>
<el-submenu index="1-4">
<template slot="title">选项4</template>
<el-menu-item index="1-4-1">选项1</el-menu-item>
</el-submenu>
</el-submenu>
<el-menu-item index="2">
<i class="el-icon-menu"></i>
<span slot="title">导航二</span>
</el-menu-item>
<el-menu-item index="3">
<i class="el-icon-setting"></i>
<span slot="title">导航三</span>
</el-menu-item>
</el-menu>
</el-col>
</el-row>
</el-aside>
<el-card class="box-card" th:fragment="userbox">
<div slot="header" class="clearfix">
<!--下面两行报错正常-->
<span th:text="${#httpServletRequest.getSession().getAttribute('USER_SESSION').colname}">用户名</span><br>
<span th:text="${#httpServletRequest.getSession().getAttribute('USER_SESSION').colstudentno}"></span>
</div>
<div class="item">
<el-button type="text" @click="ClickToJump('home')">首页</el-button><br>
<el-button type="text" @click="ClickToJump('home/user')">个人中心</el-button><br>
<el-button type="text" @click="ClickToJump('home/about')">关于</el-button><br>
<el-button type="text" @click="ClickToJump('home/feedback')">意见反馈</el-button>
</div>
</el-card>
<el-card class="box-card" th:fragment="adminbox">
<div slot="header" class="clearfix">
<span>管理员</span><br>
<span>管理员号</span>
</div>
<div class="item">
<el-button type="text" @click="ClickToJump('home/admin')">后台主页</el-button>
<br>
<el-button type="text" @click="ClickToJump('home/admin/managecourse')">课程管理</el-button>
<br>
<el-button type="text" @click="ClickToJump('home/admin/homework')">作业管理</el-button>
<br>
<el-button type="text" @click="ClickToJump('home/admin/manageuser')">用户管理</el-button>
</div>
</el-card>
<el-card class="box-card hidden-xs-only" th:fragment="timelimit">
<div slot="header" class="clearfix">
<span>作业提交倒计时</span>
<span style="color: red"> 功能未完成</span>
</div>
<div class="text item">
<el-table :data="tableHomeworkData" style="width: 100%"
:default-sort="{prop: 'coursename', order: 'descending'}">
<el-table-column prop="coursename" label="科目" sortable width="180">
</el-table-column>
<el-table-column label="倒计时" sortable>
<template slot-scope="scope">
{{limitTime(scope.row)}}
</template>
</el-table-column>
</el-table>
</div>
</el-card>
<el-card class="box-card hidden-xs-only" th:fragment="notice">
<div slot="header" class="clearfix">
<span>公告</span>
</div>
<div v-for="notice in NoticeList" class="text item">
{{notice.noticeContent + notice.issueTime}}
</div>
</el-card>
<el-footer th:fragment="footer">
<div class="footer">
© 2018 作业提交系统
<br>
<a href="http://gdcainfo.miitbeian.gov.cn/">©fjy8018.xin 粤ICP备18026008号 粤ICP备18026008号-1 </a>
</div>
</el-footer>
</body>
</html>