完成前端界面设计
This commit is contained in:
F嘉阳
@@ -36,103 +36,70 @@
|
||||
</el-header>
|
||||
<el-main>
|
||||
<el-col :md="4" :lg="4" :xl="4" class="hidden-sm-and-down">
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>用户名</span><br>
|
||||
<span>学号</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<el-button type="text" @click="ClickToJump('home')">首页</el-button><br>
|
||||
<el-button type="text" @click="ClickToJump('user')">个人中心</el-button><br>
|
||||
<el-button type="text" @click="ClickToJump('about')">关于</el-button><br>
|
||||
<el-button type="text" @click="ClickToJump('feedback')">意见反馈</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-row>
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>用户名</span><br>
|
||||
<span>学号</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<el-button type="text" @click="ClickToJump('home')">首页</el-button>
|
||||
<br>
|
||||
<el-button type="text" @click="ClickToJump('user')">个人中心</el-button>
|
||||
<br>
|
||||
<el-button type="text" @click="ClickToJump('about')">关于</el-button>
|
||||
<br>
|
||||
<el-button type="text" @click="ClickToJump('feedback')">意见反馈</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>管理员</span><br>
|
||||
<span>管理员号</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<el-button type="text" @click="ClickToJump('home')">用户管理</el-button>
|
||||
<br>
|
||||
<el-button type="text" @click="ClickToJump('user')">课程/老师管理</el-button>
|
||||
<br>
|
||||
<el-button type="text" @click="ClickToJump('about')">作业管理</el-button>
|
||||
<br>
|
||||
<el-button type="text" @click="ClickToJump('feedback')">公告/日志</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<el-col :md="12" :lg="12" :xl="12" :sm="16" :xs="23" :offset="1">
|
||||
<h4>添加老师</h4>
|
||||
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
||||
<el-form-item label="老师名字">
|
||||
<el-input v-model="formInline.user" placeholder="老师名字"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="用户号">
|
||||
<el-select v-model="formInline.region" placeholder="用户号">
|
||||
<el-option label="区域一" value="shanghai"></el-option>
|
||||
<el-option label="区域二" value="beijing"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSubmit">添加</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<h4>添加课程</h4>
|
||||
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
||||
<el-form-item label="课程名">
|
||||
<el-input v-model="formInline.user" placeholder="课程名"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="教师名">
|
||||
<el-select v-model="formInline.region" placeholder="教师名">
|
||||
<el-option label="区域一" value="shanghai"></el-option>
|
||||
<el-option label="区域二" value="beijing"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSubmit">添加</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<h4>添加作业</h4>
|
||||
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
||||
<el-form-item label="作业名称">
|
||||
<el-input v-model="formInline.user" placeholder="作业名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="模板文件名称">
|
||||
<el-select v-model="formInline.region" placeholder="模板文件名称">
|
||||
<el-option label="区域一" value="shanghai"></el-option>
|
||||
<el-option label="区域二" value="beijing"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="课程名称">
|
||||
<el-select v-model="formInline.region" placeholder="课程名称">
|
||||
<el-option label="区域一" value="shanghai"></el-option>
|
||||
<el-option label="区域二" value="beijing"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="存储文件夹">
|
||||
<el-input v-model="formInline.user" placeholder="存储文件夹"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="作业内容">
|
||||
<el-input v-model="formInline.user" placeholder="作业内容" type="textarea"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSubmit">添加</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<h4>发布公告</h4>
|
||||
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
||||
<el-form-item label="公告内容">
|
||||
<el-input v-model="formInline.user" placeholder="公告内容" type="textarea"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSubmit">添加</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<h4>添加管理员</h4>
|
||||
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
||||
<el-form-item label="管理员名">
|
||||
<el-input v-model="formInline.user" placeholder="管理员名"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="用户号">
|
||||
<el-select v-model="formInline.region" placeholder="用户号">
|
||||
<el-option label="区域一" value="shanghai"></el-option>
|
||||
<el-option label="区域二" value="beijing"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSubmit">添加</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-col :md="13" :lg="13" :xl="13" :sm="18" :xs="23" :offset="1">
|
||||
<el-row>
|
||||
<h4>发布公告</h4>
|
||||
<el-form :model="form">
|
||||
<el-form-item label="公告内容">
|
||||
<el-input v-model="form.content" placeholder="公告内容" type="textarea"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSubmit">添加</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<span>近期登陆日志</span><br>
|
||||
<template>
|
||||
<el-table :data="logData" height="300" :default-sort="{prop: 'time', order: 'descending'}">
|
||||
<el-table-column prop="username" label="用户名" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column prop="header" label="请求头" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column prop="time" label="时间" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column prop="ip" label="ip地址" sortable>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<el-col :md="7" :lg="7" :sm="7" :xl="7" class="hidden-xs-only">
|
||||
<el-col :md="5" :lg="5" :sm="5" :xl="5" class="hidden-xs-only" :offset="1">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="grid-content">
|
||||
@@ -155,36 +122,13 @@
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="grid-content">
|
||||
<el-card class="box-card hidden-xs-only">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>近期登陆日志</span>
|
||||
</div>
|
||||
<div class="text item">
|
||||
<el-table :data="logData" style="width: 100%"
|
||||
:default-sort="{prop: 'time', order: 'descending'}">
|
||||
<el-table-column prop="username" label="用户名" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column prop="header" label="请求头" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column prop="time" label="时间" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column prop="ip" label="ip地址" sortable>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-main>
|
||||
<el-footer>
|
||||
<div class="footer">
|
||||
© 2018 作业提交系统
|
||||
</div></el-footer>
|
||||
</div>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
</el-container>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user